diff --git a/404.html b/404.html index 7199f04d..683e81fe 100644 --- a/404.html +++ b/404.html @@ -5,9 +5,9 @@ 404 | Toshiki's Note - + - + @@ -31,8 +31,8 @@ -
Toshiki's Note

Appearance

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
Take me home
- +
Toshiki's Note

Appearance

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
Take me home
+ \ No newline at end of file diff --git a/academic/chemistry/index.html b/academic/chemistry/index.html index 754fd694..fbfbf998 100644 --- a/academic/chemistry/index.html +++ b/academic/chemistry/index.html @@ -5,15 +5,15 @@ Welcome to Chemistry | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Welcome to Chemistry ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:3
Reading:1 min
- +
Toshiki's Note

Appearance

Welcome to Chemistry ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:3
Reading:1 min
+ \ No newline at end of file diff --git a/academic/chemistry/notes/12-5.html b/academic/chemistry/notes/12-5.html index 43304af4..5667f415 100644 --- a/academic/chemistry/notes/12-5.html +++ b/academic/chemistry/notes/12-5.html @@ -5,15 +5,15 @@ 12-5: Reaction Mechanism | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

12-5: Reaction Mechanism ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:1.9k
Reading:11 min

12-5-1: Learning Objectives ​

Learning Objectives

One of the major reasons for studying chemical kinetics is to use measurements of the macroscopic properties of a system, such as the rate of change in the concentration of reactants or products with time, to discover the sequence of events that occur at the molecular level during a reaction. This molecular description is the mechanism of the reaction; it describes how individual atoms, ions, or molecules interact to form particular products. The stepwise changes are collectively called the reaction mechanism.

In an internal combustion engine, for example, isooctane reacts with oxygen to give carbon dioxide and water:

2C8H18(l)+25O2( g)⟶16CO2( g)+18H2O(g)2 \mathrm{C}_{8} \mathrm{H}_{18}(\mathrm{l})+25 \mathrm{O}_{2}(\mathrm{~g}) \longrightarrow 16 \mathrm{CO}_{2}(\mathrm{~g})+18 \mathrm{H}_{2} \mathrm{O}(\mathrm{g})

For this reaction to occur in a single step, 25 dioxygen molecules and 2 isooctane molecules would have to collide simultaneously and be converted to 34 molecules of product, which is very unlikely. It is more likely that a complex series of reactions takes place in a stepwise fashion. Each individual reaction, which is called an elementary reaction, involves one, two, or (rarely) three atoms, molecules, or ions. The overall sequence of elementary reactions is the mechanism of the reaction. The sum of the individual steps, or elementary reactions, in the mechanism must give the balanced chemical equation for the overall reaction.

The overall sequence of elementary reactions is the mechanism of the reaction.

12-5-2: Molecularity and the Rate-Determining Step ​

To demonstrate how the analysis of elementary reactions helps us determine the overall reaction mechanism, we will examine the much simpler reaction of carbon monoxide with nitrogen dioxide.

2CO+2NO2→2CO2+N2O4\mathrm{2CO + 2NO_2 \rightarrow 2CO_2 + N_2O_4}

From the balanced chemical equation, one might expect the reaction to occur via a collision of one molecule of NO2\mathrm{NO}_{2} with a molecule of CO\mathrm{CO} that results in the transfer of an oxygen atom from nitrogen to carbon. The experimentally determined rate law for the reaction, however, is as follows:

 rate =k[NO2]2\text { rate }=k\left[\mathrm{NO}_{2}\right]^{2}

The fact that the reaction is second order in [NO2]\left[\mathrm{NO}_{2}\right] and independent of [CO][\mathrm{CO}] tells us that it does not occur by the simple collision model outlined previously. If it did, its predicted rate law would be

 rate =k[NO2][CO].\text { rate }=k\left[\mathrm{NO}_{2}\right][\mathrm{CO}] .

The following two-step mechanism is consistent with the rate law if step 1 is much slower than step 2:

15-2-1: Two-Step Mechanism ​

StepsReactionReaction Type
step 1NO2+NO2⟶ slow NO3+NO\mathrm{NO}_{2}+\mathrm{NO}_{2} \stackrel{\text { slow }}{\longrightarrow} \mathrm{NO}_{3}+\mathrm{NO}elementary reaction
step 2NO3+CO→NO2+CO2‾\underline{\mathrm{NO}_{3}+\mathrm{CO} \rightarrow \mathrm{NO}_{2}+\mathrm{CO}_{2}}elementary reaction
sumNO2+CO→NO+CO2\mathrm{NO}_{2}+\mathrm{CO} \rightarrow \mathrm{NO}+\mathrm{CO}_{2}overall reaction

According to this mechanism, the overall reaction occurs in two steps, or elementary reactions. Summing steps 1 and 2 and canceling on both sides of the equation gives the overall balanced chemical equation for the reaction. The NO3\mathrm{NO_3} molecule is intermediate in the reaction, a species that does not appear in the balanced chemical equation for the overall reaction. It is formed as a product of the first step but is consumed in the second step.

The sum of the elementary reactions in a reaction mechanism must give the overall balanced chemical equation of the reaction.

12-5-3: Using Molecularity to Describe a Rate Law ​

The molecularity of an elementary reaction is the number of molecules that collide during that step in the mechanism. If there is only a single reactant molecule in an elementary reaction, that step is designated as unimolecular; if there are two reactant molecules, it is bimolecular; and if there are three reactant molecules (a relatively rare situation), it is termolecular. Elementary reactions that involve the simultaneous collision of more than three molecules are highly improbable and have never been observed experimentally. (To understand why, try to make three or more marbles or pool balls collide with one another simultaneously!)

About the image

The Basis for Writing Rate Laws of Elementary Reactions. This diagram illustrates how the number of possible collisions per unit time between two reactant species, A and B, depends on the number of A and B particles present. The number of collisions between A and B particles increases as the product of the number of particles, not as the sum. This is why the rate law for an elementary reaction depends on the product of the concentrations of the species that collide in that step. (CC BY-NC-SA; anonymous)

Writing the rate law for an elementary reaction is straightforward because we know how many molecules must collide simultaneously for the elementary reaction to occur; hence the order of the elementary reaction is the same as its molecularity (Table 14.6.1). In contrast, the rate law for the reaction cannot be determined from the balanced chemical equation for the overall reaction. The general rate law for a unimolecular elementary reaction ( A→\mathrm{A} \rightarrow products) is

 rate =k[A].\text { rate }=k[A] .

For bimolecular reactions, the reaction rate depends on the number of collisions per unit time, which is proportional to the product of the concentrations of the reactants, as shown in Figure 14.6.1 For a bimolecular elementary reaction of the form A+B→\mathrm{A}+\mathrm{B} \rightarrow products, the general rate law is

 rate =k[A][B].\text { rate }=k[A][B] .

Elementary ReactionMolecularityRateReaction Order
A→ products \mathrm{A} \rightarrow \text { products }Unimolecular rate =k[ A]\text { rate }=k[\mathrm{~A}]first
2 A→ products 2\mathrm{~A} \rightarrow \text { products }Bimolecular rate =k[ A]2\text { rate }=k[\mathrm{~A}]^2second
A+B→ products \mathrm{A}+\mathrm{B} \rightarrow \text { products }Bimolecular rate =k[ A][B]\text { rate }=k[\mathrm{~A}][\mathrm{B}]second
2 A+B→ products 2 \mathrm{~A}+\mathrm{B} \rightarrow \text { products }Termolecular rate =k[ A]2[ B]\text { rate }=k[\mathrm{~A}]^2[\mathrm{~B}]third
A+B+C→ products \mathrm{A}+\mathrm{B}+\mathrm{C} \rightarrow \text { products }Termolecular rate =k[ A][B][C]\text { rate }=k[\mathrm{~A}][\mathrm{B}][\mathrm{C}]third

For elementary reactions, the order of the elementary reaction is the same as its molecularity. In contrast, the rate law cannot be determined from the balanced chemical equation for the overall reaction (unless it is a single step mechanism and is therefore also an elementary step).

12-5-4: Identifying the Rate-Determining Step ​

Note the important difference between writing rate laws for elementary reactions and the balanced chemical equation of the overall reaction. Because the balanced chemical equation does not necessarily reveal the individual elementary reactions by which the reaction occurs, we cannot obtain the rate law for a reaction from the overall balanced chemical equation alone. In fact, it is the rate law for the slowest overall reaction, which is the same as the rate law for the slowest step in the reaction mechanism, the ratedetermining step, that must give the experimentally determined rate law for the overall reaction.This statement is true if one step is substantially slower than all the others, typically by a factor of 10 or more. If two or more slow steps have comparable rates, the experimentally determined rate laws can become complex. Our discussion is limited to reactions in which one step can be identified as being substantially slower than any other. The reason for this is that any process that occurs through a sequence of steps can take place no faster than the slowest step in the sequence. In an automotive assembly line, for example, a component cannot be used faster than it is produced. Similarly, blood pressure is regulated by the flow of blood through the smallest passages, the capillaries. Because movement through capillaries constitutes the rate-determining step in blood flow, blood pressure can be regulated by medications that cause the capillaries to contract or dilate. A chemical reaction that occurs via a series of elementary reactions can take place no faster than the slowest step in the series of reactions.

Look at the rate laws for each elementary reaction in the example as well as for the overall reaction.

Rate laws for each elementary reaction in our example as well as for the overall reaction

StepsReactionRate
step 1NO2+NO2→k1NO3+NO\mathrm{NO}_2+\mathrm{NO}_2 \stackrel{\mathrm{k}_1}{\rightarrow} \mathrm{NO}_3+\mathrm{NO} rate =k1[NO2]2( predicted) \text { rate }=k_1\left[\mathrm{NO}_2\right]^2(\text { predicted) }
step 2NO3+CO→k2NO2+CO2‾\underline{\mathrm{NO}_3+\mathrm{CO} \stackrel{k_2}{\rightarrow} \mathrm{NO}_2+\mathrm{CO}_2} rate =k2[NO3][CO]( predicted )\text { rate }=k_2\left[\mathrm{NO}_3\right][\mathrm{CO}](\text { predicted })
step 3NO2+CO→kNO+CO2\mathrm{NO}_2+\mathrm{CO} \stackrel{k}{\rightarrow} \mathrm{NO}+\mathrm{CO}_2 rate =k[NO2]2( observed) \text { rate }=k\left[\mathrm{NO}_2\right]^2(\text { observed) }

The experimentally determined rate law for the reaction of NO2\mathrm{NO}_{2} with COC O is the same as the predicted rate law for step 1 . This tells us that the first elementary reaction is the rate-determining step, so kk for the overall reaction must equal k1k_{1}. That is, NO3\mathrm{NO}_{3} is formed slowly in step 1, but once it is formed, it reacts very rapidly with CO in step 2.

Sometimes chemists are able to propose two or more mechanisms that are consistent with the available data. If a proposed mechanism predicts the wrong experimental rate law, however, the mechanism must be incorrect.

12-5-4-1: Example-A Reaction with an Intermediate ​

In an alternative mechanism for the reaction of NO2\mathrm{NO}_{2} with CO\mathrm{CO} with N2O4\mathrm{N}_{2} \mathrm{O}_{4} appearing as an intermediate.

alternative mechanism for the reaction of NO2\mathrm{NO}_{2} with CO\mathrm{CO} with N2O4\mathrm{N}_{2} \mathrm{O}_{4} appearing as an intermediate.

Write the rate law for each elementary reaction. Is this mechanism consistent with the experimentally determined rate law (rate =k[NO2]2t=\mathrm{k[{NO}_{2}]^{2}t})

Given: elementary reactions Asked for: rate law for each elementary reaction and overall rate law

Strategy ​

  • Determine the rate law for each elementary reaction in the reaction.

  • Determine which rate law corresponds to the experimentally determined rate law for the reaction. This rate law is the one for the rate-determining step.

Solution ​

View solution

A The rate law for step 1 is rate =k1[NO2]2=k_{1}\left[\mathrm{NO}_{2}\right]^{2}; for step 2 , it is rate =k2[ N2O4][CO]=k_{2}\left[\mathrm{~N}_{2} \mathrm{O}_{4}\right][\mathrm{CO}].

B If step 1 is slow (and therefore the rate-determining step), then the overall rate law for the reaction will be the same: rate == k1[NO2]2k_{1}\left[\mathrm{NO}_{2}\right]^{2}. This is the same as the experimentally determined rate law. Hence this mechanism, with N2O4\mathrm{N}_{2} \mathrm{O}_{4} as an intermediate, and the one described previously, with NO3\mathrm{NO}_{3} as an intermediate, are kinetically indistinguishable. In this case, further experiments are needed to distinguish between them. For example, the researcher could try to detect the proposed intermediates, NO3\mathrm{NO}_{3} and N2O4\mathrm{N}_{2} \mathrm{O}_{4}, directly.

- +
Toshiki's Note

Appearance

12-5: Reaction Mechanism ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:1.9k
Reading:11 min

12-5-1: Learning Objectives ​

Learning Objectives

One of the major reasons for studying chemical kinetics is to use measurements of the macroscopic properties of a system, such as the rate of change in the concentration of reactants or products with time, to discover the sequence of events that occur at the molecular level during a reaction. This molecular description is the mechanism of the reaction; it describes how individual atoms, ions, or molecules interact to form particular products. The stepwise changes are collectively called the reaction mechanism.

In an internal combustion engine, for example, isooctane reacts with oxygen to give carbon dioxide and water:

2C8H18(l)+25O2( g)⟶16CO2( g)+18H2O(g)2 \mathrm{C}_{8} \mathrm{H}_{18}(\mathrm{l})+25 \mathrm{O}_{2}(\mathrm{~g}) \longrightarrow 16 \mathrm{CO}_{2}(\mathrm{~g})+18 \mathrm{H}_{2} \mathrm{O}(\mathrm{g})

For this reaction to occur in a single step, 25 dioxygen molecules and 2 isooctane molecules would have to collide simultaneously and be converted to 34 molecules of product, which is very unlikely. It is more likely that a complex series of reactions takes place in a stepwise fashion. Each individual reaction, which is called an elementary reaction, involves one, two, or (rarely) three atoms, molecules, or ions. The overall sequence of elementary reactions is the mechanism of the reaction. The sum of the individual steps, or elementary reactions, in the mechanism must give the balanced chemical equation for the overall reaction.

The overall sequence of elementary reactions is the mechanism of the reaction.

12-5-2: Molecularity and the Rate-Determining Step ​

To demonstrate how the analysis of elementary reactions helps us determine the overall reaction mechanism, we will examine the much simpler reaction of carbon monoxide with nitrogen dioxide.

2CO+2NO2→2CO2+N2O4\mathrm{2CO + 2NO_2 \rightarrow 2CO_2 + N_2O_4}

From the balanced chemical equation, one might expect the reaction to occur via a collision of one molecule of NO2\mathrm{NO}_{2} with a molecule of CO\mathrm{CO} that results in the transfer of an oxygen atom from nitrogen to carbon. The experimentally determined rate law for the reaction, however, is as follows:

 rate =k[NO2]2\text { rate }=k\left[\mathrm{NO}_{2}\right]^{2}

The fact that the reaction is second order in [NO2]\left[\mathrm{NO}_{2}\right] and independent of [CO][\mathrm{CO}] tells us that it does not occur by the simple collision model outlined previously. If it did, its predicted rate law would be

 rate =k[NO2][CO].\text { rate }=k\left[\mathrm{NO}_{2}\right][\mathrm{CO}] .

The following two-step mechanism is consistent with the rate law if step 1 is much slower than step 2:

15-2-1: Two-Step Mechanism ​

StepsReactionReaction Type
step 1NO2+NO2⟶ slow NO3+NO\mathrm{NO}_{2}+\mathrm{NO}_{2} \stackrel{\text { slow }}{\longrightarrow} \mathrm{NO}_{3}+\mathrm{NO}elementary reaction
step 2NO3+CO→NO2+CO2‾\underline{\mathrm{NO}_{3}+\mathrm{CO} \rightarrow \mathrm{NO}_{2}+\mathrm{CO}_{2}}elementary reaction
sumNO2+CO→NO+CO2\mathrm{NO}_{2}+\mathrm{CO} \rightarrow \mathrm{NO}+\mathrm{CO}_{2}overall reaction

According to this mechanism, the overall reaction occurs in two steps, or elementary reactions. Summing steps 1 and 2 and canceling on both sides of the equation gives the overall balanced chemical equation for the reaction. The NO3\mathrm{NO_3} molecule is intermediate in the reaction, a species that does not appear in the balanced chemical equation for the overall reaction. It is formed as a product of the first step but is consumed in the second step.

The sum of the elementary reactions in a reaction mechanism must give the overall balanced chemical equation of the reaction.

12-5-3: Using Molecularity to Describe a Rate Law ​

The molecularity of an elementary reaction is the number of molecules that collide during that step in the mechanism. If there is only a single reactant molecule in an elementary reaction, that step is designated as unimolecular; if there are two reactant molecules, it is bimolecular; and if there are three reactant molecules (a relatively rare situation), it is termolecular. Elementary reactions that involve the simultaneous collision of more than three molecules are highly improbable and have never been observed experimentally. (To understand why, try to make three or more marbles or pool balls collide with one another simultaneously!)

About the image

The Basis for Writing Rate Laws of Elementary Reactions. This diagram illustrates how the number of possible collisions per unit time between two reactant species, A and B, depends on the number of A and B particles present. The number of collisions between A and B particles increases as the product of the number of particles, not as the sum. This is why the rate law for an elementary reaction depends on the product of the concentrations of the species that collide in that step. (CC BY-NC-SA; anonymous)

Writing the rate law for an elementary reaction is straightforward because we know how many molecules must collide simultaneously for the elementary reaction to occur; hence the order of the elementary reaction is the same as its molecularity (Table 14.6.1). In contrast, the rate law for the reaction cannot be determined from the balanced chemical equation for the overall reaction. The general rate law for a unimolecular elementary reaction ( A→\mathrm{A} \rightarrow products) is

 rate =k[A].\text { rate }=k[A] .

For bimolecular reactions, the reaction rate depends on the number of collisions per unit time, which is proportional to the product of the concentrations of the reactants, as shown in Figure 14.6.1 For a bimolecular elementary reaction of the form A+B→\mathrm{A}+\mathrm{B} \rightarrow products, the general rate law is

 rate =k[A][B].\text { rate }=k[A][B] .

Elementary ReactionMolecularityRateReaction Order
A→ products \mathrm{A} \rightarrow \text { products }Unimolecular rate =k[ A]\text { rate }=k[\mathrm{~A}]first
2 A→ products 2\mathrm{~A} \rightarrow \text { products }Bimolecular rate =k[ A]2\text { rate }=k[\mathrm{~A}]^2second
A+B→ products \mathrm{A}+\mathrm{B} \rightarrow \text { products }Bimolecular rate =k[ A][B]\text { rate }=k[\mathrm{~A}][\mathrm{B}]second
2 A+B→ products 2 \mathrm{~A}+\mathrm{B} \rightarrow \text { products }Termolecular rate =k[ A]2[ B]\text { rate }=k[\mathrm{~A}]^2[\mathrm{~B}]third
A+B+C→ products \mathrm{A}+\mathrm{B}+\mathrm{C} \rightarrow \text { products }Termolecular rate =k[ A][B][C]\text { rate }=k[\mathrm{~A}][\mathrm{B}][\mathrm{C}]third

For elementary reactions, the order of the elementary reaction is the same as its molecularity. In contrast, the rate law cannot be determined from the balanced chemical equation for the overall reaction (unless it is a single step mechanism and is therefore also an elementary step).

12-5-4: Identifying the Rate-Determining Step ​

Note the important difference between writing rate laws for elementary reactions and the balanced chemical equation of the overall reaction. Because the balanced chemical equation does not necessarily reveal the individual elementary reactions by which the reaction occurs, we cannot obtain the rate law for a reaction from the overall balanced chemical equation alone. In fact, it is the rate law for the slowest overall reaction, which is the same as the rate law for the slowest step in the reaction mechanism, the ratedetermining step, that must give the experimentally determined rate law for the overall reaction.This statement is true if one step is substantially slower than all the others, typically by a factor of 10 or more. If two or more slow steps have comparable rates, the experimentally determined rate laws can become complex. Our discussion is limited to reactions in which one step can be identified as being substantially slower than any other. The reason for this is that any process that occurs through a sequence of steps can take place no faster than the slowest step in the sequence. In an automotive assembly line, for example, a component cannot be used faster than it is produced. Similarly, blood pressure is regulated by the flow of blood through the smallest passages, the capillaries. Because movement through capillaries constitutes the rate-determining step in blood flow, blood pressure can be regulated by medications that cause the capillaries to contract or dilate. A chemical reaction that occurs via a series of elementary reactions can take place no faster than the slowest step in the series of reactions.

Look at the rate laws for each elementary reaction in the example as well as for the overall reaction.

Rate laws for each elementary reaction in our example as well as for the overall reaction

StepsReactionRate
step 1NO2+NO2→k1NO3+NO\mathrm{NO}_2+\mathrm{NO}_2 \stackrel{\mathrm{k}_1}{\rightarrow} \mathrm{NO}_3+\mathrm{NO} rate =k1[NO2]2( predicted) \text { rate }=k_1\left[\mathrm{NO}_2\right]^2(\text { predicted) }
step 2NO3+CO→k2NO2+CO2‾\underline{\mathrm{NO}_3+\mathrm{CO} \stackrel{k_2}{\rightarrow} \mathrm{NO}_2+\mathrm{CO}_2} rate =k2[NO3][CO]( predicted )\text { rate }=k_2\left[\mathrm{NO}_3\right][\mathrm{CO}](\text { predicted })
step 3NO2+CO→kNO+CO2\mathrm{NO}_2+\mathrm{CO} \stackrel{k}{\rightarrow} \mathrm{NO}+\mathrm{CO}_2 rate =k[NO2]2( observed) \text { rate }=k\left[\mathrm{NO}_2\right]^2(\text { observed) }

The experimentally determined rate law for the reaction of NO2\mathrm{NO}_{2} with COC O is the same as the predicted rate law for step 1 . This tells us that the first elementary reaction is the rate-determining step, so kk for the overall reaction must equal k1k_{1}. That is, NO3\mathrm{NO}_{3} is formed slowly in step 1, but once it is formed, it reacts very rapidly with CO in step 2.

Sometimes chemists are able to propose two or more mechanisms that are consistent with the available data. If a proposed mechanism predicts the wrong experimental rate law, however, the mechanism must be incorrect.

12-5-4-1: Example-A Reaction with an Intermediate ​

In an alternative mechanism for the reaction of NO2\mathrm{NO}_{2} with CO\mathrm{CO} with N2O4\mathrm{N}_{2} \mathrm{O}_{4} appearing as an intermediate.

alternative mechanism for the reaction of NO2\mathrm{NO}_{2} with CO\mathrm{CO} with N2O4\mathrm{N}_{2} \mathrm{O}_{4} appearing as an intermediate.

Write the rate law for each elementary reaction. Is this mechanism consistent with the experimentally determined rate law (rate =k[NO2]2t=\mathrm{k[{NO}_{2}]^{2}t})

Given: elementary reactions Asked for: rate law for each elementary reaction and overall rate law

Strategy ​

  • Determine the rate law for each elementary reaction in the reaction.

  • Determine which rate law corresponds to the experimentally determined rate law for the reaction. This rate law is the one for the rate-determining step.

Solution ​

View solution

A The rate law for step 1 is rate =k1[NO2]2=k_{1}\left[\mathrm{NO}_{2}\right]^{2}; for step 2 , it is rate =k2[ N2O4][CO]=k_{2}\left[\mathrm{~N}_{2} \mathrm{O}_{4}\right][\mathrm{CO}].

B If step 1 is slow (and therefore the rate-determining step), then the overall rate law for the reaction will be the same: rate == k1[NO2]2k_{1}\left[\mathrm{NO}_{2}\right]^{2}. This is the same as the experimentally determined rate law. Hence this mechanism, with N2O4\mathrm{N}_{2} \mathrm{O}_{4} as an intermediate, and the one described previously, with NO3\mathrm{NO}_{3} as an intermediate, are kinetically indistinguishable. In this case, further experiments are needed to distinguish between them. For example, the researcher could try to detect the proposed intermediates, NO3\mathrm{NO}_{3} and N2O4\mathrm{N}_{2} \mathrm{O}_{4}, directly.

+ \ No newline at end of file diff --git a/academic/chemistry/problems/02-20.html b/academic/chemistry/problems/02-20.html index 7230e95f..ad0df4a1 100644 --- a/academic/chemistry/problems/02-20.html +++ b/academic/chemistry/problems/02-20.html @@ -5,15 +5,15 @@ Presentation problem: 02-20 | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Presentation problem: 02-20 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:412
Reading:2 min

Question ​

At 500 K500 \mathrm{~K} in the presence of a copper surface, ethanol decomposes according to the equation

C2H5OH(g)⟶CH3CHO(g)+H2(g)\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}(\mathrm{g}) \longrightarrow \mathrm{CH}_3 \mathrm{CHO}(g)+\mathrm{H}_2(g)

The pressure of C2H5OH\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH} was measured as a function of time and the following data were obtained:

Time (s)PC2H5OH (torr) P_{\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}} \text { (torr) }
0250.
100.237
200.224
300.211
400.198
500.185

Since the pressure of a gas is directly proportional to the concentration of gas, we can express the rate law for a gaseous reaction in terms of partial pressures. Using the above data, deduce the rate law, the integrated rate law, and the value of the rate constant, all in terms of pressure units in atm and time in seconds. Predict the pressure of C2H5OH\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH} after 900.s900 . \mathrm{s} from the start of the reaction. (Hint: To determine the order of the reaction with respect to C2H5OH\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}, compare how the pressure of C2H5OH\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH} decreases with each time listing.)

Solution ​

solution graph
◎

Due to the fact that the graph of p[O2]\mathrm{p}\left[\mathrm{O}_2\right] over time is showing R2\mathrm{R}^2 value of 1 we know we have a zero-order reaction. Therefore:

k=p0[C2H5OH]−p[C2H5OH]t=250 torr −185 torr 500 s=0.13 torr s −1k=0.13 torr s s−1×1 atm760 torr =1.71×10−4 atm s−1 rate =kp(C2H5OH)=−kt+p0(C2H5OH)p(C2H5OH)=−(1.71×10−4 atm s−1)×900 s+0.33 atmp(C2H5OH)=0.176 atm s−1\begin{aligned} & \mathrm{k}=\frac{\mathrm{p}_0\left[\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}\right]-\mathrm{p}\left[\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}\right]}{\mathrm{t}}=\frac{250 \text { torr }-185 \text { torr }}{500 \mathrm{~s}}=0.13 \text { torr s }^{-1} \\ & \mathrm{k}=0.13 \text { torr s } \mathrm{s}^{-1} \times \frac{1 \mathrm{~atm}}{760 \text { torr }}=1.71 \times 10^{-4} \mathrm{~atm} \mathrm{~s}^{-1} \\ & \text { rate }=\mathbf{k} \\ & \mathrm{p}\left(\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}\right)=-\mathrm{kt}+\mathrm{p}_0\left(\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}\right) \\ & \mathrm{p}\left(\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}\right)=-\left(1.71 \times 10^{-4} \mathrm{~atm} \mathrm{~s}^{-1}\right) \times 900 \mathrm{~s}+0.33 \mathrm{~atm} \\ & \mathrm{p}\left(\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}\right)=0.176 \mathrm{~atm} \mathrm{~s}^{-1} \\ & \end{aligned}

- +
Toshiki's Note

Appearance

Presentation problem: 02-20 ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:412
Reading:2 min

Question ​

At 500 K500 \mathrm{~K} in the presence of a copper surface, ethanol decomposes according to the equation

C2H5OH(g)⟶CH3CHO(g)+H2(g)\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}(\mathrm{g}) \longrightarrow \mathrm{CH}_3 \mathrm{CHO}(g)+\mathrm{H}_2(g)

The pressure of C2H5OH\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH} was measured as a function of time and the following data were obtained:

Time (s)PC2H5OH (torr) P_{\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}} \text { (torr) }
0250.
100.237
200.224
300.211
400.198
500.185

Since the pressure of a gas is directly proportional to the concentration of gas, we can express the rate law for a gaseous reaction in terms of partial pressures. Using the above data, deduce the rate law, the integrated rate law, and the value of the rate constant, all in terms of pressure units in atm and time in seconds. Predict the pressure of C2H5OH\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH} after 900.s900 . \mathrm{s} from the start of the reaction. (Hint: To determine the order of the reaction with respect to C2H5OH\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}, compare how the pressure of C2H5OH\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH} decreases with each time listing.)

Solution ​

solution graph
◎

Due to the fact that the graph of p[O2]\mathrm{p}\left[\mathrm{O}_2\right] over time is showing R2\mathrm{R}^2 value of 1 we know we have a zero-order reaction. Therefore:

k=p0[C2H5OH]−p[C2H5OH]t=250 torr −185 torr 500 s=0.13 torr s −1k=0.13 torr s s−1×1 atm760 torr =1.71×10−4 atm s−1 rate =kp(C2H5OH)=−kt+p0(C2H5OH)p(C2H5OH)=−(1.71×10−4 atm s−1)×900 s+0.33 atmp(C2H5OH)=0.176 atm s−1\begin{aligned} & \mathrm{k}=\frac{\mathrm{p}_0\left[\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}\right]-\mathrm{p}\left[\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}\right]}{\mathrm{t}}=\frac{250 \text { torr }-185 \text { torr }}{500 \mathrm{~s}}=0.13 \text { torr s }^{-1} \\ & \mathrm{k}=0.13 \text { torr s } \mathrm{s}^{-1} \times \frac{1 \mathrm{~atm}}{760 \text { torr }}=1.71 \times 10^{-4} \mathrm{~atm} \mathrm{~s}^{-1} \\ & \text { rate }=\mathbf{k} \\ & \mathrm{p}\left(\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}\right)=-\mathrm{kt}+\mathrm{p}_0\left(\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}\right) \\ & \mathrm{p}\left(\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}\right)=-\left(1.71 \times 10^{-4} \mathrm{~atm} \mathrm{~s}^{-1}\right) \times 900 \mathrm{~s}+0.33 \mathrm{~atm} \\ & \mathrm{p}\left(\mathrm{C}_2 \mathrm{H}_5 \mathrm{OH}\right)=0.176 \mathrm{~atm} \mathrm{~s}^{-1} \\ & \end{aligned}

+ \ No newline at end of file diff --git a/academic/chemistry/problems/03-02-1.html b/academic/chemistry/problems/03-02-1.html index 8ef9dc69..89d7ca42 100644 --- a/academic/chemistry/problems/03-02-1.html +++ b/academic/chemistry/problems/03-02-1.html @@ -5,15 +5,15 @@ Problem: 03-02-1 | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Problem: 03-02-1 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:404
Reading:2 min

Question ​

2 N2O5(g)→4NO2(g)+O2(g)2 \mathrm{~N}_2 \mathrm{O}_5(g) \rightarrow 4 \mathrm{NO}_2(g)+\mathrm{O}_2(g)

The decomposition of N2O5(g)\mathrm{N}_2 \mathrm{O}_5(g) is represented by the equation above. A sample of N2O5(g)\mathrm{N}_2 \mathrm{O}_5(g) is monitored as it decomposes, and the concentration of N2O5\mathrm{N}_2 \mathrm{O}_5 as a function of time is recorded. The results are shown in the table below.

Time (s)[N2O5]\mathrm{[N_2O_5]}
01.000
25.00.801
50.00.642
75.00.515

Calculate the average rate of the reaction between 50.050.0 and 75.075.0 seconds.

Solution ​

a A+b B→cC+dDa \mathrm{~A}+b \mathrm{~B} \rightarrow c \mathrm{C}+d \mathrm{D}

the rate of reaction is defined as

 rate =−1aΔ[A]Δt=−1bΔ[B]Δt=+1cΔ[C]Δt=+1dΔ[D]Δt\color{cyan}\text { rate }=-\frac{1}{a} \frac{\Delta[\mathrm{A}]}{\Delta t}=-\frac{1}{b} \frac{\Delta[\mathrm{B}]}{\Delta t}=+\frac{1}{c} \frac{\Delta[\mathrm{C}]}{\Delta t}=+\frac{1}{d} \frac{\Delta[\mathrm{D}]}{\Delta t}

Notice that the rate of change in concentration of each species is divided by its coefficient from the balanced chemical equation ( aa, b,cb, c, or dd ). This ensures that the calculated reaction rate is the same no matter which reactant or product is monitored for changes in concentration. In this case, the monitored species was N2O5\mathrm{N}_2 \mathrm{O}_5. With that in mind, let's write the reaction rate in terms of the rate of change in concentration of N2O5\mathrm{N}_2 \mathrm{O}_5 :

 rate =−12Δ[N2O5]Δt\text { rate }=-\frac{1}{2} \frac{\Delta\left[\mathrm{N}_2 \mathrm{O}_5\right]}{\Delta t}

Since the coefficient for N2O5\mathrm{N}_2 \mathrm{O}_5 in the balanced equation is 2 , we divided the rate of change in concentration of N2O5\mathrm{N}_2 \mathrm{O}_5 by 2 . Additionally, since N2O5\mathrm{N}_2 \mathrm{O}_5 is being consumed in the reaction, we included a negative sign in front of the expression.

Now, let's plug in the information from the table to calculate the average reaction rate between 50.050.0 and 75.075.0 seconds:

 rate =−12(0.515M−0.642M)(75.0 s−50.0 s)=2.54×10−3M s−1\begin{aligned} \text { rate } & =-\frac{1}{2} \frac{(0.515 M-0.642 M)}{(75.0 \mathrm{~s}-50.0 \mathrm{~s})} \\ & =2.54 \times 10^{-3} M \mathrm{~s}^{-1} \end{aligned}

So, the average rate of the reaction between 50.050.0 and 75.075.0 seconds is 2.54×10−3Ms−1\bold{2.54 \times 10^{-3} \mathrm{M} \mathrm{s}^{-1}}.

- +
Toshiki's Note

Appearance

Problem: 03-02-1 ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:404
Reading:2 min

Question ​

2 N2O5(g)→4NO2(g)+O2(g)2 \mathrm{~N}_2 \mathrm{O}_5(g) \rightarrow 4 \mathrm{NO}_2(g)+\mathrm{O}_2(g)

The decomposition of N2O5(g)\mathrm{N}_2 \mathrm{O}_5(g) is represented by the equation above. A sample of N2O5(g)\mathrm{N}_2 \mathrm{O}_5(g) is monitored as it decomposes, and the concentration of N2O5\mathrm{N}_2 \mathrm{O}_5 as a function of time is recorded. The results are shown in the table below.

Time (s)[N2O5]\mathrm{[N_2O_5]}
01.000
25.00.801
50.00.642
75.00.515

Calculate the average rate of the reaction between 50.050.0 and 75.075.0 seconds.

Solution ​

a A+b B→cC+dDa \mathrm{~A}+b \mathrm{~B} \rightarrow c \mathrm{C}+d \mathrm{D}

the rate of reaction is defined as

 rate =−1aΔ[A]Δt=−1bΔ[B]Δt=+1cΔ[C]Δt=+1dΔ[D]Δt\color{cyan}\text { rate }=-\frac{1}{a} \frac{\Delta[\mathrm{A}]}{\Delta t}=-\frac{1}{b} \frac{\Delta[\mathrm{B}]}{\Delta t}=+\frac{1}{c} \frac{\Delta[\mathrm{C}]}{\Delta t}=+\frac{1}{d} \frac{\Delta[\mathrm{D}]}{\Delta t}

Notice that the rate of change in concentration of each species is divided by its coefficient from the balanced chemical equation ( aa, b,cb, c, or dd ). This ensures that the calculated reaction rate is the same no matter which reactant or product is monitored for changes in concentration. In this case, the monitored species was N2O5\mathrm{N}_2 \mathrm{O}_5. With that in mind, let's write the reaction rate in terms of the rate of change in concentration of N2O5\mathrm{N}_2 \mathrm{O}_5 :

 rate =−12Δ[N2O5]Δt\text { rate }=-\frac{1}{2} \frac{\Delta\left[\mathrm{N}_2 \mathrm{O}_5\right]}{\Delta t}

Since the coefficient for N2O5\mathrm{N}_2 \mathrm{O}_5 in the balanced equation is 2 , we divided the rate of change in concentration of N2O5\mathrm{N}_2 \mathrm{O}_5 by 2 . Additionally, since N2O5\mathrm{N}_2 \mathrm{O}_5 is being consumed in the reaction, we included a negative sign in front of the expression.

Now, let's plug in the information from the table to calculate the average reaction rate between 50.050.0 and 75.075.0 seconds:

 rate =−12(0.515M−0.642M)(75.0 s−50.0 s)=2.54×10−3M s−1\begin{aligned} \text { rate } & =-\frac{1}{2} \frac{(0.515 M-0.642 M)}{(75.0 \mathrm{~s}-50.0 \mathrm{~s})} \\ & =2.54 \times 10^{-3} M \mathrm{~s}^{-1} \end{aligned}

So, the average rate of the reaction between 50.050.0 and 75.075.0 seconds is 2.54×10−3Ms−1\bold{2.54 \times 10^{-3} \mathrm{M} \mathrm{s}^{-1}}.

+ \ No newline at end of file diff --git a/academic/chemistry/problems/03-02-2.html b/academic/chemistry/problems/03-02-2.html index 18cbbc3f..67ef2f2a 100644 --- a/academic/chemistry/problems/03-02-2.html +++ b/academic/chemistry/problems/03-02-2.html @@ -5,15 +5,15 @@ Problem: 03-02-2 | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Problem: 03-02-2 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:205
Reading:1 min

Question ​

The rate law for a particular reaction is rate =k[XY]2=k[\mathrm{XY}]^2. In an experiment, the initial rate of the reaction is determined to be 0.16 mol/(L⋅s)0.16 \mathrm{~mol} /(\mathrm{L} \cdot \mathrm{s}) when the initial concentration of XY\mathrm{XY} is 0.40 mol/L0.40 \mathrm{~mol} / \mathrm{L}.

  • What is the value of the rate constant, kk, for the reaction?
    • 0.10 L/(mol⋅s)0.10 \mathrm{~L} /(\mathrm{mol} \cdot \mathrm{s})
    • 0.40 L/(mol⋅s)0.40 \mathrm{~L} /(\mathrm{mol} \cdot \mathrm{s})
    • 1.0 L/(mol⋅s)1.0 \mathrm{~L} /(\mathrm{mol} \cdot \mathrm{s})
    • 2.5 L/(mol⋅s)2.5 \mathrm{~L} /(\mathrm{mol} \cdot \mathrm{s})

Solution ​

lo tind the value of the rate constant for the reaction, let's first solve the rate law for kk :

k= rate [XY]2k=\frac{\text { rate }}{[\mathrm{XY}]^2}

Next, let's plug in the initial rate and concentration given in the text:

k=0.16 mol/(L⋅s)(0.40 mol/L)2=0.16 mol/(L⋅s)0.16 mol2/L2=1.0 L/(mol⋅s)\begin{aligned} k & =\frac{0.16 \mathrm{~mol} /(\mathrm{L} \cdot \mathrm{s})}{(0.40 \mathrm{~mol} / \mathrm{L})^2} \\ & =\frac{0.16 \mathrm{~mol} /(\mathrm{L} \cdot \mathrm{s})}{0.16 \mathrm{~mol}^2 / \mathrm{L}^2} \\ & =1.0 \mathrm{~L} /(\mathrm{mol} \cdot \mathrm{s}) \end{aligned}

So, the value of the rate constant for the reaction is 1.0 L/(mol⋅s)1.0 \mathrm{~L} /(\mathrm{mol} \cdot \mathrm{s})

- +
Toshiki's Note

Appearance

Problem: 03-02-2 ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:205
Reading:1 min

Question ​

The rate law for a particular reaction is rate =k[XY]2=k[\mathrm{XY}]^2. In an experiment, the initial rate of the reaction is determined to be 0.16 mol/(L⋅s)0.16 \mathrm{~mol} /(\mathrm{L} \cdot \mathrm{s}) when the initial concentration of XY\mathrm{XY} is 0.40 mol/L0.40 \mathrm{~mol} / \mathrm{L}.

  • What is the value of the rate constant, kk, for the reaction?
    • 0.10 L/(mol⋅s)0.10 \mathrm{~L} /(\mathrm{mol} \cdot \mathrm{s})
    • 0.40 L/(mol⋅s)0.40 \mathrm{~L} /(\mathrm{mol} \cdot \mathrm{s})
    • 1.0 L/(mol⋅s)1.0 \mathrm{~L} /(\mathrm{mol} \cdot \mathrm{s})
    • 2.5 L/(mol⋅s)2.5 \mathrm{~L} /(\mathrm{mol} \cdot \mathrm{s})

Solution ​

lo tind the value of the rate constant for the reaction, let's first solve the rate law for kk :

k= rate [XY]2k=\frac{\text { rate }}{[\mathrm{XY}]^2}

Next, let's plug in the initial rate and concentration given in the text:

k=0.16 mol/(L⋅s)(0.40 mol/L)2=0.16 mol/(L⋅s)0.16 mol2/L2=1.0 L/(mol⋅s)\begin{aligned} k & =\frac{0.16 \mathrm{~mol} /(\mathrm{L} \cdot \mathrm{s})}{(0.40 \mathrm{~mol} / \mathrm{L})^2} \\ & =\frac{0.16 \mathrm{~mol} /(\mathrm{L} \cdot \mathrm{s})}{0.16 \mathrm{~mol}^2 / \mathrm{L}^2} \\ & =1.0 \mathrm{~L} /(\mathrm{mol} \cdot \mathrm{s}) \end{aligned}

So, the value of the rate constant for the reaction is 1.0 L/(mol⋅s)1.0 \mathrm{~L} /(\mathrm{mol} \cdot \mathrm{s})

+ \ No newline at end of file diff --git a/academic/chemistry/problems/03-02-3.html b/academic/chemistry/problems/03-02-3.html index 95c1b73d..42c6dc2f 100644 --- a/academic/chemistry/problems/03-02-3.html +++ b/academic/chemistry/problems/03-02-3.html @@ -5,15 +5,15 @@ Problem 03-02-3 | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Problem 03-02-3 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:246
Reading:1 min

Question ​

2X(g)+2Y(g)→Q(g)+2R(g)2 \mathrm{X}(g)+2 \mathrm{Y}(g) \rightarrow \mathrm{Q}(g)+2 \mathrm{R}(g)

The reaction represented above is found to be second order with respect to X\mathrm{X} and first order with respect to Y\mathrm{Y}.

What happens to the rate of the reaction when [X][\mathrm{X}] is halved and [Y][\mathrm{Y}] is doubled?

  • It increases by a factor of 4.
  • It decreases by a factor of 2.
  • It decreases by a factor of 4.
  • It does not change.

Solution ​

To solve this problem, let's first write out the rate law for the reaction. According to the text, the reaction is second order with respect to X\mathrm{X} and first order with respect to Y\mathrm{Y}, so the rate law is rate =k[X]2[Y]=k[\mathrm{X}]^2[\mathrm{Y}]

Now, let's think about how the rate changes when [X][\mathrm{X}] is halved and [Y][\mathrm{Y}] is doubled. Since [X][\mathrm{X}] is raised to the second power in the rate law, halving [X][\mathrm{X}] decreases the reaction rate by a factor of 4 . Similarly, since [Y][\mathrm{Y}] is raised to the first power, doubling [Y][\mathrm{Y}] increases the reaction rate by a factor of 2 . Combined, these changes result in the reaction rate decreasing by a factor of 2 overall. So, when [X][\mathrm{X}] is halved and [Y][\mathrm{Y}] is doubled, the rate of the reaction decreases by a factor of 2 .

- +
Toshiki's Note

Appearance

Problem 03-02-3 ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:246
Reading:1 min

Question ​

2X(g)+2Y(g)→Q(g)+2R(g)2 \mathrm{X}(g)+2 \mathrm{Y}(g) \rightarrow \mathrm{Q}(g)+2 \mathrm{R}(g)

The reaction represented above is found to be second order with respect to X\mathrm{X} and first order with respect to Y\mathrm{Y}.

What happens to the rate of the reaction when [X][\mathrm{X}] is halved and [Y][\mathrm{Y}] is doubled?

  • It increases by a factor of 4.
  • It decreases by a factor of 2.
  • It decreases by a factor of 4.
  • It does not change.

Solution ​

To solve this problem, let's first write out the rate law for the reaction. According to the text, the reaction is second order with respect to X\mathrm{X} and first order with respect to Y\mathrm{Y}, so the rate law is rate =k[X]2[Y]=k[\mathrm{X}]^2[\mathrm{Y}]

Now, let's think about how the rate changes when [X][\mathrm{X}] is halved and [Y][\mathrm{Y}] is doubled. Since [X][\mathrm{X}] is raised to the second power in the rate law, halving [X][\mathrm{X}] decreases the reaction rate by a factor of 4 . Similarly, since [Y][\mathrm{Y}] is raised to the first power, doubling [Y][\mathrm{Y}] increases the reaction rate by a factor of 2 . Combined, these changes result in the reaction rate decreasing by a factor of 2 overall. So, when [X][\mathrm{X}] is halved and [Y][\mathrm{Y}] is doubled, the rate of the reaction decreases by a factor of 2 .

+ \ No newline at end of file diff --git a/academic/literature/index.html b/academic/literature/index.html index 941f4fbe..e3a5e30a 100644 --- a/academic/literature/index.html +++ b/academic/literature/index.html @@ -5,15 +5,15 @@ Welcome to Literature | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Welcome to Literature ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:3
Reading:1 min
- +
Toshiki's Note

Appearance

Welcome to Literature ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:3
Reading:1 min
+ \ No newline at end of file diff --git a/academic/literature/writing/methods-of-development.html b/academic/literature/writing/methods-of-development.html index 36b0dbd1..8b3ea60b 100644 --- a/academic/literature/writing/methods-of-development.html +++ b/academic/literature/writing/methods-of-development.html @@ -5,15 +5,15 @@ Patterns of Organization and Methods of Development | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Patterns of Organization and Methods of Development ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:2.2k
Reading:13 min

Patterns of organization can help your readers follow the ideas within your essay and your paragraphs, but they can also work as methods of development to help you recognize and further develop ideas and relationships in your writing. Here are some strategies that can help you with both organization and development in your essays.

Major Patterns of Organization ​

A fruit pie.

Read the following sentences:

  • Now take the pie out of the oven and let it cool on the stovetop.
  • Mix the dry ingredients with the liquid ingredients.
  • Set the pie crust aside while you make the filling.

How did it feel to read the above list? A bit confusing, I would guess. That’s because the steps for making a pie were not well organized, and the steps don’t include enough detail for us to know exactly what we should do. (Like what are the dry and liquid ingredients?) We all know that starting instructions from the beginning and giving each detailed step in the order it should happen is vital to having a good outcome, in this case a yummy pie! But it’s not always so simple to know how to organize or develop ideas, and sometimes there’s more than one way, which complicates things even further.

First, let’s take a look at a couple of ways to think about organization.

General to Specific or Specific to General ​

It might be useful to think about organizing your topic like a triangle:

Two triangles. The first is an inverted pyramid for General to Specific, the second is a pyramid for Specific to General.

The first triangle represents starting with the most general, big picture information first, moving then to more detailed and often more personal information later in the paper. The second triangle represents an organizational structure that starts with the specific, small scale information first and then moves to the more global, big picture stuff.

For example, if your topic is traffic in Vancouver, British Columbia, an essay that uses the general-to-specific organizational structure might begin this way:

Many people consider Vancouver, British Columbia, to be a relaxed place to live. They would be shocked to know how bad the traffic is traveling major arteries into the city and even driving around the city itself.

An essay that uses the specific-to-general structure might start like this:

Transit is crowded, parking is expensive, and vehicles stop and go through the main streets of the city of Vancouver, British Columbia, and that is just once travelers brave the crowded arteries to enter the city; Vancouver’s traffic problem does not lend itself to the relaxed atmosphere many believe the city to have.

What’s the difference between these two introductions? And how might they appeal to the intended audience for this essay in different ways? The first introduction is looking at the big picture of the problem and mentions pollution’s impact on all citizens in Portland, while the second introduction focuses on one specific family. The first helps readers see how vast the problem really is, and the second helps connect readers to a real family, making an emotional appeal from the very beginning. Neither introduction is necessarily better. You’ll choose one over the other based on the kind of tone you’d like to create and how you’d like to affect your audience. It’s completely up to you to make this decision.

Does the Triangle Mean the Essay Keeps Getting More Specific or More Broad until the Very End? ​

The triangle is kind of a general guide, meaning you’re allowed to move around within it all you want. For example, it’s possible that each of your paragraphs will be its own triangle, starting with the general or specific and moving out or in. However, if you begin very broadly, it might be effective to end your essay in a more specific, personal way. And if you begin with a personal story, consider ending your essay by touching on the global impact and importance of your topic.

Are There Other Ways to Think about Organizing My Ideas? ​

Yes! Rather than thinking about which of your ideas are most specific or personal or which are more broad or universal, you might consider one of the following ways of organizing your ideas:

  • Most important information first (consider what you want readers to focus on first)
  • Chronological order (the order in time that events take place)
  • Compare and contrast (ideas are organized together because of their relationship to each other)

The section on Methods of Development, below, offers more detail about some of these organizational patterns, along with some others.

Choose one of the following topics, and practice writing a few opening sentences like we did above, once using the general-to-specific format and once using the specific-to-general. Which do you like better? What audience would be attracted to which one? Share with peers to see how others tackled this challenge. How would you rewrite their sentences? Why? Discuss your changes and listen to how your peers have revised your sentences. Taking in other people’s ideas will help you see new ways to approach your own writing and thinking.
Topics:

  • Facing fears
  • Safety in sports
  • Community policing
  • Educating prisoners
  • Sex education

Methods of Development ​

The methods of development covered here are best used as ways to look at what’s already happening in your draft and to consider how you might emphasize or expand on any existing patterns. You might already be familiar with some of these patterns because teachers will sometimes assign them as the purpose for writing an essay. For example, you might have been asked to write a cause-and-effect essay or a comparison-and-contrast essay.

It’s important to emphasize here that patterns of organization or methods of developing content usually happen naturally as a consequence of the way the writer engages with and organizes information while writing. That is to say, most writers don’t sit down and say, “I think I’ll write a cause-and-effect essay today.” Instead, a writer might be more likely to be interested in a topic, say, the state of drinking water in the local community, and as the writer begins to explore the topic, certain cause-and-effect relationships between environmental pollutants and the community water supply may begin to emerge.

So if these patterns just occur naturally in writing, what’s the use in knowing about them? Well, sometimes you might be revising a draft and notice that some of your paragraphs are a bit underdeveloped. Maybe they lack a clear topic, or maybe they lack support. In either case, you can look to these common methods of development to find ways to sharpen those vague topics or to add support where needed. Do you have a clear cause statement somewhere but you haven’t explored the effects? Are you lacking detail somewhere where a narrative story or historical chronology can help build reader interest and add support? Are you struggling to define an idea that might benefit from some comparison or contrast? Read on to consider some of the ways that these strategies can help you in revision.

Cause and Effect (or Effect and Cause) ​

Do you see a potential cause-and-effect relationship developing in your draft? The cause-and-effect pattern may be used to identify one or more causes followed by one or more effects or results. Or you may reverse this sequence and describe effects first and then the cause or causes. For example, the causes of water pollution might be followed by its effects on both humans and animals. You may use obvious transitions to clarify cause and effect, such as “What are the results? Here are some of them…” or you might simply use the words cause, effect, and result, to cue the reader about your about the relationships that you’re establishing.

Problem-Solution ​

At some point does your essay explore a problem or suggest a solution? The problem-solution pattern is commonly used in identifying something that’s wrong and in contemplating what might be done to remedy the situation. There are probably more ways to organize a problem-solution approach, but but here are three possibilities:

  • Describe the problem, followed by the solution.
  • Propose the solution first and then describe the problems that motivated it.
  • Or a problem may be followed by several solutions, one of which is selected as the best.

When the solution is stated at the end of the paper, the pattern is sometimes called the delayed proposal. For a hostile audience, it may be effective to describe the problem, show why other solutions do not work, and finally suggest the favored solution. You can emphasize the words problem and solution to signal these sections of your paper for your reader.

Chronology or Narrative ​

Do you need to develop support for a topic where telling a story can illustrate some important concept for your readers? Material arranged chronologically is explained as it occurs in time. A chronological or narrative method of development might help you find a way to add both interest and content to your essay. Material arranged chronologically is explained as it occurs in time. This pattern may be used to establish what has happened. Chronology or narrative can be a great way to introduce your essay by providing a background or history behind your topic. Or you may want to tell a story to develop one or more points in the body of your essay. You can use transitional words like then, next, and finally to make the parts of the chronology clear.

Comparison and Contrast ​

Are you trying to define something? Do you need your readers to understand what something is and what it is not? The comparison-and-contrast method of development is particularly useful in extending a definition, or anywhere you need to show how a subject is like or unlike another subject. For example, the statement is often made that drug abuse is a medical problem instead of a criminal justice issue. An author might attempt to prove this point by comparing drug addiction to AIDS, cancer, or heart disease to redefine the term “addiction” as a medical problem. A statement in opposition to this idea could just as easily establish contrast by explaining all the ways that addiction is different from what we traditionally understand as an illness. In seeking to establish comparison or contrast in your writing, some words or terms that might be useful are by contrast, in comparison, while, some, and others.

Summary

These four methods of development—cause and effect, problem-solution, chronology or narrative, and comparison and contrast—are just a few ways to organize and develop ideas and content in your essays. It’s important to note that they should not be a starting point for writers who want to write something authentic—something that they care deeply about. Instead, they can be a great way to help you look for what’s already happening with your topic or in a draft, to help you to write more, or to help you reorganize some parts of an essay that seem to lack connection or feel disjointed. Look for organizational patterns when you’re reading work by professional writers. Notice where they combine strategies (e.g., a problem-solution pattern that uses cause-and-effect organization, or a comparison-contrast pattern that uses narrative or chronology to develop similarities or differences). Pay attention to how different writers emphasize and develop their main ideas, and use what you find to inspire you in your own writing. Better yet, work on developing completely new patterns of your own.

Reference

  • This chapter was adapted from “Patterns of Organization and Methods of Development” in The Word on College Reading and Writing by Carol Burnell, Jaime Wood, Monique Babin, Susan Pesznecker, and Nicole Rosevear, which is licensed under a CC BY-NC 4.0 Licence. Adapted by Allison Kilgannon.

  • “Peach and lavender pie” by Heather Joan is licensed under a CC BY-NC-ND 2.0 Licence.

  • “General to Specific vs. Specific to General Triangles” by Carol Burnell, Jaime Wood, Monique Babin, Susan Pesznecker, and Nicole Rosevear is under a CC BY-NC 4.0 Licence.

  • Kilgannon, Allison. “Patterns of Organization and Methods of Development.” Opentextbc.ca, 20 Aug. 2021, opentextbc.ca/advancedenglish/chapter/patterns-of-organization-and-methods-of-development/#:~:text=These%20four%20methods%20of%20development.

- +
Toshiki's Note

Appearance

Patterns of Organization and Methods of Development ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:2.2k
Reading:13 min

Patterns of organization can help your readers follow the ideas within your essay and your paragraphs, but they can also work as methods of development to help you recognize and further develop ideas and relationships in your writing. Here are some strategies that can help you with both organization and development in your essays.

Major Patterns of Organization ​

A fruit pie.

Read the following sentences:

  • Now take the pie out of the oven and let it cool on the stovetop.
  • Mix the dry ingredients with the liquid ingredients.
  • Set the pie crust aside while you make the filling.

How did it feel to read the above list? A bit confusing, I would guess. That’s because the steps for making a pie were not well organized, and the steps don’t include enough detail for us to know exactly what we should do. (Like what are the dry and liquid ingredients?) We all know that starting instructions from the beginning and giving each detailed step in the order it should happen is vital to having a good outcome, in this case a yummy pie! But it’s not always so simple to know how to organize or develop ideas, and sometimes there’s more than one way, which complicates things even further.

First, let’s take a look at a couple of ways to think about organization.

General to Specific or Specific to General ​

It might be useful to think about organizing your topic like a triangle:

Two triangles. The first is an inverted pyramid for General to Specific, the second is a pyramid for Specific to General.

The first triangle represents starting with the most general, big picture information first, moving then to more detailed and often more personal information later in the paper. The second triangle represents an organizational structure that starts with the specific, small scale information first and then moves to the more global, big picture stuff.

For example, if your topic is traffic in Vancouver, British Columbia, an essay that uses the general-to-specific organizational structure might begin this way:

Many people consider Vancouver, British Columbia, to be a relaxed place to live. They would be shocked to know how bad the traffic is traveling major arteries into the city and even driving around the city itself.

An essay that uses the specific-to-general structure might start like this:

Transit is crowded, parking is expensive, and vehicles stop and go through the main streets of the city of Vancouver, British Columbia, and that is just once travelers brave the crowded arteries to enter the city; Vancouver’s traffic problem does not lend itself to the relaxed atmosphere many believe the city to have.

What’s the difference between these two introductions? And how might they appeal to the intended audience for this essay in different ways? The first introduction is looking at the big picture of the problem and mentions pollution’s impact on all citizens in Portland, while the second introduction focuses on one specific family. The first helps readers see how vast the problem really is, and the second helps connect readers to a real family, making an emotional appeal from the very beginning. Neither introduction is necessarily better. You’ll choose one over the other based on the kind of tone you’d like to create and how you’d like to affect your audience. It’s completely up to you to make this decision.

Does the Triangle Mean the Essay Keeps Getting More Specific or More Broad until the Very End? ​

The triangle is kind of a general guide, meaning you’re allowed to move around within it all you want. For example, it’s possible that each of your paragraphs will be its own triangle, starting with the general or specific and moving out or in. However, if you begin very broadly, it might be effective to end your essay in a more specific, personal way. And if you begin with a personal story, consider ending your essay by touching on the global impact and importance of your topic.

Are There Other Ways to Think about Organizing My Ideas? ​

Yes! Rather than thinking about which of your ideas are most specific or personal or which are more broad or universal, you might consider one of the following ways of organizing your ideas:

  • Most important information first (consider what you want readers to focus on first)
  • Chronological order (the order in time that events take place)
  • Compare and contrast (ideas are organized together because of their relationship to each other)

The section on Methods of Development, below, offers more detail about some of these organizational patterns, along with some others.

Choose one of the following topics, and practice writing a few opening sentences like we did above, once using the general-to-specific format and once using the specific-to-general. Which do you like better? What audience would be attracted to which one? Share with peers to see how others tackled this challenge. How would you rewrite their sentences? Why? Discuss your changes and listen to how your peers have revised your sentences. Taking in other people’s ideas will help you see new ways to approach your own writing and thinking.
Topics:

  • Facing fears
  • Safety in sports
  • Community policing
  • Educating prisoners
  • Sex education

Methods of Development ​

The methods of development covered here are best used as ways to look at what’s already happening in your draft and to consider how you might emphasize or expand on any existing patterns. You might already be familiar with some of these patterns because teachers will sometimes assign them as the purpose for writing an essay. For example, you might have been asked to write a cause-and-effect essay or a comparison-and-contrast essay.

It’s important to emphasize here that patterns of organization or methods of developing content usually happen naturally as a consequence of the way the writer engages with and organizes information while writing. That is to say, most writers don’t sit down and say, “I think I’ll write a cause-and-effect essay today.” Instead, a writer might be more likely to be interested in a topic, say, the state of drinking water in the local community, and as the writer begins to explore the topic, certain cause-and-effect relationships between environmental pollutants and the community water supply may begin to emerge.

So if these patterns just occur naturally in writing, what’s the use in knowing about them? Well, sometimes you might be revising a draft and notice that some of your paragraphs are a bit underdeveloped. Maybe they lack a clear topic, or maybe they lack support. In either case, you can look to these common methods of development to find ways to sharpen those vague topics or to add support where needed. Do you have a clear cause statement somewhere but you haven’t explored the effects? Are you lacking detail somewhere where a narrative story or historical chronology can help build reader interest and add support? Are you struggling to define an idea that might benefit from some comparison or contrast? Read on to consider some of the ways that these strategies can help you in revision.

Cause and Effect (or Effect and Cause) ​

Do you see a potential cause-and-effect relationship developing in your draft? The cause-and-effect pattern may be used to identify one or more causes followed by one or more effects or results. Or you may reverse this sequence and describe effects first and then the cause or causes. For example, the causes of water pollution might be followed by its effects on both humans and animals. You may use obvious transitions to clarify cause and effect, such as “What are the results? Here are some of them…” or you might simply use the words cause, effect, and result, to cue the reader about your about the relationships that you’re establishing.

Problem-Solution ​

At some point does your essay explore a problem or suggest a solution? The problem-solution pattern is commonly used in identifying something that’s wrong and in contemplating what might be done to remedy the situation. There are probably more ways to organize a problem-solution approach, but but here are three possibilities:

  • Describe the problem, followed by the solution.
  • Propose the solution first and then describe the problems that motivated it.
  • Or a problem may be followed by several solutions, one of which is selected as the best.

When the solution is stated at the end of the paper, the pattern is sometimes called the delayed proposal. For a hostile audience, it may be effective to describe the problem, show why other solutions do not work, and finally suggest the favored solution. You can emphasize the words problem and solution to signal these sections of your paper for your reader.

Chronology or Narrative ​

Do you need to develop support for a topic where telling a story can illustrate some important concept for your readers? Material arranged chronologically is explained as it occurs in time. A chronological or narrative method of development might help you find a way to add both interest and content to your essay. Material arranged chronologically is explained as it occurs in time. This pattern may be used to establish what has happened. Chronology or narrative can be a great way to introduce your essay by providing a background or history behind your topic. Or you may want to tell a story to develop one or more points in the body of your essay. You can use transitional words like then, next, and finally to make the parts of the chronology clear.

Comparison and Contrast ​

Are you trying to define something? Do you need your readers to understand what something is and what it is not? The comparison-and-contrast method of development is particularly useful in extending a definition, or anywhere you need to show how a subject is like or unlike another subject. For example, the statement is often made that drug abuse is a medical problem instead of a criminal justice issue. An author might attempt to prove this point by comparing drug addiction to AIDS, cancer, or heart disease to redefine the term “addiction” as a medical problem. A statement in opposition to this idea could just as easily establish contrast by explaining all the ways that addiction is different from what we traditionally understand as an illness. In seeking to establish comparison or contrast in your writing, some words or terms that might be useful are by contrast, in comparison, while, some, and others.

Summary

These four methods of development—cause and effect, problem-solution, chronology or narrative, and comparison and contrast—are just a few ways to organize and develop ideas and content in your essays. It’s important to note that they should not be a starting point for writers who want to write something authentic—something that they care deeply about. Instead, they can be a great way to help you look for what’s already happening with your topic or in a draft, to help you to write more, or to help you reorganize some parts of an essay that seem to lack connection or feel disjointed. Look for organizational patterns when you’re reading work by professional writers. Notice where they combine strategies (e.g., a problem-solution pattern that uses cause-and-effect organization, or a comparison-contrast pattern that uses narrative or chronology to develop similarities or differences). Pay attention to how different writers emphasize and develop their main ideas, and use what you find to inspire you in your own writing. Better yet, work on developing completely new patterns of your own.

Reference

  • This chapter was adapted from “Patterns of Organization and Methods of Development” in The Word on College Reading and Writing by Carol Burnell, Jaime Wood, Monique Babin, Susan Pesznecker, and Nicole Rosevear, which is licensed under a CC BY-NC 4.0 Licence. Adapted by Allison Kilgannon.

  • “Peach and lavender pie” by Heather Joan is licensed under a CC BY-NC-ND 2.0 Licence.

  • “General to Specific vs. Specific to General Triangles” by Carol Burnell, Jaime Wood, Monique Babin, Susan Pesznecker, and Nicole Rosevear is under a CC BY-NC 4.0 Licence.

  • Kilgannon, Allison. “Patterns of Organization and Methods of Development.” Opentextbc.ca, 20 Aug. 2021, opentextbc.ca/advancedenglish/chapter/patterns-of-organization-and-methods-of-development/#:~:text=These%20four%20methods%20of%20development.

+ \ No newline at end of file diff --git a/academic/physics/index.html b/academic/physics/index.html index 6f3f0e45..722dbdd1 100644 --- a/academic/physics/index.html +++ b/academic/physics/index.html @@ -5,15 +5,15 @@ Welcome to Physics | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Welcome to Physics ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:3
Reading:1 min
- +
Toshiki's Note

Appearance

Welcome to Physics ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:3
Reading:1 min
+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/1.html b/academic/physics/ipho-formulas-jpn/1.html index 86e49d6e..b16c23b6 100644 --- a/academic/physics/ipho-formulas-jpn/1.html +++ b/academic/physics/ipho-formulas-jpn/1.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 1 | Toshiki's Note - + - + - + - + @@ -36,7 +36,7 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 1 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:1.1k
Reading:5 min

1: 数学 ​

1.1: Taylor 展開 ​

  1. Taylor 展開（アバウトに切り捨てる:

    F(x)=F(x0)+∑F(n)(x0)(x−x0)n/nF(x)=F\left(x_{0}\right)+\sum F^{(n)}\left(x_{0}\right)\left(x-x_{0}\right)^{n} / n

    線形近似（特別な場合）:

    F(x)≈F(x0)+F′(x0)(x−x0)F(x) \approx F\left(x_{0}\right)+F^{\prime}\left(x_{0}\right)\left(x-x_{0}\right)

    ∣x∣≪1|x| \ll 1 のときの例 ::

    sin⁡x≈x,cos⁡x≈1−x2/2,ex≈1+x\sin x \approx x, \cos x \approx 1-x^{2} / 2, e^{x} \approx 1+x

    ln⁡(1+x)≈x,(1+x)n≈1+nx\ln (1+x) \approx x,(1+x)^{n} \approx 1+n x

1.2: 摂動法 ​

  1. 摂動法：摂動のない（直接解ける）問題の解を 00 番目の近似値として求め，前の似値に基づく次の近似値の補正を繰り返して解を求める．

1.3: 定数係数線形微分方程式 ​

  1. 定数係数線形微分方程式 ay′′+by′+cy=0a y^{\prime \prime}+b y^{\prime}+c y=0 の解:

    y=Aexp⁡(λ1x)+Bexp⁡(λ2x). y=A \exp \left(\lambda_1 x\right)+B \exp \left(\lambda_2 x\right) \text {. }

    ここで λ1,2\lambda_{1,2} は特性方程式 aλ2+bλ+c=0a \lambda^2+b \lambda+c=0 の異な る 2 解. もし a,b,ca, b, c が実数で特性方程式の解が複素数 λ1,2=γ±iω\lambda_{1,2}=\gamma \pm i \omega ならば,

    y=Ceγxsin⁡(ωx+φ0)y=C e^{\gamma x} \sin \left(\omega x+\varphi_0\right)

1.4: 複素数 ​

  1. 複素数

    z=a+bi=∣z∣eiφ,zˉ=a−bi=∣z∣e−iφ∣z∣2=zzˉ=a2+b2,φ=arg⁡z=arcsin⁡b∣z∣Re⁡z=(z+zˉ)/2,Im⁡z=(z−zˉ)/2i∣z1z2∣=∣z1∣∣z2∣,arg⁡z1z2=arg⁡z1+arg⁡z2eiφ=cos⁡φ+isin⁡φcos⁡φ=eiφ+e−iφ2,sin⁡φ=eiφ−e−iφ2i\begin{gathered} z=a+b i=|z| e^{i \varphi}, \bar{z}=a-b i=|z| e^{-i \varphi} \\ |z|^2=z \bar{z}=a^2+b^2, \varphi=\arg z=\arcsin \frac{b}{|z|} \\ \operatorname{Re} z=(z+\bar{z}) / 2, \operatorname{Im} z=(z-\bar{z}) / 2 i \\ \left|z_1 z_2\right|=\left|z_1\right|\left|z_2\right|, \arg z_1 z_2=\arg z_1+\arg z_2 \\ e^{i \varphi}=\cos \varphi+i \sin \varphi \\ \cos \varphi=\frac{e^{i \varphi}+e^{-i \varphi}}{2}, \sin \varphi=\frac{e^{i \varphi}-e^{-i \varphi}}{2 i} \end{gathered}

1.5: ベクトルの内積と外積 ​

  1. ベクトルの内積と外積は分配法則が成立する : a(b+c)=ab+aca(b+c)=a b+a c

    a⋅b=b⋅a=axbx+ayby+⋯=abcos⁡φ∣a×b∣=absin⁡φ,a×b=−b×a⊥a,ba×b=(aybz−azby)ex+(azbx−axbz)ey+⋯a×[b×c]=(a⋅c)b−(a⋅b)c\begin{gathered} \boldsymbol{a} \cdot \boldsymbol{b}=\boldsymbol{b} \cdot \boldsymbol{a}=a_x b_x+a_y b_y+\cdots=a b \cos \varphi \\ |\boldsymbol{a} \times \boldsymbol{b}|=a b \sin \varphi, \boldsymbol{a} \times \boldsymbol{b}=-\boldsymbol{b} \times \boldsymbol{a} \perp \boldsymbol{a}, \boldsymbol{b} \\ \boldsymbol{a} \times \boldsymbol{b}=\left(a_y b_z-a_z b_y\right) \boldsymbol{e}_x+\left(a_z b_x-a_x b_z\right) \boldsymbol{e}_y+\cdots \\ \boldsymbol{a} \times[\boldsymbol{b} \times \boldsymbol{c}]=(\boldsymbol{a} \cdot \boldsymbol{c}) \boldsymbol{b}-(\boldsymbol{a} \cdot \boldsymbol{b}) \boldsymbol{c} \end{gathered}

    スカラー三重積（3 つのベクトルで張られる平行四面 体の体積）:

    (a,b,c)≡a⋅[b×c]=[a×b]⋅c=(b,c,a)(\boldsymbol{a}, \boldsymbol{b}, \boldsymbol{c}) \equiv \boldsymbol{a} \cdot[\boldsymbol{b} \times \boldsymbol{c}]=[\boldsymbol{a} \times \boldsymbol{b}] \cdot \boldsymbol{c}=(\boldsymbol{b}, \boldsymbol{c}, \boldsymbol{a})

1.6: 余弦定理と正弦定理 ​

  1. 余弦定理と正弦定理：

    c2=a2+b2−2abcos⁡Ca/sin⁡A=b/sin⁡B=2R\begin{aligned} & c^2=a^2+b^2-2 a b \cos C \\ & a / \sin A=b / \sin B=2 R \end{aligned}

1.7: 三角法 ​

  1. sin⁡(α±β)=sin⁡αcos⁡β±cos⁡αsin⁡βcos⁡(α±β)=cos⁡αcos⁡β∓sin⁡αsin⁡βtan⁡(α±β)=(tan⁡α±tan⁡β)/(1∓tan⁡αtan⁡β)cos⁡2α=1+cos⁡2α2,sin⁡2α=1−cos⁡2α2cos⁡αcos⁡β=cos⁡(α+β)+cos⁡(α−β)2,…cos⁡α+cos⁡β=2(cos⁡α+β2+cos⁡α−β2),…\begin{aligned} & \sin (\alpha \pm \beta)=\sin \alpha \cos \beta \pm \cos \alpha \sin \beta \\ & \cos (\alpha \pm \beta)=\cos \alpha \cos \beta \mp \sin \alpha \sin \beta \\ & \tan (\alpha \pm \beta)=(\tan \alpha \pm \tan \beta) /(1 \mp \tan \alpha \tan \beta) \\ & \cos ^2 \alpha=\frac{1+\cos 2 \alpha}{2}, \sin ^2 \alpha=\frac{1-\cos 2 \alpha}{2} \\ & \cos \alpha \cos \beta=\frac{\cos (\alpha+\beta)+\cos (\alpha-\beta)}{2}, \ldots \\ & \cos \alpha+\cos \beta=2\left(\cos \frac{\alpha+\beta}{2}+\cos \frac{\alpha-\beta}{2}\right), \ldots \end{aligned}

1.8: 円周角 ​

  1. 円周角は中心角の半分. よって，直角三角形の斜辺は その外接円の直径. もし四角形の対角の和が 180 度な らば，それは円に内接する.

1.9: 三角形の面樍 ​

  1. 三角形の面樍 =12aha=pr=p(p−a)(p−b)(p−c)=abc/4R=\frac{1}{2} a h_a=p r=\sqrt{p(p-a)(p-b)(p-c)}=a b c / 4 R
- +M1001 80h400000v40h-400000z">​​

1.13: 積分 ​

  1. 積分：微分の公式の左辺と右辺を入れ替えたものと同 じ（逆演算）.例えば,

    ∫xn dx=xn+1/(n+1).\int x^n \mathrm{~d} x=x^{n+1} /(n+1) .

    置換積分の特別な場合 :

    ∫f(ax+b)dx=F(ax+b)/a.\int f(a x+b) \mathrm{d} x=F(a x+b) / a .

1.14: 円錐曲線 ​

  1. 円錐曲線: a11x2+2a12xy+a22y2+a1x+a2y+a0=a_{11} x^2+2 a_{12} x y+a_{22} y^2+a_1 x+a_2 y+a_0= 0 で, a11=a22a_{11}=a_{22} ならば円, a11(a11a22−a122)>0a_{11}\left(a_{11} a_{22}-a_{12}^2\right)>0 ならば楕円, ⋯<0\cdots<0 ならば双曲線, a11a22−a122=0a_{11} a_{22}-a_{12}^2=0 ならば放物線. 楕円 : l1+l2=2a,α1=α2l_1+l_2=2 a, \alpha_1=\alpha_2 [訳 者注 : 焦点と曲線上の点を結ぶ直線と接線とのなす角 ], A=πabA=\pi a b. 双曲線 : l1−l2=2a,α1+α2=0l_1-l_2=2 a, \alpha_1+\alpha_2=0. 放物線 :l+h=: l+h= const., α1=α2\alpha_1=\alpha_2.

1.15: 数值計算 & 台形規則 ​

  1. 数值計算. f(x)=0f(x)=0 の解を求めるニュートン法 :

    xn+1=xn−f(xn)/f′(xn)x_{n+1}=x_n-f\left(x_n\right) / f^{\prime}\left(x_n\right)

    近似積分の台形規則：

    ∫abf(x)dx≈b−a2n[f(x0)+2{f(x1)+⋯ +f(xn−1)}+f(xn)]\begin{array}{r} \int_a^b f(x) \mathrm{d} x \approx \frac{b-a}{2 n}\left[f\left(x_0\right)+2\left\{f\left(x_1\right)+\cdots\right.\right. \left.\left.+f\left(x_{n-1}\right)\right\}+f\left(x_n\right)\right] \end{array}

1.16: ベクトルの微分 & 積分 ​

  1. ベクトルの微分と積分：成分ごとに微分/積分する．あるいは無限に近い22つのベクトルの差を求めることで 微分す.
+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/10.html b/academic/physics/ipho-formulas-jpn/10.html index 09a90b8a..275ff9b4 100644 --- a/academic/physics/ipho-formulas-jpn/10.html +++ b/academic/physics/ipho-formulas-jpn/10.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 10 | Toshiki's Note - + - + - + - + @@ -36,7 +36,7 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 10 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:613
Reading:3 min

10: 熱力学 ​

10.1: pV=wMRTp V=\frac{w}{M} R T ​

  1. pV=wMRTp V=\frac{w}{M} R T.

10.2: モルの気体の内部エネルギー ​

  1. 1 モルの気体の内部エネルギー: U=i2RTU=\frac{i}{2} R T [訳者注: 単 原子分子理想気体 i=3i=3, 二原子分子理想気体 i=5]i=5].

10.3: 標準状態 ​

  1. 標準状態での 1 モルの気体の体積は 22.4 L22.4 \mathrm{~L}.

10.4: 断熱過程 ​

  1. 断熱過程: 音速に比べて遅く, 熱の出入りがない. pVγ=p V^\gamma= const. (TVγ−1=\left(T V^{\gamma-1}=\right. const. )).

10.5: γ=Cp/Cv=(i+2)/i ​

  1. γ=cp/cv=(i+2)/i\gamma=c_p / c_v=(i+2) / i.

10.6: Boltzmann 分布 ​

  1. Boltzmann 分布 :

    ρ=ρ0e−Mgh/RT=ρ0e−U/kBT\rho=\rho_0 e^{-M g h / R T}=\rho_0 e^{-U / k_B T}

10.7: Maxwell 分布 ​

  1. Maxwell 分布（v の速さをもつ分子の数）

    訳者注

    位相空間で v\boldsymbol{v} と v+dv\boldsymbol{v}+\mathrm{d} \boldsymbol{v} の間にある分子の数の分布 であり，v の速さをもつ分子の数の分布とは異なる] ∝e−mv2/2kBT\propto e^{-m \boldsymbol{v}^2 / 2 k_B T}

10.8: 大気圧 ​

  1. 大気圧 : Δp≪p\Delta p \ll p ならば Δp=ρgΔh\Delta p=\rho g \Delta h.

10.9: 公式 ​

  1. p=13mnv2‾=nkBT(np=\frac{1}{3} m n \overline{v^2}=n k_B T(n は数密度 ),v2‾‾=), \sqrt{\overline{\overline{v^2}}}=
- +M1001 80h400000v40h-400000z">​,ν=vnS.

10.10: Carnot サイクル ​

  1. Carnot サイクル : 断熱過程 2 つと等温過程 2 つ. S−TS-T 座標を用いることにより η=(T1−T2)/T1\eta=\left(T_1-T_2\right) / T_1 を得る.

10.11: ヒートポンプ ​

  1. ヒートポンプ: Carnot サイクルの逆. η=T1T1−T2\eta=\frac{T_1}{T_1-T_2}.

10.12: エントロピー ​

  1. エントロピー :dS=dQ/T: \mathrm{d} S=\mathrm{d} Q / T.

10.13: 熱力学第一法則 ​

  1. 熱力学第一法則 : d′U=d′A+d′Q\mathrm{d}^{\prime} U=\mathrm{d}^{\prime} A+\mathrm{d}^{\prime} Q

10.14: 熱力学第二法則 ​

  1. 熱力学第二法則 : ΔS≥0\Delta S \geq 0 (また ηreal ≤ηCarnot )\left.\eta_{\text {real }} \leq \eta_{\text {Carnot }}\right).

10.15: 気体のする仕事 ​

  1. 気体のする仕事（ポイント 10 も参照）:

    A=∫p dV, 断熱過程: A=i2Δ(pV)A=\int p \mathrm{~d} V, \quad \text { 断熱過程: } A=\frac{i}{2} \Delta(p V)

10.16: Dalton の法則 ​

  1. Dalton の法則: p=p= ∑pi\sum p_i

    訳者注

    理想気体のみ成立

10.17: 沸騰 ​

  1. 沸騰: 飽和蒸気の圧力 pv=p0.2p_v=p_0 .2 液の界面では pv1+pv2=p0p_{v 1}+p_{v 2}=p_0.

10.18: 熱流 ​

  1. 熱流: P=kSΔT/lP=k S \Delta T / l ( kk は熱伝導率). 直流回路に似て いる (P↔I,ΔT↔V,k↔1/ρ)(P \leftrightarrow I, \Delta T \leftrightarrow V, k \leftrightarrow 1 / \rho).

10.19: 熱容量 ​

  1. 熱容量 : Q=∫c(T)dTQ=\int c(T) \mathrm{d} T. 固体では低温で c∝T3c \propto T^3, 高温で c=3NkBc=3 N k_B （Dulong-Petit の法則. ここで NN は結晶中の原子数）

10.20: 表面張力 ​

  1. 表面張力 :

    U=Sσ,F=lσ,p=2σ/RU=S \sigma, F=l \sigma, p=2 \sigma / R

10.21: Stefan-Boltzmann の法則 (灰色体) ​

  1. Stefan-Boltzmann の法則 (灰色体) : P=εσAT4P=\varepsilon \sigma A T^4.

10.22: Wien の変位則 ​

  1. Wien の変位則: νmax⁡=AkBT/h(A≈\nu_{\max }=A k_B T / h(A \approx 2.8), λmax⁡=hc/A′kBT(A′≈5)\lambda_{\max }=h c / A^{\prime} k_B T\left(A^{\prime} \approx 5\right).
+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/11.html b/academic/physics/ipho-formulas-jpn/11.html index 0ec2b230..3665c3db 100644 --- a/academic/physics/ipho-formulas-jpn/11.html +++ b/academic/physics/ipho-formulas-jpn/11.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 11 | Toshiki's Note - + - + - + - + @@ -36,7 +36,7 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 11 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:314
Reading:1 min

11: 量子力学 ​

11.1:p=hk ​

  1. p=ℏk(∣p∣=h/λ),E=ℏω=hν\boldsymbol{p}=\hbar \boldsymbol{k}(|\boldsymbol{p}|=h / \lambda), E=\hbar \omega=h \nu.

11.2: 干渉 ​

  1. 干渉 : 波動光学のように.

11.3: 不確定性 ​

  1. 不確定性（数学の定理）:

    ΔpΔx≥ℏ2,ΔEΔt≥ℏ2,ΔωΔt≥12\Delta p \Delta x \geq \frac{\hbar}{2}, \Delta E \Delta t \geq \frac{\hbar}{2}, \Delta \omega \Delta t \geq \frac{1}{2}

    滑らかでない場合の定性的な推定には hh の方が適する (ΔpΔx≈h(\Delta p \Delta x \approx h など )).

11.4: スペクトル ​

  1. スペクトル : hν=En−Emh \nu=E_n-E_m. スペクトル線の幅は寿 命に関係し, Γτ≈ℏ\Gamma \tau \approx \hbar.

11.5: 振動子 ​

  1. 振動子（例えば分子）のエネルギー準位（固有振動数 ν0):En=(n+12)hν0\left.\nu_0\right): E_n=\left(n+\frac{1}{2}\right) h \nu_0. 多数の固有振動数の場合, E=∑hniνiE=\sum h n_i \nu_i.

11.6: トンネル効果 ​

  1. トンネル効果: 幅 ll の障壁 Γ\Gamma は, Γτ≈ℏ(τ=\Gamma \tau \approx \hbar(\tau= l/Γ/m)l / \sqrt{\Gamma / m})
- +M1001 80h400000v40h-400000z">​) であれば容易に透過する.

11.7: Bohr モデル ​

  1. Bohr モデル : En∝−1/n2E_n \propto-1 / n^2. (古典的に計算される) 円軌道では, 軌道の長さが波長 λ=h/mv\lambda=h / m v の整数倍.

11.8: Compton 効果 ​

  1. Compton 効果: 光子が電子から散乱されると, 光子の Δλ=λC(1−cos⁡θ)\Delta \lambda=\lambda_C(1-\cos \theta)

11.9: 光電効果 ​

  1. 光電効果: W+mvmax⁡2/2=hνW+m v_{\max }^2 / 2=h \nu ( WW は仕事関数 )). I−VI-V グラフ：光電流は阻止電圧 V=−(hν−W)/eV=-(h \nu-W) / e で始まり, 正方向に電圧が大きくなると緩和する.

11.10: Stefan-Boltzmann の法則 ​

  1. Stefan-Boltzmann の法則 : P=σAT4P=\sigma A T^4
+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/12.html b/academic/physics/ipho-formulas-jpn/12.html index 837288d9..77efb41b 100644 --- a/academic/physics/ipho-formulas-jpn/12.html +++ b/academic/physics/ipho-formulas-jpn/12.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 12 | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 12 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:332
Reading:1 min

12: Kepler の法則 ​

12.1: F & U ​

  1. F=GMm/r2,U=−GMm/r. F=G M m / r^2, U=-G M m / r \text {. }

12.2: Kepler の第一法則 ​

  1. Kepler の第一法則 (2 質点の重力相互作用)：それぞ れの軌道は，系の質量中心に焦点を持つ楕円，双曲線, 放物線になる. これは Runge-Lenz ベクトルから得ら れる (ポイント 9).

12.3: Kepler の第二法則 ​

  1. Kepler の第二法則（角運動量の保存）: 中心力が働く 場にある質点について，その位置ベクトルは単位時間 に一定の面積を描く.

12.4: Kepler の第三法則 ​

  1. Kepler の第三法則 :r−2: r^{-2} に比例する力が働く場で楕円 軌道を描く複数の質点について, 周期は長半径の 32\frac{3}{2} 乗 に比例する :

    T12/T22=a13/a23T_1^2 / T_2^2=a_1^3 / a_2^3

12.5: 楕円軌道 ​

  1. 重力場中で楕円軌道を描く質点の全エネルギー (K+U)(K+U) :

    E=−GMm/2aE=-G M m / 2 a

12.6: 楕円率 ​

  1. 楕円率が ε=d/a≪1\varepsilon=d / a \ll 1 の場合, 軌道は焦点をずらし た円形をしていると考えられる.

12.7: 楕円の性質 ​

  1. 楕円の性質 :l1+l2=2a（l1: l_1+l_2=2 a （ l_1 と l2l_2 は焦点までの距 離). α1=α2\alpha_1=\alpha_2 (一方の焦点から出た光は他方の焦点に 反射する). S=πabS=\pi a b.

12.8: 円の中心 ​

  1. 円とその円の中心に焦点をもつ楕円は長軸の部分での み接する.

12.9: nge-Lenz ベクトル ​

  1. Runge-Lenz ベクトル（楕円率ベクトル）[訳者注：こ のベクトルはむしろ離心率と関係する.そこでここで は離心率ベクトルとして知られるベクトルを代わりに 記す.これは焦点から近日点に向かう向きで，大きさ が離心率 ee に一致する.]：

    e=v×MGMm−er= const. \boldsymbol{e}=\frac{\boldsymbol{v} \times \boldsymbol{M}}{G M m}-\boldsymbol{e}_r=\text { const. }

- +
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 12 ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:332
Reading:1 min

12: Kepler の法則 ​

12.1: F & U ​

  1. F=GMm/r2,U=−GMm/r. F=G M m / r^2, U=-G M m / r \text {. }

12.2: Kepler の第一法則 ​

  1. Kepler の第一法則 (2 質点の重力相互作用)：それぞ れの軌道は，系の質量中心に焦点を持つ楕円，双曲線, 放物線になる. これは Runge-Lenz ベクトルから得ら れる (ポイント 9).

12.3: Kepler の第二法則 ​

  1. Kepler の第二法則（角運動量の保存）: 中心力が働く 場にある質点について，その位置ベクトルは単位時間 に一定の面積を描く.

12.4: Kepler の第三法則 ​

  1. Kepler の第三法則 :r−2: r^{-2} に比例する力が働く場で楕円 軌道を描く複数の質点について, 周期は長半径の 32\frac{3}{2} 乗 に比例する :

    T12/T22=a13/a23T_1^2 / T_2^2=a_1^3 / a_2^3

12.5: 楕円軌道 ​

  1. 重力場中で楕円軌道を描く質点の全エネルギー (K+U)(K+U) :

    E=−GMm/2aE=-G M m / 2 a

12.6: 楕円率 ​

  1. 楕円率が ε=d/a≪1\varepsilon=d / a \ll 1 の場合, 軌道は焦点をずらし た円形をしていると考えられる.

12.7: 楕円の性質 ​

  1. 楕円の性質 :l1+l2=2a（l1: l_1+l_2=2 a （ l_1 と l2l_2 は焦点までの距 離). α1=α2\alpha_1=\alpha_2 (一方の焦点から出た光は他方の焦点に 反射する). S=πabS=\pi a b.

12.8: 円の中心 ​

  1. 円とその円の中心に焦点をもつ楕円は長軸の部分での み接する.

12.9: nge-Lenz ベクトル ​

  1. Runge-Lenz ベクトル（楕円率ベクトル）[訳者注：こ のベクトルはむしろ離心率と関係する.そこでここで は離心率ベクトルとして知られるベクトルを代わりに 記す.これは焦点から近日点に向かう向きで，大きさ が離心率 ee に一致する.]：

    e=v×MGMm−er= const. \boldsymbol{e}=\frac{\boldsymbol{v} \times \boldsymbol{M}}{G M m}-\boldsymbol{e}_r=\text { const. }

+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/13.html b/academic/physics/ipho-formulas-jpn/13.html index a0dcd250..07a000a0 100644 --- a/academic/physics/ipho-formulas-jpn/13.html +++ b/academic/physics/ipho-formulas-jpn/13.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 13 | Toshiki's Note - + - + - + - + @@ -36,7 +36,7 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 13 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:488
Reading:2 min

13: 相対性理論 ​

13.1:Lorentz 変換 ​

  1. Lorentz 変換 (Minkowski 幾何学の 4 次元時空の回 転）(慣性系間の速度が V=Vex):β=V/c,γ=\left.\boldsymbol{V}=V \boldsymbol{e}_x\right): \beta=V / c, \gamma=

    1/1−β2 として, ct′=γ(ct−βx),x′=γ(x−βct),y′=yE′/c=γ(E/c−βpx),px′=γ(px−βE/c),py′=py ここで, E=mc21−v2/c2=mc2+12mv2+⋯px=mvx1−v2/c2, etc. \begin{aligned} & 1 / \sqrt{1-\beta^2} \text { として, } \\ & \qquad c t^{\prime}=\gamma(c t-\beta x), x^{\prime}=\gamma(x-\beta c t), y^{\prime}=y \\ & E^{\prime} / c=\gamma\left(E / c-\beta p_x\right), p_x^{\prime}=\gamma\left(p_x-\beta E / c\right), p_y^{\prime}=p_y \\ & \text { ここで, } \\ & E=\frac{m c^2}{\sqrt{1-v^2 / c^2}}=m c^2+\frac{1}{2} m v^2+\cdots \\ & p_x=\frac{m v_x}{\sqrt{1-v^2 / c^2}}, \text { etc. } \end{aligned}

    Toshiki's Note

    Appearance

    Formulas for IPhO 日本語版: Section 13 ​

    Author:Anda Toshiki
    Updated:2 minutes ago
    Words:488
    Reading:2 min

    13: 相対性理論 ​

    13.1:Lorentz 変換 ​

    1. Lorentz 変換 (Minkowski 幾何学の 4 次元時空の回 転）(慣性系間の速度が V=Vex):β=V/c,γ=\left.\boldsymbol{V}=V \boldsymbol{e}_x\right): \beta=V / c, \gamma=

      1/1−β2 として, ct′=γ(ct−βx),x′=γ(x−βct),y′=yE′/c=γ(E/c−βpx),px′=γ(px−βE/c),py′=py ここで, E=mc21−v2/c2=mc2+12mv2+⋯px=mvx1−v2/c2, etc. \begin{aligned} & 1 / \sqrt{1-\beta^2} \text { として, } \\ & \qquad c t^{\prime}=\gamma(c t-\beta x), x^{\prime}=\gamma(x-\beta c t), y^{\prime}=y \\ & E^{\prime} / c=\gamma\left(E / c-\beta p_x\right), p_x^{\prime}=\gamma\left(p_x-\beta E / c\right), p_y^{\prime}=p_y \\ & \text { ここで, } \\ & E=\frac{m c^2}{\sqrt{1-v^2 / c^2}}=m c^2+\frac{1}{2} m v^2+\cdots \\ & p_x=\frac{m v_x}{\sqrt{1-v^2 / c^2}}, \text { etc. } \end{aligned}

    13.11: 電場と磁場の Lorentz 変換 ​

    1. 電場と磁場の Lorentz 変換 : E∥′=E∥,B∥′=B∥\boldsymbol{E}_{\|}^{\prime}=\boldsymbol{E}_{\|}, \boldsymbol{B}_{\|}^{\prime}=\boldsymbol{B}_{\|},

      E⊥′/c=γ(E⊥/c+v/c×B⊥),B⊥′=γ(B⊥−v/c×E⊥/c)\begin{gathered} \boldsymbol{E}_{\perp}^{\prime} / c=\gamma\left(\boldsymbol{E}_{\perp} / c+\boldsymbol{v} / c \times \boldsymbol{B}_{\perp}\right), \\ \boldsymbol{B}_{\perp}^{\prime}=\gamma\left(\boldsymbol{B}_{\perp}-\boldsymbol{v} / c \times \boldsymbol{E}_{\perp} / c\right) \end{gathered}

- +M1001 80h400000v40h-400000z">​

13.11: 電場と磁場の Lorentz 変換 ​

  1. 電場と磁場の Lorentz 変換 : E∥′=E∥,B∥′=B∥\boldsymbol{E}_{\|}^{\prime}=\boldsymbol{E}_{\|}, \boldsymbol{B}_{\|}^{\prime}=\boldsymbol{B}_{\|},

    E⊥′/c=γ(E⊥/c+v/c×B⊥),B⊥′=γ(B⊥−v/c×E⊥/c)\begin{gathered} \boldsymbol{E}_{\perp}^{\prime} / c=\gamma\left(\boldsymbol{E}_{\perp} / c+\boldsymbol{v} / c \times \boldsymbol{B}_{\perp}\right), \\ \boldsymbol{B}_{\perp}^{\prime}=\gamma\left(\boldsymbol{B}_{\perp}-\boldsymbol{v} / c \times \boldsymbol{E}_{\perp} / c\right) \end{gathered}

+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/2.html b/academic/physics/ipho-formulas-jpn/2.html index 523832fa..0fd18e4c 100644 --- a/academic/physics/ipho-formulas-jpn/2.html +++ b/academic/physics/ipho-formulas-jpn/2.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 2 | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 2 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:210
Reading:1 min

2: 一般的な推奨事 ​

  1. 全ての計算式の正しさを確かめる：a) 次元を調べる. b) 簡単で特別な場合を調べる（2 つの変数が等しい, 1 つの変数が 0 または ∞\infty ). c) 解の定性的な挙動の妥当 性を調ベる. 2.もし問題文中に驚くベき偶然の一致があれば（例えば 2 つのものが同じ), 解答の鍵はそこにあるかもしれ ない.
  2. 問題文中の推奨事項をよく読む. 些細な部分に重要な 情報が含まれている場合があるので，問題文の文言に 注意する. かなり時間をかけても問題が解けない場合 は, 問題を誤解しているかもしれないので, もう一度 問題文を読む.
  3. 長くて時間のかかる計算は, 簡略化しなければならな い始めの方程式を全て書き出したのち, 最後（他の全 てが終わったとき) まで先送りする.
  4. 絶望的に難しいと思われる問題でも，たいてい非常に シンプルな解法がある.オリンピックの問題に限って 言えば，絶対に解ける.
  5. 実験では, a) 測定するほどの時問が無いとしても, 実 験計画の概略を書く，b) 結果の正確さを高める方法を 考える，c) 測定した值を全て（表として）書き出す.
- +
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 2 ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:210
Reading:1 min

2: 一般的な推奨事 ​

  1. 全ての計算式の正しさを確かめる：a) 次元を調べる. b) 簡単で特別な場合を調べる（2 つの変数が等しい, 1 つの変数が 0 または ∞\infty ). c) 解の定性的な挙動の妥当 性を調ベる. 2.もし問題文中に驚くベき偶然の一致があれば（例えば 2 つのものが同じ), 解答の鍵はそこにあるかもしれ ない.
  2. 問題文中の推奨事項をよく読む. 些細な部分に重要な 情報が含まれている場合があるので，問題文の文言に 注意する. かなり時間をかけても問題が解けない場合 は, 問題を誤解しているかもしれないので, もう一度 問題文を読む.
  3. 長くて時間のかかる計算は, 簡略化しなければならな い始めの方程式を全て書き出したのち, 最後（他の全 てが終わったとき) まで先送りする.
  4. 絶望的に難しいと思われる問題でも，たいてい非常に シンプルな解法がある.オリンピックの問題に限って 言えば，絶対に解ける.
  5. 実験では, a) 測定するほどの時問が無いとしても, 実 験計画の概略を書く，b) 結果の正確さを高める方法を 考える，c) 測定した值を全て（表として）書き出す.
+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/3.html b/academic/physics/ipho-formulas-jpn/3.html index 7e14674e..8afc5068 100644 --- a/academic/physics/ipho-formulas-jpn/3.html +++ b/academic/physics/ipho-formulas-jpn/3.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 3 | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 3 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:473
Reading:2 min

3: 運動学 ​

3.1: 質点 ​

  1. 質点または剛体の並進運動の場合（積分 → グラフの下 の面積）：

    v=dxdt,x=∫vdt(x=∫vx dt など )a=dvdt=d2xdt2,v=∫adtt=∫vx−1 dx=∫ax−1 dvx,x=∫vxax dvx\begin{gathered} \boldsymbol{v}=\frac{\mathrm{d} \boldsymbol{x}}{\mathrm{d} t}, \boldsymbol{x}=\int \boldsymbol{v} \mathrm{d} t\left(x=\int v_x \mathrm{~d} t \text { など }\right) \\ \boldsymbol{a}=\frac{\mathrm{d} \boldsymbol{v}}{\mathrm{d} t}=\frac{\mathrm{d}^2 \boldsymbol{x}}{\mathrm{d} t^2}, \boldsymbol{v}=\int \boldsymbol{a} \mathrm{d} t \\ t=\int v_x^{-1} \mathrm{~d} x=\int a_x^{-1} \mathrm{~d} v_x, x=\int \frac{v_x}{a_x} \mathrm{~d} v_x \end{gathered}

    もし aa が定数ならば, これらの積分は簡単に求めるこ とができて, 例えば

    x=v0t+at2/2=(v2−v02)/2a. x=v_0 t+a t^2 / 2=\left(v^2-v_0^2\right) / 2 a \text {. }

3.2: 回転運動 ​

  1. 回転運動は, 並進運動と似ていて：

    ω=dφ/dt,ε=dω/dta=τdv/dt+nv2/R\begin{aligned} \omega & =\mathrm{d} \varphi / \mathrm{d} t, \varepsilon=\mathrm{d} \omega / \mathrm{d} t \\ \boldsymbol{a} & =\boldsymbol{\tau} \mathrm{d} v / \mathrm{d} t+\boldsymbol{n} v^2 / R \end{aligned}

3.3: 曲線運動 ​

  1. 曲線運動は，ポイント 1 と同じだが，ベクトルは線速 度，加速度，経路長に置き換える.

3.4: 剛体の運動 ​

  1. 剛体の運動:
    • vAcos⁡α=vBcos⁡βv_A \cos \alpha=v_B \cos \beta ここで, vA\boldsymbol{v}_A と vB\boldsymbol{v}_B は剛体上の点 AA と BB の速度, α\alpha と β\beta は vA\boldsymbol{v}_A と vB\boldsymbol{v}_B が直線 ABA B となす角.
    • 瞬間回転中心 (#質点の軌道 の曲率中心）は, a\boldsymbol{a} と b\boldsymbol{b} に下ろした垂線の交点. 又は もし vA,vB⊥AB\boldsymbol{v}_A, \boldsymbol{v}_B \perp A B ならば, vA\boldsymbol{v}_A と vB\boldsymbol{v}_B の先端を結ぶ 直線と ABA B の交点.

3.5: 非慣性系 ​

  1. 非慣性系：

    v2=v0+v1,a2=a0+a1+ω2R+aCor ここで, aCor⊥v1. もし v1=0 なら aCor=0.\begin{array}{r} \quad \boldsymbol{v}_2=\boldsymbol{v}_0+\boldsymbol{v}_1, \boldsymbol{a}_2=\boldsymbol{a}_0+\boldsymbol{a}_1+\omega^2 \boldsymbol{R}+\boldsymbol{a}_{C o r} \\ \text { ここで, } \boldsymbol{a}_{C o r} \perp \boldsymbol{v}_1 . \text { もし } \boldsymbol{v}_1=0 \text { なら } \boldsymbol{a}_{C o r}=0 . \end{array}

3.6: 弾道問題 ​

  1. 弾道問題：到達可能な範囲は

    y≤v02/(2g)−gx2/(2v02)y \leq v_0^2 /(2 g)-g x^2 /\left(2 v_0^2\right)

    最適な弾道では, 初速度と終速（衝突時の速度）が垂直 になる.

3.7: 最短経路 ​

  1. 最短経路を求めるには，Fermat と Huygens の原理が 使える.

3.8: ベクトル ​

  1. ベクトル（速度，加速度）を求めるには，その向きと （場合によっては傾いた）ある軸への射影を求めれば 充分.
- +
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 3 ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:473
Reading:2 min

3: 運動学 ​

3.1: 質点 ​

  1. 質点または剛体の並進運動の場合（積分 → グラフの下 の面積）：

    v=dxdt,x=∫vdt(x=∫vx dt など )a=dvdt=d2xdt2,v=∫adtt=∫vx−1 dx=∫ax−1 dvx,x=∫vxax dvx\begin{gathered} \boldsymbol{v}=\frac{\mathrm{d} \boldsymbol{x}}{\mathrm{d} t}, \boldsymbol{x}=\int \boldsymbol{v} \mathrm{d} t\left(x=\int v_x \mathrm{~d} t \text { など }\right) \\ \boldsymbol{a}=\frac{\mathrm{d} \boldsymbol{v}}{\mathrm{d} t}=\frac{\mathrm{d}^2 \boldsymbol{x}}{\mathrm{d} t^2}, \boldsymbol{v}=\int \boldsymbol{a} \mathrm{d} t \\ t=\int v_x^{-1} \mathrm{~d} x=\int a_x^{-1} \mathrm{~d} v_x, x=\int \frac{v_x}{a_x} \mathrm{~d} v_x \end{gathered}

    もし aa が定数ならば, これらの積分は簡単に求めるこ とができて, 例えば

    x=v0t+at2/2=(v2−v02)/2a. x=v_0 t+a t^2 / 2=\left(v^2-v_0^2\right) / 2 a \text {. }

3.2: 回転運動 ​

  1. 回転運動は, 並進運動と似ていて：

    ω=dφ/dt,ε=dω/dta=τdv/dt+nv2/R\begin{aligned} \omega & =\mathrm{d} \varphi / \mathrm{d} t, \varepsilon=\mathrm{d} \omega / \mathrm{d} t \\ \boldsymbol{a} & =\boldsymbol{\tau} \mathrm{d} v / \mathrm{d} t+\boldsymbol{n} v^2 / R \end{aligned}

3.3: 曲線運動 ​

  1. 曲線運動は，ポイント 1 と同じだが，ベクトルは線速 度，加速度，経路長に置き換える.

3.4: 剛体の運動 ​

  1. 剛体の運動:
    • vAcos⁡α=vBcos⁡βv_A \cos \alpha=v_B \cos \beta ここで, vA\boldsymbol{v}_A と vB\boldsymbol{v}_B は剛体上の点 AA と BB の速度, α\alpha と β\beta は vA\boldsymbol{v}_A と vB\boldsymbol{v}_B が直線 ABA B となす角.
    • 瞬間回転中心 (#質点の軌道 の曲率中心）は, a\boldsymbol{a} と b\boldsymbol{b} に下ろした垂線の交点. 又は もし vA,vB⊥AB\boldsymbol{v}_A, \boldsymbol{v}_B \perp A B ならば, vA\boldsymbol{v}_A と vB\boldsymbol{v}_B の先端を結ぶ 直線と ABA B の交点.

3.5: 非慣性系 ​

  1. 非慣性系：

    v2=v0+v1,a2=a0+a1+ω2R+aCor ここで, aCor⊥v1. もし v1=0 なら aCor=0.\begin{array}{r} \quad \boldsymbol{v}_2=\boldsymbol{v}_0+\boldsymbol{v}_1, \boldsymbol{a}_2=\boldsymbol{a}_0+\boldsymbol{a}_1+\omega^2 \boldsymbol{R}+\boldsymbol{a}_{C o r} \\ \text { ここで, } \boldsymbol{a}_{C o r} \perp \boldsymbol{v}_1 . \text { もし } \boldsymbol{v}_1=0 \text { なら } \boldsymbol{a}_{C o r}=0 . \end{array}

3.6: 弾道問題 ​

  1. 弾道問題：到達可能な範囲は

    y≤v02/(2g)−gx2/(2v02)y \leq v_0^2 /(2 g)-g x^2 /\left(2 v_0^2\right)

    最適な弾道では, 初速度と終速（衝突時の速度）が垂直 になる.

3.7: 最短経路 ​

  1. 最短経路を求めるには，Fermat と Huygens の原理が 使える.

3.8: ベクトル ​

  1. ベクトル（速度，加速度）を求めるには，その向きと （場合によっては傾いた）ある軸への射影を求めれば 充分.
+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/4.html b/academic/physics/ipho-formulas-jpn/4.html index 984228e8..df14af48 100644 --- a/academic/physics/ipho-formulas-jpn/4.html +++ b/academic/physics/ipho-formulas-jpn/4.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 4 | Toshiki's Note - + - + - + - + @@ -36,7 +36,7 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 4 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:1.3k
Reading:5 min

4: 力学 ​

4.1: 剛体の二次元的な平衡 ​

  1. 剛体の二次元的な平衡 : 力についての 2 つの式とトル クについての 1 つの式. 1 （又は 2 ）個の力についての 式は 1（又は 2）個のトルクについての式で代用でき る. トルクの方が良い場合が多く，原点を適切に選択 することで「退屈な」力を消すことができる. もし 2 点 のみに力がかかっているならば，（正味の）力がかかっ ている直線は一致する. 3 点であれば, 3 つの直線は 1 点で交わる.

4.2: 垂直抗力 ​

  1. 垂直抗力と摩擦力は 1 つの力に合成でき, 垂直抗力に 対して arctan⁡μ\arctan \mu の角度で接触点に加わる.

4.3: 並進運動と回転運動 ​

  1. 並進運動と回転運動についての Newton の第二法則：

    F=ma,M=Iε(M=r×F)\boldsymbol{F}=m \boldsymbol{a}, \boldsymbol{M}=I \boldsymbol{\varepsilon} \quad(\boldsymbol{M}=\boldsymbol{r} \times \boldsymbol{F})

    二次元の場合には MM と ε\varepsilon は本質的にスカラーで, M=Fl=Ftr(lM=F l=F_t r(l は力のうでの長さ ))

4.4: 一般化座標 ​

  1. 一般化座標. 系の状態が 1 つの変数 ξ\xi とその時間微分 ξ˙\dot{\xi} で表され，ポテンシャルエネルギーが U=U(ξ)U=U(\xi), 運動エネルギーが K=μξ2/2K=\mu \xi^2 / 2 であるならば, μξ¨=\mu \ddot{\xi}= −dU(ξ)/dξ-\mathrm{d} U(\xi) / \mathrm{d} \xi. (したがって並進運動では, 力はポテン シャルエネルギーの微分)

4.5: 系質点 ​

  1. 系が質点 mim_i で構成されているとき：

    rc=∑miri/∑mj,P=∑miviL=∑miri×vi,K=∑mivi2/2Iz=∑mi(xi2+yi2)=∫(x2+y2)dm\begin{aligned} & \boldsymbol{r}_c=\sum m_i \boldsymbol{r}_i / \sum m_j, \boldsymbol{P}=\sum m_i \boldsymbol{v}_i \\ & \boldsymbol{L}=\sum m_i \boldsymbol{r}_i \times \boldsymbol{v}_i, K=\sum m_i v_i^2 / 2 \\ & I_z=\sum m_i\left(x_i^2+y_i^2\right)=\int\left(x^2+y^2\right) \mathrm{d} m \\ & \end{aligned}

4.6: 質量中心の速度 ​

  1. 質量中心の速度が vc\boldsymbol{v}_c であるような系 (添え字 cc は質量 中心についての物理量であることを示す）:

    L=Lc+MΣRc×vc,K=Kc+MΣvc2/2P=Pc+MΣvc.\begin{gathered} \boldsymbol{L}=\boldsymbol{L}_c+M_{\Sigma} \boldsymbol{R}_c \times \boldsymbol{v}_c, K=K_c+M_{\Sigma} v_c^2 / 2 \\ \boldsymbol{P}=\boldsymbol{P}_c+M_{\Sigma} \boldsymbol{v}_c . \end{gathered}

4.7: Steiner 定理 ​

  1. Steiner の定理（平行軸の定理）も同じような形で は質量中心の回転軸からの距離）:

    I=Ic+mb2I=I_c+m b^2

4.8: ポイント 6 ​

  1. ポイント 6 の P\boldsymbol{P} と L\boldsymbol{L} を用いて, Newton の第二法則 :

    FΣ=dP/dt,MΣ=dL/dt\boldsymbol{F}_{\Sigma}=\mathrm{d} \boldsymbol{P} / \mathrm{d} t, \boldsymbol{M}_{\Sigma}=\mathrm{d} \boldsymbol{L} / \mathrm{d} t

4.9: ポイント 5 ​

  1. ポイント 5 にに加えて，質量中心を通る zz 軸に対する慣性モ一メントは Iz0=I_{z 0}= ∑i,jmimj[(xi−xj)2+(yi−yj)2]/(2MΣ)\sum_{i, j} m_i m_j\left[\left(x_i-x_j\right)^2+\left(y_i-y_j\right)^2\right] /\left(2 M_{\Sigma}\right)

4.10: 原点に対する慣性 ​

  1. 原点に対する慣性モ一メント θ=∑miri2\theta=\sum m_i r_i^2 は, 2θ=Ix+Iy+Iz2 \theta=I_x+I_y+I_z を用いることで二次元物体や等 方性のある物体の IzI_z を計算するのに有用.

4.11: 相当単振子の長 ​

  1. 相当単振子の長さが l~\tilde{l} である物理振子 :

    ω2(l)=g/(l+Ic/ml)ω(l)=ω(l~−l)=g/l~,l~=l+Ic/ml\begin{aligned} & \omega^2(l)=g /\left(l+I_c / m l\right) \\ & \omega(l)=\omega(\tilde{l}-l)=\sqrt{g / \tilde{l}}, \quad \tilde{l}=l+I_c / m l \\ & \end{aligned}

    Toshiki's Note

    Appearance

    Formulas for IPhO 日本語版: Section 4 ​

    Author:Anda Toshiki
    Updated:2 minutes ago
    Words:1.3k
    Reading:5 min

    4: 力学 ​

    4.1: 剛体の二次元的な平衡 ​

    1. 剛体の二次元的な平衡 : 力についての 2 つの式とトル クについての 1 つの式. 1 （又は 2 ）個の力についての 式は 1（又は 2）個のトルクについての式で代用でき る. トルクの方が良い場合が多く，原点を適切に選択 することで「退屈な」力を消すことができる. もし 2 点 のみに力がかかっているならば，（正味の）力がかかっ ている直線は一致する. 3 点であれば, 3 つの直線は 1 点で交わる.

    4.2: 垂直抗力 ​

    1. 垂直抗力と摩擦力は 1 つの力に合成でき, 垂直抗力に 対して arctan⁡μ\arctan \mu の角度で接触点に加わる.

    4.3: 並進運動と回転運動 ​

    1. 並進運動と回転運動についての Newton の第二法則：

      F=ma,M=Iε(M=r×F)\boldsymbol{F}=m \boldsymbol{a}, \boldsymbol{M}=I \boldsymbol{\varepsilon} \quad(\boldsymbol{M}=\boldsymbol{r} \times \boldsymbol{F})

      二次元の場合には MM と ε\varepsilon は本質的にスカラーで, M=Fl=Ftr(lM=F l=F_t r(l は力のうでの長さ ))

    4.4: 一般化座標 ​

    1. 一般化座標. 系の状態が 1 つの変数 ξ\xi とその時間微分 ξ˙\dot{\xi} で表され，ポテンシャルエネルギーが U=U(ξ)U=U(\xi), 運動エネルギーが K=μξ2/2K=\mu \xi^2 / 2 であるならば, μξ¨=\mu \ddot{\xi}= −dU(ξ)/dξ-\mathrm{d} U(\xi) / \mathrm{d} \xi. (したがって並進運動では, 力はポテン シャルエネルギーの微分)

    4.5: 系質点 ​

    1. 系が質点 mim_i で構成されているとき：

      rc=∑miri/∑mj,P=∑miviL=∑miri×vi,K=∑mivi2/2Iz=∑mi(xi2+yi2)=∫(x2+y2)dm\begin{aligned} & \boldsymbol{r}_c=\sum m_i \boldsymbol{r}_i / \sum m_j, \boldsymbol{P}=\sum m_i \boldsymbol{v}_i \\ & \boldsymbol{L}=\sum m_i \boldsymbol{r}_i \times \boldsymbol{v}_i, K=\sum m_i v_i^2 / 2 \\ & I_z=\sum m_i\left(x_i^2+y_i^2\right)=\int\left(x^2+y^2\right) \mathrm{d} m \\ & \end{aligned}

    4.6: 質量中心の速度 ​

    1. 質量中心の速度が vc\boldsymbol{v}_c であるような系 (添え字 cc は質量 中心についての物理量であることを示す）:

      L=Lc+MΣRc×vc,K=Kc+MΣvc2/2P=Pc+MΣvc.\begin{gathered} \boldsymbol{L}=\boldsymbol{L}_c+M_{\Sigma} \boldsymbol{R}_c \times \boldsymbol{v}_c, K=K_c+M_{\Sigma} v_c^2 / 2 \\ \boldsymbol{P}=\boldsymbol{P}_c+M_{\Sigma} \boldsymbol{v}_c . \end{gathered}

    4.7: Steiner 定理 ​

    1. Steiner の定理（平行軸の定理）も同じような形で は質量中心の回転軸からの距離）:

      I=Ic+mb2I=I_c+m b^2

    4.8: ポイント 6 ​

    1. ポイント 6 の P\boldsymbol{P} と L\boldsymbol{L} を用いて, Newton の第二法則 :

      FΣ=dP/dt,MΣ=dL/dt\boldsymbol{F}_{\Sigma}=\mathrm{d} \boldsymbol{P} / \mathrm{d} t, \boldsymbol{M}_{\Sigma}=\mathrm{d} \boldsymbol{L} / \mathrm{d} t

    4.9: ポイント 5 ​

    1. ポイント 5 にに加えて，質量中心を通る zz 軸に対する慣性モ一メントは Iz0=I_{z 0}= ∑i,jmimj[(xi−xj)2+(yi−yj)2]/(2MΣ)\sum_{i, j} m_i m_j\left[\left(x_i-x_j\right)^2+\left(y_i-y_j\right)^2\right] /\left(2 M_{\Sigma}\right)

    4.10: 原点に対する慣性 ​

    1. 原点に対する慣性モ一メント θ=∑miri2\theta=\sum m_i r_i^2 は, 2θ=Ix+Iy+Iz2 \theta=I_x+I_y+I_z を用いることで二次元物体や等 方性のある物体の IzI_z を計算するのに有用.

    4.11: 相当単振子の長 ​

    1. 相当単振子の長さが l~\tilde{l} である物理振子 :

      ω2(l)=g/(l+Ic/ml)ω(l)=ω(l~−l)=g/l~,l~=l+Ic/ml\begin{aligned} & \omega^2(l)=g /\left(l+I_c / m l\right) \\ & \omega(l)=\omega(\tilde{l}-l)=\sqrt{g / \tilde{l}}, \quad \tilde{l}=l+I_c / m l \\ & \end{aligned}

    4.12: 慣性モーメントの係数 ​

    1. 慣性モーメントの係数 : 円柱 12\frac{1}{2}, 球 25\frac{2}{5}, 球殼 23\frac{2}{3}, 棒 112\frac{1}{12} （端に対しては 13\frac{1}{3} ), 正方形 16\frac{1}{6}.

    4.13: よく使われる保存則 ​

    1. よく使われる保存則：エネルギー（弾性衝突，摩擦な し), 運動量（正味の外力なし, 各方向について成立), 角運動量（正味の外トルクなし, 例えば, 外力のうでの 長さが 0 (これが 2 又は 3 点のまわりに成り立てば運 動量保存で代用できる))

    4.14: 非慣性系における見かけの力 ​

    1. 非慣性系における見かけの力 : 慣性力 −ma-m a, 遠心力 mω2Rm \omega^2 \boldsymbol{R}, Coriolis 力 2mv×Ω2 m \boldsymbol{v} \times \Omega (避けた方がよい. 速 度に垂直なので仕事はしない).

    4.15: 傾いた座標 ​

    1. 傾いた座標：斜面上での運動については, 斜面に平行 と垂直な方向に軸をとるのがよい。このとき重力加速 度は xx 成分と yy 成分をもつ. 軸は斜交することもある が, v=vxex+vyey\boldsymbol{v}=v_x \boldsymbol{e}_x+v_y \boldsymbol{e}_y のとき vxv_x は v\boldsymbol{v} の xx 軸への射 影ではない.

    4.16: 2 つの物体の衝突 ​

    1. 2 つの物体の衝突 : 保存されるのは, a) 全運動量, b) 全角運動量，c) 一方の物体の衝突点に関する角運動量, d) 全エネルギー（弾性衝突の場合， 摩擦がある場合 は, 摩擦力に垂直な方向の運動エネルギーが保存される. e) 衝突中に滑りが止まったならば，接触点の最終 速度は接触面上にある. f) 滑りが止まらなかったなら ば, 一方の物体から他方に伝わる運動量は, 接触面の 法線と arctan⁡μ\arctan \mu の角度をなす.

    4.17: 剛体のすべての運動 ​

    1. 剛体のすべての運動は (物体の各点の速度を見ると) 瞬 間回転中心 CC まわりの回転として表せる. 物体上の点 PP の CC からの距離は PP の軌跡の曲率半径とは異なる ことに注意せよ.

    4.18: 紐の張力 ​

    1. 紐の張力：重さのある吊り紐では, 張力の水平成分は 一定で垂直成分は下にある紐の重さにより変わる. 滑 らかな面の上の紐による（単位長さあたりの）力は，そ の曲率半径と張力で決まり, N=T/RN=T / R. 似た場合と して, 表面張力による圧力は p=2σ/Rp=2 \sigma / R. 導出には直 径に沿った圧力を調ベる.

    4.19: 液体の表面 ​

    1. 液体の表面は（表面張力を無視すれば）等ポテンシャ ル面になる. 非圧縮性流体では, ww をポテンシャルエ ネルギーの体積密度として, p=P0−wp=P_0-w.

    4.20: 非圧縮性流体に対する Bernoulli の法則 ​

    1. 非圧縮性流体に対する Bernoulli の法則：

      p+12ρv2+ρϕ= const. p+\frac{1}{2} \rho v^2+\rho \phi=\text { const. }

      一様な重力場では ϕ=gh\phi=g h. 比熱が cp[ J/kg]c_p[\mathrm{~J} / \mathrm{kg}] である気 体では,

      12v2+cpT= const. \frac{1}{2} v^2+c_p T=\text { const. }

    4.21: 直線的な流線 ​

    1. 直線的な流線に沾う運動量の連続性 : p+ρv2=p+\rho v^2= const.

    4.22: 断熱不変量 ​

    1. 断熱不変量 : 振動する系の 1 周期の間のパラメータの 相対的な変化が小さければ，位相空間（ x−px-p 座標で表さ れる）上に書かれるループの面積は非常に高い精度で 保存される.

    4.23: 安定性 ​

    1. 安定性を調ベるには, a) ポテンシャルエネルギー最小 の原理，又は b) 仮想仕事の原理を用いる.

    4.24: 空間的に有限な運動に対する Virial 定理 ​

    1. 空間的に有限な運動に対する Virial 定理：a) もし F∝∣r∣F \propto|\boldsymbol{r}| ならば ⟨K⟩=⟨U⟩\langle K\rangle=\langle U\rangle (時間平均). b) もし F∝∣r∣−2F \propto|\boldsymbol{r}|^{-2} ならば 2⟨K⟩=−⟨U⟩2\langle K\rangle=-\langle U\rangle.

    4.25: Tsiolkovsky 公式 ​

    1. Tsiolkovsky の公式（ロケット）: Δv=uln⁡Mm\Delta v=u \ln \frac{M}{m}
- +M1001 80h400000v40h-400000z">​,l~=l+Ic​/ml​

4.12: 慣性モーメントの係数 ​

  1. 慣性モーメントの係数 : 円柱 12\frac{1}{2}, 球 25\frac{2}{5}, 球殼 23\frac{2}{3}, 棒 112\frac{1}{12} （端に対しては 13\frac{1}{3} ), 正方形 16\frac{1}{6}.

4.13: よく使われる保存則 ​

  1. よく使われる保存則：エネルギー（弾性衝突，摩擦な し), 運動量（正味の外力なし, 各方向について成立), 角運動量（正味の外トルクなし, 例えば, 外力のうでの 長さが 0 (これが 2 又は 3 点のまわりに成り立てば運 動量保存で代用できる))

4.14: 非慣性系における見かけの力 ​

  1. 非慣性系における見かけの力 : 慣性力 −ma-m a, 遠心力 mω2Rm \omega^2 \boldsymbol{R}, Coriolis 力 2mv×Ω2 m \boldsymbol{v} \times \Omega (避けた方がよい. 速 度に垂直なので仕事はしない).

4.15: 傾いた座標 ​

  1. 傾いた座標：斜面上での運動については, 斜面に平行 と垂直な方向に軸をとるのがよい。このとき重力加速 度は xx 成分と yy 成分をもつ. 軸は斜交することもある が, v=vxex+vyey\boldsymbol{v}=v_x \boldsymbol{e}_x+v_y \boldsymbol{e}_y のとき vxv_x は v\boldsymbol{v} の xx 軸への射 影ではない.

4.16: 2 つの物体の衝突 ​

  1. 2 つの物体の衝突 : 保存されるのは, a) 全運動量, b) 全角運動量，c) 一方の物体の衝突点に関する角運動量, d) 全エネルギー（弾性衝突の場合， 摩擦がある場合 は, 摩擦力に垂直な方向の運動エネルギーが保存される. e) 衝突中に滑りが止まったならば，接触点の最終 速度は接触面上にある. f) 滑りが止まらなかったなら ば, 一方の物体から他方に伝わる運動量は, 接触面の 法線と arctan⁡μ\arctan \mu の角度をなす.

4.17: 剛体のすべての運動 ​

  1. 剛体のすべての運動は (物体の各点の速度を見ると) 瞬 間回転中心 CC まわりの回転として表せる. 物体上の点 PP の CC からの距離は PP の軌跡の曲率半径とは異なる ことに注意せよ.

4.18: 紐の張力 ​

  1. 紐の張力：重さのある吊り紐では, 張力の水平成分は 一定で垂直成分は下にある紐の重さにより変わる. 滑 らかな面の上の紐による（単位長さあたりの）力は，そ の曲率半径と張力で決まり, N=T/RN=T / R. 似た場合と して, 表面張力による圧力は p=2σ/Rp=2 \sigma / R. 導出には直 径に沿った圧力を調ベる.

4.19: 液体の表面 ​

  1. 液体の表面は（表面張力を無視すれば）等ポテンシャ ル面になる. 非圧縮性流体では, ww をポテンシャルエ ネルギーの体積密度として, p=P0−wp=P_0-w.

4.20: 非圧縮性流体に対する Bernoulli の法則 ​

  1. 非圧縮性流体に対する Bernoulli の法則：

    p+12ρv2+ρϕ= const. p+\frac{1}{2} \rho v^2+\rho \phi=\text { const. }

    一様な重力場では ϕ=gh\phi=g h. 比熱が cp[ J/kg]c_p[\mathrm{~J} / \mathrm{kg}] である気 体では,

    12v2+cpT= const. \frac{1}{2} v^2+c_p T=\text { const. }

4.21: 直線的な流線 ​

  1. 直線的な流線に沾う運動量の連続性 : p+ρv2=p+\rho v^2= const.

4.22: 断熱不変量 ​

  1. 断熱不変量 : 振動する系の 1 周期の間のパラメータの 相対的な変化が小さければ，位相空間（ x−px-p 座標で表さ れる）上に書かれるループの面積は非常に高い精度で 保存される.

4.23: 安定性 ​

  1. 安定性を調ベるには, a) ポテンシャルエネルギー最小 の原理，又は b) 仮想仕事の原理を用いる.

4.24: 空間的に有限な運動に対する Virial 定理 ​

  1. 空間的に有限な運動に対する Virial 定理：a) もし F∝∣r∣F \propto|\boldsymbol{r}| ならば ⟨K⟩=⟨U⟩\langle K\rangle=\langle U\rangle (時間平均). b) もし F∝∣r∣−2F \propto|\boldsymbol{r}|^{-2} ならば 2⟨K⟩=−⟨U⟩2\langle K\rangle=-\langle U\rangle.

4.25: Tsiolkovsky 公式 ​

  1. Tsiolkovsky の公式（ロケット）: Δv=uln⁡Mm\Delta v=u \ln \frac{M}{m}
+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/5.html b/academic/physics/ipho-formulas-jpn/5.html index 80706f8c..da397b66 100644 --- a/academic/physics/ipho-formulas-jpn/5.html +++ b/academic/physics/ipho-formulas-jpn/5.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 5 | Toshiki's Note - + - + - + - + @@ -36,7 +36,7 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 5 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:525
Reading:2 min

5. 振動と波 ​

5.1: 減衰振動 ​

  1. 減衰振動：

    x¨+2γx˙+ω02x=0(γ<ω)\ddot{x}+2 \gamma \dot{x}+\omega_0^2 x=0(\gamma<\omega)

    この方程式の解は ((Section 1: #3)[1#_1-3-定数係数線形微分方程式] 参照) :

    x=x0e−γtsin⁡(tω02−γ2−φ0)x=x_0 e^{-\gamma t} \sin \left(t \sqrt{\omega_0^2-\gamma^2}-\varphi_0\right)

    Toshiki's Note

    Appearance

    Formulas for IPhO 日本語版: Section 5 ​

    Author:Anda Toshiki
    Updated:2 minutes ago
    Words:525
    Reading:2 min

    5. 振動と波 ​

    5.1: 減衰振動 ​

    1. 減衰振動：

      x¨+2γx˙+ω02x=0(γ<ω)\ddot{x}+2 \gamma \dot{x}+\omega_0^2 x=0(\gamma<\omega)

      この方程式の解は ((Section 1: #3)[1#_1-3-定数係数線形微分方程式] 参照) :

      x=x0e−γtsin⁡(tω02−γ2−φ0)x=x_0 e^{-\gamma t} \sin \left(t \sqrt{\omega_0^2-\gamma^2}-\varphi_0\right) .

    5.10: Doppler 効果 ​

    1. Doppler 効果 : ν=ν01+v∥/cs1−u∥/cs\nu=\nu_0 \frac{1+v_{\|} / c_s}{1-u_{\|} / c_s}.

    5.11: Huygens の原理 ​

    1. Huygens の原理 : 波面は段階的に構成される. 過去 の波面のすべての点に仮想的な波源を置く. 結果は距 離 Δx=csΔt\Delta x=c_s \Delta t で区切られた曲線（ここで Δt\Delta t は時間 間隔， csc_s は与えられた点の速度). 波は波面に垂直に 進む.
- +M1001 80h400000v40h-400000z">​.

5.10: Doppler 効果 ​

  1. Doppler 効果 : ν=ν01+v∥/cs1−u∥/cs\nu=\nu_0 \frac{1+v_{\|} / c_s}{1-u_{\|} / c_s}.

5.11: Huygens の原理 ​

  1. Huygens の原理 : 波面は段階的に構成される. 過去 の波面のすべての点に仮想的な波源を置く. 結果は距 離 Δx=csΔt\Delta x=c_s \Delta t で区切られた曲線（ここで Δt\Delta t は時間 間隔， csc_s は与えられた点の速度). 波は波面に垂直に 進む.
+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/6.html b/academic/physics/ipho-formulas-jpn/6.html index f3dce1f7..f7eca576 100644 --- a/academic/physics/ipho-formulas-jpn/6.html +++ b/academic/physics/ipho-formulas-jpn/6.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 6 | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 6 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:428
Reading:1 min

6: 幾何光学，測光 ​

6.1: Fermat 原理 ​

  1. Fermat の原理 : 点 AA から BB への波の経路は波の移動 時間が最も短いもの.

6.2: Snell 法則 ​

  1. Snell の法則 :

sin⁡α1/sin⁡α2=n2/n1=v1/v2.\sin \alpha_1 / \sin \alpha_2=n_2 / n_1=v_1 / v_2 .

6.3: 屈折率 ​

  1. 屈折率が連続的に変化するならば，媒質を屈折率が nn で一定のいくつかの仮想的な層に分けて Snell の 法則を適用する. 光線は屈折率一定の層に沿って進む こともでき,もし全反射の条件をわずかに満たせば, n′=n/r(rn^{\prime}=n / r \quad(r は曲率半径 ))

6.4: 屈折率な座標 ​

  1. 屈折率が z\mathrm{z} 座標にのみ依存するならば, 光子の運動量 px,pyp_x, p_y とエネルギーは保存される:

kx,ky= const., ∣k∣/n= const. k_x, k_y=\text { const., }|\boldsymbol{k}| / n=\text { const. }

6.5:薄いレンズの式 ​

  1. 薄いレンズの式（符号に注意する）：

1/a+1/b=1/f≡D1 / a+1 / b=1 / f \equiv D

6.6: Newton の式 ​

  1. Newton の式 : 物体側焦点から物体までの距離を x1x_1, 像側焦点から像までの距離を x2x_2 とすると, x1x2=f2x_1 x_2=f^2

6.7: 像の位置を求める視差法 ​

  1. 像の位置を求める視差法 : 目の位置と垂直に動かした ときに，鉛筆の先が像に対してずれないような位置を 探す.

6.8: レンズを通る光線の経路の幾何学的な描き方 ​

  1. レンズを通る光線の経路の幾何学的な描き方：a) レン ズの中心を通る光線は屈折しない。b) 光軸に平行な光 線は焦点を通る，c) 屈折後, 初めに平行だった光線どうしは焦点面（焦点を通り光軸に垂直な平面）上で集 まる．d) 平面の像は平面であり，この 2 つの平面はレ ンズの平面上で交わる．

6.9: 光束 ​

  1. 光束 Φ\Phi [単位: lumen (lm⁡)(\operatorname{lm})] は, 光のエネルギー を示し, 眼の感度に応じて重み付けされる. 光度 [candela (cd)]は（光源から出る）立体角あたりの 光束で, I=Φ/ΩI=\Phi / \Omega. 照度 [lux⁡(lx)][\operatorname{lux}(\mathrm{lx})] は（面に入射する） 面積あたりの光束で, E=Φ/SE=\Phi / S.

6.10: Gauss 定理 ​

  1. 光束についての Gauss の定理 : 光度 IiI_i の点光源を囲 む閉曲面を通って外に出る光束は, Φ=4π∑Ii\Phi=4 \pi \sum I_i. 光 源が 1 つで距離が rr のとき E=I/r2E=I / r^2

6.11: 実験のヒント ​

  1. 実験のヒント：紙についた油污れが周囲の紙と同じ明 るさならば，その紙は両面から同じように照らされて いる.
- +
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 6 ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:428
Reading:1 min

6: 幾何光学，測光 ​

6.1: Fermat 原理 ​

  1. Fermat の原理 : 点 AA から BB への波の経路は波の移動 時間が最も短いもの.

6.2: Snell 法則 ​

  1. Snell の法則 :

sin⁡α1/sin⁡α2=n2/n1=v1/v2.\sin \alpha_1 / \sin \alpha_2=n_2 / n_1=v_1 / v_2 .

6.3: 屈折率 ​

  1. 屈折率が連続的に変化するならば，媒質を屈折率が nn で一定のいくつかの仮想的な層に分けて Snell の 法則を適用する. 光線は屈折率一定の層に沿って進む こともでき,もし全反射の条件をわずかに満たせば, n′=n/r(rn^{\prime}=n / r \quad(r は曲率半径 ))

6.4: 屈折率な座標 ​

  1. 屈折率が z\mathrm{z} 座標にのみ依存するならば, 光子の運動量 px,pyp_x, p_y とエネルギーは保存される:

kx,ky= const., ∣k∣/n= const. k_x, k_y=\text { const., }|\boldsymbol{k}| / n=\text { const. }

6.5:薄いレンズの式 ​

  1. 薄いレンズの式（符号に注意する）：

1/a+1/b=1/f≡D1 / a+1 / b=1 / f \equiv D

6.6: Newton の式 ​

  1. Newton の式 : 物体側焦点から物体までの距離を x1x_1, 像側焦点から像までの距離を x2x_2 とすると, x1x2=f2x_1 x_2=f^2

6.7: 像の位置を求める視差法 ​

  1. 像の位置を求める視差法 : 目の位置と垂直に動かした ときに，鉛筆の先が像に対してずれないような位置を 探す.

6.8: レンズを通る光線の経路の幾何学的な描き方 ​

  1. レンズを通る光線の経路の幾何学的な描き方：a) レン ズの中心を通る光線は屈折しない。b) 光軸に平行な光 線は焦点を通る，c) 屈折後, 初めに平行だった光線どうしは焦点面（焦点を通り光軸に垂直な平面）上で集 まる．d) 平面の像は平面であり，この 2 つの平面はレ ンズの平面上で交わる．

6.9: 光束 ​

  1. 光束 Φ\Phi [単位: lumen (lm⁡)(\operatorname{lm})] は, 光のエネルギー を示し, 眼の感度に応じて重み付けされる. 光度 [candela (cd)]は（光源から出る）立体角あたりの 光束で, I=Φ/ΩI=\Phi / \Omega. 照度 [lux⁡(lx)][\operatorname{lux}(\mathrm{lx})] は（面に入射する） 面積あたりの光束で, E=Φ/SE=\Phi / S.

6.10: Gauss 定理 ​

  1. 光束についての Gauss の定理 : 光度 IiI_i の点光源を囲 む閉曲面を通って外に出る光束は, Φ=4π∑Ii\Phi=4 \pi \sum I_i. 光 源が 1 つで距離が rr のとき E=I/r2E=I / r^2

6.11: 実験のヒント ​

  1. 実験のヒント：紙についた油污れが周囲の紙と同じ明 るさならば，その紙は両面から同じように照らされて いる.
+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/7.html b/academic/physics/ipho-formulas-jpn/7.html index e211fe62..d1cb6fa6 100644 --- a/academic/physics/ipho-formulas-jpn/7.html +++ b/academic/physics/ipho-formulas-jpn/7.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 7 | Toshiki's Note - + - + - + - + @@ -36,7 +36,7 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 7 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:732
Reading:3 min

7: 波動光学 ​

7.1: Huygens の原理に基づいた回折 ​

  1. Huygens の原理に基づいた回折 : 障害物が波面を切断 すると波面は小さな断片に分割され，それが仮想的な 点波源となり，観測点での波の振幅はこれらの波源か らの寄与の重ね合わせとなる.

7.2: 二重スリット ​

  1. 二重スリット（幅は d≪a,λ)d \ll a, \lambda) による干渉:強 め合う角 φmax⁡=arcsin⁡(nλ/d),n∈Z.I∝\varphi_{\max }=\arcsin (n \lambda / d), n \in \mathbb{Z} . I \propto cos⁡2(ka2sin⁡φ),(k=2π/λ)\cos ^2\left(k \frac{a}{2} \sin \varphi\right),(k=2 \pi / \lambda)

7.3: 単スリット-弱め合う角 ​

  1. 単スリット:弱め合う角: φmin =arcsin⁡(nλ/d),n∈\varphi_{\text {min }}=\arcsin (n \lambda / d), n \in Z,n≠0\mathbb{Z}, n \neq 0. 中央の強め合う部分は n=±1n=\pm 1 の間である ことに注意せよ. I∝sin⁡2(kd2sin⁡φ)/sin⁡φI \propto \sin ^2\left(k \frac{d}{2} \sin \varphi\right) / \sin \varphi

7.4: 回折格子 ​

  1. 回折格子：主な強め合う角はポイント 2 と同じで, 主 な強め合う角の幅は dd を回折格子の正味の長さとすれ ばポイント 3 と同じ. nn 番目の明線のスペクトルの分 解能は，溝の総数を NN 本として λΔλ=nN\frac{\lambda}{\Delta \lambda}=n N.

7.5: 分光器の分解能 ​

  1. 分光器の分解能 : 最短の光線と最長の光線の光学距離 の差を LL として, λΔλ=Lλ\frac{\lambda}{\Delta \lambda}=\frac{L}{\lambda}.

7.6: プリズムの分解能 ​

  1. プリズムの分解能 :λΔλ=adn dλ: \frac{\lambda}{\Delta \lambda}=a \frac{\mathrm{d} n}{\mathrm{~d} \lambda}

7.7: 角度距離 ​

  1. 理想的な望遠鏡 (レンズ) で 2 点を解像するときの角度距離 : φ≈1.22λ/d\varphi \approx 1.22 \lambda / d. この角度では, 一方の点の中 心が他方の点の最初の回折最小值に当たる.

7.8: Bragg の法則 ​

  1. Bragg の法則：間隔が dd の平行な結晶面の組は, 2dsin⁡θ=nλ2 d \sin \theta=n \lambda ならば X\mathrm{X} 線を反射する. ここで θ\theta は結 晶面と X 線がなす角 (かすめ角).

7.9: 高密度電体媒質反射 ​

  1. 光学的に高密度な誘電体媒質による反射 : 位相が π\pi ず れる. 半透明の薄膜では ϕ→+ϕ←=π\phi_{\rightarrow}+\phi_{\leftarrow}=\pi. ここで ϕ→\phi_{\rightarrow} と ϕ←\phi_{\leftarrow} は反射波と透過波の位相差（矢印は入射方向を 示す)

7.10: Fabry-Pérot 干渉計 ​

  1. Fabry-Pérot 干渉計 : 高い反射率 r(1−r≪1)r(1-r \ll 1) を持 つ 2 枚の平行な半透明の鏡. 分解能は νΔν≈2aλ(1−r)\frac{\nu}{\Delta \nu} \approx \frac{2 a}{\lambda(1-r)}. 5 つの平面波 (干渉計の前で左右に進む波, 内部を左右 に進む波，後ろを進む波）を設定して境界条件を課す ことで，透過スペクトルを求められる.

7.11: コヒーレントな電磁波 ​

  1. コヒーレントな電磁波: 電場をベクトル为で表し, ベク トル間の角度を位相差とする. 屈折率が n=n(ω)=n=n(\omega)= ε(ω)\sqrt{\varepsilon(\omega)}
- +M1001 80h400000v40h-400000z">​ (普通 μ≈1\mu \approx 1 ) であることに注意せよ. エネ ルギー流密度（単位面積を通過する単位時間あたりの エネルギー）: I=cnε0E2=cnμ0B2(EI=c n \varepsilon_0 E^2=\frac{c}{n \mu_0} B^2(E と BB は実 効值)

7.12: Malus の法則 ​

  1. Malus の法則 : 直線偏光が角度 φ\varphi で偏光板を通過する と I=I0cos⁡2φI=I_0 \cos ^2 \varphi

7.13: 1/4 波長版 ​

  1. 1/41 / 4 波長版 : 直線偏光成分間の位相が π/2\pi / 2 ずれる.

7.14: Brewster 角 ​

  1. Brewster 角: 入射角が tan⁡φ=n\tan \varphi=n を満たすとき, 反 射波と屈折波が垂直になり反射波は直線偏光となる.

7.15: 光学素子による回折 ​

  1. 光学素子による回折 : レンズやプリズムなどを通る光 の光学距離を計算する必要はなく, 図形的に考える. 例えば，双プリズムは二重スリットによる回折と同じ 回折をする.

7.16: 光ファイバー ​

  1. 光ファイバー：Mach-Zehnder 干渉計は二重スリッ トによる干渉と, 円形共振器は Fabry-Pérot 干渉計 と似ている. Bragg フィルターは X\mathrm{X} 線の場合と同 じように働く. シングルモードの光ファイバーでは, Δn/n≈12(λ/d)2\Delta n / n \approx \frac{1}{2}(\lambda / d)^2.
+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/8.html b/academic/physics/ipho-formulas-jpn/8.html index 74e47774..5fdbf16e 100644 --- a/academic/physics/ipho-formulas-jpn/8.html +++ b/academic/physics/ipho-formulas-jpn/8.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 8 | Toshiki's Note - + - + - + - + @@ -36,7 +36,7 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 8 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:568
Reading:2 min

8: 電気回路 ​

8.1: V=I R, P=V I ​

  1. V=IR,P=VIV=I R, P=V I

    R直列 =∑Ri,R並列 −1=∑Ri−1R_{\text {直列 }}=\sum R_i, R_{\text {並列 }}^{-1}=\sum R_i^{-1}

8.2: Kirchhoff の法則 ​

  1. Kirchhoff の法則 :

    ∑ 節点 I=0,∑閉路 V=0\sum_{\substack{\text { 節点 }}} I=0, \sum_{\text {閉路 }} V=0

8.3: ポイント 2 の方程式を減らすために ​

  1. ポイント 2 の方程式を減らすために: 節点電位法. ルー プ電流法. 等価回路 (3 端子の場合 ⇒△又\Rightarrow \triangle 又 又 YY の形, 起電力のある 2 端子の場合 ⇒\Rightarrow 抵抗と電池の直列)

8.4: 無限につながる抵抗 ​

  1. 無限につながる抵抗 : 無限に続く格子の隣り合う節点 間で，自己相似性を使う。鏡像法の一般化された方法.

8.5: 交流回路 ​

  1. 交流回路: RR を ZZ に置き換えてポイント 1∼41 \sim 4 を用 いる.

    ZR=R,ZC=1/iωC,ZL=iωLφ=arg⁡Z,Veff =∣Z∣Ieff P=∣V∣∣I∣cos⁡(arg⁡Z)=∑Ii2Ri\begin{gathered} Z_R=R, Z_C=1 / i \omega C, Z_L=i \omega L \\ \varphi=\arg Z, V_{\text {eff }}=|Z| I_{\text {eff }} \\ P=|V||I| \cos (\arg Z)=\sum I_i^2 R_i \end{gathered}

8.6: 特性時間 ​

  1. 特性時間: τRC=RC,τLR=L/R.ωLC=\tau_{R C}=R C, \tau_{L R}=L / R . \omega_{L C}= 1/LC1 / \sqrt{L C}
- +M834 80h400000v40h-400000z">​ が成立.
+ \ No newline at end of file diff --git a/academic/physics/ipho-formulas-jpn/9.html b/academic/physics/ipho-formulas-jpn/9.html index 4a8e87b5..20b04488 100644 --- a/academic/physics/ipho-formulas-jpn/9.html +++ b/academic/physics/ipho-formulas-jpn/9.html @@ -5,15 +5,15 @@ Formulas for IPhO 日本語版: Section 9 | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 9 ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:950
Reading:4 min

9: 電磁気学 ​

9.1: Coulomb の法則 ​

  1. F=kq1q2/r2,U=kq1q2/rF=k q_1 q_2 / r^2, U=k q_1 q_2 / r で, Kepler の法則が 使える (Section 12 参照).

9.2: Gauss の法則 ​

  1. Gauss の法則 : ∮B⋅dS=0\oint \boldsymbol{B} \cdot \mathrm{d} \boldsymbol{S}=0,

    ∮εE⋅dS=Q,∮g⋅dS=−4πGM\oint \varepsilon \boldsymbol{E} \cdot \mathrm{d} \boldsymbol{S}=Q, \oint \boldsymbol{g} \cdot \mathrm{d} \boldsymbol{S}=-4 \pi G M

9.3: 循環定理 ​

  1. 循環定理 :

    ∮E⋅dl=0(=Φ˙),∮B⋅dlμ=I,∮g⋅dl=0\oint \boldsymbol{E} \cdot \mathrm{d} \boldsymbol{l}=0(=\dot{\Phi}), \oint \frac{\boldsymbol{B} \cdot \mathrm{d} \boldsymbol{l}}{\mu}=I, \oint \boldsymbol{g} \cdot \mathrm{d} \boldsymbol{l}=0

9.4: 電流素片により生じる磁束密度 ​

  1. 電流素片により生じる磁束密度 :

    dB=μI4πdl×err2.\mathrm{d} \boldsymbol{B}=\frac{\mu I}{4 \pi} \frac{\mathrm{d} \boldsymbol{l} \times \boldsymbol{e}_r}{r^2} .

    したがって電流 II が流れる円形回路の中心では B=μ0I2rB=\frac{\mu_0 I}{2 r}.

9.5: ローレンツ力 ​

  1. F=e(E+v×B),F=I×Bl\boldsymbol{F}=e(\boldsymbol{E}+\boldsymbol{v} \times \boldsymbol{B}), \boldsymbol{F}=\boldsymbol{I} \times \boldsymbol{B} l.

9.6: Gauss の定理と循環定理より ​

  1. Gauss の定理と循環定理より：帯電した導線について E=σ2πε0rE=\frac{\sigma}{2 \pi \varepsilon_0 r}, 電流が流れる導線について B=μ0I2πrB=\frac{\mu_0 I}{2 \pi r}. 帯電した面について E=σ2ε0E=\frac{\sigma}{2 \varepsilon_0}, 電流が流れる面につい て B=μ0i2B=\frac{\mu_0 i}{2}. 一様に帯電した球殼（又は無限に長い円 筒）の内部で E=0E=0, 軸に沿って表面に電流が流れる 円筒の内部で B=0B=0. 密度 ρ\rho で一様に帯電, 又は一様 な電流 i\boldsymbol{i} が流れる, 球 (d=3)/(d=3) / 円柱 (d−2)/(d-2) / 平面 (d=1)(d=1) の内部で,

    E=ρεdr,B=1μdi×r\boldsymbol{E}=\frac{\rho}{\varepsilon d} \boldsymbol{r}, \boldsymbol{B}=\frac{1}{\mu d} \boldsymbol{i} \times \boldsymbol{r}

9.7: 長いソレノイド ​

  1. 長いソレノイド: 内部で B=μnIB=\mu n I, 外部で B=0B=0. 磁束 Φ=NBS(n=Nl)\Phi=N B S\left(n=\frac{N}{l}\right). インダクタンス L=L= Φ/I=μn2V\Phi / I=\mu n^2 V. 短いソレノイド :B∥=μnIΩ4π(Ω: B_{\|}=\frac{\mu n I \Omega}{4 \pi}(\Omega は 立体角).

9.8: 磁場を小型コイルや衝撃検流計で測定する ​

  1. 磁場を小型コイルや衝撃検流計で測定する： q=q= ∫VR dt=NSΔB/R\int \frac{V}{R} \mathrm{~d} t=N S \Delta B / R.

9.9: 静電場のエネルギー ​

  1. 静電場のエネルギー：

    U=k∑i<jqiqjrij=12∫ϕ(r)dq, dq=ρ(r)dVU=k \sum_{i<j} \frac{q_i q_j}{r_{i j}}=\frac{1}{2} \int \phi(\boldsymbol{r}) \mathrm{d} q, \mathrm{~d} q=\rho(\boldsymbol{r}) \mathrm{d} V

9.10: 一様に帯電した球面や円筒面の各部分の間に働く力 ​

  1. 一様に帯電した球面や円筒面の各部分の間に働く力 : 帯電による力を静水圧による力に置き換える.

9.11: 全ての電荷 ​

  1. 全ての電荷が距離 rr にある場合（例えば，不均一に帯 電した球やリングの中心） ϕϕ=kQ/r\phi \phi=k Q / r

9.12: 外部電荷 ​

  1. 外部電荷によって引き起こされる正味の電荷（又は電 位）を求めるには, 電荷を「出現」させて問題を対称的 にし，重ね合わせの原理を用いる.

9.14: 導体 ​

  1. 導体は電荷や電場を遮蔽する．例えば，中空の球体の 内部の電荷分布は外から見えない（あたかも QQ という 電荷を持った導電性の球があるように見える).

9.15: 静電容量 ​

  1. 静電容量: C=εS/dC=\varepsilon S / d (平板), 4πεr4 \pi \varepsilon r (球), 2πεl(ln⁡R/r)−12 \pi \varepsilon l(\ln R / r)^{-1} (同軸円筒).

9.16: 双極子モーメント ​

  1. 双極子モーメント：

    pe=∑qiri=qd,pμ=IS\boldsymbol{p}_e=\sum q_i \boldsymbol{r}_i=q \boldsymbol{d}, \boldsymbol{p}_\mu=I \boldsymbol{S}

9.17: 双極子場 ​

  1. 双極子場 : ϕ=kp⋅er/r2,E,B∝r−3\phi=k \boldsymbol{p} \cdot \boldsymbol{e}_r / r^2, E, B \propto r^{-3}

9.18: 双極子に働く力 ​

  1. 双極子に働く力 : F=(pe⋅E)′,F=(pμ⋅B)′F=\left(\boldsymbol{p}_e \cdot \boldsymbol{E}\right)^{\prime}, F=\left(\boldsymbol{p}_\mu \cdot \boldsymbol{B}\right)^{\prime} [訳 者注 : ここの微分はむしろ grad⁡\operatorname{grad} である]. 2 つの双極 子間の相互作用 :F∝r−4: F \propto r^{-4}.

9.19: 磁気双極子としての点電荷 ​

  1. 磁気双極子としての点電荷 : pμ∝Φ∝v⊥2/Bp_\mu \propto \Phi \propto v_{\perp}^2 / B は断熱 不変量 (Section 4: #22 参照).

9.20: 鏡像法 ​

  1. 鏡像法 : 接地された（磁石の場合は超電導の）平面が鏡 の役割をする. 接地された（又は孤立した）球体の場 は, 球体の内部にある 1 つ（又は 2 つ）の架空の電荷 のつくる場として求められる. 平面導波管（金属板の 間のスリット）内の場は, 電磁平面波の重ね合わせと して求められる.

9.21: 一様（電）場中の球 (円柱) の分極 ​

  1. 一様（電）場中の球 (円柱) の分極 : (+ρ(+\rho と −ρ-\rho に一 様に帯電した球 (円柱) の重ね合わせで， d∝Ed \propto E.

9.22: 渦電流 ​

  1. 渦電流: 電流損失密度 ≈B2v2/ρ.1\approx B^2 v^2 / \rho .1 回の通過で与え られる運動量 : Fτ≈B2a3d/ρF \tau \approx B^2 a^3 d / \rho (ここで dd は厚さ, aa は大きさ).
- +
Toshiki's Note

Appearance

Formulas for IPhO 日本語版: Section 9 ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:950
Reading:4 min

9: 電磁気学 ​

9.1: Coulomb の法則 ​

  1. F=kq1q2/r2,U=kq1q2/rF=k q_1 q_2 / r^2, U=k q_1 q_2 / r で, Kepler の法則が 使える (Section 12 参照).

9.2: Gauss の法則 ​

  1. Gauss の法則 : ∮B⋅dS=0\oint \boldsymbol{B} \cdot \mathrm{d} \boldsymbol{S}=0,

    ∮εE⋅dS=Q,∮g⋅dS=−4πGM\oint \varepsilon \boldsymbol{E} \cdot \mathrm{d} \boldsymbol{S}=Q, \oint \boldsymbol{g} \cdot \mathrm{d} \boldsymbol{S}=-4 \pi G M

9.3: 循環定理 ​

  1. 循環定理 :

    ∮E⋅dl=0(=Φ˙),∮B⋅dlμ=I,∮g⋅dl=0\oint \boldsymbol{E} \cdot \mathrm{d} \boldsymbol{l}=0(=\dot{\Phi}), \oint \frac{\boldsymbol{B} \cdot \mathrm{d} \boldsymbol{l}}{\mu}=I, \oint \boldsymbol{g} \cdot \mathrm{d} \boldsymbol{l}=0

9.4: 電流素片により生じる磁束密度 ​

  1. 電流素片により生じる磁束密度 :

    dB=μI4πdl×err2.\mathrm{d} \boldsymbol{B}=\frac{\mu I}{4 \pi} \frac{\mathrm{d} \boldsymbol{l} \times \boldsymbol{e}_r}{r^2} .

    したがって電流 II が流れる円形回路の中心では B=μ0I2rB=\frac{\mu_0 I}{2 r}.

9.5: ローレンツ力 ​

  1. F=e(E+v×B),F=I×Bl\boldsymbol{F}=e(\boldsymbol{E}+\boldsymbol{v} \times \boldsymbol{B}), \boldsymbol{F}=\boldsymbol{I} \times \boldsymbol{B} l.

9.6: Gauss の定理と循環定理より ​

  1. Gauss の定理と循環定理より：帯電した導線について E=σ2πε0rE=\frac{\sigma}{2 \pi \varepsilon_0 r}, 電流が流れる導線について B=μ0I2πrB=\frac{\mu_0 I}{2 \pi r}. 帯電した面について E=σ2ε0E=\frac{\sigma}{2 \varepsilon_0}, 電流が流れる面につい て B=μ0i2B=\frac{\mu_0 i}{2}. 一様に帯電した球殼（又は無限に長い円 筒）の内部で E=0E=0, 軸に沿って表面に電流が流れる 円筒の内部で B=0B=0. 密度 ρ\rho で一様に帯電, 又は一様 な電流 i\boldsymbol{i} が流れる, 球 (d=3)/(d=3) / 円柱 (d−2)/(d-2) / 平面 (d=1)(d=1) の内部で,

    E=ρεdr,B=1μdi×r\boldsymbol{E}=\frac{\rho}{\varepsilon d} \boldsymbol{r}, \boldsymbol{B}=\frac{1}{\mu d} \boldsymbol{i} \times \boldsymbol{r}

9.7: 長いソレノイド ​

  1. 長いソレノイド: 内部で B=μnIB=\mu n I, 外部で B=0B=0. 磁束 Φ=NBS(n=Nl)\Phi=N B S\left(n=\frac{N}{l}\right). インダクタンス L=L= Φ/I=μn2V\Phi / I=\mu n^2 V. 短いソレノイド :B∥=μnIΩ4π(Ω: B_{\|}=\frac{\mu n I \Omega}{4 \pi}(\Omega は 立体角).

9.8: 磁場を小型コイルや衝撃検流計で測定する ​

  1. 磁場を小型コイルや衝撃検流計で測定する： q=q= ∫VR dt=NSΔB/R\int \frac{V}{R} \mathrm{~d} t=N S \Delta B / R.

9.9: 静電場のエネルギー ​

  1. 静電場のエネルギー：

    U=k∑i<jqiqjrij=12∫ϕ(r)dq, dq=ρ(r)dVU=k \sum_{i<j} \frac{q_i q_j}{r_{i j}}=\frac{1}{2} \int \phi(\boldsymbol{r}) \mathrm{d} q, \mathrm{~d} q=\rho(\boldsymbol{r}) \mathrm{d} V

9.10: 一様に帯電した球面や円筒面の各部分の間に働く力 ​

  1. 一様に帯電した球面や円筒面の各部分の間に働く力 : 帯電による力を静水圧による力に置き換える.

9.11: 全ての電荷 ​

  1. 全ての電荷が距離 rr にある場合（例えば，不均一に帯 電した球やリングの中心） ϕϕ=kQ/r\phi \phi=k Q / r

9.12: 外部電荷 ​

  1. 外部電荷によって引き起こされる正味の電荷（又は電 位）を求めるには, 電荷を「出現」させて問題を対称的 にし，重ね合わせの原理を用いる.

9.14: 導体 ​

  1. 導体は電荷や電場を遮蔽する．例えば，中空の球体の 内部の電荷分布は外から見えない（あたかも QQ という 電荷を持った導電性の球があるように見える).

9.15: 静電容量 ​

  1. 静電容量: C=εS/dC=\varepsilon S / d (平板), 4πεr4 \pi \varepsilon r (球), 2πεl(ln⁡R/r)−12 \pi \varepsilon l(\ln R / r)^{-1} (同軸円筒).

9.16: 双極子モーメント ​

  1. 双極子モーメント：

    pe=∑qiri=qd,pμ=IS\boldsymbol{p}_e=\sum q_i \boldsymbol{r}_i=q \boldsymbol{d}, \boldsymbol{p}_\mu=I \boldsymbol{S}

9.17: 双極子場 ​

  1. 双極子場 : ϕ=kp⋅er/r2,E,B∝r−3\phi=k \boldsymbol{p} \cdot \boldsymbol{e}_r / r^2, E, B \propto r^{-3}

9.18: 双極子に働く力 ​

  1. 双極子に働く力 : F=(pe⋅E)′,F=(pμ⋅B)′F=\left(\boldsymbol{p}_e \cdot \boldsymbol{E}\right)^{\prime}, F=\left(\boldsymbol{p}_\mu \cdot \boldsymbol{B}\right)^{\prime} [訳 者注 : ここの微分はむしろ grad⁡\operatorname{grad} である]. 2 つの双極 子間の相互作用 :F∝r−4: F \propto r^{-4}.

9.19: 磁気双極子としての点電荷 ​

  1. 磁気双極子としての点電荷 : pμ∝Φ∝v⊥2/Bp_\mu \propto \Phi \propto v_{\perp}^2 / B は断熱 不変量 (Section 4: #22 参照).

9.20: 鏡像法 ​

  1. 鏡像法 : 接地された（磁石の場合は超電導の）平面が鏡 の役割をする. 接地された（又は孤立した）球体の場 は, 球体の内部にある 1 つ（又は 2 つ）の架空の電荷 のつくる場として求められる. 平面導波管（金属板の 間のスリット）内の場は, 電磁平面波の重ね合わせと して求められる.

9.21: 一様（電）場中の球 (円柱) の分極 ​

  1. 一様（電）場中の球 (円柱) の分極 : (+ρ(+\rho と −ρ-\rho に一 様に帯電した球 (円柱) の重ね合わせで， d∝Ed \propto E.

9.22: 渦電流 ​

  1. 渦電流: 電流損失密度 ≈B2v2/ρ.1\approx B^2 v^2 / \rho .1 回の通過で与え られる運動量 : Fτ≈B2a3d/ρF \tau \approx B^2 a^3 d / \rho (ここで dd は厚さ, aa は大きさ).
+ \ No newline at end of file diff --git a/academic/vocabulary/2023/02/2023-02-27.html b/academic/vocabulary/2023/02/2023-02-27.html index 51563407..e01ad299 100644 --- a/academic/vocabulary/2023/02/2023-02-27.html +++ b/academic/vocabulary/2023/02/2023-02-27.html @@ -5,15 +5,15 @@ 2023-2-27: Vocabulary | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

2023-2-27: Vocabulary ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:299
Reading:1 min

This table of vocabularies are from "Sadlier Vocabulary Workshop-Level G (Unit 4)" with their corresponding textbook definitions and part of speeches (from some of them) made into a collection.

VocabularyDefinition
Atrophy(n.) the wasting away of a body organ or tissue; any progressive decline or failure; (v.) to waste away
BastionA fortified place, stronghold
ConcordA state of agreement, harmony, unanimity; a treaty, pact, covenant
Consummate(adj.) complete or perfect in the highest degree; (v.) to bring to a state of completion or perfection
Disarray(n.) disorder, confusion; (v.) to throw into disorder
ExigencyUrgency, pressure; urgent demand, pressing need; an emergency
FlotsamFloating debris; homeless, impoverished people
FreneticFrenzied, highly agitated
GleanTo gather bit by bit; to gather small quantities of grain left in a field by the reapers.
Grouse(n.) A type of game bird; a complaint; (v.) to complain, grumble
IncarcerateTo imprison, confine, jail
Incumbent(adj.) obligatory, required; (n.) one who holds a specific office at the time spoken of
JocularHumorous, jesting, jolly, joking
LudicrousRidiculous, laughable, absurd
MordantBiting or caustic in thought, manner, or style; sharply or bitterly harsh.
Nettle(n.) a prickly or stinging plant; (v.) to arouse displeasure, impatience, or anger; to vex or irritate severely
PecuniaryConsisting of or measured in money; of or related to money
PusillanimousContemptibly cowardly or mean-spirited
RecumbentIn a reclining position, lying down, in the posture of one sleeping or resting.
StratagemA scheme to outwit or deceive an opponent or to gain and end.

Reference

- +
Toshiki's Note

Appearance

2023-2-27: Vocabulary ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:299
Reading:1 min

This table of vocabularies are from "Sadlier Vocabulary Workshop-Level G (Unit 4)" with their corresponding textbook definitions and part of speeches (from some of them) made into a collection.

VocabularyDefinition
Atrophy(n.) the wasting away of a body organ or tissue; any progressive decline or failure; (v.) to waste away
BastionA fortified place, stronghold
ConcordA state of agreement, harmony, unanimity; a treaty, pact, covenant
Consummate(adj.) complete or perfect in the highest degree; (v.) to bring to a state of completion or perfection
Disarray(n.) disorder, confusion; (v.) to throw into disorder
ExigencyUrgency, pressure; urgent demand, pressing need; an emergency
FlotsamFloating debris; homeless, impoverished people
FreneticFrenzied, highly agitated
GleanTo gather bit by bit; to gather small quantities of grain left in a field by the reapers.
Grouse(n.) A type of game bird; a complaint; (v.) to complain, grumble
IncarcerateTo imprison, confine, jail
Incumbent(adj.) obligatory, required; (n.) one who holds a specific office at the time spoken of
JocularHumorous, jesting, jolly, joking
LudicrousRidiculous, laughable, absurd
MordantBiting or caustic in thought, manner, or style; sharply or bitterly harsh.
Nettle(n.) a prickly or stinging plant; (v.) to arouse displeasure, impatience, or anger; to vex or irritate severely
PecuniaryConsisting of or measured in money; of or related to money
PusillanimousContemptibly cowardly or mean-spirited
RecumbentIn a reclining position, lying down, in the posture of one sleeping or resting.
StratagemA scheme to outwit or deceive an opponent or to gain and end.

Reference

+ \ No newline at end of file diff --git a/academic/vocabulary/index.html b/academic/vocabulary/index.html index 1217c2e3..21464abf 100644 --- a/academic/vocabulary/index.html +++ b/academic/vocabulary/index.html @@ -5,15 +5,15 @@ Welcome to My Vocabulary List! | Toshiki's Note - + - + - + - + @@ -36,8 +36,8 @@ -
Toshiki's Note

Appearance

Welcome to My Vocabulary List! ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:5
Reading:1 min
- +
Toshiki's Note

Appearance

Welcome to My Vocabulary List! ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:5
Reading:1 min
+ \ No newline at end of file diff --git a/application/markdown-it-katex/how-to-use.html b/application/markdown-it-katex/how-to-use.html index 2a1fe43f..0aa93b90 100644 --- a/application/markdown-it-katex/how-to-use.html +++ b/application/markdown-it-katex/how-to-use.html @@ -5,15 +5,15 @@ @andatoshiki/markdown-it-katex | Toshiki's Note - + - + - + - + @@ -36,39 +36,39 @@ -
Toshiki's Note

Appearance

@andatoshiki/markdown-it-katex ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:1.1k
Reading:7 min

Add graceful KaTeX\KaTeX rendering to your Markdown like a charm with markdown-it plugin.

1: Installation ​

Before you start using this plugin, make sure you have already installed the default markdown-it parser; if not, please run the following command or refer to the official markdown-it documentation.

sh
$ npm install markdown-it --save
$ npm install markdown-it --save

First install package with your preferred package manager (npm, yarn, pnpm), or include javascript before the closing </body> for markdown-it-katex's core utils to be loaded for the static page.

sh
$ npm install -D @andatoshiki/markdown-it-katex
$ npm install -D @andatoshiki/markdown-it-katex
sh
$ yarn add --dev @andatoshiki/markdown-it-katex
$ yarn add --dev @andatoshiki/markdown-it-katex
sh
$ pnpm add -D @andatoshiki/markdown-it-katex
$ pnpm add -D @andatoshiki/markdown-it-katex
html
<!-- your other body contents ... -->
-    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
-</body>
<!-- your other body contents ... -->
-    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
-</body>

Including KaTeX CSS is necessary in the way you are convenient with, either link the stylesheet from a third party CDN into the local HTML <head> tag or import it into a currently linked CSS stylesheets to enable styles for KaTeX globally as follows,

Or, you could clone or download the entire repository source of KaTeX and self load the fonts/styles/scripts locally, but if you prefer loading from third-party CDN with faster load speed when deployed to save your server resources, the following CDN links might be your choice, you can always switch to other platforms based on your need.

html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
html
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
html
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
html
<link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
<link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
scss
// ... your other styles
-@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
// ... your other styles
-@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';

If you are using the default markdown-it parser, I personally recommend that you use the GitHub markdown CSS (github-markdown-css) for styling your HTML output with a similar style replica of GitHub's markdown styling to your familiarity.

html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />

This forked project maintained by Anda Toshiki comes with the update of KaTeX components with higher style version support (this documentation uses KaTeX version 16.0, without hassels), later versions may works, but no guarantees are given by the developers, if you are not obsessed with the latest released version, 16.0 may fits your need for loading KaTeX on a personal blog site or small educational sites; yet it should work fully functionally.

Warning

Since this project is a fork of the original markdown-it-katex project that hasn't been receiving any active updates of its code source for years, the latest katex style version supported is somewhere around ver. 0.9.0 which clearly is outdated and results in broken styles with overflowing and other potential bug presents.

2: Usage ​

RTo render equations, you need to include the markdown-it-katex plugin in the markdown-it components in your JavaScript or TypeScript file as follows,

js
var md = require('markdown-it')(),
-    mk = require('andatoshiki/markdown-it-katex')
+    
Toshiki's Note
Appearance
@andatoshiki/markdown-it-katex ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:1.1k
 Reading:7 min
Add graceful KaTeX\KaTeX rendering to your Markdown like a charm with markdown-it plugin.
1: Installation ​
Before you start using this plugin, make sure you have already installed the default markdown-it parser; if not, please run the following command or refer to the official markdown-it documentation.
sh
$ npm install markdown-it --save
$ npm install markdown-it --save
First install package with your preferred package manager (npm, yarn, pnpm), or include javascript before the closing </body> for markdown-it-katex's core utils to be loaded for the static page.
sh
$ npm install -D @andatoshiki/markdown-it-katex
$ npm install -D @andatoshiki/markdown-it-katex
sh
$ yarn add --dev @andatoshiki/markdown-it-katex
$ yarn add --dev @andatoshiki/markdown-it-katex
sh
$ pnpm add -D @andatoshiki/markdown-it-katex
$ pnpm add -D @andatoshiki/markdown-it-katex
html
<!-- your other body contents ... -->
+    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
+</body>
<!-- your other body contents ... -->
+    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
+</body>
Including KaTeX CSS is necessary in the way you are convenient with, either link the stylesheet from a third party CDN into the local HTML <head> tag or import it into a currently linked CSS stylesheets to enable styles for KaTeX globally as follows,
Or, you could clone or download the entire repository source of KaTeX and self load the fonts/styles/scripts locally, but if you prefer loading from third-party CDN with faster load speed when deployed to save your server resources, the following CDN links might be your choice, you can always switch to other platforms based on your need.
html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
html
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
html
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
html
<link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
<link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
scss
// ... your other styles
+@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
// ... your other styles
+@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
If you are using the default markdown-it parser, I personally recommend that you use the GitHub markdown CSS (github-markdown-css) for styling your HTML output with a similar style replica of GitHub's markdown styling to your familiarity.
html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
This forked project maintained by Anda Toshiki comes with the update of KaTeX components with higher style version support (this documentation uses KaTeX version 16.0, without hassels), later versions may works, but no guarantees are given by the developers, if you are not obsessed with the latest released version, 16.0 may fits your need for loading KaTeX on a personal blog site or small educational sites; yet it should work fully functionally.
Warning
Since this project is a fork of the original markdown-it-katex project that hasn't been receiving any active updates of its code source for years, the latest katex style version supported is somewhere around ver. 0.9.0 which clearly is outdated and results in broken styles with overflowing and other potential bug presents.
2: Usage ​
RTo render equations, you need to include the markdown-it-katex plugin in the markdown-it components in your JavaScript or TypeScript file as follows,
js
var md = require('markdown-it')(),
+    mk = require('andatoshiki/markdown-it-katex')
 
-md.use(mk)
+md.use(mk)
 
-// double backslash is required for javascript strings, but not html input
-var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
var md = require('markdown-it')(),
-    mk = require('andatoshiki/markdown-it-katex')
+// double backslash is required for javascript strings, but not html input
+var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
var md = require('markdown-it')(),
+    mk = require('andatoshiki/markdown-it-katex')
 
-md.use(mk)
+md.use(mk)
 
-// double backslash is required for javascript strings, but not html input
-var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
ts
import * as mk from 'markdown-it-katex'
-import * as MarkdownIt from '@andatoshiki/markdown-it'
+// double backslash is required for javascript strings, but not html input
+var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
ts
import * as mk from 'markdown-it-katex'
+import * as MarkdownIt from '@andatoshiki/markdown-it'
 
-const md = new MarkdownIt()
-md.use(mk)
+const md = new MarkdownIt()
+md.use(mk)
 
-// double backslash is not required for TypeScript strings or template literals
-const result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
import * as mk from 'markdown-it-katex'
-import * as MarkdownIt from '@andatoshiki/markdown-it'
+// double backslash is not required for TypeScript strings or template literals
+const result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
import * as mk from 'markdown-it-katex'
+import * as MarkdownIt from '@andatoshiki/markdown-it'
 
-const md = new MarkdownIt()
-md.use(mk)
+const md = new MarkdownIt()
+md.use(mk)
 
-// double backslash is not required for TypeScript strings or template literals
-const result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
3: Configuration ​
The following list of variable are the customizable components of markdown-it-katex, adjust to your needs,
  • katex: You can change KaTeX version by passing the instance.
  • blockClass: Class added to KaTeX block.
  • Apply any other KaTeX options if needed as a regard to the docs
js
md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
4: Examples ​
4.1: Inline math ​
To render your LaTeX equations inline, enclose them with a single dollar sign $ on each side of the equation as follows,
tex
$\sqrt{3x-1}+(1+x)^2$
$\sqrt{3x-1}+(1+x)^2$
rendered output equation as follows, 3x−1+(1+x)2\sqrt{3x-1}+(1+x)^2

3: Configuration ​

The following list of variable are the customizable components of markdown-it-katex, adjust to your needs,

  • katex: You can change KaTeX version by passing the instance.
  • blockClass: Class added to KaTeX block.
  • Apply any other KaTeX options if needed as a regard to the docs
js
md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })

4: Examples ​

4.1: Inline math ​

To render your LaTeX equations inline, enclose them with a single dollar sign $ on each side of the equation as follows,

tex
$\sqrt{3x-1}+(1+x)^2$
$\sqrt{3x-1}+(1+x)^2$

rendered output equation as follows, 3x−1+(1+x)2\sqrt{3x-1}+(1+x)^2.

4.2: Blocked math ​

To render blocks, use double dollar sign ($$). This mode utilizes larger symbols and centers the result as a block displayed as a <div> block in HTML output, as follows,

tex
$$
-\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
-= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
-$$
$$
-\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
-= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
-$$

the above block equation renders the LaTeX equation as a block with output as follows,

∂r∂ωr(yωω)=(yωω){(log⁡y)r+∑i=1r(−1)Ir⋯(r−i+1)(log⁡y)riωi}\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right) = \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}

5: Syntax ​

Math parsing in markdown is designed to comply with the "latex-in-markdown" conventions set by Pandoc,

Anything between two $ characters will be treated as TeX math. The opening $ must have a non-space character immediately to its right, while the closing $ must have a non-space character immediately to its left, and must not be followed immediately by a digit. Thus, $20,000 and $30,000 won’t parse as math. If for some reason you need to enclose text in literal $ characters, backslash-escape them and they won’t be treated as math delimiters.

  • Pandoc. “Pandoc - Pandoc User’s Guide.” Pandoc.org, pandoc.org/MANUAL.html#math. Accessed 2 Mar. 2023.

6: Supported math syntax ​

KaTeX is a popular, open-source math typesetting library that is based on TeX and LaTeX. It is designed to be easy to use, and to provide high-quality mathematical typesetting for web applications, refer to the following pages of the document for the full list of function support in KaTeX.

Note

Due to the large number of equations rendered on the next following pages, it might takes time to entirely load the webpage, please be patient if the webpage seems to not respond; or it could be a result of slow network connection to correctly render all the equation that causes broken formulas, refresh the page to proceed.

- +M834 80h400000v40h-400000z">​+(1+x)2.

4.2: Blocked math ​

To render blocks, use double dollar sign ($$). This mode utilizes larger symbols and centers the result as a block displayed as a <div> block in HTML output, as follows,

tex
$$
+\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
+= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
+$$
$$
+\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
+= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
+$$

the above block equation renders the LaTeX equation as a block with output as follows,

∂r∂ωr(yωω)=(yωω){(log⁡y)r+∑i=1r(−1)Ir⋯(r−i+1)(log⁡y)riωi}\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right) = \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}

5: Syntax ​

Math parsing in markdown is designed to comply with the "latex-in-markdown" conventions set by Pandoc,

Anything between two $ characters will be treated as TeX math. The opening $ must have a non-space character immediately to its right, while the closing $ must have a non-space character immediately to its left, and must not be followed immediately by a digit. Thus, $20,000 and $30,000 won’t parse as math. If for some reason you need to enclose text in literal $ characters, backslash-escape them and they won’t be treated as math delimiters.

6: Supported math syntax ​

KaTeX is a popular, open-source math typesetting library that is based on TeX and LaTeX. It is designed to be easy to use, and to provide high-quality mathematical typesetting for web applications, refer to the following pages of the document for the full list of function support in KaTeX.

Note

Due to the large number of equations rendered on the next following pages, it might takes time to entirely load the webpage, please be patient if the webpage seems to not respond; or it could be a result of slow network connection to correctly render all the equation that causes broken formulas, refresh the page to proceed.

+ \ No newline at end of file diff --git a/application/markdown-it-katex/support-function.html b/application/markdown-it-katex/support-function.html index 2c9d9055..fd84d3f4 100644 --- a/application/markdown-it-katex/support-function.html +++ b/application/markdown-it-katex/support-function.html @@ -5,15 +5,15 @@ KaTeX: Supported functions | Toshiki's Note - + - + - + - + @@ -36,7 +36,7 @@ -
Toshiki's Note

Appearance

KaTeX: Supported function ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:3.9k
Reading:24 min

note

This is an direct shameful copy of the documentation pulled from KaTeX documentation, I do not own any of the content below on behalf of this part of the documentation, the table might be outdated as versions migrates, please also refer to KaTeX's official documentation.

This following is a list of TeX functions supported by KaTeX. It is sorted into logical groups.

There is a similar Support Table on the next page, sorted alphabetically in am more intuitive way with the lists both supported and un-supported functions, viewing both tables are suggested comprehensibly and interchangeably is highly suggested.

1: Accents ​

a′a' a'a~\tilde{a} \tilde{a}g˚\mathring{g} \mathring{g}
a′′a'' a''ac~\widetilde{ac} \xlongequal{abc}

Extensible arrows all can take an optional argument in the same manner, as \xrightarrow[under]{over}.

11: Style, Color, Size, and Font ​

Class Assignment

  • \mathbin \mathclose \mathinner \mathop

  • \mathopen \mathord \mathpunct \mathrel

Color

F=ma\color{blue} F=ma \color{blue} F=ma

Note that KaTeX \color acts like a switch. This aligns with LaTeX and differs from MathJax. Other KaTeX color functions expect the content to be a function argument:

  • F=ma\textcolor{blue}{F=ma} \textcolor{blue}{F=ma}
  • F=ma\textcolor{#228B22}{F=ma} \textcolor{#228B22}{F=ma}
  • A\colorbox{aqua}{A} \colorbox{aqua}{A}
  • A\fcolorbox{red}{aqua}{A} \fcolorbox{red}{aqua}{A}

For color definition, KaTeX color functions will accept the standard HTML predefined color names. They will also accept an RGB argument in CSS hexa­decimal style. The "#" is optional before a six-digit specification.

Font

Ab0\mathrm{Ab0} \mathrm{Ab0}Ab0\mathbf{Ab0} \mathbf{Ab0}Ab\mathit{Ab} \mathit{Ab}
Ab0\mathnormal{Ab0} \mathnormal{Ab0}Ab0\textbf{Ab0} \textbf{Ab0}Ab\textit{Ab} \textit{Ab}
Ab0\textrm{Ab0} \textrm{Ab0}Ab0\bf Ab0 \bf Ab0Ab\it Ab \it Ab
Ab0\rm Ab0 \rm Ab0Ab0\bold{Ab0} \bold{Ab0}AB\Bbb{AB} \Bbb{AB}
Ab0\textnormal{Ab0} \textnormal{Ab0}Ab\boldsymbol{Ab} \boldsymbol{Ab}AB\mathbb{AB} \mathbb{AB}
Ab0\text{Ab0} \text{Ab0}Ab\bm{Ab} \bm{Ab}Ab0\frak{Ab0} \frak{Ab0}
Ab0\mathsf{Ab0} \mathsf{Ab0}Ab0\mathtt{Ab0} \mathtt{Ab0}Ab0\mathfrak{Ab0} \mathfrak{Ab0}
Ab0\textsf{Ab0} \textsf{Ab0}Ab0\texttt{Ab0} \texttt{Ab0}AB0\mathcal{AB0} \mathcal{AB0}
Ab0\sf Ab0 \sf Ab0Ab0\tt Ab0 \tt Ab0AB\mathscr{AB} \mathscr{AB}

One can stack font family, font weight, and font shape by using the \textXX versions of the font functions. So \textsf{\textbf{H}} will produce H\textsf{\textbf{H}}. The other versions do not stack, e.g., \mathsf{\mathbf{H}} will produce H\mathsf{\mathbf{H}}.

In cases where KaTeX fonts do not have a bold glyph, \pmb can simulate one. For example, \pmb{\mu} renders as : μ\pmb{\mu}

Size

AB\Huge AB \Huge ABAB\normalsize AB \normalsize AB
AB\huge AB \huge ABAB\small AB \small AB
AB\LARGE AB \LARGE ABAB\footnotesize AB \footnotesize AB
AB\Large AB \Large ABAB\scriptsize AB \scriptsize AB
AB\large AB \large ABAB\tiny AB \tiny AB

Style

|∑i=1n\displaystyle\sum_{i=1}^n \displaystyle\sum_{i=1}^n |∑i=1n\textstyle\sum_{i=1}^n \textstyle\sum_{i=1}^n |x\scriptstyle x \scriptstyle x         (The size of a first sub/superscript) |x\scriptscriptstyle x \scriptscriptstyle x (The size of subsequent sub/superscripts) |lim⁡x\lim\limits_x \lim\limits_x |lim⁡x\lim\nolimits_x \lim\nolimits_x |x^2\verb!x^2! \verb!x^2!

\text{…} will accept nested $…$ fragments and render them in math mode.

12: Symbols and Punctuation ​

% comment…\dots \dotsKaTeX\KaTeX \KaTeX
%\% \%⋯\cdots \cdotsLaTeX\LaTeX \LaTeX
#\# \#⋱\ddots \ddotsTeX\TeX \TeX
&\& \&…\ldots \ldots∇\nabla \nabla
_\_ \_⋮\vdots \vdots∞\infty \infty
_\text{\textunderscore} \text{\textunderscore}⋯\dotsb \dotsb∞\infin \infin
–\text{--} \text{--}…\dotsc \dotsc✓\checkmark \checkmark
–\text{\textendash} \text{\textendash} ⁣⋯\dotsi \dotsi†\dag \dag
—\text{---} \text{---}⋯\dotsm \dotsm†\dagger \dagger
—\text{\textemdash} \text{\textemdash}…\dotso \dotso†\text{\textdagger} \text{\textdagger}
~\text{\textasciitilde} \text{\textasciitilde}⋅\sdot \sdot‡\ddag \ddag
‘` `…\mathellipsis \mathellipsis‡\ddagger \ddagger
‘\text{\textquoteleft} text{\textquoteleft}…\text{\textellipsis} \text{\textellipsis}‡\text{\textdaggerdbl} \text{\textdaggerdbl}
‘\lq \lq□\Box \Box‡\Dagger \Dagger
’\text{\textquoteright} \text{\textquoteright}□\square \square∠\angle \angle
′\rq \rq■\blacksquare \blacksquare∡\measuredangle \measuredangle
“\text{\textquotedblleft} \text{\textquotedblleft}△\triangle \triangle∢\sphericalangle \sphericalangle
"" "▽\triangledown \triangledown⊤\top \top
”\text{\textquotedblright} \text{\textquotedblright}◃\triangleleft \triangleleft⊥\bot \bot
 ⁣:\colon \colon▹\triangleright \triangleright$\$ \$
‵\backprime \backprime▽\bigtriangledown \bigtriangledown$\text{\textdollar} \text{\textdollar}
′\prime \prime△\bigtriangleup \bigtriangleup£\pounds \pounds
<\text{\textless} \text{\textless}▲\blacktriangle \blacktriangle£\mathsterling \mathsterling
>\text{\textgreater} \text{\textgreater}▼\blacktriangledown \blacktriangledown£\text{\textsterling} \text{\textsterling}
|\text{\textbar} \text{\textbar}◀\blacktriangleleft \blacktriangleleft¥\yen \yen
∥\text{\textbardbl} \text{\textbardbl}▶\blacktriangleright \blacktriangleright√\surd \surd
{\text{\textbraceleft} \text{\textbraceleft}⋄\diamond \diamond°\degree \degree
}\text{\textbraceright} \text{\textbraceright}◊\Diamond \Diamond°\text{\textdegree} \text{\textdegree}
\text{\P} \text{\P}◊\lozenge \lozenge℧\mho \mho
§\text{\S} \text{\S}⧫\blacklozenge \blacklozenge╲\diagdown \diagdown
§\text{\sect} \text{\sect}⋆\star \star╱\diagup \diagup
©\copyright \copyright★\bigstar \bigstar♭\flat \flat
®\circledR \circledR♣\clubsuit \clubsuit♮\natural \natural
®\text{\textregistered} \text{\textregistered}♣\clubs \clubs♯\sharp \sharp
Ⓢ\circledS \circledS♢\diamondsuit \diamondsuit♡\heartsuit \heartsuit
a◯\text{\textcircled a} \text{\textcircled a}♢\diamonds \diamonds♡\hearts \hearts
✠\maltese \maltese♠\spadesuit \spadesuit♠\spades \spades

Direct Input: £¥∇∞⋅∠∡∢♠♡♢♣♭♮♯✓…⋮⋯⋱!£ ¥ ∇ ∞ · ∠ ∡ ∢ ♠ ♡ ♢ ♣ ♭ ♮ ♯ ✓ … ⋮ ⋯ ⋱ ! ‼

13: Units ​

In KaTeX, units are proportioned as they are in TeX. KaTeX units are different than CSS units.

KaTeX UnitValueKaTeX UnitValue
emCSS embp1/72​ inch × F × G
exCSS expc12 KaTeX pt
mu1/18 CSS emdd1238/1157​ KaTeX pt
pt1/72.27 inch × F × Gcc14856/1157 KaTeX pt
mm1 mm × F × Gnd685/642 KaTeX pt
cm1 cm × F × Gnc1370/107​ KaTeX pt
in1 inch × F × Gsp1/65536 KaTeX pt

where:

  • F = (font size of surrounding HTML text)/(10 pt)

  • G = 1.21 by default, because KaTeX font-size is normally 1.21 × the surrounding font size. This value can be overridden by the CSS of an HTML page.

The effect of style and size:

Unittextstylescriptscripthuge
em or ex\rule{1em}{1em}\scriptscriptstyle\rule{1em}{1em}\huge\rule{1em}{1em}
mu\rule{18mu}{18mu}\scriptscriptstyle\rule{18mu}{18mu}\huge\rule{18mu}{18mu}
others\rule{10pt}{10pt}\scriptscriptstyle\rule{10pt}{10pt}\huge\rule{10pt}{10pt}
+ \ No newline at end of file diff --git a/application/markdown-it-katex/support-table.html b/application/markdown-it-katex/support-table.html index 50965ec5..280a0a61 100644 --- a/application/markdown-it-katex/support-table.html +++ b/application/markdown-it-katex/support-table.html @@ -5,15 +5,15 @@ KaTeX: Support table | Toshiki's Note - + - + - + - + @@ -36,7 +36,7 @@ -
Toshiki's Note

Appearance

KaTeX: Support table ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:5.8k
Reading:36 min

note

This is an direct shameful copy of the documentation pulled from KaTeX documentation, I do not own any of the content below on behalf of this part of the documentation, the table might be outdated as versions migrates, please also refer to KaTeX's official documentation.

Symbols ​

Symbol/FunctionRenderedSource or Comment
!n!n!n!
\!a ⁣ba\!ba\!b
#y2\def\bar#1{#1^2} \bar{y}\def\bar#1{#1^2} \bar{y}
\##\#
%%this is a comment
\%%\%
&abcd\begin{matrix} a & b\cr c & d \end{matrix}\begin{matrix}
   a & b \\
   c & d
\end{matrix}
\&&\&
'′'
\'aˊ\text{\'{a}}\text{\'{a}}
(((
)))
\(…\)ab\text{\(\frac a b\)}\text{\(\frac a b\)}
\a ba\ ba\ b
\"a¨\text{\"{a}}\text{\"{a}}
\$$\text{\textdollar}
\,a  ba\,\,{b}a\,\,{b}
\.a˙\text{\.{a}}\text{\.{a}}
\:a  ba\:\:{b}a\:\:{b}
\;a    ba\;\;{b}a\;\;{b}
_xix_ix_i
\__\_
\`aˋ\text{\`{a}}\text{\'{a}}
<<<
\=aˉ\text{\={a}}\text{\\={a}}
>>>
\>a  ba\>\>{b}a\>\>{b}
[[[
]]]
{a{a}{a}
}a{a}{a}
\{{\{
\}}\}
|∣\vert
\|∥\Vert
~no no no breaks\text{no~no~no~breaks}\text{no~no~no~breaks}
\~a˜\text{\~{a}}\text{\\~{a}}
\\abcd\begin{matrix} a & b\\ c & d\end{matrix}\begin{matrix}
   a & b \\
   c & d
\end{matrix}
^xix^ix^i
\^aˆ\text{\^{a}}\text{\\^{a}}

A ​

Symbol/FunctionRenderedSource or Comment
\AAA˚\text{\AA}\text{\AA}
\aaa˚\text{\aa}\text{\aa}
\aboveab+1{a \above{2pt} b+1}{a \above{2pt} b+1}
\abovewithdelimsNot supported
\acuteeˊ\acute e\acute e
\AEÆ\text{\AE}\text{\AE}
\aeæ\text{\ae}\text{\ae}
\alefℵ\alef
\alefsymℵ\alefsym
\alephℵ\aleph
Not supportedsee {aligned}
a=b+cd+e=f\begin{aligned}a&=b+c\\d+e&=f\end{aligned}\begin{aligned}
   a&=b+c \\
   d+e&=f
\end{aligned}
Not supportedsee {alignedat}
10x+3y=23x+13y=4\begin{alignedat}{2}10&x+&3&y=2\\3&x+&13&y=4\end{alignedat}\begin{alignedat}{2}
   10&x+ &3&y = 2 \\
    3&x+&13&y = 4
\end{alignedat}
\allowbreak
\AlphaA\Alpha
\alphaα\alpha
\amalg⨿\amalg
\And&\And
\andNot supportedDeprecated
\angNot supportedDeprecated
\anglNot supported
\angle∠\angle
\approx≈\approx
\approxeq≊\approxeq
\arccosarccos⁡\arccos
\arcctgarcctg⁡\arcctg
\arcsinarcsin⁡\arcsin
\arctanarctan⁡\arctan
\arctgarctg⁡\arctg
\argarg⁡\arg
\argmaxarg max⁡\argmax
\argminarg min⁡\argmin
abcd\begin{array}{cc}a&b\\c&d\end{array}\begin{array}{cc}
   a & b \\
   c & d
\end{array}
\arrayNot supportedsee {array}
\arraystretchabcd\def\arraystretch{1.5}\begin{array}{cc}a&b\\c&d\end{array}\def\arraystretch{1.5}
\begin{array}{cc}
   a & b \\
   c & d
\end{array}
\ArrowvertNot supported
\arrowvertNot supported
\ast∗\ast
\asymp≍\asymp
\atopab{a \atop b}{a \atop b}
\atopwithdelimsNot supported

B ​

| Symbol/Function | Rendered | Source or Comment | | :------------------ | :-------------------------------------------------- | :------------------------------------------------------------------------------------------------ | ------ | | \backepsilon | ∍\backepsilon | | | \backprime | ‵\backprime | | | \backsim | ∽\backsim | | | \backsimeq | ⋍\backsimeq | | | \backslash | \\backslash | | | \bar | yˉ\bar{y} | \bar{y} | | \barwedge | ⊼\barwedge | | | \Bbb | ABC\Bbb{ABC} | \Bbb{ABC}
KaTeX supports A-Z & k | | \Bbbk | k\Bbbk | | | \bbox | Not supported | | | \bcancel | 5\bcancel{5} | \bcancel{5} | | \because | ∵\because | | | \begin | abcd\begin{matrix} a & b\\ c & d\end{matrix} | \begin{matrix}
   a & b \\
   c & d
\end{matrix} | | \begingroup | \begingroup a} | \begingroup a} | | \Beta | B\Beta | | | \beta | β\beta | | | \beth | ℶ\beth | | | \between | ≬\between | | | \bf | AaBb12\bf AaBb12 | \bf AaBb12 | | \bfseries | Not supported | | | \big | ()\big(\big) | \big(\big) | | \Big | ()\Big(\Big) | \Big(\Big) | | \bigcap | ⋂\bigcap | | | \bigcirc | ◯\bigcirc | | | \bigcup | ⋃\bigcup | | | \bigg | ()\bigg(\bigg) | \bigg(\bigg) | | \Bigg | ()\Bigg(\Bigg) | \Bigg(\Bigg) | | \biggl | (\biggl( | \biggl( | | \Biggl | (\Biggl( | \Biggl( | | \biggm | ∣\biggm\vert

Toshiki's Note

Appearance

KaTeX: Support table ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:5.8k
Reading:36 min

note

This is an direct shameful copy of the documentation pulled from KaTeX documentation, I do not own any of the content below on behalf of this part of the documentation, the table might be outdated as versions migrates, please also refer to KaTeX's official documentation.

Symbols ​

Symbol/FunctionRenderedSource or Comment
!n!n!n!
\!a ⁣ba\!ba\!b
#y2\def\bar#1{#1^2} \bar{y}\def\bar#1{#1^2} \bar{y}
\##\#
%%this is a comment
\%%\%
&abcd\begin{matrix} a & b\cr c & d \end{matrix}\begin{matrix}
   a & b \\
   c & d
\end{matrix}
\&&\&
'′'
\'aˊ\text{\'{a}}\text{\'{a}}
(((
)))
\(…\)ab\text{\(\frac a b\)}\text{\(\frac a b\)}
\a ba\ ba\ b
\"a¨\text{\"{a}}\text{\"{a}}
\$$\text{\textdollar}
\,a  ba\,\,{b}a\,\,{b}
\.a˙\text{\.{a}}\text{\.{a}}
\:a  ba\:\:{b}a\:\:{b}
\;a    ba\;\;{b}a\;\;{b}
_xix_ix_i
\__\_
\`aˋ\text{\`{a}}\text{\'{a}}
<<<
\=aˉ\text{\={a}}\text{\\={a}}
>>>
\>a  ba\>\>{b}a\>\>{b}
[[[
]]]
{a{a}{a}
}a{a}{a}
\{{\{
\}}\}
|∣\vert
\|∥\Vert
~no no no breaks\text{no~no~no~breaks}\text{no~no~no~breaks}
\~a˜\text{\~{a}}\text{\\~{a}}
\\abcd\begin{matrix} a & b\\ c & d\end{matrix}\begin{matrix}
   a & b \\
   c & d
\end{matrix}
^xix^ix^i
\^aˆ\text{\^{a}}\text{\\^{a}}

A ​

Symbol/FunctionRenderedSource or Comment
\AAA˚\text{\AA}\text{\AA}
\aaa˚\text{\aa}\text{\aa}
\aboveab+1{a \above{2pt} b+1}{a \above{2pt} b+1}
\abovewithdelimsNot supported
\acuteeˊ\acute e\acute e
\AEÆ\text{\AE}\text{\AE}
\aeæ\text{\ae}\text{\ae}
\alefℵ\alef
\alefsymℵ\alefsym
\alephℵ\aleph
Not supportedsee {aligned}
a=b+cd+e=f\begin{aligned}a&=b+c\\d+e&=f\end{aligned}\begin{aligned}
   a&=b+c \\
   d+e&=f
\end{aligned}
Not supportedsee {alignedat}
10x+3y=23x+13y=4\begin{alignedat}{2}10&x+&3&y=2\\3&x+&13&y=4\end{alignedat}\begin{alignedat}{2}
   10&x+ &3&y = 2 \\
    3&x+&13&y = 4
\end{alignedat}
\allowbreak
\AlphaA\Alpha
\alphaα\alpha
\amalg⨿\amalg
\And&\And
\andNot supportedDeprecated
\angNot supportedDeprecated
\anglNot supported
\angle∠\angle
\approx≈\approx
\approxeq≊\approxeq
\arccosarccos⁡\arccos
\arcctgarcctg⁡\arcctg
\arcsinarcsin⁡\arcsin
\arctanarctan⁡\arctan
\arctgarctg⁡\arctg
\argarg⁡\arg
\argmaxarg max⁡\argmax
\argminarg min⁡\argmin
abcd\begin{array}{cc}a&b\\c&d\end{array}\begin{array}{cc}
   a & b \\
   c & d
\end{array}
\arrayNot supportedsee {array}
\arraystretchabcd\def\arraystretch{1.5}\begin{array}{cc}a&b\\c&d\end{array}\def\arraystretch{1.5}
\begin{array}{cc}
   a & b \\
   c & d
\end{array}
\ArrowvertNot supported
\arrowvertNot supported
\ast∗\ast
\asymp≍\asymp
\atopab{a \atop b}{a \atop b}
\atopwithdelimsNot supported

B ​

| Symbol/Function | Rendered | Source or Comment | | :------------------ | :-------------------------------------------------- | :------------------------------------------------------------------------------------------------ | ------ | | \backepsilon | ∍\backepsilon | | | \backprime | ‵\backprime | | | \backsim | ∽\backsim | | | \backsimeq | ⋍\backsimeq | | | \backslash | \\backslash | | | \bar | yˉ\bar{y} | \bar{y} | | \barwedge | ⊼\barwedge | | | \Bbb | ABC\Bbb{ABC} | \Bbb{ABC}
KaTeX supports A-Z & k | | \Bbbk | k\Bbbk | | | \bbox | Not supported | | | \bcancel | 5\bcancel{5} | \bcancel{5} | | \because | ∵\because | | | \begin | abcd\begin{matrix} a & b\\ c & d\end{matrix} | \begin{matrix}
   a & b \\
   c & d
\end{matrix} | | \begingroup | \begingroup a} | \begingroup a} | | \Beta | B\Beta | | | \beta | β\beta | | | \beth | ℶ\beth | | | \between | ≬\between | | | \bf | AaBb12\bf AaBb12 | \bf AaBb12 | | \bfseries | Not supported | | | \big | ()\big(\big) | \big(\big) | | \Big | ()\Big(\Big) | \Big(\Big) | | \bigcap | ⋂\bigcap | | | \bigcirc | ◯\bigcirc | | | \bigcup | ⋃\bigcup | | | \bigg | ()\bigg(\bigg) | \bigg(\bigg) | | \Bigg | ()\Bigg(\Bigg) | \Bigg(\Bigg) | | \biggl | (\biggl( | \biggl( | | \Biggl | (\Biggl( | \Biggl( | | \biggm | ∣\biggm\vert | \biggm\vert | | \Biggm | ∣\Biggm\vert

\xtwoheadrightarrow{abc}

YZ ​

Symbol/FunctionRenderedSource or Comment
\yen¥\yen
\ZZ\Z
\ZetaZ\Zeta
\zetaζ\zeta
- + 101-10.7 23.333-16 35.7-16 37 0 .7 7.7 1 23 1h22c27.3-71.3 75-127 143-167z">\xtwoheadrightarrow{abc}

YZ ​

Symbol/FunctionRenderedSource or Comment
\yen¥\yen
\ZZ\Z
\ZetaZ\Zeta
\zetaζ\zeta
+ \ No newline at end of file diff --git a/application/markdown-it-katex/tips.html b/application/markdown-it-katex/tips.html index 226572d1..80501cef 100644 --- a/application/markdown-it-katex/tips.html +++ b/application/markdown-it-katex/tips.html @@ -5,15 +5,15 @@ Tips to Use markdown-it-katex | Toshiki's Note - + - + - + - + @@ -36,104 +36,104 @@ -
Toshiki's Note

Appearance

Tips & Hacks ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:1.2k
Reading:7 min

1: Responsive KaTeX Styling ​

1.1: Issue background ​

KaTeX works out of the box on large screen devices such as laptops and desktop computers. But as KaTeX's built-in does not support responsiveness on it's default stylings, hence KaTeX equations might overflow out of the default width of the default application containers on small-screened mobile devices as you can see in the following image in the dev tool of chrome, when the dimension of the webpage is set to responsive or under a certain fixed device dimension, the equations rendered in KaTeX overflows out of the viewport as inspected in blue hightlight.

katex overflowing on small screen devices
◎ katex overflowing on small screen devices

This inevitably causes the viewport to break and extends the default width for KaTeX equations <div> to fit, users will be required to manually scroll right in order to view the full equation consequently as follows,

katex overflowing with labels annotated
◎ katex overflowing with labels annotated

The above situation is undoubtedly annoying for user experiences while reading documentation, consider at what scenarios users have to scroll, scroll and scroll only for viewing a single long-blocked equation, who would want to read such a text, right? But don't worry we have a simple fix for this situation via by several line of css.

1.2: Temporary solution ​

If you happened to search over KaTeX's official repo issue tracker on GitHub, there are several user-made css tweaks hack already, the fix is simple by adjusting the overflows of both x and y axes of the KaTeX render <div> blocks. The katex-display > .katex selector targets the child element of the .katex-display class that has the .katex class. This is the element that contains the KaTeX math expression. The first block of styles is mostly concerned with making sure that the KaTeX expression doesn't overflow its container and can be scrolled horizontally if needed. The second block of styles sets the font and line-height for the KaTeX expression and makes sure that its text is properly indented.

Break/wrap formula if too wide · Issue #327 · KaTeX/KaTeX
Is there a way to break formulaundefineds if they are to wide (with respect to their parent) ?
GitHub

But, the issue here is, the overflowing issue is resolved on the webpage, but the style itself left with a slight whitish "box" at the crossing corner of both horizontal as well as vertical scrollbar tracks, this might not be so explicit in the light mode of the webpage, but when it turns to dark mode, the box become annoying. Some people might say it's an easy tweak via setting the display property of the "box" element to display: none; to directly remove the box out of the page, this is a smart approach; however, while the box is gone, the two crossing tracks is going to form an untouched invisible box again against two bars without color. Thus, neither ways seems to perfectly solve the problem.

1.3: Finding solution ​

After running a quick research on Google, I found a simple hack tweak used in a theme of VuePress, vuepress-theme-hope on GitHub, the theme both integrate with KaTeX and MathJax for math supports.

GitHub - vuepress-theme-hope/vuepress-theme-hope: A vuepress theme with tons of features✨
A vuepress theme with tons of features✨. Contribute to vuepress-theme-hope/vuepress-theme-hope development by creating an account on GitHub.
GitHub

Under the styles directory of the repository, several line of scss styles came across my eyes,

KaTeX tweak fix styles in theme
◎ KaTeX tweak fix styles in theme

this scss lines only add a horizontal trackbar at the bottom of each overflowing equation while maximizing the vertical height of the equation, when user is on a small screened device as follows,

Horizontal scrollbar of equations on small screens
◎ Horizontal scrollbar of equations on small screen

Consequently, the fix is easy.

1.4: Solution ​

If you are running a documentation site like this version controlled via Node, especially VitePress without native scss supports, your fix would be installing scss support globally across the project, then add the scss styles and finally import the stylesheets to take effect globally.

Install global scss support using your favored package manager.

sh
$ npm install -D scss
$ npm install -D scss
sh
$ yarn add --dev scss
$ yarn add --dev scss
sh
$ pnpm add -D scss
$ pnpm add -D scss

Then in your scss stylesheets, add the following and link or import them to your global styles, you should be off to go with a complete fix-up for KaTeX.

scss
...
+    
Toshiki's Note
Appearance
Tips & Hacks ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:1.2k
 Reading:7 min
1: Responsive KaTeX Styling ​
1.1: Issue background ​
KaTeX works out of the box on large screen devices such as laptops and desktop computers. But as KaTeX's built-in does not support responsiveness on it's default stylings, hence KaTeX equations might overflow out of the default width of the default application containers on small-screened mobile devices as you can see in the following image in the dev tool of chrome, when the dimension of the webpage is set to responsive or under a certain fixed device dimension, the equations rendered in KaTeX overflows out of the viewport as inspected in blue hightlight.
katex overflowing on small screen devices
◎ katex overflowing on small screen devices
This inevitably causes the viewport to break and extends the default width for KaTeX equations <div> to fit, users will be required to manually scroll right in order to view the full equation consequently as follows,
katex overflowing with labels annotated
◎ katex overflowing with labels annotated
The above situation is undoubtedly annoying for user experiences while reading documentation, consider at what scenarios users have to scroll, scroll and scroll only for viewing a single long-blocked equation, who would want to read such a text, right? But don't worry we have a simple fix for this situation via by several line of css.
1.2: Temporary solution ​
If you happened to search over KaTeX's official repo issue tracker on GitHub, there are several user-made css tweaks hack already, the fix is simple by adjusting the overflows of both x and y axes of the KaTeX render <div> blocks. The katex-display > .katex selector targets the child element of the .katex-display class that has the .katex class. This is the element that contains the KaTeX math expression. The first block of styles is mostly concerned with making sure that the KaTeX expression doesn't overflow its container and can be scrolled horizontally if needed. The second block of styles sets the font and line-height for the KaTeX expression and makes sure that its text is properly indented.
@preview
But, the issue here is, the overflowing issue is resolved on the webpage, but the style itself left with a slight whitish "box" at the crossing corner of both horizontal as well as vertical scrollbar tracks, this might not be so explicit in the light mode of the webpage, but when it turns to dark mode, the box become annoying. Some people might say it's an easy tweak via setting the display property of the "box" element to display: none; to directly remove the box out of the page, this is a smart approach; however, while the box is gone, the two crossing tracks is going to form an untouched invisible box again against two bars without color. Thus, neither ways seems to perfectly solve the problem.
1.3: Finding solution ​
After running a quick research on Google, I found a simple hack tweak used in a theme of VuePress, vuepress-theme-hope on GitHub, the theme both integrate with KaTeX and MathJax for math supports.
@preview
Under the styles directory of the repository, several line of scss styles came across my eyes,
KaTeX tweak fix styles in theme
◎ KaTeX tweak fix styles in theme
this scss lines only add a horizontal trackbar at the bottom of each overflowing equation while maximizing the vertical height of the equation, when user is on a small screened device as follows,
Horizontal scrollbar of equations on small screens
◎ Horizontal scrollbar of equations on small screen
Consequently, the fix is easy.
1.4: Solution ​
If you are running a documentation site like this version controlled via Node, especially VitePress without native scss supports, your fix would be installing scss support globally across the project, then add the scss styles and finally import the stylesheets to take effect globally.
Install global scss support using your favored package manager.
sh
$ npm install -D scss
$ npm install -D scss
sh
$ yarn add --dev scss
$ yarn add --dev scss
sh
$ pnpm add -D scss
$ pnpm add -D scss
Then in your scss stylesheets, add the following and link or import them to your global styles, you should be off to go with a complete fix-up for KaTeX.
scss
...
 
-// katex responsiveness fix
-.katex {
-  font-size: 1.05em;
-  direction: ltr;
-}
+// katex responsiveness fix
+.katex {
+  font-size: 1.05em;
+  direction: ltr;
+}
 
-.katex-display {
-  overflow: auto hidden;
-  -webkit-overflow-scrolling: touch;
-  padding-top: 0.2em;
-  padding-bottom: 0.2em;
+.katex-display {
+  overflow: auto hidden;
+  -webkit-overflow-scrolling: touch;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
 
-  &::-webkit-scrollbar {
-    height: 3px;
-  }
+  &::-webkit-scrollbar {
+    height: 3px;
+  }
 
-  .katex {
-    font-size: 1.21em;
-  }
-}
+  .katex {
+    font-size: 1.21em;
+  }
+}
 
-.katex-error {
-  color: #f00;
-}
-// katex responsiveness fix ends
+.katex-error {
+  color: #f00;
+}
+// katex responsiveness fix ends
 
-...
...
+...
...
 
-// katex responsiveness fix
-.katex {
-  font-size: 1.05em;
-  direction: ltr;
-}
+// katex responsiveness fix
+.katex {
+  font-size: 1.05em;
+  direction: ltr;
+}
 
-.katex-display {
-  overflow: auto hidden;
-  -webkit-overflow-scrolling: touch;
-  padding-top: 0.2em;
-  padding-bottom: 0.2em;
+.katex-display {
+  overflow: auto hidden;
+  -webkit-overflow-scrolling: touch;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
 
-  &::-webkit-scrollbar {
-    height: 3px;
-  }
+  &::-webkit-scrollbar {
+    height: 3px;
+  }
 
-  .katex {
-    font-size: 1.21em;
-  }
-}
+  .katex {
+    font-size: 1.21em;
+  }
+}
 
-.katex-error {
-  color: #f00;
-}
-// katex responsiveness fix ends
+.katex-error {
+  color: #f00;
+}
+// katex responsiveness fix ends
 
-...
Next, import your styles globally to take effect,
scss
@import '<your-scss-file>.scss';
@import '<your-scss-file>.scss';
1.4.1: Fix Explanation ​
The first section sets the base styles for all KaTeX elements by increasing the font size slightly and ensuring that the text direction is left to right.
The second section of code targets the KaTeX display elements specifically. This section adds a bit of padding to the top and bottom of the display elements and sets overflow to auto hidden, which allows the content to scroll inside the container horizontally if it overflows the container's width. The -webkit-overflow-scrolling property is added to ensure smooth scrolling on mobile devices.
Additionally, this section contains a nested .katex selector, which increases the font size of the KaTeX elements within the display element.
The third section targets the .katex-error class and sets the color to red to indicate that there is an error in rendering the LaTeX expression.
1.5: What if I Don't Have SCSS? ​
If you do not have native scss support for your site, such as a static HTML based documentation site or content management site builder such as Wiki.JS that works as an SaaS which only allows users to apply custom stylesheets within slots provided and make effects, you could use some scss to css converter online with options follows,
to precompile from source scss into normal css styles and use them based on your needs, below are auto-generated compiled css, ONLY take it as reference, I do not guarantee the usability.
css
.katex {
-    font-size: 1.05em;
-    direction: ltr;
-}
+...
Next, import your styles globally to take effect,
scss
@import '<your-scss-file>.scss';
@import '<your-scss-file>.scss';
1.4.1: Fix Explanation ​
The first section sets the base styles for all KaTeX elements by increasing the font size slightly and ensuring that the text direction is left to right.
The second section of code targets the KaTeX display elements specifically. This section adds a bit of padding to the top and bottom of the display elements and sets overflow to auto hidden, which allows the content to scroll inside the container horizontally if it overflows the container's width. The -webkit-overflow-scrolling property is added to ensure smooth scrolling on mobile devices.
Additionally, this section contains a nested .katex selector, which increases the font size of the KaTeX elements within the display element.
The third section targets the .katex-error class and sets the color to red to indicate that there is an error in rendering the LaTeX expression.
1.5: What if I Don't Have SCSS? ​
If you do not have native scss support for your site, such as a static HTML based documentation site or content management site builder such as Wiki.JS that works as an SaaS which only allows users to apply custom stylesheets within slots provided and make effects, you could use some scss to css converter online with options follows,
to precompile from source scss into normal css styles and use them based on your needs, below are auto-generated compiled css, ONLY take it as reference, I do not guarantee the usability.
css
.katex {
+    font-size: 1.05em;
+    direction: ltr;
+}
 
-.katex-display {
-    overflow: auto hidden;
-    -webkit-overflow-scrolling: touch;
-    padding-top: 0.2em;
-    padding-bottom: 0.2em;
-}
-.katex-display::-webkit-scrollbar {
-    height: 3px;
-}
-.katex-display .katex {
-    font-size: 1.21em;
-}
+.katex-display {
+    overflow: auto hidden;
+    -webkit-overflow-scrolling: touch;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+}
+.katex-display::-webkit-scrollbar {
+    height: 3px;
+}
+.katex-display .katex {
+    font-size: 1.21em;
+}
 
-.katex-error {
-    color: #f00;
-}
.katex {
-    font-size: 1.05em;
-    direction: ltr;
-}
+.katex-error {
+    color: #f00;
+}
.katex {
+    font-size: 1.05em;
+    direction: ltr;
+}
 
-.katex-display {
-    overflow: auto hidden;
-    -webkit-overflow-scrolling: touch;
-    padding-top: 0.2em;
-    padding-bottom: 0.2em;
-}
-.katex-display::-webkit-scrollbar {
-    height: 3px;
-}
-.katex-display .katex {
-    font-size: 1.21em;
-}
+.katex-display {
+    overflow: auto hidden;
+    -webkit-overflow-scrolling: touch;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+}
+.katex-display::-webkit-scrollbar {
+    height: 3px;
+}
+.katex-display .katex {
+    font-size: 1.21em;
+}
 
-.katex-error {
-    color: #f00;
-}
To be continued.
Reference

-    
+.katex-error {
+    color: #f00;
+}

To be continued.

Reference

+ \ No newline at end of file diff --git a/application/vitepress-plugin-shiki-twoslash/api/annotations.html b/application/vitepress-plugin-shiki-twoslash/api/annotations.html index 7515d759..41864470 100644 --- a/application/vitepress-plugin-shiki-twoslash/api/annotations.html +++ b/application/vitepress-plugin-shiki-twoslash/api/annotations.html @@ -5,15 +5,15 @@ Meta Annotations | Toshiki's Note - + - + - + - + @@ -36,101 +36,101 @@ -
Toshiki's Note

Appearance

Queries ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:541
Reading:3 min

Sometimes the thing you want to say is about the code, annotations provide a way to provide outside commentary on your code.

@annotate: [left|right] [overrides] - [text] ​

Annotate has a lot more controls than most of the other Twoslash commands, because each use of it probably needs to feel a bit different. Here's an example based on the TypeScript home page, click it to get it running so we can talk about what it does:

ts
ts
function compact(arr) {
    if (.length > 10) return arr.trim(0, 10)
Cannot find name 'orr'.2304Cannot find name 'orr'.
    return arr
}

+    
Toshiki's Note
Appearance
Queries ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:541
 Reading:3 min
Sometimes the thing you want to say is about the code, annotations provide a way to provide outside commentary on your code.
@annotate: [left|right] [overrides] - [text] ​
Annotate has a lot more controls than most of the other Twoslash commands, because each use of it probably needs to feel a bit different. Here's an example based on the TypeScript home page, click it to get it running so we can talk about what it does:
ts
ts
function compact(arr) {
    if (.length > 10) return arr.trim(0, 10)
Cannot find name 'orr'.2304Cannot find name 'orr'.
    return arr
}

 

   
     
 
   
Discovered a typo, the param is arr, not orr!

 

-
ts
function compact(arr) {
    if (.length > 10) return arr.trim(0, 10)
Cannot find name 'orr'.2304Cannot find name 'orr'.
    return arr
}

+
ts
function compact(arr) {
    if (.length > 10) return arr.trim(0, 10)
Cannot find name 'orr'.2304Cannot find name 'orr'.
    return arr
}

 

   
     
 
   
Discovered a typo, the param is arr, not orr!

-
md
```ts twoslash
-// @errors: 2304
-// @strict: false
+
md
```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
```ts twoslash
-// @errors: 2304
-// @strict: false
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```

First up, cool — it adds some text to the left hand side of the code. It features quite a few different options, so lets go through them one by one:

  • left or right: It's currently left. It's worth noting the arrow flips also, and 90deg isn't a great option. Let's look at that next.

  • { "arrrowRot": "90deg 8px 27px" } - This JSON object is used to manipulate the annotation, you have 3 controls for arrow positioning and rotation: degrees x y. I recommend keeping those in degrees and px, but it's your life. These are overrides from defaults which are okay, but not really something you ever want to ship.

  • { "textDegree": "3deg" } - Rotates the text, you probably want something between -3deg and 3deg. Optional, defaults to 0.

  • { "top": "0rem" } - Sets the y coordinates for the annotation relative to the code sample, if it's not included then it becomes [lineNum]rem.

What's not included in this sample is flipped, which can be used to flip the arrow's orientation. Here's some examples:

A horizontal right example:

ts
ts
function compact(arr) {
    if (.length > 10) return arr.trim(0, 10)
Cannot find name 'orr'.2304Cannot find name 'orr'.
    return arr
}

+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```

First up, cool — it adds some text to the left hand side of the code. It features quite a few different options, so lets go through them one by one:

  • left or right: It's currently left. It's worth noting the arrow flips also, and 90deg isn't a great option. Let's look at that next.

  • { "arrrowRot": "90deg 8px 27px" } - This JSON object is used to manipulate the annotation, you have 3 controls for arrow positioning and rotation: degrees x y. I recommend keeping those in degrees and px, but it's your life. These are overrides from defaults which are okay, but not really something you ever want to ship.

  • { "textDegree": "3deg" } - Rotates the text, you probably want something between -3deg and 3deg. Optional, defaults to 0.

  • { "top": "0rem" } - Sets the y coordinates for the annotation relative to the code sample, if it's not included then it becomes [lineNum]rem.

What's not included in this sample is flipped, which can be used to flip the arrow's orientation. Here's some examples:

A horizontal right example:

ts
ts
function compact(arr) {
    if (.length > 10) return arr.trim(0, 10)
Cannot find name 'orr'.2304Cannot find name 'orr'.
    return arr
}

 

   
     
 
   
Discovered a typo, the param is arr, not orr!

 

-
ts
function compact(arr) {
    if (.length > 10) return arr.trim(0, 10)
Cannot find name 'orr'.2304Cannot find name 'orr'.
    return arr
}

+
ts
function compact(arr) {
    if (.length > 10) return arr.trim(0, 10)
Cannot find name 'orr'.2304Cannot find name 'orr'.
    return arr
}

 

   
     
 
   
Discovered a typo, the param is arr, not orr!

-
md
```ts twoslash
-// @errors: 2304
-// @strict: false
+
md
```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
```ts twoslash
-// @errors: 2304
-// @strict: false
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```

Upside down arrow pointing at the error, using flipped to re-flip the arrow:

ts
ts
function compact(arr) {
    if (.length > 10) return arr.trim(0, 10)
Cannot find name 'orr'.2304Cannot find name 'orr'.
    return arr
}

+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```

Upside down arrow pointing at the error, using flipped to re-flip the arrow:

ts
ts
function compact(arr) {
    if (.length > 10) return arr.trim(0, 10)
Cannot find name 'orr'.2304Cannot find name 'orr'.
    return arr
}

 

   
     
 
   
Discovered a typo, the param is arr, not orr!

 

-
ts
function compact(arr) {
    if (.length > 10) return arr.trim(0, 10)
Cannot find name 'orr'.2304Cannot find name 'orr'.
    return arr
}

+
ts
function compact(arr) {
    if (.length > 10) return arr.trim(0, 10)
Cannot find name 'orr'.2304Cannot find name 'orr'.
    return arr
}

 

   
     
 
   
Discovered a typo, the param is arr, not orr!

-
md
```ts twoslash
-// @errors: 2304
-// @strict: false
+
md
```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
```ts twoslash
-// @errors: 2304
-// @strict: false
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
- +function compact(arr) { + if (orr.length > 10) return arr.trim(0, 10) + return arr +} +// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr! +```
+ \ No newline at end of file diff --git a/application/vitepress-plugin-shiki-twoslash/api/cutting.html b/application/vitepress-plugin-shiki-twoslash/api/cutting.html index dc3884bd..d751c48a 100644 --- a/application/vitepress-plugin-shiki-twoslash/api/cutting.html +++ b/application/vitepress-plugin-shiki-twoslash/api/cutting.html @@ -5,15 +5,15 @@ Cutting | Toshiki's Note - + - + - + - + @@ -36,52 +36,52 @@ -
Toshiki's Note

Appearance

Cutting ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:242
Reading:1 min

Every Twoslash code example needs to be a complete TypeScript program so it can compile. Quite often to make it compile, there is a bunch of code which isn't relevant to the user. This can be extracted out of the code examples via cut comments.

---cut--- ​

Cut works after TypeScript has generated the project and pulled out all the editor information (like identifiers, queries, highlights etc) and then amends all of their offsets and lines to re-fit the smaller output. What your user sees is everything below the ---cut---.

ts
ts
console.log(level)
ts
console.log(level)
md
```ts twoslash
-const level: string = 'Danger'
-// ---cut---
-console.log(level)
-```
```ts twoslash
-const level: string = 'Danger'
-// ---cut---
-console.log(level)
-```

Cutting even works across multiple files. This is why // @filename: [file] is specifically the only Twoslash command which is not removed, because if it's not relevant it can be ---cut--- away.

ts
ts
import { helloWorld } from './a'
console.log(helloWorld)
ts
import { helloWorld } from './a'
console.log(helloWorld)
md
```ts twoslash
-// @filename: a.ts
-export const helloWorld: string = 'Hi'
+    
Toshiki's Note
Appearance
Cutting ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:242
 Reading:1 min
Every Twoslash code example needs to be a complete TypeScript program so it can compile. Quite often to make it compile, there is a bunch of code which isn't relevant to the user. This can be extracted out of the code examples via cut comments.
---cut--- ​
Cut works after TypeScript has generated the project and pulled out all the editor information (like identifiers, queries, highlights etc) and then amends all of their offsets and lines to re-fit the smaller output. What your user sees is everything below the ---cut---.
ts
ts
console.log(level)
ts
console.log(level)
md
```ts twoslash
+const level: string = 'Danger'
+// ---cut---
+console.log(level)
+```
```ts twoslash
+const level: string = 'Danger'
+// ---cut---
+console.log(level)
+```
Cutting even works across multiple files. This is why // @filename: [file] is specifically the only Twoslash command which is not removed, because if it's not relevant it can be ---cut--- away.
ts
ts
import { helloWorld } from './a'
console.log(helloWorld)
ts
import { helloWorld } from './a'
console.log(helloWorld)
md
```ts twoslash
+// @filename: a.ts
+export const helloWorld: string = 'Hi'
 
-// @filename: b.ts
-// ---cut---
-import { helloWorld } from './a'
-console.log(helloWorld)
-```
```ts twoslash
-// @filename: a.ts
-export const helloWorld: string = 'Hi'
+// @filename: b.ts
+// ---cut---
+import { helloWorld } from './a'
+console.log(helloWorld)
+```
```ts twoslash
+// @filename: a.ts
+export const helloWorld: string = 'Hi'
 
-// @filename: b.ts
-// ---cut---
-import { helloWorld } from './a'
-console.log(helloWorld)
-```
---cut-after--- ​
The sibling to ---cut---, which trims anything after the sigil:
tsx
tsx
    <Container>
        <ImportantComponent />
    </Container>
tsx
    <Container>
        <ImportantComponent />
    </Container>
md
```tsx twoslash
-const Page = () => (
-    // ---cut---
-    <Container>
-        <ImportantComponent />
-    </Container>
-    // ---cut-after---
-)
-```
```tsx twoslash
-const Page = () => (
-    // ---cut---
-    <Container>
-        <ImportantComponent />
-    </Container>
-    // ---cut-after---
-)
-```

-    
+// @filename: b.ts
+// ---cut---
+import { helloWorld } from './a'
+console.log(helloWorld)
+```

---cut-after--- ​

The sibling to ---cut---, which trims anything after the sigil:

tsx
tsx
    <Container>
        <ImportantComponent />
    </Container>
tsx
    <Container>
        <ImportantComponent />
    </Container>
md
```tsx twoslash
+const Page = () => (
+    // ---cut---
+    <Container>
+        <ImportantComponent />
+    </Container>
+    // ---cut-after---
+)
+```
```tsx twoslash
+const Page = () => (
+    // ---cut---
+    <Container>
+        <ImportantComponent />
+    </Container>
+    // ---cut-after---
+)
+```
+ \ No newline at end of file diff --git a/application/vitepress-plugin-shiki-twoslash/api/emit.html b/application/vitepress-plugin-shiki-twoslash/api/emit.html index 3b8b4acf..7fbed25b 100644 --- a/application/vitepress-plugin-shiki-twoslash/api/emit.html +++ b/application/vitepress-plugin-shiki-twoslash/api/emit.html @@ -5,15 +5,15 @@ Emit | Toshiki's Note - + - + - + - + @@ -36,46 +36,46 @@ -
Toshiki's Note

Appearance

Emit ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:264
Reading:1 min

Running a Twoslash code example is a full TypeScript compiler run that will create files inside the virtual file system. You can replace the contents of your code examples with the results of running TypeScript over the project.

@showEmit ​

// @showEmit is the main command to tell Shiki Twoslash that you want to replace the output of your code example with the equivalent .js file.

ts
ts
"use strict";
const level = 'Danger';
 
ts
"use strict";
const level = 'Danger';
 
md
```ts twoslash
-// @showEmit
-const level: string = 'Danger'
-```
```ts twoslash
-// @showEmit
-const level: string = 'Danger'
-```

@showEmittedFile: [file] ​

While the .js file is probably the most useful file out of the box, TypeScript does emit other files if you have the right flags enabled (.d.ts and .map) but also when you have a multi-file code sample — you might need to tell Twoslash which file to show. For all these cases you can also add @showEmittedFile: [file] to tell Twoslash which file you want to show.

Shows emitted .d.ts for a TypeScript code example:

md
```ts twoslash
-// @declaration
-// @showEmit
-// @showEmittedFile: index.d.ts
-export const hello = 'world'
-```
```ts twoslash
-// @declaration
-// @showEmit
-// @showEmittedFile: index.d.ts
-export const hello = 'world'
-```
ts
ts
export declare const hello = "world";
 
ts
export declare const hello = "world";
 

Shows emitted .map files:

md
```ts twoslash
-// @sourceMap
-// @showEmit
-// @showEmittedFile: index.js.map
-export const hello = 'world'
-```
```ts twoslash
-// @sourceMap
-// @showEmit
-// @showEmittedFile: index.js.map
-export const hello = 'world'
-```
ts
ts
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
ts
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
md
```ts twoslash
-// @declaration
-// @declarationMap
-// @showEmit
-// @showEmittedFile: index.d.ts.map
-export const hello = 'world'
-```
```ts twoslash
-// @declaration
-// @declarationMap
-// @showEmit
-// @showEmittedFile: index.d.ts.map
-export const hello = 'world'
-```
ts
ts
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
ts
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
- +
Toshiki's Note

Appearance

Emit ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:264
Reading:1 min

Running a Twoslash code example is a full TypeScript compiler run that will create files inside the virtual file system. You can replace the contents of your code examples with the results of running TypeScript over the project.

@showEmit ​

// @showEmit is the main command to tell Shiki Twoslash that you want to replace the output of your code example with the equivalent .js file.

ts
ts
"use strict";
const level = 'Danger';
 
ts
"use strict";
const level = 'Danger';
 
md
```ts twoslash
+// @showEmit
+const level: string = 'Danger'
+```
```ts twoslash
+// @showEmit
+const level: string = 'Danger'
+```

@showEmittedFile: [file] ​

While the .js file is probably the most useful file out of the box, TypeScript does emit other files if you have the right flags enabled (.d.ts and .map) but also when you have a multi-file code sample — you might need to tell Twoslash which file to show. For all these cases you can also add @showEmittedFile: [file] to tell Twoslash which file you want to show.

Shows emitted .d.ts for a TypeScript code example:

md
```ts twoslash
+// @declaration
+// @showEmit
+// @showEmittedFile: index.d.ts
+export const hello = 'world'
+```
```ts twoslash
+// @declaration
+// @showEmit
+// @showEmittedFile: index.d.ts
+export const hello = 'world'
+```
ts
ts
export declare const hello = "world";
 
ts
export declare const hello = "world";
 

Shows emitted .map files:

md
```ts twoslash
+// @sourceMap
+// @showEmit
+// @showEmittedFile: index.js.map
+export const hello = 'world'
+```
```ts twoslash
+// @sourceMap
+// @showEmit
+// @showEmittedFile: index.js.map
+export const hello = 'world'
+```
ts
ts
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
ts
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
md
```ts twoslash
+// @declaration
+// @declarationMap
+// @showEmit
+// @showEmittedFile: index.d.ts.map
+export const hello = 'world'
+```
```ts twoslash
+// @declaration
+// @declarationMap
+// @showEmit
+// @showEmittedFile: index.d.ts.map
+export const hello = 'world'
+```
ts
ts
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
ts
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
+ \ No newline at end of file diff --git a/application/vitepress-plugin-shiki-twoslash/api/errors.html b/application/vitepress-plugin-shiki-twoslash/api/errors.html index 3741a16b..ed1c76f3 100644 --- a/application/vitepress-plugin-shiki-twoslash/api/errors.html +++ b/application/vitepress-plugin-shiki-twoslash/api/errors.html @@ -5,15 +5,15 @@ Errors | Toshiki's Note - + - + - + - + @@ -36,24 +36,24 @@ -
Toshiki's Note

Appearance

Errors ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:227
Reading:1 min

Most of the time, you want to avoid errors in your code examples. Strictly speaking, this usually means setting the right compiler flags and environment in each code example.

Sometimes however, you do want to raise a compiler error — to show incorrect states. In those cases, twoslash has a way to mark the compiler errors you expect.

@errors: [num] ​

All TypeScript compiler errors have a number, this number is relatively arbitrary and can change between TypeScript versions. For our case these numbers are useul in declaring what we expect to see.

You can use // @errors: [num] to tell Twoslash that you expect this error to occur. This moves the compiler error message into the code example.

ts
ts
const a = '123'
 = 132
Cannot assign to 'a' because it is a constant.2588Cannot assign to 'a' because it is a constant.
ts
const a = '123'
 = 132
Cannot assign to 'a' because it is a constant.2588Cannot assign to 'a' because it is a constant.
md
```ts twoslash
-// @errors: 2588
-const a = '123'
-a = 132
-```
```ts twoslash
-// @errors: 2588
-const a = '123'
-a = 132
-```

@noErrors ​

Sometimes you have needs in which a broken TypeScript build is okay. A good example of this is using a completion query, which requires a broken TypeScript project to work. You can use // @noErrors to supress all errors in a code sample, and not have them show inline.

ts
ts
const a = '123'
a = 132
ts
const a = '123'
a = 132
md
```ts twoslash
-// @noErrors
-const a = '123'
-a = 132
-```
```ts twoslash
-// @noErrors
-const a = '123'
-a = 132
-```
- +
Toshiki's Note

Appearance

Errors ​

Author:Anda Toshiki
Updated:2 minutes ago
Words:227
Reading:1 min

Most of the time, you want to avoid errors in your code examples. Strictly speaking, this usually means setting the right compiler flags and environment in each code example.

Sometimes however, you do want to raise a compiler error — to show incorrect states. In those cases, twoslash has a way to mark the compiler errors you expect.

@errors: [num] ​

All TypeScript compiler errors have a number, this number is relatively arbitrary and can change between TypeScript versions. For our case these numbers are useul in declaring what we expect to see.

You can use // @errors: [num] to tell Twoslash that you expect this error to occur. This moves the compiler error message into the code example.

ts
ts
const a = '123'
 = 132
Cannot assign to 'a' because it is a constant.2588Cannot assign to 'a' because it is a constant.
ts
const a = '123'
 = 132
Cannot assign to 'a' because it is a constant.2588Cannot assign to 'a' because it is a constant.
md
```ts twoslash
+// @errors: 2588
+const a = '123'
+a = 132
+```
```ts twoslash
+// @errors: 2588
+const a = '123'
+a = 132
+```

@noErrors ​

Sometimes you have needs in which a broken TypeScript build is okay. A good example of this is using a completion query, which requires a broken TypeScript project to work. You can use // @noErrors to supress all errors in a code sample, and not have them show inline.

ts
ts
const a = '123'
a = 132
ts
const a = '123'
a = 132
md
```ts twoslash
+// @noErrors
+const a = '123'
+a = 132
+```
```ts twoslash
+// @noErrors
+const a = '123'
+a = 132
+```
+ \ No newline at end of file diff --git a/application/vitepress-plugin-shiki-twoslash/api/includes.html b/application/vitepress-plugin-shiki-twoslash/api/includes.html index 645f6e50..24d0871f 100644 --- a/application/vitepress-plugin-shiki-twoslash/api/includes.html +++ b/application/vitepress-plugin-shiki-twoslash/api/includes.html @@ -5,15 +5,15 @@ Includes | Toshiki's Note - + - + - + - + @@ -36,126 +36,126 @@ -
Toshiki's Note

Appearance

Includes ​

Author:Anda Toshiki
Updated:4 minutes ago
Words:431
Reading:2 min

As your documentation grows, you may need a way of re-using code blocks to prevent code duplication. Shiki Twoslash provides a simple includes system.

Defining a re-usable block ​

Re-usable code blocks are defined by the twoslash language, followed by the include keyword and the reference name of your choice.

md
```twoslash include myBlock
-type SomeString = string
-```
```twoslash include myBlock
-type SomeString = string
-```

Incremental steps ​

Shiki Twoslash also provide the ability to define incremental steps through the definition of re-usable blocks. This means whenever a new step is delimited down the code, it will also include previous steps. These are not groups.

  • Incremental steps are delimited by // - [name of the step]
  • They are named at the end of the actual code
md
```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```

Including a whole block ​

To include a re-usable block, add // @include: [block name] in your code block.

twoslash
ts
ts
type SomeString = string
const a: SomeString = 'string'
ts
type SomeString = string
const a: SomeString = 'string'
md
```twoslash include myBlock
-type SomeString = string
-```
+    
Toshiki's Note
Appearance
Includes ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:431
 Reading:2 min
As your documentation grows, you may need a way of re-using code blocks to prevent code duplication. Shiki Twoslash provides a simple includes system.
Defining a re-usable block ​
Re-usable code blocks are defined by the twoslash language, followed by the include keyword and the reference name of your choice.
md
```twoslash include myBlock
+type SomeString = string
+```
```twoslash include myBlock
+type SomeString = string
+```
Incremental steps ​
Shiki Twoslash also provide the ability to define incremental steps through the definition of re-usable blocks. This means whenever a new step is delimited down the code, it will also include previous steps. These are not groups.
  • Incremental steps are delimited by // - [name of the step]
  • They are named at the end of the actual code
md
```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
Including a whole block ​
To include a re-usable block, add // @include: [block name] in your code block.
twoslash
ts
ts
type SomeString = string
const a: SomeString = 'string'
ts
type SomeString = string
const a: SomeString = 'string'
md
```twoslash include myBlock
+type SomeString = string
+```
 
-```ts twoslash
-// @include: myBlock
-const a: SomeString = 'string'
-```
```twoslash include myBlock
-type SomeString = string
-```
+```ts twoslash
+// @include: myBlock
+const a: SomeString = 'string'
+```
```twoslash include myBlock
+type SomeString = string
+```
 
-```ts twoslash
-// @include: myBlock
-const a: SomeString = 'string'
-```
Including a block step ​
To include a re-usable block at a specific step, add // @include: [block name]-[step name] in your code block.
twoslash
ts
ts
type SomeString = string
type ```ts twoslash
+// @include: myBlock
+const a: SomeString = 'string'
+```
Including a block step ​
To include a re-usable block at a specific step, add // @include: [block name]-[step name] in your code block.
twoslash
ts
ts
type SomeString = string
type SomeUser = { name: string; mail?: SomeUser = { name: string; mail?: SomeUserMail }
type SomeUserMail }
type SomeUserMail = { content: string; verified: boolean }
const mail: SomeUserMail = { content: string; verified: boolean }
const mail: SomeUserMail = { content: 'some-email', verified: true }
ts
type SomeString = string
type SomeUserMail = { content: 'some-email', verified: true }
ts
type SomeString = string
type SomeUser = { name: string; mail?: SomeUser = { name: string; mail?: SomeUserMail }
type SomeUserMail }
type SomeUserMail = { content: string; verified: boolean }
const mail: SomeUserMail = { content: string; verified: boolean }
const mail: SomeUserMail = { content: 'some-email', verified: true }
md
```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
+}">SomeUserMail = { content: 'some-email', verified: true }
md
```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
 
-```ts twoslash
-// @include: myBlockWithSteps-afterUserDefinitions
-const mail: SomeUserMail = { content: 'some-email', verified: true }
-```
```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
+```ts twoslash
+// @include: myBlockWithSteps-afterUserDefinitions
+const mail: SomeUserMail = { content: 'some-email', verified: true }
+```
```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
 
-```ts twoslash
-// @include: myBlockWithSteps-afterUserDefinitions
-const mail: SomeUserMail = { content: 'some-email', verified: true }
-```
Hiding re-used code ​
Re-using a lot of TypeScript code can easily bloat your documentation and obstruct the main point of your code block. You can hide re-used code to keep your code blocks clean and concise by cutting right after the @include statement.
ts
ts
const mail: ```ts twoslash
+// @include: myBlockWithSteps-afterUserDefinitions
+const mail: SomeUserMail = { content: 'some-email', verified: true }
+```
Hiding re-used code ​
Re-using a lot of TypeScript code can easily bloat your documentation and obstruct the main point of your code block. You can hide re-used code to keep your code blocks clean and concise by cutting right after the @include statement.
ts
ts
const mail: SomeUserMail = { content: 'some-email', verified: true }
ts
const mail: SomeUserMail = { content: 'some-email', verified: true }
ts
const mail: SomeUserMail = { content: 'some-email', verified: true }
md
```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
+}">SomeUserMail = { content: 'some-email', verified: true }
md
```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
 
-```ts twoslash
-// @include: myBlockWithSteps-afterUserDefinitions
-// ---cut---
-const mail: SomeUserMail = { content: 'some-email', verified: true }
-```
```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
+```ts twoslash
+// @include: myBlockWithSteps-afterUserDefinitions
+// ---cut---
+const mail: SomeUserMail = { content: 'some-email', verified: true }
+```
```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
 
-```ts twoslash
-// @include: myBlockWithSteps-afterUserDefinitions
-// ---cut---
-const mail: SomeUserMail = { content: 'some-email', verified: true }
-```

-    
+```ts twoslash
+// @include: myBlockWithSteps-afterUserDefinitions
+// ---cut---
+const mail: SomeUserMail = { content: 'some-email', verified: true }
+```

+    
     
   
 
\ No newline at end of file
diff --git a/application/vitepress-plugin-shiki-twoslash/api/logging.html b/application/vitepress-plugin-shiki-twoslash/api/logging.html
index cb0d2627..05eb88d9 100644
--- a/application/vitepress-plugin-shiki-twoslash/api/logging.html
+++ b/application/vitepress-plugin-shiki-twoslash/api/logging.html
@@ -5,15 +5,15 @@
     
     Logging | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,27 +36,27 @@
     
   
   
-    
Toshiki's Note
Appearance
Logging ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:152
 Reading:1 min
When you first see a Twoslash code example with an inline compiler error, you instinctively trust that the compiler error is correct because the design shows that it is not a part of the code sample. The logging tools lets you do that, but abuses the systemic trust because your code is not being evaluated to generate the logs.
This feature is effectively a facade, people will trust your output and it will look better.
@log:, @warn:, @error: ​
The names are based on the functions on the console object:
ts
ts
console.log('Hello log')
Hello log
 
console.warn('Hello warn')
Hello warn
 
console.error('Hello error')
Hello error

-
ts
console.log('Hello log')
Hello log
 
console.warn('Hello warn')
Hello warn
 
console.error('Hello error')
Hello error
md
```ts twoslash
-console.log('Hello log')
-// @log: Hello log
+    
Toshiki's Note
Appearance
Logging ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:152
 Reading:1 min
When you first see a Twoslash code example with an inline compiler error, you instinctively trust that the compiler error is correct because the design shows that it is not a part of the code sample. The logging tools lets you do that, but abuses the systemic trust because your code is not being evaluated to generate the logs.
This feature is effectively a facade, people will trust your output and it will look better.
@log:, @warn:, @error: ​
The names are based on the functions on the console object:
ts
ts
console.log('Hello log')
Hello log
 
console.warn('Hello warn')
Hello warn
 
console.error('Hello error')
Hello error

+
ts
console.log('Hello log')
Hello log
 
console.warn('Hello warn')
Hello warn
 
console.error('Hello error')
Hello error
md
```ts twoslash
+console.log('Hello log')
+// @log: Hello log
 
-console.warn('Hello warn')
-// @warn: Hello warn
+console.warn('Hello warn')
+// @warn: Hello warn
 
-console.error('Hello error')
-// @error: Hello error
-```
```ts twoslash
-console.log('Hello log')
-// @log: Hello log
+console.error('Hello error')
+// @error: Hello error
+```
```ts twoslash
+console.log('Hello log')
+// @log: Hello log
 
-console.warn('Hello warn')
-// @warn: Hello warn
+console.warn('Hello warn')
+// @warn: Hello warn
 
-console.error('Hello error')
-// @error: Hello error
-```

-    
+console.error('Hello error')
+// @error: Hello error
+```

+    
     
   
 
\ No newline at end of file
diff --git a/application/vitepress-plugin-shiki-twoslash/api/multi-file.html b/application/vitepress-plugin-shiki-twoslash/api/multi-file.html
index a7838495..e04fbc19 100644
--- a/application/vitepress-plugin-shiki-twoslash/api/multi-file.html
+++ b/application/vitepress-plugin-shiki-twoslash/api/multi-file.html
@@ -5,15 +5,15 @@
     
     Multi-file | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,90 +36,90 @@
     
   
   
-    
Toshiki's Note
Appearance
Multi-file ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:477
 Reading:2 min
Twoslash code examples aren't limited to creating a single file, by using // @filename: [file] you can write any file to the virtual file system used by TypeScript to power your code examples.
@filename: [file] ​
Most of the time, you don't need to think about the underlaying virtual file system in a code example, but when you have imports between them it becomes important to know. Twoslash will default to creating an index.[type] based on the langauge passed to the code example:
ts
ts
// I'm index.ts
ts
// I'm index.ts
md
```ts twoslash
-// I'm index.ts
-```
```ts twoslash
-// I'm index.ts
-```
tsx
tsx
// I'm index.tsx
tsx
// I'm index.tsx
md
```tsx twoslash
-// I'm index.tsx
-```
```tsx twoslash
-// I'm index.tsx
-```
js
js
// I'm index.tjs
js
// I'm index.tjs
md
```js twoslash
-// I'm index.tjs
-```
```js twoslash
-// I'm index.tjs
-```
Then until Twoslash hits another // @filename: [file], the parser keeps adding new lines into the same file. After seeing @filename Twoslash creates a new virtual file-system file and adds the new lines to that. You can't edit a file after it was created, but you can overwrite it.
It can be any file. For example, if you want to quickly fake a node module:
ts
ts
// @filename: node_modules/@types/mylib/index.d.ts
export function doit(): string
 
// @filename: index.ts
import { doit } from 'mylib'
console.log(doit)
ts
// @filename: node_modules/@types/mylib/index.d.ts
export function doit(): string
 
// @filename: index.ts
import { doit } from 'mylib'
console.log(doit)
This code example sets up the types for a non-existent npm module, and TypeScript picks it up as the definitions in the same way it would in a non-virtual TypeScript project.
md
```ts twoslash
-// @filename: node_modules/@types/mylib/index.d.ts
-export function doit(): string
+    
Toshiki's Note
Appearance
Multi-file ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:477
 Reading:2 min
Twoslash code examples aren't limited to creating a single file, by using // @filename: [file] you can write any file to the virtual file system used by TypeScript to power your code examples.
@filename: [file] ​
Most of the time, you don't need to think about the underlaying virtual file system in a code example, but when you have imports between them it becomes important to know. Twoslash will default to creating an index.[type] based on the langauge passed to the code example:
ts
ts
// I'm index.ts
ts
// I'm index.ts
md
```ts twoslash
+// I'm index.ts
+```
```ts twoslash
+// I'm index.ts
+```
tsx
tsx
// I'm index.tsx
tsx
// I'm index.tsx
md
```tsx twoslash
+// I'm index.tsx
+```
```tsx twoslash
+// I'm index.tsx
+```
js
js
// I'm index.tjs
js
// I'm index.tjs
md
```js twoslash
+// I'm index.tjs
+```
```js twoslash
+// I'm index.tjs
+```
Then until Twoslash hits another // @filename: [file], the parser keeps adding new lines into the same file. After seeing @filename Twoslash creates a new virtual file-system file and adds the new lines to that. You can't edit a file after it was created, but you can overwrite it.
It can be any file. For example, if you want to quickly fake a node module:
ts
ts
// @filename: node_modules/@types/mylib/index.d.ts
export function doit(): string
 
// @filename: index.ts
import { doit } from 'mylib'
console.log(doit)
ts
// @filename: node_modules/@types/mylib/index.d.ts
export function doit(): string
 
// @filename: index.ts
import { doit } from 'mylib'
console.log(doit)
This code example sets up the types for a non-existent npm module, and TypeScript picks it up as the definitions in the same way it would in a non-virtual TypeScript project.
md
```ts twoslash
+// @filename: node_modules/@types/mylib/index.d.ts
+export function doit(): string
 
-// @filename: index.ts
-import { doit } from 'mylib'
-console.log(doit)
-```
```ts twoslash
-// @filename: node_modules/@types/mylib/index.d.ts
-export function doit(): string
+// @filename: index.ts
+import { doit } from 'mylib'
+console.log(doit)
+```
```ts twoslash
+// @filename: node_modules/@types/mylib/index.d.ts
+export function doit(): string
 
-// @filename: index.ts
-import { doit } from 'mylib'
-console.log(doit)
-```
You can also set up a JSON object which can be imported in a TypeScript file:
ts
ts
// @filename: app.json
{ "version": "23.2.3" }
 
// @filename: index.ts
import appSettings from "./app.json"
appSettings.version
              
(property) "version": string
ts
// @filename: app.json
{ "version": "23.2.3" }
 
// @filename: index.ts
import appSettings from "./app.json"
appSettings.version
              
(property) "version": string
md
```ts twoslash
-// @resolveJsonModule
-// @filename: app.json
-{ "version": "23.2.3" }
+// @filename: index.ts
+import { doit } from 'mylib'
+console.log(doit)
+```
You can also set up a JSON object which can be imported in a TypeScript file:
ts
ts
// @filename: app.json
{ "version": "23.2.3" }
 
// @filename: index.ts
import appSettings from "./app.json"
appSettings.version
              
(property) "version": string
ts
// @filename: app.json
{ "version": "23.2.3" }
 
// @filename: index.ts
import appSettings from "./app.json"
appSettings.version
              
(property) "version": string
md
```ts twoslash
+// @resolveJsonModule
+// @filename: app.json
+{ "version": "23.2.3" }
 
-// @filename: index.ts
-import appSettings from "./app.json"
-appSettings.version
-//           ^?
-```
```ts twoslash
-// @resolveJsonModule
-// @filename: app.json
-{ "version": "23.2.3" }
+// @filename: index.ts
+import appSettings from "./app.json"
+appSettings.version
+//           ^?
+```
```ts twoslash
+// @resolveJsonModule
+// @filename: app.json
+{ "version": "23.2.3" }
 
-// @filename: index.ts
-import appSettings from "./app.json"
-appSettings.version
-//           ^?
-```
Finally, the following code allows importing non-TypeScript content. There is a .d.ts file which globally says 'md files are OK to import' and 'the module "react" exists, but don't worry about the details'.
Then for a user, they only see the imports and exports inside index.tsx.
ts
ts
import React from "react"
import MultiFileDocs from "./MultiFileDocs.mdx"
 
export default () => <MultiFileDocs/>
ts
import React from "react"
import MultiFileDocs from "./MultiFileDocs.mdx"
 
export default () => <MultiFileDocs/>
md
```ts twoslash
-// @filename: ambient.d.ts
-declare module '*.mdx' {
-    export default any
-}
-declare module "react"
+// @filename: index.ts
+import appSettings from "./app.json"
+appSettings.version
+//           ^?
+```
Finally, the following code allows importing non-TypeScript content. There is a .d.ts file which globally says 'md files are OK to import' and 'the module "react" exists, but don't worry about the details'.
Then for a user, they only see the imports and exports inside index.tsx.
ts
ts
import React from "react"
import MultiFileDocs from "./MultiFileDocs.mdx"
 
export default () => <MultiFileDocs/>
ts
import React from "react"
import MultiFileDocs from "./MultiFileDocs.mdx"
 
export default () => <MultiFileDocs/>
md
```ts twoslash
+// @filename: ambient.d.ts
+declare module '*.mdx' {
+    export default any
+}
+declare module "react"
 
-// @filename: MultiFileDocs.mdx
-## Hello world
+// @filename: MultiFileDocs.mdx
+## Hello world
 
-// @filename: index.tsx
-// ---cut---
-import React from "react"
-import MultiFileDocs from "./MultiFileDocs.mdx"
+// @filename: index.tsx
+// ---cut---
+import React from "react"
+import MultiFileDocs from "./MultiFileDocs.mdx"
 
-export default () => <MultiFileDocs/>
-```
```ts twoslash
-// @filename: ambient.d.ts
-declare module '*.mdx' {
-    export default any
-}
-declare module "react"
+export default () => <MultiFileDocs/>
+```
```ts twoslash
+// @filename: ambient.d.ts
+declare module '*.mdx' {
+    export default any
+}
+declare module "react"
 
-// @filename: MultiFileDocs.mdx
-## Hello world
+// @filename: MultiFileDocs.mdx
+## Hello world
 
-// @filename: index.tsx
-// ---cut---
-import React from "react"
-import MultiFileDocs from "./MultiFileDocs.mdx"
+// @filename: index.tsx
+// ---cut---
+import React from "react"
+import MultiFileDocs from "./MultiFileDocs.mdx"
 
-export default () => <MultiFileDocs/>
-```

-    
+export default () => <MultiFileDocs/>
+```

+    
     
   
 
\ No newline at end of file
diff --git a/application/vitepress-plugin-shiki-twoslash/api/queries.html b/application/vitepress-plugin-shiki-twoslash/api/queries.html
index 7e061180..048b248b 100644
--- a/application/vitepress-plugin-shiki-twoslash/api/queries.html
+++ b/application/vitepress-plugin-shiki-twoslash/api/queries.html
@@ -5,15 +5,15 @@
     
     Queries | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,24 +36,24 @@
     
   
   
-    
Toshiki's Note
Appearance
Queries ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:167
 Reading:1 min
One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code. Twoslash comes with two different ways to query your code: ?^ and ?|.
Extract Type ^? ​
Using ^? you can pull out type information about a particular identifier in the line of code above it.
ts
ts
const hi = 'Hello'
const msg = hi + ', world'
      
const msg: string
ts
const hi = 'Hello'
const msg = hi + ', world'
      
const msg: string
md
```ts twoslash
-const hi = 'Hello'
-const msg = hi + ', world'
-//    ^?
-```
```ts twoslash
-const hi = 'Hello'
-const msg = hi + ', world'
-//    ^?
-```
Completions ^| ​
Using ^| you can pull out information about a what the auto-complete looks like at a particular location.
ts
ts
console.e
         
  • error
ts
console.e
         
  • error
md
```ts twoslash
-// @noErrors
-console.e
-//       ^|
-```
```ts twoslash
-// @noErrors
-console.e
-//       ^|
-```
INFO
Note that the compiler flag for // @noErrors is set, because console.e is a failing TypeScript code sample but we don't really care about that.

-    
+    
Toshiki's Note
Appearance
Queries ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:167
 Reading:1 min
One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code. Twoslash comes with two different ways to query your code: ?^ and ?|.
Extract Type ^? ​
Using ^? you can pull out type information about a particular identifier in the line of code above it.
ts
ts
const hi = 'Hello'
const msg = hi + ', world'
      
const msg: string
ts
const hi = 'Hello'
const msg = hi + ', world'
      
const msg: string
md
```ts twoslash
+const hi = 'Hello'
+const msg = hi + ', world'
+//    ^?
+```
```ts twoslash
+const hi = 'Hello'
+const msg = hi + ', world'
+//    ^?
+```
Completions ^| ​
Using ^| you can pull out information about a what the auto-complete looks like at a particular location.
ts
ts
console.e
         
  • error
ts
console.e
         
  • error
md
```ts twoslash
+// @noErrors
+console.e
+//       ^|
+```
```ts twoslash
+// @noErrors
+console.e
+//       ^|
+```
INFO
Note that the compiler flag for // @noErrors is set, because console.e is a failing TypeScript code sample but we don't really care about that.

+    
     
   
 
\ No newline at end of file
diff --git a/application/vitepress-plugin-shiki-twoslash/api/types.html b/application/vitepress-plugin-shiki-twoslash/api/types.html
index 3878d865..1ab09b74 100644
--- a/application/vitepress-plugin-shiki-twoslash/api/types.html
+++ b/application/vitepress-plugin-shiki-twoslash/api/types.html
@@ -5,15 +5,15 @@
     
     @types | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,52 +36,52 @@
     
   
   
-    
Toshiki's Note
Appearance
@types ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:230
 Reading:1 min
For most examples, you probably need to import external libraries into your code examples.
Twoslash works by faking a virtual file system over your existing file system. This means any @types or libraries with TypeScript definitions should work out of the box with no config.
Local Sources ​
Simply import locally installed libraries and Twoslash can pick up types:
ts
ts
import { defineConfig } from 'vitepress'
const config = defineConfig({})
        
const config: UserConfig<DefaultTheme.Config>
export default config
ts
import { defineConfig } from 'vitepress'
const config = defineConfig({})
        
const config: UserConfig<DefaultTheme.Config>
export default config
md
```ts twoslash
-import { defineConfig } from 'vitepress'
-const config = defineConfig({})
-//    ^?
-export default config
-```
```ts twoslash
-import { defineConfig } from 'vitepress'
-const config = defineConfig({})
-//    ^?
-export default config
-```
Globals ​
Setting up globals is a little bit more complex, but not drastically. You need to use the triple slash reference which adds a particular library to the global scope.
For example, setting up Node imports and globals etc.
ts
ts
import { writeFileSync } from 'fs'
writeFileSync('myfile.txt', '// TODO')
ts
import { writeFileSync } from 'fs'
writeFileSync('myfile.txt', '// TODO')
md
```ts twoslash
-/// <reference types="node" />
-// ---cut---
-import { writeFileSync } from 'fs'
-writeFileSync('myfile.txt', '// TODO')
-```
```ts twoslash
-/// <reference types="node" />
-// ---cut---
-import { writeFileSync } from 'fs'
-writeFileSync('myfile.txt', '// TODO')
-```
APIs like Vitest are similar cases where you would use a triple slash reference.
ts
ts
test('my tests', () => {
    expect('hello').toEqual('hello')
      
const expect: ExpectStatic
})
ts
test('my tests', () => {
    expect('hello').toEqual('hello')
      
const expect: ExpectStatic
})
md
```ts twoslash
-/// <reference types="vitest/globals" />
-// ---cut---
+    
Toshiki's Note
Appearance
@types ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:230
 Reading:1 min
For most examples, you probably need to import external libraries into your code examples.
Twoslash works by faking a virtual file system over your existing file system. This means any @types or libraries with TypeScript definitions should work out of the box with no config.
Local Sources ​
Simply import locally installed libraries and Twoslash can pick up types:
ts
ts
import { defineConfig } from 'vitepress'
const config = defineConfig({})
        
const config: UserConfig<DefaultTheme.Config>
export default config
ts
import { defineConfig } from 'vitepress'
const config = defineConfig({})
        
const config: UserConfig<DefaultTheme.Config>
export default config
md
```ts twoslash
+import { defineConfig } from 'vitepress'
+const config = defineConfig({})
+//    ^?
+export default config
+```
```ts twoslash
+import { defineConfig } from 'vitepress'
+const config = defineConfig({})
+//    ^?
+export default config
+```
Globals ​
Setting up globals is a little bit more complex, but not drastically. You need to use the triple slash reference which adds a particular library to the global scope.
For example, setting up Node imports and globals etc.
ts
ts
import { writeFileSync } from 'fs'
writeFileSync('myfile.txt', '// TODO')
ts
import { writeFileSync } from 'fs'
writeFileSync('myfile.txt', '// TODO')
md
```ts twoslash
+/// <reference types="node" />
+// ---cut---
+import { writeFileSync } from 'fs'
+writeFileSync('myfile.txt', '// TODO')
+```
```ts twoslash
+/// <reference types="node" />
+// ---cut---
+import { writeFileSync } from 'fs'
+writeFileSync('myfile.txt', '// TODO')
+```
APIs like Vitest are similar cases where you would use a triple slash reference.
ts
ts
test('my tests', () => {
    expect('hello').toEqual('hello')
      
const expect: ExpectStatic
})
ts
test('my tests', () => {
    expect('hello').toEqual('hello')
      
const expect: ExpectStatic
})
md
```ts twoslash
+/// <reference types="vitest/globals" />
+// ---cut---
 
-test('my tests', () => {
-    expect('hello').toEqual('hello')
-    // ^?
-})
-```
```ts twoslash
-/// <reference types="vitest/globals" />
-// ---cut---
+test('my tests', () => {
+    expect('hello').toEqual('hello')
+    // ^?
+})
+```
```ts twoslash
+/// <reference types="vitest/globals" />
+// ---cut---
 
-test('my tests', () => {
-    expect('hello').toEqual('hello')
-    // ^?
-})
-```

-    
+test('my tests', () => {
+    expect('hello').toEqual('hello')
+    // ^?
+})
+```

+    
     
   
 
\ No newline at end of file
diff --git a/application/vitepress-plugin-shiki-twoslash/config/flags.html b/application/vitepress-plugin-shiki-twoslash/config/flags.html
index d87eddd6..c10209be 100644
--- a/application/vitepress-plugin-shiki-twoslash/config/flags.html
+++ b/application/vitepress-plugin-shiki-twoslash/config/flags.html
@@ -5,15 +5,15 @@
     
     Compiler Flags | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,598 +36,598 @@
     
   
   
-    
Toshiki's Note
Appearance
Compiler Flags ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:1.1k
 Reading:7 min
// @allowJs
-Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files..
-
-// @allowSyntheticDefaultImports
-Allow 'import x from y' when a module doesn't have a default export..
-
-// @allowUmdGlobalAccess
-Allow accessing UMD globals from modules..
-
-// @allowUnreachableCode
-Disable error reporting for unreachable code..
-
-// @allowUnusedLabels
-Disable error reporting for unused labels..
-
-// @alwaysStrict
-Ensure 'use strict' is always emitted..
-
-// @assumeChangesOnlyAffectDirectDependencies
-Have recompiles in projects that use `incremental` and `watch` mode assume that changes within a file will only affect files directly depending on it..
-
-// @baseUrl
-Specify the base directory to resolve non-relative module names..
-
-// @charset
-No longer supported. In early versions, manually set the text encoding for reading files..
-
-// @checkJs
-Enable error reporting in type-checked JavaScript files..
-
-// @composite
-Enable constraints that allow a TypeScript project to be used with project references..
-
-// @declaration
-Generate .d.ts files from TypeScript and JavaScript files in your project..
-
-// @declarationDir
-Specify the output directory for generated declaration files..
-
-// @declarationMap
-Create sourcemaps for d.ts files..
-
-// @diagnostics
-Output compiler performance information after building..
-
-// @disableReferencedProjectLoad
-Reduce the number of projects loaded automatically by TypeScript..
-
-// @disableSizeLimit
-Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
-
-// @disableSolutionSearching
-Opt a project out of multi-project reference checking when editing..
-
-// @disableSourceOfProjectReferenceRedirect
-Disable preferring source files instead of declaration files when referencing composite projects.
-
-// @downlevelIteration
-Emit more compliant, but verbose and less performant JavaScript for iteration..
-
-// @emitBOM
-Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
-
-// @emitDeclarationOnly
-Only output d.ts files and not JavaScript files..
-
-// @emitDecoratorMetadata
-Emit design-type metadata for decorated declarations in source files..
-
-// @esModuleInterop
-Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility..
-
-// @exactOptionalPropertyTypes
-Interpret optional property types as written, rather than adding 'undefined'..
-
-// @experimentalDecorators
-Enable experimental support for TC39 stage 2 draft decorators..
-
-// @explainFiles
-Print files read during the compilation including why it was included..
-
-// @extendedDiagnostics
-Output more detailed compiler performance information after building..
-
-// @forceConsistentCasingInFileNames
-Ensure that casing is correct in imports..
-
-// @generateCpuProfile
-Emit a v8 CPU profile of the compiler run for debugging..
-
-// @importHelpers
-Allow importing helper functions from tslib once per project, instead of including them per-file..
-
-// @importsNotUsedAsValues
-Specify emit/checking behavior for imports that are only used for types.
-
-// @incremental
-Enable incremental compilation.
-
-// @inlineSourceMap
-Include sourcemap files inside the emitted JavaScript..
-
-// @inlineSources
-Include source code in the sourcemaps inside the emitted JavaScript..
-
-// @isolatedModules
-Ensure that each file can be safely transpiled without relying on other imports..
-
-// @jsx
-Specify what JSX code is generated..
-
-// @jsxFactory
-Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
-
-// @jsxFragmentFactory
-Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
-
-// @jsxImportSource
-Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.`.
-
-// @keyofStringsOnly
-Make keyof only return strings instead of string, numbers or symbols. Legacy option..
-
-// @lib
-Specify a set of bundled library declaration files that describe the target runtime environment..
-
-// @listEmittedFiles
-Print the names of emitted files after a compilation..
-
-// @listFiles
-Print all of the files read during the compilation..
-
-// @mapRoot
-Specify the location where debugger should locate map files instead of generated locations..
-
-// @maxNodeModuleJsDepth
-Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`..
-
-// @module
-Specify what module code is generated..
-
-// @moduleResolution
-Specify how TypeScript looks up a file from a given module specifier..
-
-// @newLine
-Set the newline character for emitting files..
-
-// @noEmit
-Disable emitting file from a compilation..
-
-// @noEmitHelpers
-Disable generating custom helper functions like `__extends` in compiled output..
-
-// @noEmitOnError
-Disable emitting files if any type checking errors are reported..
-
-// @noErrorTruncation
-Disable truncating types in error messages..
-
-// @noFallthroughCasesInSwitch
-Enable error reporting for fallthrough cases in switch statements..
-
-// @noImplicitAny
-Enable error reporting for expressions and declarations with an implied `any` type...
-
-// @noImplicitOverride
-Add `undefined` to a type when accessed using an index..
-
-// @noImplicitReturns
-Enable error reporting for codepaths that do not explicitly return in a function..
-
-// @noImplicitThis
-Enable error reporting when `this` is given the type `any`..
-
-// @noImplicitUseStrict
-Disable adding 'use strict' directives in emitted JavaScript files..
-
-// @noLib
-Disable including any library files, including the default lib.d.ts..
-
-// @noPropertyAccessFromIndexSignature
-Enforces using indexed accessors for keys declared using an indexed type.
-
-// @noResolve
-Disallow `import`s, `require`s or ``s from expanding the number of files TypeScript should add to a project..
-
-// @noStrictGenericChecks
-Disable strict checking of generic signatures in function types..
-
-// @noUncheckedIndexedAccess
-Include 'undefined' in index signature results.
-
-// @noUnusedLocals
-Enable error reporting when a local variables aren't read..
-
-// @noUnusedParameters
-Raise an error when a function parameter isn't read.
-
-// @out
-Deprecated setting. Use `outFile` instead..
-
-// @outDir
-Specify an output folder for all emitted files..
-
-// @outFile
-Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output..
-
-// @paths
-Specify a set of entries that re-map imports to additional lookup locations..
-
-// @plugins
-List of language service plugins..
-
-// @preserveConstEnums
-Disable erasing `const enum` declarations in generated code..
-
-// @preserveSymlinks
-Disable resolving symlinks to their realpath. This correlates to the same flag in node..
-
-// @preserveWatchOutput
-Disable wiping the console in watch mode.
-
-// @pretty
-Enable color and formatting in output to make compiler errors easier to read.
-
-// @reactNamespace
-Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit..
-
-// @removeComments
-Disable emitting comments..
-
-// @resolveJsonModule
-Enable importing .json files.
-
-// @rootDir
-Specify the root folder within your source files..
-
-// @rootDirs
-Allow multiple folders to be treated as one when resolving modules..
-
-// @skipDefaultLibCheck
-Skip type checking .d.ts files that are included with TypeScript..
-
-// @skipLibCheck
-Skip type checking all .d.ts files..
-
-// @sourceMap
-Create source map files for emitted JavaScript files..
-
-// @sourceRoot
-Specify the root path for debuggers to find the reference source code..
-
-// @strict
-Enable all strict type-checking options..
-
-// @strictBindCallApply
-Check that the arguments for `bind`, `call`, and `apply` methods match the original function..
-
-// @strictFunctionTypes
-When assigning functions, check to ensure parameters and the return values are subtype-compatible..
-
-// @strictNullChecks
-When type checking, take into account `null` and `undefined`..
-
-// @strictPropertyInitialization
-Check for class properties that are declared but not set in the constructor..
-
-// @stripInternal
-Disable emitting declarations that have `@internal` in their JSDoc comments..
-
-// @suppressExcessPropertyErrors
-Disable reporting of excess property errors during the creation of object literals..
-
-// @suppressImplicitAnyIndexErrors
-Suppress `noImplicitAny` errors when indexing objects that lack index signatures..
-
-// @target
-Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
-
-// @traceResolution
-Log paths used during the `moduleResolution` process..
-
-// @tsBuildInfoFile
-Specify the folder for .tsbuildinfo incremental compilation files..
-
-// @typeRoots
-Specify multiple folders that act like `./node_modules/@types`..
-
-// @types
-Specify type package names to be included without being referenced in a source file..
-
-// @useDefineForClassFields
-Emit ECMAScript-standard-compliant class fields..
-
-// @useUnknownInCatchVariables
-Type catch clause variables as 'unknown' instead of 'any'..
// @allowJs
-Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files..
-
-// @allowSyntheticDefaultImports
-Allow 'import x from y' when a module doesn't have a default export..
-
-// @allowUmdGlobalAccess
-Allow accessing UMD globals from modules..
-
-// @allowUnreachableCode
-Disable error reporting for unreachable code..
-
-// @allowUnusedLabels
-Disable error reporting for unused labels..
-
-// @alwaysStrict
-Ensure 'use strict' is always emitted..
-
-// @assumeChangesOnlyAffectDirectDependencies
-Have recompiles in projects that use `incremental` and `watch` mode assume that changes within a file will only affect files directly depending on it..
-
-// @baseUrl
-Specify the base directory to resolve non-relative module names..
-
-// @charset
-No longer supported. In early versions, manually set the text encoding for reading files..
-
-// @checkJs
-Enable error reporting in type-checked JavaScript files..
-
-// @composite
-Enable constraints that allow a TypeScript project to be used with project references..
-
-// @declaration
-Generate .d.ts files from TypeScript and JavaScript files in your project..
-
-// @declarationDir
-Specify the output directory for generated declaration files..
-
-// @declarationMap
-Create sourcemaps for d.ts files..
-
-// @diagnostics
-Output compiler performance information after building..
-
-// @disableReferencedProjectLoad
-Reduce the number of projects loaded automatically by TypeScript..
-
-// @disableSizeLimit
-Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
-
-// @disableSolutionSearching
-Opt a project out of multi-project reference checking when editing..
-
-// @disableSourceOfProjectReferenceRedirect
-Disable preferring source files instead of declaration files when referencing composite projects.
-
-// @downlevelIteration
-Emit more compliant, but verbose and less performant JavaScript for iteration..
-
-// @emitBOM
-Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
-
-// @emitDeclarationOnly
-Only output d.ts files and not JavaScript files..
-
-// @emitDecoratorMetadata
-Emit design-type metadata for decorated declarations in source files..
-
-// @esModuleInterop
-Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility..
-
-// @exactOptionalPropertyTypes
-Interpret optional property types as written, rather than adding 'undefined'..
-
-// @experimentalDecorators
-Enable experimental support for TC39 stage 2 draft decorators..
-
-// @explainFiles
-Print files read during the compilation including why it was included..
-
-// @extendedDiagnostics
-Output more detailed compiler performance information after building..
-
-// @forceConsistentCasingInFileNames
-Ensure that casing is correct in imports..
-
-// @generateCpuProfile
-Emit a v8 CPU profile of the compiler run for debugging..
-
-// @importHelpers
-Allow importing helper functions from tslib once per project, instead of including them per-file..
-
-// @importsNotUsedAsValues
-Specify emit/checking behavior for imports that are only used for types.
-
-// @incremental
-Enable incremental compilation.
-
-// @inlineSourceMap
-Include sourcemap files inside the emitted JavaScript..
-
-// @inlineSources
-Include source code in the sourcemaps inside the emitted JavaScript..
-
-// @isolatedModules
-Ensure that each file can be safely transpiled without relying on other imports..
-
-// @jsx
-Specify what JSX code is generated..
-
-// @jsxFactory
-Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
-
-// @jsxFragmentFactory
-Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
-
-// @jsxImportSource
-Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.`.
-
-// @keyofStringsOnly
-Make keyof only return strings instead of string, numbers or symbols. Legacy option..
-
-// @lib
-Specify a set of bundled library declaration files that describe the target runtime environment..
-
-// @listEmittedFiles
-Print the names of emitted files after a compilation..
-
-// @listFiles
-Print all of the files read during the compilation..
-
-// @mapRoot
-Specify the location where debugger should locate map files instead of generated locations..
-
-// @maxNodeModuleJsDepth
-Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`..
-
-// @module
-Specify what module code is generated..
-
-// @moduleResolution
-Specify how TypeScript looks up a file from a given module specifier..
-
-// @newLine
-Set the newline character for emitting files..
-
-// @noEmit
-Disable emitting file from a compilation..
-
-// @noEmitHelpers
-Disable generating custom helper functions like `__extends` in compiled output..
-
-// @noEmitOnError
-Disable emitting files if any type checking errors are reported..
-
-// @noErrorTruncation
-Disable truncating types in error messages..
-
-// @noFallthroughCasesInSwitch
-Enable error reporting for fallthrough cases in switch statements..
-
-// @noImplicitAny
-Enable error reporting for expressions and declarations with an implied `any` type...
-
-// @noImplicitOverride
-Add `undefined` to a type when accessed using an index..
-
-// @noImplicitReturns
-Enable error reporting for codepaths that do not explicitly return in a function..
-
-// @noImplicitThis
-Enable error reporting when `this` is given the type `any`..
-
-// @noImplicitUseStrict
-Disable adding 'use strict' directives in emitted JavaScript files..
-
-// @noLib
-Disable including any library files, including the default lib.d.ts..
-
-// @noPropertyAccessFromIndexSignature
-Enforces using indexed accessors for keys declared using an indexed type.
-
-// @noResolve
-Disallow `import`s, `require`s or ``s from expanding the number of files TypeScript should add to a project..
-
-// @noStrictGenericChecks
-Disable strict checking of generic signatures in function types..
-
-// @noUncheckedIndexedAccess
-Include 'undefined' in index signature results.
-
-// @noUnusedLocals
-Enable error reporting when a local variables aren't read..
-
-// @noUnusedParameters
-Raise an error when a function parameter isn't read.
-
-// @out
-Deprecated setting. Use `outFile` instead..
-
-// @outDir
-Specify an output folder for all emitted files..
-
-// @outFile
-Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output..
-
-// @paths
-Specify a set of entries that re-map imports to additional lookup locations..
-
-// @plugins
-List of language service plugins..
-
-// @preserveConstEnums
-Disable erasing `const enum` declarations in generated code..
-
-// @preserveSymlinks
-Disable resolving symlinks to their realpath. This correlates to the same flag in node..
-
-// @preserveWatchOutput
-Disable wiping the console in watch mode.
-
-// @pretty
-Enable color and formatting in output to make compiler errors easier to read.
-
-// @reactNamespace
-Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit..
-
-// @removeComments
-Disable emitting comments..
-
-// @resolveJsonModule
-Enable importing .json files.
-
-// @rootDir
-Specify the root folder within your source files..
-
-// @rootDirs
-Allow multiple folders to be treated as one when resolving modules..
-
-// @skipDefaultLibCheck
-Skip type checking .d.ts files that are included with TypeScript..
-
-// @skipLibCheck
-Skip type checking all .d.ts files..
-
-// @sourceMap
-Create source map files for emitted JavaScript files..
-
-// @sourceRoot
-Specify the root path for debuggers to find the reference source code..
-
-// @strict
-Enable all strict type-checking options..
-
-// @strictBindCallApply
-Check that the arguments for `bind`, `call`, and `apply` methods match the original function..
-
-// @strictFunctionTypes
-When assigning functions, check to ensure parameters and the return values are subtype-compatible..
-
-// @strictNullChecks
-When type checking, take into account `null` and `undefined`..
-
-// @strictPropertyInitialization
-Check for class properties that are declared but not set in the constructor..
-
-// @stripInternal
-Disable emitting declarations that have `@internal` in their JSDoc comments..
-
-// @suppressExcessPropertyErrors
-Disable reporting of excess property errors during the creation of object literals..
-
-// @suppressImplicitAnyIndexErrors
-Suppress `noImplicitAny` errors when indexing objects that lack index signatures..
-
-// @target
-Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
-
-// @traceResolution
-Log paths used during the `moduleResolution` process..
-
-// @tsBuildInfoFile
-Specify the folder for .tsbuildinfo incremental compilation files..
-
-// @typeRoots
-Specify multiple folders that act like `./node_modules/@types`..
-
-// @types
-Specify type package names to be included without being referenced in a source file..
-
-// @useDefineForClassFields
-Emit ECMAScript-standard-compliant class fields..
-
-// @useUnknownInCatchVariables
-Type catch clause variables as 'unknown' instead of 'any'..

-    
+    
Toshiki's Note
Appearance
Compiler Flags ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:1.1k
 Reading:7 min
// @allowJs
+Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files..
+
+// @allowSyntheticDefaultImports
+Allow 'import x from y' when a module doesn't have a default export..
+
+// @allowUmdGlobalAccess
+Allow accessing UMD globals from modules..
+
+// @allowUnreachableCode
+Disable error reporting for unreachable code..
+
+// @allowUnusedLabels
+Disable error reporting for unused labels..
+
+// @alwaysStrict
+Ensure 'use strict' is always emitted..
+
+// @assumeChangesOnlyAffectDirectDependencies
+Have recompiles in projects that use `incremental` and `watch` mode assume that changes within a file will only affect files directly depending on it..
+
+// @baseUrl
+Specify the base directory to resolve non-relative module names..
+
+// @charset
+No longer supported. In early versions, manually set the text encoding for reading files..
+
+// @checkJs
+Enable error reporting in type-checked JavaScript files..
+
+// @composite
+Enable constraints that allow a TypeScript project to be used with project references..
+
+// @declaration
+Generate .d.ts files from TypeScript and JavaScript files in your project..
+
+// @declarationDir
+Specify the output directory for generated declaration files..
+
+// @declarationMap
+Create sourcemaps for d.ts files..
+
+// @diagnostics
+Output compiler performance information after building..
+
+// @disableReferencedProjectLoad
+Reduce the number of projects loaded automatically by TypeScript..
+
+// @disableSizeLimit
+Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
+
+// @disableSolutionSearching
+Opt a project out of multi-project reference checking when editing..
+
+// @disableSourceOfProjectReferenceRedirect
+Disable preferring source files instead of declaration files when referencing composite projects.
+
+// @downlevelIteration
+Emit more compliant, but verbose and less performant JavaScript for iteration..
+
+// @emitBOM
+Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
+
+// @emitDeclarationOnly
+Only output d.ts files and not JavaScript files..
+
+// @emitDecoratorMetadata
+Emit design-type metadata for decorated declarations in source files..
+
+// @esModuleInterop
+Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility..
+
+// @exactOptionalPropertyTypes
+Interpret optional property types as written, rather than adding 'undefined'..
+
+// @experimentalDecorators
+Enable experimental support for TC39 stage 2 draft decorators..
+
+// @explainFiles
+Print files read during the compilation including why it was included..
+
+// @extendedDiagnostics
+Output more detailed compiler performance information after building..
+
+// @forceConsistentCasingInFileNames
+Ensure that casing is correct in imports..
+
+// @generateCpuProfile
+Emit a v8 CPU profile of the compiler run for debugging..
+
+// @importHelpers
+Allow importing helper functions from tslib once per project, instead of including them per-file..
+
+// @importsNotUsedAsValues
+Specify emit/checking behavior for imports that are only used for types.
+
+// @incremental
+Enable incremental compilation.
+
+// @inlineSourceMap
+Include sourcemap files inside the emitted JavaScript..
+
+// @inlineSources
+Include source code in the sourcemaps inside the emitted JavaScript..
+
+// @isolatedModules
+Ensure that each file can be safely transpiled without relying on other imports..
+
+// @jsx
+Specify what JSX code is generated..
+
+// @jsxFactory
+Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
+
+// @jsxFragmentFactory
+Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
+
+// @jsxImportSource
+Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.`.
+
+// @keyofStringsOnly
+Make keyof only return strings instead of string, numbers or symbols. Legacy option..
+
+// @lib
+Specify a set of bundled library declaration files that describe the target runtime environment..
+
+// @listEmittedFiles
+Print the names of emitted files after a compilation..
+
+// @listFiles
+Print all of the files read during the compilation..
+
+// @mapRoot
+Specify the location where debugger should locate map files instead of generated locations..
+
+// @maxNodeModuleJsDepth
+Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`..
+
+// @module
+Specify what module code is generated..
+
+// @moduleResolution
+Specify how TypeScript looks up a file from a given module specifier..
+
+// @newLine
+Set the newline character for emitting files..
+
+// @noEmit
+Disable emitting file from a compilation..
+
+// @noEmitHelpers
+Disable generating custom helper functions like `__extends` in compiled output..
+
+// @noEmitOnError
+Disable emitting files if any type checking errors are reported..
+
+// @noErrorTruncation
+Disable truncating types in error messages..
+
+// @noFallthroughCasesInSwitch
+Enable error reporting for fallthrough cases in switch statements..
+
+// @noImplicitAny
+Enable error reporting for expressions and declarations with an implied `any` type...
+
+// @noImplicitOverride
+Add `undefined` to a type when accessed using an index..
+
+// @noImplicitReturns
+Enable error reporting for codepaths that do not explicitly return in a function..
+
+// @noImplicitThis
+Enable error reporting when `this` is given the type `any`..
+
+// @noImplicitUseStrict
+Disable adding 'use strict' directives in emitted JavaScript files..
+
+// @noLib
+Disable including any library files, including the default lib.d.ts..
+
+// @noPropertyAccessFromIndexSignature
+Enforces using indexed accessors for keys declared using an indexed type.
+
+// @noResolve
+Disallow `import`s, `require`s or ``s from expanding the number of files TypeScript should add to a project..
+
+// @noStrictGenericChecks
+Disable strict checking of generic signatures in function types..
+
+// @noUncheckedIndexedAccess
+Include 'undefined' in index signature results.
+
+// @noUnusedLocals
+Enable error reporting when a local variables aren't read..
+
+// @noUnusedParameters
+Raise an error when a function parameter isn't read.
+
+// @out
+Deprecated setting. Use `outFile` instead..
+
+// @outDir
+Specify an output folder for all emitted files..
+
+// @outFile
+Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output..
+
+// @paths
+Specify a set of entries that re-map imports to additional lookup locations..
+
+// @plugins
+List of language service plugins..
+
+// @preserveConstEnums
+Disable erasing `const enum` declarations in generated code..
+
+// @preserveSymlinks
+Disable resolving symlinks to their realpath. This correlates to the same flag in node..
+
+// @preserveWatchOutput
+Disable wiping the console in watch mode.
+
+// @pretty
+Enable color and formatting in output to make compiler errors easier to read.
+
+// @reactNamespace
+Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit..
+
+// @removeComments
+Disable emitting comments..
+
+// @resolveJsonModule
+Enable importing .json files.
+
+// @rootDir
+Specify the root folder within your source files..
+
+// @rootDirs
+Allow multiple folders to be treated as one when resolving modules..
+
+// @skipDefaultLibCheck
+Skip type checking .d.ts files that are included with TypeScript..
+
+// @skipLibCheck
+Skip type checking all .d.ts files..
+
+// @sourceMap
+Create source map files for emitted JavaScript files..
+
+// @sourceRoot
+Specify the root path for debuggers to find the reference source code..
+
+// @strict
+Enable all strict type-checking options..
+
+// @strictBindCallApply
+Check that the arguments for `bind`, `call`, and `apply` methods match the original function..
+
+// @strictFunctionTypes
+When assigning functions, check to ensure parameters and the return values are subtype-compatible..
+
+// @strictNullChecks
+When type checking, take into account `null` and `undefined`..
+
+// @strictPropertyInitialization
+Check for class properties that are declared but not set in the constructor..
+
+// @stripInternal
+Disable emitting declarations that have `@internal` in their JSDoc comments..
+
+// @suppressExcessPropertyErrors
+Disable reporting of excess property errors during the creation of object literals..
+
+// @suppressImplicitAnyIndexErrors
+Suppress `noImplicitAny` errors when indexing objects that lack index signatures..
+
+// @target
+Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
+
+// @traceResolution
+Log paths used during the `moduleResolution` process..
+
+// @tsBuildInfoFile
+Specify the folder for .tsbuildinfo incremental compilation files..
+
+// @typeRoots
+Specify multiple folders that act like `./node_modules/@types`..
+
+// @types
+Specify type package names to be included without being referenced in a source file..
+
+// @useDefineForClassFields
+Emit ECMAScript-standard-compliant class fields..
+
+// @useUnknownInCatchVariables
+Type catch clause variables as 'unknown' instead of 'any'..
// @allowJs
+Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files..
+
+// @allowSyntheticDefaultImports
+Allow 'import x from y' when a module doesn't have a default export..
+
+// @allowUmdGlobalAccess
+Allow accessing UMD globals from modules..
+
+// @allowUnreachableCode
+Disable error reporting for unreachable code..
+
+// @allowUnusedLabels
+Disable error reporting for unused labels..
+
+// @alwaysStrict
+Ensure 'use strict' is always emitted..
+
+// @assumeChangesOnlyAffectDirectDependencies
+Have recompiles in projects that use `incremental` and `watch` mode assume that changes within a file will only affect files directly depending on it..
+
+// @baseUrl
+Specify the base directory to resolve non-relative module names..
+
+// @charset
+No longer supported. In early versions, manually set the text encoding for reading files..
+
+// @checkJs
+Enable error reporting in type-checked JavaScript files..
+
+// @composite
+Enable constraints that allow a TypeScript project to be used with project references..
+
+// @declaration
+Generate .d.ts files from TypeScript and JavaScript files in your project..
+
+// @declarationDir
+Specify the output directory for generated declaration files..
+
+// @declarationMap
+Create sourcemaps for d.ts files..
+
+// @diagnostics
+Output compiler performance information after building..
+
+// @disableReferencedProjectLoad
+Reduce the number of projects loaded automatically by TypeScript..
+
+// @disableSizeLimit
+Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
+
+// @disableSolutionSearching
+Opt a project out of multi-project reference checking when editing..
+
+// @disableSourceOfProjectReferenceRedirect
+Disable preferring source files instead of declaration files when referencing composite projects.
+
+// @downlevelIteration
+Emit more compliant, but verbose and less performant JavaScript for iteration..
+
+// @emitBOM
+Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
+
+// @emitDeclarationOnly
+Only output d.ts files and not JavaScript files..
+
+// @emitDecoratorMetadata
+Emit design-type metadata for decorated declarations in source files..
+
+// @esModuleInterop
+Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility..
+
+// @exactOptionalPropertyTypes
+Interpret optional property types as written, rather than adding 'undefined'..
+
+// @experimentalDecorators
+Enable experimental support for TC39 stage 2 draft decorators..
+
+// @explainFiles
+Print files read during the compilation including why it was included..
+
+// @extendedDiagnostics
+Output more detailed compiler performance information after building..
+
+// @forceConsistentCasingInFileNames
+Ensure that casing is correct in imports..
+
+// @generateCpuProfile
+Emit a v8 CPU profile of the compiler run for debugging..
+
+// @importHelpers
+Allow importing helper functions from tslib once per project, instead of including them per-file..
+
+// @importsNotUsedAsValues
+Specify emit/checking behavior for imports that are only used for types.
+
+// @incremental
+Enable incremental compilation.
+
+// @inlineSourceMap
+Include sourcemap files inside the emitted JavaScript..
+
+// @inlineSources
+Include source code in the sourcemaps inside the emitted JavaScript..
+
+// @isolatedModules
+Ensure that each file can be safely transpiled without relying on other imports..
+
+// @jsx
+Specify what JSX code is generated..
+
+// @jsxFactory
+Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
+
+// @jsxFragmentFactory
+Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
+
+// @jsxImportSource
+Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.`.
+
+// @keyofStringsOnly
+Make keyof only return strings instead of string, numbers or symbols. Legacy option..
+
+// @lib
+Specify a set of bundled library declaration files that describe the target runtime environment..
+
+// @listEmittedFiles
+Print the names of emitted files after a compilation..
+
+// @listFiles
+Print all of the files read during the compilation..
+
+// @mapRoot
+Specify the location where debugger should locate map files instead of generated locations..
+
+// @maxNodeModuleJsDepth
+Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`..
+
+// @module
+Specify what module code is generated..
+
+// @moduleResolution
+Specify how TypeScript looks up a file from a given module specifier..
+
+// @newLine
+Set the newline character for emitting files..
+
+// @noEmit
+Disable emitting file from a compilation..
+
+// @noEmitHelpers
+Disable generating custom helper functions like `__extends` in compiled output..
+
+// @noEmitOnError
+Disable emitting files if any type checking errors are reported..
+
+// @noErrorTruncation
+Disable truncating types in error messages..
+
+// @noFallthroughCasesInSwitch
+Enable error reporting for fallthrough cases in switch statements..
+
+// @noImplicitAny
+Enable error reporting for expressions and declarations with an implied `any` type...
+
+// @noImplicitOverride
+Add `undefined` to a type when accessed using an index..
+
+// @noImplicitReturns
+Enable error reporting for codepaths that do not explicitly return in a function..
+
+// @noImplicitThis
+Enable error reporting when `this` is given the type `any`..
+
+// @noImplicitUseStrict
+Disable adding 'use strict' directives in emitted JavaScript files..
+
+// @noLib
+Disable including any library files, including the default lib.d.ts..
+
+// @noPropertyAccessFromIndexSignature
+Enforces using indexed accessors for keys declared using an indexed type.
+
+// @noResolve
+Disallow `import`s, `require`s or ``s from expanding the number of files TypeScript should add to a project..
+
+// @noStrictGenericChecks
+Disable strict checking of generic signatures in function types..
+
+// @noUncheckedIndexedAccess
+Include 'undefined' in index signature results.
+
+// @noUnusedLocals
+Enable error reporting when a local variables aren't read..
+
+// @noUnusedParameters
+Raise an error when a function parameter isn't read.
+
+// @out
+Deprecated setting. Use `outFile` instead..
+
+// @outDir
+Specify an output folder for all emitted files..
+
+// @outFile
+Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output..
+
+// @paths
+Specify a set of entries that re-map imports to additional lookup locations..
+
+// @plugins
+List of language service plugins..
+
+// @preserveConstEnums
+Disable erasing `const enum` declarations in generated code..
+
+// @preserveSymlinks
+Disable resolving symlinks to their realpath. This correlates to the same flag in node..
+
+// @preserveWatchOutput
+Disable wiping the console in watch mode.
+
+// @pretty
+Enable color and formatting in output to make compiler errors easier to read.
+
+// @reactNamespace
+Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit..
+
+// @removeComments
+Disable emitting comments..
+
+// @resolveJsonModule
+Enable importing .json files.
+
+// @rootDir
+Specify the root folder within your source files..
+
+// @rootDirs
+Allow multiple folders to be treated as one when resolving modules..
+
+// @skipDefaultLibCheck
+Skip type checking .d.ts files that are included with TypeScript..
+
+// @skipLibCheck
+Skip type checking all .d.ts files..
+
+// @sourceMap
+Create source map files for emitted JavaScript files..
+
+// @sourceRoot
+Specify the root path for debuggers to find the reference source code..
+
+// @strict
+Enable all strict type-checking options..
+
+// @strictBindCallApply
+Check that the arguments for `bind`, `call`, and `apply` methods match the original function..
+
+// @strictFunctionTypes
+When assigning functions, check to ensure parameters and the return values are subtype-compatible..
+
+// @strictNullChecks
+When type checking, take into account `null` and `undefined`..
+
+// @strictPropertyInitialization
+Check for class properties that are declared but not set in the constructor..
+
+// @stripInternal
+Disable emitting declarations that have `@internal` in their JSDoc comments..
+
+// @suppressExcessPropertyErrors
+Disable reporting of excess property errors during the creation of object literals..
+
+// @suppressImplicitAnyIndexErrors
+Suppress `noImplicitAny` errors when indexing objects that lack index signatures..
+
+// @target
+Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
+
+// @traceResolution
+Log paths used during the `moduleResolution` process..
+
+// @tsBuildInfoFile
+Specify the folder for .tsbuildinfo incremental compilation files..
+
+// @typeRoots
+Specify multiple folders that act like `./node_modules/@types`..
+
+// @types
+Specify type package names to be included without being referenced in a source file..
+
+// @useDefineForClassFields
+Emit ECMAScript-standard-compliant class fields..
+
+// @useUnknownInCatchVariables
+Type catch clause variables as 'unknown' instead of 'any'..

+    
     
   
 
\ No newline at end of file
diff --git a/application/vitepress-plugin-shiki-twoslash/config/reference.html b/application/vitepress-plugin-shiki-twoslash/config/reference.html
index 8e1f63a6..d214aa55 100644
--- a/application/vitepress-plugin-shiki-twoslash/config/reference.html
+++ b/application/vitepress-plugin-shiki-twoslash/config/reference.html
@@ -5,15 +5,15 @@
     
     Config | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,90 +36,90 @@
     
   
   
-    
Toshiki's Note
Appearance
Config ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:248
 Reading:1 min
Overview ​
You can configure VitePress Twoslash using the twoslash property added to defineConfig.
ts
ts
// .vitepress/config.[ext]
import { defineConfig } from 'vitepress'
import { withTwoslash, TwoslashConfigSettings } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
 
export default withTwoslash(
    defineConfig({
        twoslash: {
            // Your VitePress Twoslash options
        },
    })
)
ts
// .vitepress/config.[ext]
import { defineConfig } from 'vitepress'
import { withTwoslash, TwoslashConfigSettings } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
 
export default withTwoslash(
    defineConfig({
        twoslash: {
            // Your VitePress Twoslash options
        },
    })
)
INFO
In addition to the below config options, VitePress Twoslash also supports all shiki HighlighterOptions and @typescript/twoslash TwoSlashOptions.
Options ​
addTryButton ​
A way to turn on the try buttons seen on the TS website.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            addTryButton: true, 
-        },
-    })
-)
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            addTryButton: true, 
-        },
-    })
-)
alwayRaiseForTwoslashExceptions ​
Instead of showing twoslash exceptions inline, throw the entire process like it will on CI.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            alwayRaiseForTwoslashExceptions: true, 
-        },
-    })
-)
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            alwayRaiseForTwoslashExceptions: true, 
-        },
-    })
-)
disableImplicitReactImport ​
A way to disable implicit React imports on tsx/jsx language codeblocks
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            disableImplicitReactImport: true, 
-        },
-    })
-)
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            disableImplicitReactImport: true, 
-        },
-    })
-)
includeJSDocInHover ​
Include JSDoc comments in the hovers.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            includeJSDocInHover: true, 
-        },
-    })
-)
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            includeJSDocInHover: true, 
-        },
-    })
-)
ignoreCodeblocksWithCodefenceMeta ​
Ignore transforming certain code blocks.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            ignoreCodeblocksWithCodefenceMeta: true, 
-        },
-    })
-)
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            ignoreCodeblocksWithCodefenceMeta: true, 
-        },
-    })
-)
wrapFragments ​
A way to add a div wrapper for multi-theme outputs.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            wrapFragments: true, 
-        },
-    })
-)
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            wrapFragments: true, 
-        },
-    })
-)

-    
+    
Toshiki's Note
Appearance
Config ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:248
 Reading:1 min
Overview ​
You can configure VitePress Twoslash using the twoslash property added to defineConfig.
ts
ts
// .vitepress/config.[ext]
import { defineConfig } from 'vitepress'
import { withTwoslash, TwoslashConfigSettings } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
 
export default withTwoslash(
    defineConfig({
        twoslash: {
            // Your VitePress Twoslash options
        },
    })
)
ts
// .vitepress/config.[ext]
import { defineConfig } from 'vitepress'
import { withTwoslash, TwoslashConfigSettings } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
 
export default withTwoslash(
    defineConfig({
        twoslash: {
            // Your VitePress Twoslash options
        },
    })
)
INFO
In addition to the below config options, VitePress Twoslash also supports all shiki HighlighterOptions and @typescript/twoslash TwoSlashOptions.
Options ​
addTryButton ​
A way to turn on the try buttons seen on the TS website.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            addTryButton: true, 
+        },
+    })
+)
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            addTryButton: true, 
+        },
+    })
+)
alwayRaiseForTwoslashExceptions ​
Instead of showing twoslash exceptions inline, throw the entire process like it will on CI.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            alwayRaiseForTwoslashExceptions: true, 
+        },
+    })
+)
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            alwayRaiseForTwoslashExceptions: true, 
+        },
+    })
+)
disableImplicitReactImport ​
A way to disable implicit React imports on tsx/jsx language codeblocks
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            disableImplicitReactImport: true, 
+        },
+    })
+)
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            disableImplicitReactImport: true, 
+        },
+    })
+)
includeJSDocInHover ​
Include JSDoc comments in the hovers.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            includeJSDocInHover: true, 
+        },
+    })
+)
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            includeJSDocInHover: true, 
+        },
+    })
+)
ignoreCodeblocksWithCodefenceMeta ​
Ignore transforming certain code blocks.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            ignoreCodeblocksWithCodefenceMeta: true, 
+        },
+    })
+)
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            ignoreCodeblocksWithCodefenceMeta: true, 
+        },
+    })
+)
wrapFragments ​
A way to add a div wrapper for multi-theme outputs.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            wrapFragments: true, 
+        },
+    })
+)
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            wrapFragments: true, 
+        },
+    })
+)

+    
     
   
 
\ No newline at end of file
diff --git a/application/vitepress-plugin-shiki-twoslash/guide/custom-theme.html b/application/vitepress-plugin-shiki-twoslash/guide/custom-theme.html
index 7e1d87ef..de2fb38c 100644
--- a/application/vitepress-plugin-shiki-twoslash/guide/custom-theme.html
+++ b/application/vitepress-plugin-shiki-twoslash/guide/custom-theme.html
@@ -5,15 +5,15 @@
     
     Using a Custom Theme | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,92 +36,92 @@
     
   
   
-    
Toshiki's Note
Appearance
Using a Custom Theme ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:362
 Reading:2 min
Twoslash uses your markdown.theme for syntax highlighting, but there are a few other things you can do to customize the look and feel of your code examples — particulary the generated Twoslash interface.
CSS Variables ​
The following CSS variables (and their defaults) are available to style Twoslash interface:
css
:root {
-    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
+    
Toshiki's Note
Appearance
Using a Custom Theme ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:362
 Reading:2 min
Twoslash uses your markdown.theme for syntax highlighting, but there are a few other things you can do to customize the look and feel of your code examples — particulary the generated Twoslash interface.
CSS Variables ​
The following CSS variables (and their defaults) are available to style Twoslash interface:
css
:root {
+    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
 
-    --vp-twoslash-c-brand: var(--vp-c-brand);
+    --vp-twoslash-c-brand: var(--vp-c-brand);
 
-    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
 
-    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
-    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
-    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
-    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
-    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
+    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
+    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
+    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
+    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
+    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
 
-    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
-    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
-    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
-    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
+    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
+    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
+    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
+    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
 
-    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
-    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
-    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
-}
:root {
-    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
+    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
+    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
+}
:root {
+    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
 
-    --vp-twoslash-c-brand: var(--vp-c-brand);
+    --vp-twoslash-c-brand: var(--vp-c-brand);
 
-    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
 
-    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
-    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
-    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
-    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
-    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
+    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
+    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
+    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
+    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
+    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
 
-    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
-    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
-    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
-    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
+    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
+    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
+    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
+    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
 
-    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
-    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
-    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
-}
Dark/Light Theme ​
If you pass a responsive theme to markdown.theme, you probably also want to hide/show the correct theme based on the user's settings.
ts
ts
export default defineConfig({
    markdown: {
        theme: { dark: 'vitesse-dark', light: 'vitesse-light' },
    },
})
ts
export default defineConfig({
    markdown: {
        theme: { dark: 'vitesse-dark', light: 'vitesse-light' },
    },
})
You can do this with the following CSS:
css
/*
- * Hide block based on theme
- * `[class*='-dark']` matches `'vitesse-dark'`
- * `[class*='-light']` matches `'vitesse-light'`
- */
-html:not(.dark) pre.shiki[class*='-dark'] {
-    display: none;
-}
-html:not(.dark) pre.shiki[class*='-light'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-dark'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-light'] {
-    display: none;
-}
/*
- * Hide block based on theme
- * `[class*='-dark']` matches `'vitesse-dark'`
- * `[class*='-light']` matches `'vitesse-light'`
- */
-html:not(.dark) pre.shiki[class*='-dark'] {
-    display: none;
-}
-html:not(.dark) pre.shiki[class*='-light'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-dark'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-light'] {
-    display: none;
-}

-    
+    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
+    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
+    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
+}
Dark/Light Theme ​
If you pass a responsive theme to markdown.theme, you probably also want to hide/show the correct theme based on the user's settings.
ts
ts
export default defineConfig({
    markdown: {
        theme: { dark: 'vitesse-dark', light: 'vitesse-light' },
    },
})
ts
export default defineConfig({
    markdown: {
        theme: { dark: 'vitesse-dark', light: 'vitesse-light' },
    },
})
You can do this with the following CSS:
css
/*
+ * Hide block based on theme
+ * `[class*='-dark']` matches `'vitesse-dark'`
+ * `[class*='-light']` matches `'vitesse-light'`
+ */
+html:not(.dark) pre.shiki[class*='-dark'] {
+    display: none;
+}
+html:not(.dark) pre.shiki[class*='-light'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-dark'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-light'] {
+    display: none;
+}
/*
+ * Hide block based on theme
+ * `[class*='-dark']` matches `'vitesse-dark'`
+ * `[class*='-light']` matches `'vitesse-light'`
+ */
+html:not(.dark) pre.shiki[class*='-dark'] {
+    display: none;
+}
+html:not(.dark) pre.shiki[class*='-light'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-dark'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-light'] {
+    display: none;
+}

+    
     
   
 
\ No newline at end of file
diff --git a/application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.html b/application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.html
index 2afad01c..fdded3ca 100644
--- a/application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.html
+++ b/application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.html
@@ -5,15 +5,15 @@
     
     Markdown Extensions | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,14 +36,14 @@
     
   
   
-    
Toshiki's Note
Appearance
Markdown Extensions ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:181
 Reading:1 min
Code Groups ​
Code Groups and Twoslash multi-file support.
ts
ts
import { name } from './name'
export function hello(name: string) {
    console.log(`Hello, ${name}!`)
}
hello(name)
       
(alias) const name: "twoslash"
-import name
ts
import { name } from './name'
export function hello(name: string) {
    console.log(`Hello, ${name}!`)
}
hello(name)
       
(alias) const name: "twoslash"
-import name
ts
ts
export const name = 'twoslash'
ts
export const name = 'twoslash'
Unsupported Extensions ​
Since VitePress Twoslash uses it's own Shiki highlighter, the following syntax highlighting extensions are not currently compatible.
If you are interested in adding support, please start a new GitHub Discussion.

-    
+    
Toshiki's Note
Appearance
Markdown Extensions ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:181
 Reading:1 min
Code Groups ​
Code Groups and Twoslash multi-file support.
ts
ts
import { name } from './name'
export function hello(name: string) {
    console.log(`Hello, ${name}!`)
}
hello(name)
       
(alias) const name: "twoslash"
+import name
ts
import { name } from './name'
export function hello(name: string) {
    console.log(`Hello, ${name}!`)
}
hello(name)
       
(alias) const name: "twoslash"
+import name
ts
ts
export const name = 'twoslash'
ts
export const name = 'twoslash'
Unsupported Extensions ​
Since VitePress Twoslash uses it's own Shiki highlighter, the following syntax highlighting extensions are not currently compatible.
If you are interested in adding support, please start a new GitHub Discussion.

+    
     
   
 
\ No newline at end of file
diff --git a/application/vitepress-plugin-shiki-twoslash/index.html b/application/vitepress-plugin-shiki-twoslash/index.html
index 1f450d52..269a1d5a 100644
--- a/application/vitepress-plugin-shiki-twoslash/index.html
+++ b/application/vitepress-plugin-shiki-twoslash/index.html
@@ -5,15 +5,15 @@
     
     VitePress Twoslash: VitePress Plugin for Shiki Twoslash
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,118 +36,118 @@
     
   
   
-    
Toshiki's Note
Appearance
@andatoshiki/vitepress-plugin-shiki-twoslash ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:437
 Reading:2 min
Static code examples for VitePress using Shiki Twoslash — powered by the syntax engine of Visual Studio Code and the TypeScript compiler.
Overview ​
Try moving your cursor into the code block below:
ts
ts
// Removes 'readonly' attributes from a type's properties
type CreateMutable<Type> = {
    -readonly [Property in keyof Type]: Type[Property]
}
 
type 
Toshiki's Note
Appearance
@andatoshiki/vitepress-plugin-shiki-twoslash ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:437
 Reading:2 min
Static code examples for VitePress using Shiki Twoslash — powered by the syntax engine of Visual Studio Code and the TypeScript compiler.
Overview ​
Try moving your cursor into the code block below:
ts
ts
// Removes 'readonly' attributes from a type's properties
type CreateMutable<Type> = {
    -readonly [Property in keyof Type]: Type[Property]
}
 
type LockedAccount = {
    readonly id: string
    readonly name: string
}
 
type LockedAccount = {
    readonly id: string
    readonly name: string
}
 
type UnlockedAccount = CreateMutable<UnlockedAccount = CreateMutable<LockedAccount>
ts
// Removes 'readonly' attributes from a type's properties
type CreateMutable<Type> = {
    -readonly [Property in keyof Type]: Type[Property]
}
 
type LockedAccount>
ts
// Removes 'readonly' attributes from a type's properties
type CreateMutable<Type> = {
    -readonly [Property in keyof Type]: Type[Property]
}
 
type LockedAccount = {
    readonly id: string
    readonly name: string
}
 
type LockedAccount = {
    readonly id: string
    readonly name: string
}
 
type UnlockedAccount = CreateMutable<UnlockedAccount = CreateMutable<LockedAccount>
Pretty neat, right? To some extent, anything your editor can show you about code, Twoslash can show. For example, here is the real auto-complete for a VitePress config:
ts
ts
import { defineConfig } from 'vitepress'
 
export default defineConfig({
    ti,
      
  • title
  • titleTemplate
})
ts
import { defineConfig } from 'vitepress'
 
export default defineConfig({
    ti,
      
  • title
  • titleTemplate
})
The name Twoslash refers to specially formatted comments (e.g. // ^?) which can be used to set up your environment, like compiler flags or separate input files. It couldn't be easier to set up and start creating incredible code examples!
Install ​
Install @andatoshiki/vitepress-plugin-shiki-twoslash (requires vitepress@>=1.0.0-alpha.61).
bash
pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
bash
npm i @andatoshiki/vitepress-plugin-shiki-twoslash
npm i @andatoshiki/vitepress-plugin-shiki-twoslash
bash
yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
WARNING
Until shiki-twoslash uses the same version of shiki as VitePress, you must override the following packages' shiki versions for syntax highlighting to look the same.
json
{
-    "pnpm": {
-        "overrides": {
-            "remark-shiki-twoslash>shiki": "^0.14.1",
-            "shiki-twoslash>shiki": "^0.14.1"
-        }
-    }
-}
{
-    "pnpm": {
-        "overrides": {
-            "remark-shiki-twoslash>shiki": "^0.14.1",
-            "shiki-twoslash>shiki": "^0.14.1"
-        }
-    }
-}
Tracked in an upstream issue: https://github.com/shikijs/twoslash/issues/180
Configure ​
First, wrap your VitePress config file with the withTwoslash wrapper.
ts
ts
// .vitepress/config.[ext]
import { defineConfig } from 'vitepress'
import { withTwoslash } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
 
export default withTwoslash(
    defineConfig({
        // Your VitePress config
    })
)
ts
// .vitepress/config.[ext]
import { defineConfig } from 'vitepress'
import { withTwoslash } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
 
export default withTwoslash(
    defineConfig({
        // Your VitePress config
    })
)
Then, import @andatoshiki/vitepress-plugin-shiki-twoslash/styles.css into your theme.
ts
ts
// .vitepress/theme/index.ts
import LockedAccount>
Pretty neat, right? To some extent, anything your editor can show you about code, Twoslash can show. For example, here is the real auto-complete for a VitePress config:
ts
ts
import { defineConfig } from 'vitepress'
 
export default defineConfig({
    ti,
      
  • title
  • titleTemplate
})
ts
import { defineConfig } from 'vitepress'
 
export default defineConfig({
    ti,
      
  • title
  • titleTemplate
})
The name Twoslash refers to specially formatted comments (e.g. // ^?) which can be used to set up your environment, like compiler flags or separate input files. It couldn't be easier to set up and start creating incredible code examples!
Install ​
Install @andatoshiki/vitepress-plugin-shiki-twoslash (requires vitepress@>=1.0.0-alpha.61).
bash
pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
bash
npm i @andatoshiki/vitepress-plugin-shiki-twoslash
npm i @andatoshiki/vitepress-plugin-shiki-twoslash
bash
yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
WARNING
Until shiki-twoslash uses the same version of shiki as VitePress, you must override the following packages' shiki versions for syntax highlighting to look the same.
json
{
+    "pnpm": {
+        "overrides": {
+            "remark-shiki-twoslash>shiki": "^0.14.1",
+            "shiki-twoslash>shiki": "^0.14.1"
+        }
+    }
+}
{
+    "pnpm": {
+        "overrides": {
+            "remark-shiki-twoslash>shiki": "^0.14.1",
+            "shiki-twoslash>shiki": "^0.14.1"
+        }
+    }
+}
Tracked in an upstream issue: https://github.com/shikijs/twoslash/issues/180
Configure ​
First, wrap your VitePress config file with the withTwoslash wrapper.
ts
ts
// .vitepress/config.[ext]
import { defineConfig } from 'vitepress'
import { withTwoslash } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
 
export default withTwoslash(
    defineConfig({
        // Your VitePress config
    })
)
ts
// .vitepress/config.[ext]
import { defineConfig } from 'vitepress'
import { withTwoslash } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
 
export default withTwoslash(
    defineConfig({
        // Your VitePress config
    })
)
Then, import @andatoshiki/vitepress-plugin-shiki-twoslash/styles.css into your theme.
ts
ts
// .vitepress/theme/index.ts
import defaultTheme from 'vitepress/theme'
import '@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'
 
export default defaultTheme from 'vitepress/theme'
import '@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'
 
export default defaultTheme
ts
// .vitepress/theme/index.ts
import defaultTheme
ts
// .vitepress/theme/index.ts
import defaultTheme from 'vitepress/theme'
import '@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'
 
export default defaultTheme from 'vitepress/theme'
import '@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'
 
export default defaultTheme
TIP
You can configure VitePress Twoslash using the twoslash property added to defineConfig.
Add Twoslash ​
Finally, add the twoslash attribute to markdown fenced code blocks.
md
```ts twoslash
-// Removes 'readonly' attributes from a type's properties
-type CreateMutable<Type> = {
-    -readonly [Property in keyof Type]: Type[Property]
-}
+import defaultTheme">defaultTheme
TIP
You can configure VitePress Twoslash using the twoslash property added to defineConfig.
Add Twoslash ​
Finally, add the twoslash attribute to markdown fenced code blocks.
md
```ts twoslash
+// Removes 'readonly' attributes from a type's properties
+type CreateMutable<Type> = {
+    -readonly [Property in keyof Type]: Type[Property]
+}
 
-type LockedAccount = {
-    readonly id: string
-    readonly name: string
-}
+type LockedAccount = {
+    readonly id: string
+    readonly name: string
+}
 
-type UnlockedAccount = CreateMutable<LockedAccount>
-//   ^?
-```
```ts twoslash
-// Removes 'readonly' attributes from a type's properties
-type CreateMutable<Type> = {
-    -readonly [Property in keyof Type]: Type[Property]
-}
+type UnlockedAccount = CreateMutable<LockedAccount>
+//   ^?
+```
```ts twoslash
+// Removes 'readonly' attributes from a type's properties
+type CreateMutable<Type> = {
+    -readonly [Property in keyof Type]: Type[Property]
+}
 
-type LockedAccount = {
-    readonly id: string
-    readonly name: string
-}
+type LockedAccount = {
+    readonly id: string
+    readonly name: string
+}
 
-type UnlockedAccount = CreateMutable<LockedAccount>
-//   ^?
-```
And your code blocks will be twoslashified!
ts
ts
// Removes 'readonly' attributes from a type's properties
type CreateMutable<Type> = {
    -readonly [Property in keyof Type]: Type[Property]
}
 
type type UnlockedAccount = CreateMutable<LockedAccount>
+//   ^?
+```
And your code blocks will be twoslashified!
ts
ts
// Removes 'readonly' attributes from a type's properties
type CreateMutable<Type> = {
    -readonly [Property in keyof Type]: Type[Property]
}
 
type LockedAccount = {
    readonly id: string
    readonly name: string
}
 
type LockedAccount = {
    readonly id: string
    readonly name: string
}
 
type UnlockedAccount = CreateMutable<UnlockedAccount = CreateMutable<LockedAccount>
           
type UnlockedAccount = {
+}">LockedAccount>
           
type UnlockedAccount = {
     id: string;
     name: string;
-}
ts
// Removes 'readonly' attributes from a type's properties
type CreateMutable<Type> = {
    -readonly [Property in keyof Type]: Type[Property]
}
 
type 
ts
// Removes 'readonly' attributes from a type's properties
type CreateMutable<Type> = {
    -readonly [Property in keyof Type]: Type[Property]
}
 
type LockedAccount = {
    readonly id: string
    readonly name: string
}
 
type LockedAccount = {
    readonly id: string
    readonly name: string
}
 
type UnlockedAccount = CreateMutable<UnlockedAccount = CreateMutable<LockedAccount>
           
type UnlockedAccount = {
+}">LockedAccount>
           
type UnlockedAccount = {
     id: string;
     name: string;
-}

-    
+}

+    
     
   
 
\ No newline at end of file
diff --git a/assets/2023-11-02-04-44-14.08b67c2b.png b/assets/2023-11-02-04-44-14.08b67c2b.png
new file mode 100644
index 00000000..ae08ddde
Binary files /dev/null and b/assets/2023-11-02-04-44-14.08b67c2b.png differ
diff --git a/assets/2023-11-04-00-42-58.d7bf77fb.png b/assets/2023-11-04-00-42-58.d7bf77fb.png
new file mode 100644
index 00000000..8899cb0d
Binary files /dev/null and b/assets/2023-11-04-00-42-58.d7bf77fb.png differ
diff --git a/assets/2023-11-04-01-32-28.da2149a9.png b/assets/2023-11-04-01-32-28.da2149a9.png
new file mode 100644
index 00000000..c4a3e7e0
Binary files /dev/null and b/assets/2023-11-04-01-32-28.da2149a9.png differ
diff --git a/assets/2023-11-04-03-15-12.77ab4cd9.png b/assets/2023-11-04-03-15-12.77ab4cd9.png
new file mode 100644
index 00000000..91a8391a
Binary files /dev/null and b/assets/2023-11-04-03-15-12.77ab4cd9.png differ
diff --git a/assets/2023-11-04-03-49-38.78c93d29.png b/assets/2023-11-04-03-49-38.78c93d29.png
new file mode 100644
index 00000000..6847f099
Binary files /dev/null and b/assets/2023-11-04-03-49-38.78c93d29.png differ
diff --git a/assets/2023-11-04-04-27-59.3d817820.png b/assets/2023-11-04-04-27-59.3d817820.png
new file mode 100644
index 00000000..3062da7d
Binary files /dev/null and b/assets/2023-11-04-04-27-59.3d817820.png differ
diff --git a/assets/2023-11-04-05-01-04.fd5f8fb7.png b/assets/2023-11-04-05-01-04.fd5f8fb7.png
new file mode 100644
index 00000000..53e21c51
Binary files /dev/null and b/assets/2023-11-04-05-01-04.fd5f8fb7.png differ
diff --git a/assets/academic_chemistry_index.md.ca0457b9.js b/assets/academic_chemistry_index.md.56f381d7.js
similarity index 92%
rename from assets/academic_chemistry_index.md.ca0457b9.js
rename to assets/academic_chemistry_index.md.56f381d7.js
index 465f6219..76a7aa17 100644
--- a/assets/academic_chemistry_index.md.ca0457b9.js
+++ b/assets/academic_chemistry_index.md.56f381d7.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as c,c as r,H as s,k as e,a as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Welcome to Chemistry","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/index.md","filePath":"academic/chemistry/index.md","lastUpdated":1695377563000}'),m={name:"academic/chemistry/index.md"},n=e("h1",{id:"welcome-to-chemistry",tabindex:"-1"},[i("Welcome to Chemistry "),e("a",{class:"header-anchor",href:"#welcome-to-chemistry","aria-label":'Permalink to "Welcome to Chemistry"'},"​")],-1);function d(l,_,h,p,f,x){const t=a;return c(),r("div",null,[n,s(t,{readTime:"1",words:"3"})])}const N=o(m,[["render",d]]);export{k as __pageData,N as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as c,c as r,H as s,k as e,a as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Welcome to Chemistry","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/index.md","filePath":"academic/chemistry/index.md","lastUpdated":1699051935000}'),m={name:"academic/chemistry/index.md"},n=e("h1",{id:"welcome-to-chemistry",tabindex:"-1"},[i("Welcome to Chemistry "),e("a",{class:"header-anchor",href:"#welcome-to-chemistry","aria-label":'Permalink to "Welcome to Chemistry"'},"​")],-1);function d(l,_,h,p,f,x){const t=a;return c(),r("div",null,[n,s(t,{readTime:"1",words:"3"})])}const N=o(m,[["render",d]]);export{k as __pageData,N as default};
diff --git a/assets/academic_chemistry_index.md.ca0457b9.lean.js b/assets/academic_chemistry_index.md.56f381d7.lean.js
similarity index 92%
rename from assets/academic_chemistry_index.md.ca0457b9.lean.js
rename to assets/academic_chemistry_index.md.56f381d7.lean.js
index 465f6219..76a7aa17 100644
--- a/assets/academic_chemistry_index.md.ca0457b9.lean.js
+++ b/assets/academic_chemistry_index.md.56f381d7.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as c,c as r,H as s,k as e,a as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Welcome to Chemistry","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/index.md","filePath":"academic/chemistry/index.md","lastUpdated":1695377563000}'),m={name:"academic/chemistry/index.md"},n=e("h1",{id:"welcome-to-chemistry",tabindex:"-1"},[i("Welcome to Chemistry "),e("a",{class:"header-anchor",href:"#welcome-to-chemistry","aria-label":'Permalink to "Welcome to Chemistry"'},"​")],-1);function d(l,_,h,p,f,x){const t=a;return c(),r("div",null,[n,s(t,{readTime:"1",words:"3"})])}const N=o(m,[["render",d]]);export{k as __pageData,N as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as c,c as r,H as s,k as e,a as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Welcome to Chemistry","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/index.md","filePath":"academic/chemistry/index.md","lastUpdated":1699051935000}'),m={name:"academic/chemistry/index.md"},n=e("h1",{id:"welcome-to-chemistry",tabindex:"-1"},[i("Welcome to Chemistry "),e("a",{class:"header-anchor",href:"#welcome-to-chemistry","aria-label":'Permalink to "Welcome to Chemistry"'},"​")],-1);function d(l,_,h,p,f,x){const t=a;return c(),r("div",null,[n,s(t,{readTime:"1",words:"3"})])}const N=o(m,[["render",d]]);export{k as __pageData,N as default};
diff --git a/assets/academic_chemistry_notes_12-5.md.4c698a37.js b/assets/academic_chemistry_notes_12-5.md.f9fc6ef4.js
similarity index 99%
rename from assets/academic_chemistry_notes_12-5.md.4c698a37.js
rename to assets/academic_chemistry_notes_12-5.md.f9fc6ef4.js
index 3519bb90..d2044508 100644
--- a/assets/academic_chemistry_notes_12-5.md.4c698a37.js
+++ b/assets/academic_chemistry_notes_12-5.md.f9fc6ef4.js
@@ -1 +1 @@
-import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as n,c as m,H as i,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const cs=JSON.parse('{"title":"12-5: Reaction Mechanism","description":"","frontmatter":{"title":"12-5: Reaction Mechanism","editLink":true,"lastUpdated":true,"showArticleMetadata":true,"categories":["Chemistry"],"keywords":["chemistry","reaction","mechanism","reaction-mechanism","tutorial","explanation","textbook","reference"]},"headers":[],"relativePath":"academic/chemistry/notes/12-5.md","filePath":"academic/chemistry/notes/12-5.md","lastUpdated":1695377563000}'),r={name:"academic/chemistry/notes/12-5.md"},c=s("h1",{id:"_12-5-reaction-mechanism",tabindex:"-1"},[a("12-5: Reaction Mechanism "),s("a",{class:"header-anchor",href:"#_12-5-reaction-mechanism","aria-label":'Permalink to "12-5: Reaction Mechanism"'},"​")],-1),p=s("h2",{id:"_12-5-1-learning-objectives",tabindex:"-1"},[a("12-5-1: Learning Objectives "),s("a",{class:"header-anchor",href:"#_12-5-1-learning-objectives","aria-label":'Permalink to "12-5-1: Learning Objectives"'},"​")],-1),h=s("div",{class:"tip custom-block"},[s("p",{class:"custom-block-title"},"Learning Objectives"),s("p",null,"One of the major reasons for studying chemical kinetics is to use measurements of the macroscopic properties of a system, such as the rate of change in the concentration of reactants or products with time, to discover the sequence of events that occur at the molecular level during a reaction. This molecular description is the mechanism of the reaction; it describes how individual atoms, ions, or molecules interact to form particular products. The stepwise changes are collectively called the reaction mechanism.")],-1),o=s("p",null,"In an internal combustion engine, for example, isooctane reacts with oxygen to give carbon dioxide and water:",-1),g=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"8")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"18")]),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("mn",null,"25"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"g")]),s("mo",{stretchy:"false"},")"),s("mo",null,"⟶"),s("mn",null,"16"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"g")]),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("mn",null,"18"),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"O"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"2 \\mathrm{C}_{8} \\mathrm{H}_{18}(\\mathrm{l})+25 \\mathrm{O}_{2}(\\mathrm{~g}) \\longrightarrow 16 \\mathrm{CO}_{2}(\\mathrm{~g})+18 \\mathrm{H}_{2} \\mathrm{O}(\\mathrm{g}) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"8")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"18")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"25"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⟶"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"16"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"18"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathrm"},"O"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g"),s("span",{class:"mclose"},")")])])])])],-1),u=s("p",null,"For this reaction to occur in a single step, 25 dioxygen molecules and 2 isooctane molecules would have to collide simultaneously and be converted to 34 molecules of product, which is very unlikely. It is more likely that a complex series of reactions takes place in a stepwise fashion. Each individual reaction, which is called an elementary reaction, involves one, two, or (rarely) three atoms, molecules, or ions. The overall sequence of elementary reactions is the mechanism of the reaction. The sum of the individual steps, or elementary reactions, in the mechanism must give the balanced chemical equation for the overall reaction.",-1),d=s("p",null,"The overall sequence of elementary reactions is the mechanism of the reaction.",-1),v=s("h2",{id:"_12-5-2-molecularity-and-the-rate-determining-step",tabindex:"-1"},[a("12-5-2: Molecularity and the Rate-Determining Step "),s("a",{class:"header-anchor",href:"#_12-5-2-molecularity-and-the-rate-determining-step","aria-label":'Permalink to "12-5-2: Molecularity and the Rate-Determining Step"'},"​")],-1),y=s("p",null,"To demonstrate how the analysis of elementary reactions helps us determine the overall reaction mechanism, we will examine the much simpler reaction of carbon monoxide with nitrogen dioxide.",-1),w=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O"),s("mo",null,"+"),s("mn",null,"2"),s("mi",{mathvariant:"normal"},"N"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",null,"→"),s("mn",null,"2"),s("mi",{mathvariant:"normal"},"C"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{2CO + 2NO_2 \\rightarrow 2CO_2 + N_2O_4} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"2CO"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"2N"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathrm"},"2C"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"4")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])])])],-1),x=s("p",null,[a("From the balanced chemical equation, one might expect the reaction to occur via a collision of one molecule of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with a molecule of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{CO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")])])])]),a(" that results in the transfer of an oxygen atom from nitrogen to carbon. The experimentally determined rate law for the reaction, however, is as follows:")],-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k\\left[\\mathrm{NO}_{2}\\right]^{2} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])])],-1),k=s("p",null,[a("The fact that the reaction is second order in "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\left[\\mathrm{NO}_{2}\\right]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),a(" and independent of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"[\\mathrm{CO}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]")])])]),a(" tells us that it does not occur by the simple collision model outlined previously. If it did, its predicted rate law would be")],-1),f=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]"),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k\\left[\\mathrm{NO}_{2}\\right][\\mathrm{CO}] . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]"),s("span",{class:"mord"},".")])])])])],-1),z=s("p",null,"The following two-step mechanism is consistent with the rate law if step 1 is much slower than step 2:",-1),O=s("h3",{id:"_15-2-1-two-step-mechanism",tabindex:"-1"},[a("15-2-1: Two-Step Mechanism "),s("a",{class:"header-anchor",href:"#_15-2-1-two-step-mechanism","aria-label":'Permalink to "15-2-1: Two-Step Mechanism"'},"​")],-1),_=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Steps"),s("th",null,"Reaction"),s("th",null,"Reaction Type")])]),s("tbody",null,[s("tr",null,[s("td",null,"step 1"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"⟶")]),s("mtext",null," slow ")])]),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}+\\mathrm{NO}_{2} \\stackrel{\\text { slow }}{\\longrightarrow} \\mathrm{NO}_{3}+\\mathrm{NO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.4471em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2971em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"⟶")])]),s("span",{style:{top:"-3.711em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"}," slow ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.011em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")])])])])]),s("td",null,"elementary reaction")]),s("tr",null,[s("td",null,"step 2"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("munder",{accentunder:"true"},[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"→"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("mo",{stretchy:"true"},"‾")])]),s("annotation",{encoding:"application/x-tex"},"\\underline{\\mathrm{NO}_{3}+\\mathrm{CO} \\rightarrow \\mathrm{NO}_{2}+\\mathrm{CO}_{2}}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0333em","vertical-align":"-0.35em"}}),s("span",{class:"mord underline"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6833em"}},[s("span",{style:{top:"-2.69em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"underline-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.35em"}},[s("span")])])])])])])])]),s("td",null,"elementary reaction")]),s("tr",null,[s("td",null,"sum"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"→"),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}+\\mathrm{CO} \\rightarrow \\mathrm{NO}+\\mathrm{CO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])]),s("td",null,"overall reaction")])])],-1),M=s("p",null,[a("According to this mechanism, the overall reaction occurs in two steps, or elementary reactions. Summing steps 1 and 2 and canceling on both sides of the equation gives the overall balanced chemical equation for the reaction. The "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO_3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])]),a(" molecule is intermediate in the reaction, a species that does not appear in the balanced chemical equation for the overall reaction. It is formed as a product of the first step but is consumed in the second step.")],-1),N=s("p",null,"The sum of the elementary reactions in a reaction mechanism must give the overall balanced chemical equation of the reaction.",-1),C=s("h2",{id:"_12-5-3-using-molecularity-to-describe-a-rate-law",tabindex:"-1"},[a("12-5-3: Using Molecularity to Describe a Rate Law "),s("a",{class:"header-anchor",href:"#_12-5-3-using-molecularity-to-describe-a-rate-law","aria-label":'Permalink to "12-5-3: Using Molecularity to Describe a Rate Law"'},"​")],-1),L=s("p",null,"The molecularity of an elementary reaction is the number of molecules that collide during that step in the mechanism. If there is only a single reactant molecule in an elementary reaction, that step is designated as unimolecular; if there are two reactant molecules, it is bimolecular; and if there are three reactant molecules (a relatively rare situation), it is termolecular. Elementary reactions that involve the simultaneous collision of more than three molecules are highly improbable and have never been observed experimentally. (To understand why, try to make three or more marbles or pool balls collide with one another simultaneously!)",-1),A=s("div",{class:"warning custom-block"},[s("p",{class:"custom-block-title"},"About the image"),s("p",null,"The Basis for Writing Rate Laws of Elementary Reactions. This diagram illustrates how the number of possible collisions per unit time between two reactant species, A and B, depends on the number of A and B particles present. The number of collisions between A and B particles increases as the product of the number of particles, not as the sum. This is why the rate law for an elementary reaction depends on the product of the concentrations of the species that collide in that step. (CC BY-NC-SA; anonymous)")],-1),B=s("p",null,[a("Writing the rate law for an elementary reaction is straightforward because we know how many molecules must collide simultaneously for the elementary reaction to occur; hence the order of the elementary reaction is the same as its molecularity (Table 14.6.1). In contrast, the rate law for the reaction cannot be determined from the balanced chemical equation for the overall reaction. The general rate law for a unimolecular elementary reaction ( "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"→")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A} \\rightarrow")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→")])])]),a(" products) is")],-1),T=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mi",null,"A"),s("mo",{stretchy:"false"},"]"),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[A] . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mclose"},"]"),s("span",{class:"mord"},".")])])])])],-1),R=s("p",null,[a("For bimolecular reactions, the reaction rate depends on the number of collisions per unit time, which is proportional to the product of the concentrations of the reactants, as shown in Figure 14.6.1 For a bimolecular elementary reaction of the form "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"→")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A}+\\mathrm{B} \\rightarrow")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→")])])]),a(" products, the general rate law is")],-1),I=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mi",null,"A"),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",null,"B"),s("mo",{stretchy:"false"},"]"),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[A][B] . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mclose"},"]"),s("span",{class:"mord"},".")])])])])],-1),q=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Elementary Reaction"),s("th",null,"Molecularity"),s("th",null,"Rate"),s("th",null,"Reaction Order")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Unimolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},"]")])])])]),s("td",null,"first")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"2\\mathrm{~A} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Bimolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}]^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),s("td",null,"second")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A}+\\mathrm{B} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Bimolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"B"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}][\\mathrm{B}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mclose"},"]")])])])]),s("td",null,"second")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"2 \\mathrm{~A}+\\mathrm{B} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Termolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"B")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}]^2[\\mathrm{~B}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"B")]),s("span",{class:"mclose"},"]")])])])]),s("td",null,"third")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"C"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A}+\\mathrm{B}+\\mathrm{C} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"C"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Termolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"B"),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"C"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}][\\mathrm{B}][\\mathrm{C}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathrm"},"C"),s("span",{class:"mclose"},"]")])])])]),s("td",null,"third")])])],-1),S=s("blockquote",null,[s("p",null,"For elementary reactions, the order of the elementary reaction is the same as its molecularity. In contrast, the rate law cannot be determined from the balanced chemical equation for the overall reaction (unless it is a single step mechanism and is therefore also an elementary step).")],-1),P=s("h2",{id:"_12-5-4-identifying-the-rate-determining-step",tabindex:"-1"},[a("12-5-4: Identifying the Rate-Determining Step "),s("a",{class:"header-anchor",href:"#_12-5-4-identifying-the-rate-determining-step","aria-label":'Permalink to "12-5-4: Identifying the Rate-Determining Step"'},"​")],-1),D=s("p",null,"Note the important difference between writing rate laws for elementary reactions and the balanced chemical equation of the overall reaction. Because the balanced chemical equation does not necessarily reveal the individual elementary reactions by which the reaction occurs, we cannot obtain the rate law for a reaction from the overall balanced chemical equation alone. In fact, it is the rate law for the slowest overall reaction, which is the same as the rate law for the slowest step in the reaction mechanism, the ratedetermining step, that must give the experimentally determined rate law for the overall reaction.This statement is true if one step is substantially slower than all the others, typically by a factor of 10 or more. If two or more slow steps have comparable rates, the experimentally determined rate laws can become complex. Our discussion is limited to reactions in which one step can be identified as being substantially slower than any other. The reason for this is that any process that occurs through a sequence of steps can take place no faster than the slowest step in the sequence. In an automotive assembly line, for example, a component cannot be used faster than it is produced. Similarly, blood pressure is regulated by the flow of blood through the smallest passages, the capillaries. Because movement through capillaries constitutes the rate-determining step in blood flow, blood pressure can be regulated by medications that cause the capillaries to contract or dilate. A chemical reaction that occurs via a series of elementary reactions can take place no faster than the slowest step in the series of reactions.",-1),H=s("p",null,"Look at the rate laws for each elementary reaction in the example as well as for the overall reaction.",-1),E=s("p",null,"Rate laws for each elementary reaction in our example as well as for the overall reaction",-1),F=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Steps"),s("th",null,"Reaction"),s("th",null,"Rate")])]),s("tbody",null,[s("tr",null,[s("td",null,"step 1"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"→")]),s("msub",null,[s("mi",{mathvariant:"normal"},"k"),s("mn",null,"1")])])]),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_2+\\mathrm{NO}_2 \\stackrel{\\mathrm{k}_1}{\\rightarrow} \\mathrm{NO}_3+\\mathrm{NO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.3141em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1641em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"→")])]),s("span",{style:{top:"-3.578em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])])])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")])])])])]),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"1")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mtext",null," predicted) ")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k_1\\left[\\mathrm{NO}_2\\right]^2(\\text { predicted) }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord text"},[s("span",{class:"mord"}," predicted) ")])])])])])]),s("tr",null,[s("td",null,"step 2"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("munder",{accentunder:"true"},[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"→")]),s("msub",null,[s("mi",null,"k"),s("mn",null,"2")])])]),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("mo",{stretchy:"true"},"‾")])]),s("annotation",{encoding:"application/x-tex"},"\\underline{\\mathrm{NO}_3+\\mathrm{CO} \\stackrel{k_2}{\\rightarrow} \\mathrm{NO}_2+\\mathrm{CO}_2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.5141em","vertical-align":"-0.35em"}}),s("span",{class:"mord underline"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1641em"}},[s("span",{style:{top:"-2.8541em"}},[s("span",{class:"pstrut",style:{height:"3.1641em"}}),s("span",{class:"underline-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.1641em"}},[s("span",{class:"pstrut",style:{height:"3.1641em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1641em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"→")])]),s("span",{style:{top:"-3.578em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"-0.0315em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])])])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.35em"}},[s("span")])])])])])])])]),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",{fence:"true"},"]")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"("),s("mtext",null," predicted "),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k_2\\left[\\mathrm{NO}_3\\right][\\mathrm{CO}](\\text { predicted })")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"("),s("span",{class:"mord text"},[s("span",{class:"mord"}," predicted ")]),s("span",{class:"mclose"},")")])])])])]),s("tr",null,[s("td",null,"step 3"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"→")]),s("mi",null,"k")])]),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_2+\\mathrm{CO} \\stackrel{k}{\\rightarrow} \\mathrm{NO}+\\mathrm{CO}_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.153em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.153em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"→")])]),s("span",{style:{top:"-3.5669em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])]),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mtext",null," observed) ")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k\\left[\\mathrm{NO}_2\\right]^2(\\text { observed) }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord text"},[s("span",{class:"mord"}," observed) ")])])])])])])])],-1),j=s("p",null,[a("The experimentally determined rate law for the reaction of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"C"),s("mi",null,"O")]),s("annotation",{encoding:"application/x-tex"},"C O")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"CO")])])]),a(" is the same as the predicted rate law for step 1 . This tells us that the first elementary reaction is the rate-determining step, so "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k")]),s("annotation",{encoding:"application/x-tex"},"k")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])])]),a(" for the overall reaction must equal "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"k"),s("mn",null,"1")])]),s("annotation",{encoding:"application/x-tex"},"k_{1}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". That is, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" is formed slowly in step 1, but once it is formed, it reacts very rapidly with CO in step 2.")],-1),U=s("p",null,"Sometimes chemists are able to propose two or more mechanisms that are consistent with the available data. If a proposed mechanism predicts the wrong experimental rate law, however, the mechanism must be incorrect.",-1),$=s("h3",{id:"_12-5-4-1-example-a-reaction-with-an-intermediate",tabindex:"-1"},[a("12-5-4-1: Example-A Reaction with an Intermediate "),s("a",{class:"header-anchor",href:"#_12-5-4-1-example-a-reaction-with-an-intermediate","aria-label":'Permalink to "12-5-4-1: Example-A Reaction with an Intermediate"'},"​")],-1),V=s("p",null,[a("In an alternative mechanism for the reaction of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{CO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" appearing as an intermediate.")],-1),W=s("p",null,[a("alternative mechanism for the reaction of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{CO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" appearing as an intermediate.")],-1),G=s("p",null,[a("Write the rate law for each elementary reaction. Is this mechanism consistent with the experimentally determined rate law (rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("mrow",null,[s("mi",{mathvariant:"normal"},"k"),s("mo",{stretchy:"false"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"t")])]),s("annotation",{encoding:"application/x-tex"},"=\\mathrm{k[{NO}_{2}]^{2}t}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])])])])])])]),s("span",{class:"mord mathrm"},"t")])])])]),a(")")],-1),J=s("p",null,"Given: elementary reactions Asked for: rate law for each elementary reaction and overall rate law",-1),Y=s("h4",{id:"strategy",tabindex:"-1"},[a("Strategy "),s("a",{class:"header-anchor",href:"#strategy","aria-label":'Permalink to "Strategy"'},"​")],-1),K=s("ul",null,[s("li",null,[s("p",null,"Determine the rate law for each elementary reaction in the reaction.")]),s("li",null,[s("p",null,"Determine which rate law corresponds to the experimentally determined rate law for the reaction. This rate law is the one for the rate-determining step.")])],-1),Q=s("h4",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),X=s("details",{class:"details custom-block"},[s("summary",null,"View solution"),s("p",null,[a("A The rate law for step 1 is rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"1")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"=k_{1}\\left[\\mathrm{NO}_{2}\\right]^{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),a("; for step 2 , it is rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"N")]),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")]),s("mo",{fence:"true"},"]")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"=k_{2}\\left[\\mathrm{~N}_{2} \\mathrm{O}_{4}\\right][\\mathrm{CO}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"N")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]")])])]),a(".")]),s("p",null,[a("B If step 1 is slow (and therefore the rate-determining step), then the overall rate law for the reaction will be the same: rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"k"),s("mn",null,"1")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"k_{1}\\left[\\mathrm{NO}_{2}\\right]^{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),a(". This is the same as the experimentally determined rate law. Hence this mechanism, with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" as an intermediate, and the one described previously, with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" as an intermediate, are kinetically indistinguishable. In this case, further experiments are needed to distinguish between them. For example, the researcher could try to detect the proposed intermediates, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(", directly.")])],-1);function Z(ss,as,ts,ls,es,ns){const t=l;return n(),m("div",null,[c,i(t,{readTime:"11",words:"1.9k"}),p,h,o,g,u,d,v,y,w,x,b,k,f,z,O,_,M,N,C,L,A,B,T,R,I,q,S,P,D,H,E,F,j,U,$,V,W,G,J,Y,K,Q,X])}const ps=e(r,[["render",Z]]);export{cs as __pageData,ps as default};
+import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as n,c as m,H as i,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const cs=JSON.parse('{"title":"12-5: Reaction Mechanism","description":"","frontmatter":{"title":"12-5: Reaction Mechanism","editLink":true,"lastUpdated":true,"showArticleMetadata":true,"categories":["Chemistry"],"keywords":["chemistry","reaction","mechanism","reaction-mechanism","tutorial","explanation","textbook","reference"]},"headers":[],"relativePath":"academic/chemistry/notes/12-5.md","filePath":"academic/chemistry/notes/12-5.md","lastUpdated":1699051935000}'),r={name:"academic/chemistry/notes/12-5.md"},c=s("h1",{id:"_12-5-reaction-mechanism",tabindex:"-1"},[a("12-5: Reaction Mechanism "),s("a",{class:"header-anchor",href:"#_12-5-reaction-mechanism","aria-label":'Permalink to "12-5: Reaction Mechanism"'},"​")],-1),p=s("h2",{id:"_12-5-1-learning-objectives",tabindex:"-1"},[a("12-5-1: Learning Objectives "),s("a",{class:"header-anchor",href:"#_12-5-1-learning-objectives","aria-label":'Permalink to "12-5-1: Learning Objectives"'},"​")],-1),h=s("div",{class:"tip custom-block"},[s("p",{class:"custom-block-title"},"Learning Objectives"),s("p",null,"One of the major reasons for studying chemical kinetics is to use measurements of the macroscopic properties of a system, such as the rate of change in the concentration of reactants or products with time, to discover the sequence of events that occur at the molecular level during a reaction. This molecular description is the mechanism of the reaction; it describes how individual atoms, ions, or molecules interact to form particular products. The stepwise changes are collectively called the reaction mechanism.")],-1),o=s("p",null,"In an internal combustion engine, for example, isooctane reacts with oxygen to give carbon dioxide and water:",-1),g=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"8")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"18")]),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("mn",null,"25"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"g")]),s("mo",{stretchy:"false"},")"),s("mo",null,"⟶"),s("mn",null,"16"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"g")]),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("mn",null,"18"),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"O"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"2 \\mathrm{C}_{8} \\mathrm{H}_{18}(\\mathrm{l})+25 \\mathrm{O}_{2}(\\mathrm{~g}) \\longrightarrow 16 \\mathrm{CO}_{2}(\\mathrm{~g})+18 \\mathrm{H}_{2} \\mathrm{O}(\\mathrm{g}) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"8")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"18")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"25"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⟶"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"16"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"18"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathrm"},"O"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g"),s("span",{class:"mclose"},")")])])])])],-1),u=s("p",null,"For this reaction to occur in a single step, 25 dioxygen molecules and 2 isooctane molecules would have to collide simultaneously and be converted to 34 molecules of product, which is very unlikely. It is more likely that a complex series of reactions takes place in a stepwise fashion. Each individual reaction, which is called an elementary reaction, involves one, two, or (rarely) three atoms, molecules, or ions. The overall sequence of elementary reactions is the mechanism of the reaction. The sum of the individual steps, or elementary reactions, in the mechanism must give the balanced chemical equation for the overall reaction.",-1),d=s("p",null,"The overall sequence of elementary reactions is the mechanism of the reaction.",-1),v=s("h2",{id:"_12-5-2-molecularity-and-the-rate-determining-step",tabindex:"-1"},[a("12-5-2: Molecularity and the Rate-Determining Step "),s("a",{class:"header-anchor",href:"#_12-5-2-molecularity-and-the-rate-determining-step","aria-label":'Permalink to "12-5-2: Molecularity and the Rate-Determining Step"'},"​")],-1),y=s("p",null,"To demonstrate how the analysis of elementary reactions helps us determine the overall reaction mechanism, we will examine the much simpler reaction of carbon monoxide with nitrogen dioxide.",-1),w=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O"),s("mo",null,"+"),s("mn",null,"2"),s("mi",{mathvariant:"normal"},"N"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",null,"→"),s("mn",null,"2"),s("mi",{mathvariant:"normal"},"C"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{2CO + 2NO_2 \\rightarrow 2CO_2 + N_2O_4} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"2CO"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"2N"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathrm"},"2C"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"4")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])])])],-1),x=s("p",null,[a("From the balanced chemical equation, one might expect the reaction to occur via a collision of one molecule of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with a molecule of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{CO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")])])])]),a(" that results in the transfer of an oxygen atom from nitrogen to carbon. The experimentally determined rate law for the reaction, however, is as follows:")],-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k\\left[\\mathrm{NO}_{2}\\right]^{2} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])])],-1),k=s("p",null,[a("The fact that the reaction is second order in "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\left[\\mathrm{NO}_{2}\\right]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),a(" and independent of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"[\\mathrm{CO}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]")])])]),a(" tells us that it does not occur by the simple collision model outlined previously. If it did, its predicted rate law would be")],-1),f=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]"),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k\\left[\\mathrm{NO}_{2}\\right][\\mathrm{CO}] . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]"),s("span",{class:"mord"},".")])])])])],-1),z=s("p",null,"The following two-step mechanism is consistent with the rate law if step 1 is much slower than step 2:",-1),O=s("h3",{id:"_15-2-1-two-step-mechanism",tabindex:"-1"},[a("15-2-1: Two-Step Mechanism "),s("a",{class:"header-anchor",href:"#_15-2-1-two-step-mechanism","aria-label":'Permalink to "15-2-1: Two-Step Mechanism"'},"​")],-1),_=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Steps"),s("th",null,"Reaction"),s("th",null,"Reaction Type")])]),s("tbody",null,[s("tr",null,[s("td",null,"step 1"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"⟶")]),s("mtext",null," slow ")])]),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}+\\mathrm{NO}_{2} \\stackrel{\\text { slow }}{\\longrightarrow} \\mathrm{NO}_{3}+\\mathrm{NO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.4471em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2971em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"⟶")])]),s("span",{style:{top:"-3.711em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"}," slow ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.011em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")])])])])]),s("td",null,"elementary reaction")]),s("tr",null,[s("td",null,"step 2"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("munder",{accentunder:"true"},[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"→"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("mo",{stretchy:"true"},"‾")])]),s("annotation",{encoding:"application/x-tex"},"\\underline{\\mathrm{NO}_{3}+\\mathrm{CO} \\rightarrow \\mathrm{NO}_{2}+\\mathrm{CO}_{2}}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0333em","vertical-align":"-0.35em"}}),s("span",{class:"mord underline"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6833em"}},[s("span",{style:{top:"-2.69em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"underline-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.35em"}},[s("span")])])])])])])])]),s("td",null,"elementary reaction")]),s("tr",null,[s("td",null,"sum"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"→"),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}+\\mathrm{CO} \\rightarrow \\mathrm{NO}+\\mathrm{CO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])]),s("td",null,"overall reaction")])])],-1),M=s("p",null,[a("According to this mechanism, the overall reaction occurs in two steps, or elementary reactions. Summing steps 1 and 2 and canceling on both sides of the equation gives the overall balanced chemical equation for the reaction. The "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO_3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])]),a(" molecule is intermediate in the reaction, a species that does not appear in the balanced chemical equation for the overall reaction. It is formed as a product of the first step but is consumed in the second step.")],-1),N=s("p",null,"The sum of the elementary reactions in a reaction mechanism must give the overall balanced chemical equation of the reaction.",-1),C=s("h2",{id:"_12-5-3-using-molecularity-to-describe-a-rate-law",tabindex:"-1"},[a("12-5-3: Using Molecularity to Describe a Rate Law "),s("a",{class:"header-anchor",href:"#_12-5-3-using-molecularity-to-describe-a-rate-law","aria-label":'Permalink to "12-5-3: Using Molecularity to Describe a Rate Law"'},"​")],-1),L=s("p",null,"The molecularity of an elementary reaction is the number of molecules that collide during that step in the mechanism. If there is only a single reactant molecule in an elementary reaction, that step is designated as unimolecular; if there are two reactant molecules, it is bimolecular; and if there are three reactant molecules (a relatively rare situation), it is termolecular. Elementary reactions that involve the simultaneous collision of more than three molecules are highly improbable and have never been observed experimentally. (To understand why, try to make three or more marbles or pool balls collide with one another simultaneously!)",-1),A=s("div",{class:"warning custom-block"},[s("p",{class:"custom-block-title"},"About the image"),s("p",null,"The Basis for Writing Rate Laws of Elementary Reactions. This diagram illustrates how the number of possible collisions per unit time between two reactant species, A and B, depends on the number of A and B particles present. The number of collisions between A and B particles increases as the product of the number of particles, not as the sum. This is why the rate law for an elementary reaction depends on the product of the concentrations of the species that collide in that step. (CC BY-NC-SA; anonymous)")],-1),B=s("p",null,[a("Writing the rate law for an elementary reaction is straightforward because we know how many molecules must collide simultaneously for the elementary reaction to occur; hence the order of the elementary reaction is the same as its molecularity (Table 14.6.1). In contrast, the rate law for the reaction cannot be determined from the balanced chemical equation for the overall reaction. The general rate law for a unimolecular elementary reaction ( "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"→")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A} \\rightarrow")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→")])])]),a(" products) is")],-1),T=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mi",null,"A"),s("mo",{stretchy:"false"},"]"),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[A] . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mclose"},"]"),s("span",{class:"mord"},".")])])])])],-1),R=s("p",null,[a("For bimolecular reactions, the reaction rate depends on the number of collisions per unit time, which is proportional to the product of the concentrations of the reactants, as shown in Figure 14.6.1 For a bimolecular elementary reaction of the form "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"→")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A}+\\mathrm{B} \\rightarrow")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→")])])]),a(" products, the general rate law is")],-1),I=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mi",null,"A"),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",null,"B"),s("mo",{stretchy:"false"},"]"),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[A][B] . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mclose"},"]"),s("span",{class:"mord"},".")])])])])],-1),q=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Elementary Reaction"),s("th",null,"Molecularity"),s("th",null,"Rate"),s("th",null,"Reaction Order")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Unimolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},"]")])])])]),s("td",null,"first")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"2\\mathrm{~A} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Bimolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}]^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),s("td",null,"second")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A}+\\mathrm{B} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Bimolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"B"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}][\\mathrm{B}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mclose"},"]")])])])]),s("td",null,"second")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"2 \\mathrm{~A}+\\mathrm{B} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Termolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"B")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}]^2[\\mathrm{~B}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"B")]),s("span",{class:"mclose"},"]")])])])]),s("td",null,"third")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"C"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A}+\\mathrm{B}+\\mathrm{C} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"C"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Termolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"B"),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"C"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}][\\mathrm{B}][\\mathrm{C}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathrm"},"C"),s("span",{class:"mclose"},"]")])])])]),s("td",null,"third")])])],-1),S=s("blockquote",null,[s("p",null,"For elementary reactions, the order of the elementary reaction is the same as its molecularity. In contrast, the rate law cannot be determined from the balanced chemical equation for the overall reaction (unless it is a single step mechanism and is therefore also an elementary step).")],-1),P=s("h2",{id:"_12-5-4-identifying-the-rate-determining-step",tabindex:"-1"},[a("12-5-4: Identifying the Rate-Determining Step "),s("a",{class:"header-anchor",href:"#_12-5-4-identifying-the-rate-determining-step","aria-label":'Permalink to "12-5-4: Identifying the Rate-Determining Step"'},"​")],-1),D=s("p",null,"Note the important difference between writing rate laws for elementary reactions and the balanced chemical equation of the overall reaction. Because the balanced chemical equation does not necessarily reveal the individual elementary reactions by which the reaction occurs, we cannot obtain the rate law for a reaction from the overall balanced chemical equation alone. In fact, it is the rate law for the slowest overall reaction, which is the same as the rate law for the slowest step in the reaction mechanism, the ratedetermining step, that must give the experimentally determined rate law for the overall reaction.This statement is true if one step is substantially slower than all the others, typically by a factor of 10 or more. If two or more slow steps have comparable rates, the experimentally determined rate laws can become complex. Our discussion is limited to reactions in which one step can be identified as being substantially slower than any other. The reason for this is that any process that occurs through a sequence of steps can take place no faster than the slowest step in the sequence. In an automotive assembly line, for example, a component cannot be used faster than it is produced. Similarly, blood pressure is regulated by the flow of blood through the smallest passages, the capillaries. Because movement through capillaries constitutes the rate-determining step in blood flow, blood pressure can be regulated by medications that cause the capillaries to contract or dilate. A chemical reaction that occurs via a series of elementary reactions can take place no faster than the slowest step in the series of reactions.",-1),H=s("p",null,"Look at the rate laws for each elementary reaction in the example as well as for the overall reaction.",-1),E=s("p",null,"Rate laws for each elementary reaction in our example as well as for the overall reaction",-1),F=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Steps"),s("th",null,"Reaction"),s("th",null,"Rate")])]),s("tbody",null,[s("tr",null,[s("td",null,"step 1"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"→")]),s("msub",null,[s("mi",{mathvariant:"normal"},"k"),s("mn",null,"1")])])]),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_2+\\mathrm{NO}_2 \\stackrel{\\mathrm{k}_1}{\\rightarrow} \\mathrm{NO}_3+\\mathrm{NO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.3141em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1641em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"→")])]),s("span",{style:{top:"-3.578em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])])])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")])])])])]),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"1")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mtext",null," predicted) ")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k_1\\left[\\mathrm{NO}_2\\right]^2(\\text { predicted) }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord text"},[s("span",{class:"mord"}," predicted) ")])])])])])]),s("tr",null,[s("td",null,"step 2"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("munder",{accentunder:"true"},[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"→")]),s("msub",null,[s("mi",null,"k"),s("mn",null,"2")])])]),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("mo",{stretchy:"true"},"‾")])]),s("annotation",{encoding:"application/x-tex"},"\\underline{\\mathrm{NO}_3+\\mathrm{CO} \\stackrel{k_2}{\\rightarrow} \\mathrm{NO}_2+\\mathrm{CO}_2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.5141em","vertical-align":"-0.35em"}}),s("span",{class:"mord underline"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1641em"}},[s("span",{style:{top:"-2.8541em"}},[s("span",{class:"pstrut",style:{height:"3.1641em"}}),s("span",{class:"underline-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.1641em"}},[s("span",{class:"pstrut",style:{height:"3.1641em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1641em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"→")])]),s("span",{style:{top:"-3.578em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"-0.0315em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])])])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.35em"}},[s("span")])])])])])])])]),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",{fence:"true"},"]")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"("),s("mtext",null," predicted "),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k_2\\left[\\mathrm{NO}_3\\right][\\mathrm{CO}](\\text { predicted })")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"("),s("span",{class:"mord text"},[s("span",{class:"mord"}," predicted ")]),s("span",{class:"mclose"},")")])])])])]),s("tr",null,[s("td",null,"step 3"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"→")]),s("mi",null,"k")])]),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_2+\\mathrm{CO} \\stackrel{k}{\\rightarrow} \\mathrm{NO}+\\mathrm{CO}_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.153em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.153em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"→")])]),s("span",{style:{top:"-3.5669em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])]),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mtext",null," observed) ")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k\\left[\\mathrm{NO}_2\\right]^2(\\text { observed) }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord text"},[s("span",{class:"mord"}," observed) ")])])])])])])])],-1),j=s("p",null,[a("The experimentally determined rate law for the reaction of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"C"),s("mi",null,"O")]),s("annotation",{encoding:"application/x-tex"},"C O")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"CO")])])]),a(" is the same as the predicted rate law for step 1 . This tells us that the first elementary reaction is the rate-determining step, so "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k")]),s("annotation",{encoding:"application/x-tex"},"k")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])])]),a(" for the overall reaction must equal "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"k"),s("mn",null,"1")])]),s("annotation",{encoding:"application/x-tex"},"k_{1}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". That is, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" is formed slowly in step 1, but once it is formed, it reacts very rapidly with CO in step 2.")],-1),U=s("p",null,"Sometimes chemists are able to propose two or more mechanisms that are consistent with the available data. If a proposed mechanism predicts the wrong experimental rate law, however, the mechanism must be incorrect.",-1),$=s("h3",{id:"_12-5-4-1-example-a-reaction-with-an-intermediate",tabindex:"-1"},[a("12-5-4-1: Example-A Reaction with an Intermediate "),s("a",{class:"header-anchor",href:"#_12-5-4-1-example-a-reaction-with-an-intermediate","aria-label":'Permalink to "12-5-4-1: Example-A Reaction with an Intermediate"'},"​")],-1),V=s("p",null,[a("In an alternative mechanism for the reaction of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{CO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" appearing as an intermediate.")],-1),W=s("p",null,[a("alternative mechanism for the reaction of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{CO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" appearing as an intermediate.")],-1),G=s("p",null,[a("Write the rate law for each elementary reaction. Is this mechanism consistent with the experimentally determined rate law (rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("mrow",null,[s("mi",{mathvariant:"normal"},"k"),s("mo",{stretchy:"false"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"t")])]),s("annotation",{encoding:"application/x-tex"},"=\\mathrm{k[{NO}_{2}]^{2}t}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])])])])])])]),s("span",{class:"mord mathrm"},"t")])])])]),a(")")],-1),J=s("p",null,"Given: elementary reactions Asked for: rate law for each elementary reaction and overall rate law",-1),Y=s("h4",{id:"strategy",tabindex:"-1"},[a("Strategy "),s("a",{class:"header-anchor",href:"#strategy","aria-label":'Permalink to "Strategy"'},"​")],-1),K=s("ul",null,[s("li",null,[s("p",null,"Determine the rate law for each elementary reaction in the reaction.")]),s("li",null,[s("p",null,"Determine which rate law corresponds to the experimentally determined rate law for the reaction. This rate law is the one for the rate-determining step.")])],-1),Q=s("h4",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),X=s("details",{class:"details custom-block"},[s("summary",null,"View solution"),s("p",null,[a("A The rate law for step 1 is rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"1")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"=k_{1}\\left[\\mathrm{NO}_{2}\\right]^{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),a("; for step 2 , it is rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"N")]),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")]),s("mo",{fence:"true"},"]")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"=k_{2}\\left[\\mathrm{~N}_{2} \\mathrm{O}_{4}\\right][\\mathrm{CO}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"N")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]")])])]),a(".")]),s("p",null,[a("B If step 1 is slow (and therefore the rate-determining step), then the overall rate law for the reaction will be the same: rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"k"),s("mn",null,"1")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"k_{1}\\left[\\mathrm{NO}_{2}\\right]^{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),a(". This is the same as the experimentally determined rate law. Hence this mechanism, with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" as an intermediate, and the one described previously, with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" as an intermediate, are kinetically indistinguishable. In this case, further experiments are needed to distinguish between them. For example, the researcher could try to detect the proposed intermediates, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(", directly.")])],-1);function Z(ss,as,ts,ls,es,ns){const t=l;return n(),m("div",null,[c,i(t,{readTime:"11",words:"1.9k"}),p,h,o,g,u,d,v,y,w,x,b,k,f,z,O,_,M,N,C,L,A,B,T,R,I,q,S,P,D,H,E,F,j,U,$,V,W,G,J,Y,K,Q,X])}const ps=e(r,[["render",Z]]);export{cs as __pageData,ps as default};
diff --git a/assets/academic_chemistry_notes_12-5.md.4c698a37.lean.js b/assets/academic_chemistry_notes_12-5.md.f9fc6ef4.lean.js
similarity index 99%
rename from assets/academic_chemistry_notes_12-5.md.4c698a37.lean.js
rename to assets/academic_chemistry_notes_12-5.md.f9fc6ef4.lean.js
index 3519bb90..d2044508 100644
--- a/assets/academic_chemistry_notes_12-5.md.4c698a37.lean.js
+++ b/assets/academic_chemistry_notes_12-5.md.f9fc6ef4.lean.js
@@ -1 +1 @@
-import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as n,c as m,H as i,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const cs=JSON.parse('{"title":"12-5: Reaction Mechanism","description":"","frontmatter":{"title":"12-5: Reaction Mechanism","editLink":true,"lastUpdated":true,"showArticleMetadata":true,"categories":["Chemistry"],"keywords":["chemistry","reaction","mechanism","reaction-mechanism","tutorial","explanation","textbook","reference"]},"headers":[],"relativePath":"academic/chemistry/notes/12-5.md","filePath":"academic/chemistry/notes/12-5.md","lastUpdated":1695377563000}'),r={name:"academic/chemistry/notes/12-5.md"},c=s("h1",{id:"_12-5-reaction-mechanism",tabindex:"-1"},[a("12-5: Reaction Mechanism "),s("a",{class:"header-anchor",href:"#_12-5-reaction-mechanism","aria-label":'Permalink to "12-5: Reaction Mechanism"'},"​")],-1),p=s("h2",{id:"_12-5-1-learning-objectives",tabindex:"-1"},[a("12-5-1: Learning Objectives "),s("a",{class:"header-anchor",href:"#_12-5-1-learning-objectives","aria-label":'Permalink to "12-5-1: Learning Objectives"'},"​")],-1),h=s("div",{class:"tip custom-block"},[s("p",{class:"custom-block-title"},"Learning Objectives"),s("p",null,"One of the major reasons for studying chemical kinetics is to use measurements of the macroscopic properties of a system, such as the rate of change in the concentration of reactants or products with time, to discover the sequence of events that occur at the molecular level during a reaction. This molecular description is the mechanism of the reaction; it describes how individual atoms, ions, or molecules interact to form particular products. The stepwise changes are collectively called the reaction mechanism.")],-1),o=s("p",null,"In an internal combustion engine, for example, isooctane reacts with oxygen to give carbon dioxide and water:",-1),g=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"8")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"18")]),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("mn",null,"25"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"g")]),s("mo",{stretchy:"false"},")"),s("mo",null,"⟶"),s("mn",null,"16"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"g")]),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("mn",null,"18"),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"O"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"2 \\mathrm{C}_{8} \\mathrm{H}_{18}(\\mathrm{l})+25 \\mathrm{O}_{2}(\\mathrm{~g}) \\longrightarrow 16 \\mathrm{CO}_{2}(\\mathrm{~g})+18 \\mathrm{H}_{2} \\mathrm{O}(\\mathrm{g}) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"8")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"18")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"25"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⟶"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"16"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"18"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathrm"},"O"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g"),s("span",{class:"mclose"},")")])])])])],-1),u=s("p",null,"For this reaction to occur in a single step, 25 dioxygen molecules and 2 isooctane molecules would have to collide simultaneously and be converted to 34 molecules of product, which is very unlikely. It is more likely that a complex series of reactions takes place in a stepwise fashion. Each individual reaction, which is called an elementary reaction, involves one, two, or (rarely) three atoms, molecules, or ions. The overall sequence of elementary reactions is the mechanism of the reaction. The sum of the individual steps, or elementary reactions, in the mechanism must give the balanced chemical equation for the overall reaction.",-1),d=s("p",null,"The overall sequence of elementary reactions is the mechanism of the reaction.",-1),v=s("h2",{id:"_12-5-2-molecularity-and-the-rate-determining-step",tabindex:"-1"},[a("12-5-2: Molecularity and the Rate-Determining Step "),s("a",{class:"header-anchor",href:"#_12-5-2-molecularity-and-the-rate-determining-step","aria-label":'Permalink to "12-5-2: Molecularity and the Rate-Determining Step"'},"​")],-1),y=s("p",null,"To demonstrate how the analysis of elementary reactions helps us determine the overall reaction mechanism, we will examine the much simpler reaction of carbon monoxide with nitrogen dioxide.",-1),w=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O"),s("mo",null,"+"),s("mn",null,"2"),s("mi",{mathvariant:"normal"},"N"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",null,"→"),s("mn",null,"2"),s("mi",{mathvariant:"normal"},"C"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{2CO + 2NO_2 \\rightarrow 2CO_2 + N_2O_4} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"2CO"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"2N"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathrm"},"2C"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"4")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])])])],-1),x=s("p",null,[a("From the balanced chemical equation, one might expect the reaction to occur via a collision of one molecule of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with a molecule of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{CO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")])])])]),a(" that results in the transfer of an oxygen atom from nitrogen to carbon. The experimentally determined rate law for the reaction, however, is as follows:")],-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k\\left[\\mathrm{NO}_{2}\\right]^{2} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])])],-1),k=s("p",null,[a("The fact that the reaction is second order in "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\left[\\mathrm{NO}_{2}\\right]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),a(" and independent of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"[\\mathrm{CO}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]")])])]),a(" tells us that it does not occur by the simple collision model outlined previously. If it did, its predicted rate law would be")],-1),f=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]"),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k\\left[\\mathrm{NO}_{2}\\right][\\mathrm{CO}] . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]"),s("span",{class:"mord"},".")])])])])],-1),z=s("p",null,"The following two-step mechanism is consistent with the rate law if step 1 is much slower than step 2:",-1),O=s("h3",{id:"_15-2-1-two-step-mechanism",tabindex:"-1"},[a("15-2-1: Two-Step Mechanism "),s("a",{class:"header-anchor",href:"#_15-2-1-two-step-mechanism","aria-label":'Permalink to "15-2-1: Two-Step Mechanism"'},"​")],-1),_=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Steps"),s("th",null,"Reaction"),s("th",null,"Reaction Type")])]),s("tbody",null,[s("tr",null,[s("td",null,"step 1"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"⟶")]),s("mtext",null," slow ")])]),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}+\\mathrm{NO}_{2} \\stackrel{\\text { slow }}{\\longrightarrow} \\mathrm{NO}_{3}+\\mathrm{NO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.4471em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2971em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"⟶")])]),s("span",{style:{top:"-3.711em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"}," slow ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.011em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")])])])])]),s("td",null,"elementary reaction")]),s("tr",null,[s("td",null,"step 2"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("munder",{accentunder:"true"},[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"→"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("mo",{stretchy:"true"},"‾")])]),s("annotation",{encoding:"application/x-tex"},"\\underline{\\mathrm{NO}_{3}+\\mathrm{CO} \\rightarrow \\mathrm{NO}_{2}+\\mathrm{CO}_{2}}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0333em","vertical-align":"-0.35em"}}),s("span",{class:"mord underline"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6833em"}},[s("span",{style:{top:"-2.69em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"underline-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.35em"}},[s("span")])])])])])])])]),s("td",null,"elementary reaction")]),s("tr",null,[s("td",null,"sum"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"→"),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}+\\mathrm{CO} \\rightarrow \\mathrm{NO}+\\mathrm{CO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])]),s("td",null,"overall reaction")])])],-1),M=s("p",null,[a("According to this mechanism, the overall reaction occurs in two steps, or elementary reactions. Summing steps 1 and 2 and canceling on both sides of the equation gives the overall balanced chemical equation for the reaction. The "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO_3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])]),a(" molecule is intermediate in the reaction, a species that does not appear in the balanced chemical equation for the overall reaction. It is formed as a product of the first step but is consumed in the second step.")],-1),N=s("p",null,"The sum of the elementary reactions in a reaction mechanism must give the overall balanced chemical equation of the reaction.",-1),C=s("h2",{id:"_12-5-3-using-molecularity-to-describe-a-rate-law",tabindex:"-1"},[a("12-5-3: Using Molecularity to Describe a Rate Law "),s("a",{class:"header-anchor",href:"#_12-5-3-using-molecularity-to-describe-a-rate-law","aria-label":'Permalink to "12-5-3: Using Molecularity to Describe a Rate Law"'},"​")],-1),L=s("p",null,"The molecularity of an elementary reaction is the number of molecules that collide during that step in the mechanism. If there is only a single reactant molecule in an elementary reaction, that step is designated as unimolecular; if there are two reactant molecules, it is bimolecular; and if there are three reactant molecules (a relatively rare situation), it is termolecular. Elementary reactions that involve the simultaneous collision of more than three molecules are highly improbable and have never been observed experimentally. (To understand why, try to make three or more marbles or pool balls collide with one another simultaneously!)",-1),A=s("div",{class:"warning custom-block"},[s("p",{class:"custom-block-title"},"About the image"),s("p",null,"The Basis for Writing Rate Laws of Elementary Reactions. This diagram illustrates how the number of possible collisions per unit time between two reactant species, A and B, depends on the number of A and B particles present. The number of collisions between A and B particles increases as the product of the number of particles, not as the sum. This is why the rate law for an elementary reaction depends on the product of the concentrations of the species that collide in that step. (CC BY-NC-SA; anonymous)")],-1),B=s("p",null,[a("Writing the rate law for an elementary reaction is straightforward because we know how many molecules must collide simultaneously for the elementary reaction to occur; hence the order of the elementary reaction is the same as its molecularity (Table 14.6.1). In contrast, the rate law for the reaction cannot be determined from the balanced chemical equation for the overall reaction. The general rate law for a unimolecular elementary reaction ( "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"→")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A} \\rightarrow")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→")])])]),a(" products) is")],-1),T=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mi",null,"A"),s("mo",{stretchy:"false"},"]"),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[A] . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mclose"},"]"),s("span",{class:"mord"},".")])])])])],-1),R=s("p",null,[a("For bimolecular reactions, the reaction rate depends on the number of collisions per unit time, which is proportional to the product of the concentrations of the reactants, as shown in Figure 14.6.1 For a bimolecular elementary reaction of the form "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"→")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A}+\\mathrm{B} \\rightarrow")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→")])])]),a(" products, the general rate law is")],-1),I=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mi",null,"A"),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",null,"B"),s("mo",{stretchy:"false"},"]"),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[A][B] . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mclose"},"]"),s("span",{class:"mord"},".")])])])])],-1),q=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Elementary Reaction"),s("th",null,"Molecularity"),s("th",null,"Rate"),s("th",null,"Reaction Order")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Unimolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},"]")])])])]),s("td",null,"first")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"2\\mathrm{~A} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Bimolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}]^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),s("td",null,"second")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A}+\\mathrm{B} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Bimolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"B"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}][\\mathrm{B}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mclose"},"]")])])])]),s("td",null,"second")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"2 \\mathrm{~A}+\\mathrm{B} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Termolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"B")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}]^2[\\mathrm{~B}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"B")]),s("span",{class:"mclose"},"]")])])])]),s("td",null,"third")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"C"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A}+\\mathrm{B}+\\mathrm{C} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"C"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Termolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"B"),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"C"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}][\\mathrm{B}][\\mathrm{C}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathrm"},"C"),s("span",{class:"mclose"},"]")])])])]),s("td",null,"third")])])],-1),S=s("blockquote",null,[s("p",null,"For elementary reactions, the order of the elementary reaction is the same as its molecularity. In contrast, the rate law cannot be determined from the balanced chemical equation for the overall reaction (unless it is a single step mechanism and is therefore also an elementary step).")],-1),P=s("h2",{id:"_12-5-4-identifying-the-rate-determining-step",tabindex:"-1"},[a("12-5-4: Identifying the Rate-Determining Step "),s("a",{class:"header-anchor",href:"#_12-5-4-identifying-the-rate-determining-step","aria-label":'Permalink to "12-5-4: Identifying the Rate-Determining Step"'},"​")],-1),D=s("p",null,"Note the important difference between writing rate laws for elementary reactions and the balanced chemical equation of the overall reaction. Because the balanced chemical equation does not necessarily reveal the individual elementary reactions by which the reaction occurs, we cannot obtain the rate law for a reaction from the overall balanced chemical equation alone. In fact, it is the rate law for the slowest overall reaction, which is the same as the rate law for the slowest step in the reaction mechanism, the ratedetermining step, that must give the experimentally determined rate law for the overall reaction.This statement is true if one step is substantially slower than all the others, typically by a factor of 10 or more. If two or more slow steps have comparable rates, the experimentally determined rate laws can become complex. Our discussion is limited to reactions in which one step can be identified as being substantially slower than any other. The reason for this is that any process that occurs through a sequence of steps can take place no faster than the slowest step in the sequence. In an automotive assembly line, for example, a component cannot be used faster than it is produced. Similarly, blood pressure is regulated by the flow of blood through the smallest passages, the capillaries. Because movement through capillaries constitutes the rate-determining step in blood flow, blood pressure can be regulated by medications that cause the capillaries to contract or dilate. A chemical reaction that occurs via a series of elementary reactions can take place no faster than the slowest step in the series of reactions.",-1),H=s("p",null,"Look at the rate laws for each elementary reaction in the example as well as for the overall reaction.",-1),E=s("p",null,"Rate laws for each elementary reaction in our example as well as for the overall reaction",-1),F=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Steps"),s("th",null,"Reaction"),s("th",null,"Rate")])]),s("tbody",null,[s("tr",null,[s("td",null,"step 1"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"→")]),s("msub",null,[s("mi",{mathvariant:"normal"},"k"),s("mn",null,"1")])])]),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_2+\\mathrm{NO}_2 \\stackrel{\\mathrm{k}_1}{\\rightarrow} \\mathrm{NO}_3+\\mathrm{NO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.3141em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1641em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"→")])]),s("span",{style:{top:"-3.578em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])])])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")])])])])]),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"1")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mtext",null," predicted) ")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k_1\\left[\\mathrm{NO}_2\\right]^2(\\text { predicted) }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord text"},[s("span",{class:"mord"}," predicted) ")])])])])])]),s("tr",null,[s("td",null,"step 2"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("munder",{accentunder:"true"},[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"→")]),s("msub",null,[s("mi",null,"k"),s("mn",null,"2")])])]),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("mo",{stretchy:"true"},"‾")])]),s("annotation",{encoding:"application/x-tex"},"\\underline{\\mathrm{NO}_3+\\mathrm{CO} \\stackrel{k_2}{\\rightarrow} \\mathrm{NO}_2+\\mathrm{CO}_2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.5141em","vertical-align":"-0.35em"}}),s("span",{class:"mord underline"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1641em"}},[s("span",{style:{top:"-2.8541em"}},[s("span",{class:"pstrut",style:{height:"3.1641em"}}),s("span",{class:"underline-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.1641em"}},[s("span",{class:"pstrut",style:{height:"3.1641em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1641em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"→")])]),s("span",{style:{top:"-3.578em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"-0.0315em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])])])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.35em"}},[s("span")])])])])])])])]),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",{fence:"true"},"]")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"("),s("mtext",null," predicted "),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k_2\\left[\\mathrm{NO}_3\\right][\\mathrm{CO}](\\text { predicted })")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"("),s("span",{class:"mord text"},[s("span",{class:"mord"}," predicted ")]),s("span",{class:"mclose"},")")])])])])]),s("tr",null,[s("td",null,"step 3"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"→")]),s("mi",null,"k")])]),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_2+\\mathrm{CO} \\stackrel{k}{\\rightarrow} \\mathrm{NO}+\\mathrm{CO}_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.153em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.153em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"→")])]),s("span",{style:{top:"-3.5669em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])]),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mtext",null," observed) ")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k\\left[\\mathrm{NO}_2\\right]^2(\\text { observed) }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord text"},[s("span",{class:"mord"}," observed) ")])])])])])])])],-1),j=s("p",null,[a("The experimentally determined rate law for the reaction of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"C"),s("mi",null,"O")]),s("annotation",{encoding:"application/x-tex"},"C O")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"CO")])])]),a(" is the same as the predicted rate law for step 1 . This tells us that the first elementary reaction is the rate-determining step, so "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k")]),s("annotation",{encoding:"application/x-tex"},"k")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])])]),a(" for the overall reaction must equal "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"k"),s("mn",null,"1")])]),s("annotation",{encoding:"application/x-tex"},"k_{1}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". That is, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" is formed slowly in step 1, but once it is formed, it reacts very rapidly with CO in step 2.")],-1),U=s("p",null,"Sometimes chemists are able to propose two or more mechanisms that are consistent with the available data. If a proposed mechanism predicts the wrong experimental rate law, however, the mechanism must be incorrect.",-1),$=s("h3",{id:"_12-5-4-1-example-a-reaction-with-an-intermediate",tabindex:"-1"},[a("12-5-4-1: Example-A Reaction with an Intermediate "),s("a",{class:"header-anchor",href:"#_12-5-4-1-example-a-reaction-with-an-intermediate","aria-label":'Permalink to "12-5-4-1: Example-A Reaction with an Intermediate"'},"​")],-1),V=s("p",null,[a("In an alternative mechanism for the reaction of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{CO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" appearing as an intermediate.")],-1),W=s("p",null,[a("alternative mechanism for the reaction of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{CO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" appearing as an intermediate.")],-1),G=s("p",null,[a("Write the rate law for each elementary reaction. Is this mechanism consistent with the experimentally determined rate law (rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("mrow",null,[s("mi",{mathvariant:"normal"},"k"),s("mo",{stretchy:"false"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"t")])]),s("annotation",{encoding:"application/x-tex"},"=\\mathrm{k[{NO}_{2}]^{2}t}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])])])])])])]),s("span",{class:"mord mathrm"},"t")])])])]),a(")")],-1),J=s("p",null,"Given: elementary reactions Asked for: rate law for each elementary reaction and overall rate law",-1),Y=s("h4",{id:"strategy",tabindex:"-1"},[a("Strategy "),s("a",{class:"header-anchor",href:"#strategy","aria-label":'Permalink to "Strategy"'},"​")],-1),K=s("ul",null,[s("li",null,[s("p",null,"Determine the rate law for each elementary reaction in the reaction.")]),s("li",null,[s("p",null,"Determine which rate law corresponds to the experimentally determined rate law for the reaction. This rate law is the one for the rate-determining step.")])],-1),Q=s("h4",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),X=s("details",{class:"details custom-block"},[s("summary",null,"View solution"),s("p",null,[a("A The rate law for step 1 is rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"1")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"=k_{1}\\left[\\mathrm{NO}_{2}\\right]^{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),a("; for step 2 , it is rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"N")]),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")]),s("mo",{fence:"true"},"]")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"=k_{2}\\left[\\mathrm{~N}_{2} \\mathrm{O}_{4}\\right][\\mathrm{CO}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"N")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]")])])]),a(".")]),s("p",null,[a("B If step 1 is slow (and therefore the rate-determining step), then the overall rate law for the reaction will be the same: rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"k"),s("mn",null,"1")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"k_{1}\\left[\\mathrm{NO}_{2}\\right]^{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),a(". This is the same as the experimentally determined rate law. Hence this mechanism, with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" as an intermediate, and the one described previously, with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" as an intermediate, are kinetically indistinguishable. In this case, further experiments are needed to distinguish between them. For example, the researcher could try to detect the proposed intermediates, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(", directly.")])],-1);function Z(ss,as,ts,ls,es,ns){const t=l;return n(),m("div",null,[c,i(t,{readTime:"11",words:"1.9k"}),p,h,o,g,u,d,v,y,w,x,b,k,f,z,O,_,M,N,C,L,A,B,T,R,I,q,S,P,D,H,E,F,j,U,$,V,W,G,J,Y,K,Q,X])}const ps=e(r,[["render",Z]]);export{cs as __pageData,ps as default};
+import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as n,c as m,H as i,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const cs=JSON.parse('{"title":"12-5: Reaction Mechanism","description":"","frontmatter":{"title":"12-5: Reaction Mechanism","editLink":true,"lastUpdated":true,"showArticleMetadata":true,"categories":["Chemistry"],"keywords":["chemistry","reaction","mechanism","reaction-mechanism","tutorial","explanation","textbook","reference"]},"headers":[],"relativePath":"academic/chemistry/notes/12-5.md","filePath":"academic/chemistry/notes/12-5.md","lastUpdated":1699051935000}'),r={name:"academic/chemistry/notes/12-5.md"},c=s("h1",{id:"_12-5-reaction-mechanism",tabindex:"-1"},[a("12-5: Reaction Mechanism "),s("a",{class:"header-anchor",href:"#_12-5-reaction-mechanism","aria-label":'Permalink to "12-5: Reaction Mechanism"'},"​")],-1),p=s("h2",{id:"_12-5-1-learning-objectives",tabindex:"-1"},[a("12-5-1: Learning Objectives "),s("a",{class:"header-anchor",href:"#_12-5-1-learning-objectives","aria-label":'Permalink to "12-5-1: Learning Objectives"'},"​")],-1),h=s("div",{class:"tip custom-block"},[s("p",{class:"custom-block-title"},"Learning Objectives"),s("p",null,"One of the major reasons for studying chemical kinetics is to use measurements of the macroscopic properties of a system, such as the rate of change in the concentration of reactants or products with time, to discover the sequence of events that occur at the molecular level during a reaction. This molecular description is the mechanism of the reaction; it describes how individual atoms, ions, or molecules interact to form particular products. The stepwise changes are collectively called the reaction mechanism.")],-1),o=s("p",null,"In an internal combustion engine, for example, isooctane reacts with oxygen to give carbon dioxide and water:",-1),g=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"8")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"18")]),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("mn",null,"25"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"g")]),s("mo",{stretchy:"false"},")"),s("mo",null,"⟶"),s("mn",null,"16"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"g")]),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("mn",null,"18"),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"O"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"2 \\mathrm{C}_{8} \\mathrm{H}_{18}(\\mathrm{l})+25 \\mathrm{O}_{2}(\\mathrm{~g}) \\longrightarrow 16 \\mathrm{CO}_{2}(\\mathrm{~g})+18 \\mathrm{H}_{2} \\mathrm{O}(\\mathrm{g}) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"8")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"18")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"25"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⟶"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"16"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"18"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathrm"},"O"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g"),s("span",{class:"mclose"},")")])])])])],-1),u=s("p",null,"For this reaction to occur in a single step, 25 dioxygen molecules and 2 isooctane molecules would have to collide simultaneously and be converted to 34 molecules of product, which is very unlikely. It is more likely that a complex series of reactions takes place in a stepwise fashion. Each individual reaction, which is called an elementary reaction, involves one, two, or (rarely) three atoms, molecules, or ions. The overall sequence of elementary reactions is the mechanism of the reaction. The sum of the individual steps, or elementary reactions, in the mechanism must give the balanced chemical equation for the overall reaction.",-1),d=s("p",null,"The overall sequence of elementary reactions is the mechanism of the reaction.",-1),v=s("h2",{id:"_12-5-2-molecularity-and-the-rate-determining-step",tabindex:"-1"},[a("12-5-2: Molecularity and the Rate-Determining Step "),s("a",{class:"header-anchor",href:"#_12-5-2-molecularity-and-the-rate-determining-step","aria-label":'Permalink to "12-5-2: Molecularity and the Rate-Determining Step"'},"​")],-1),y=s("p",null,"To demonstrate how the analysis of elementary reactions helps us determine the overall reaction mechanism, we will examine the much simpler reaction of carbon monoxide with nitrogen dioxide.",-1),w=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O"),s("mo",null,"+"),s("mn",null,"2"),s("mi",{mathvariant:"normal"},"N"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",null,"→"),s("mn",null,"2"),s("mi",{mathvariant:"normal"},"C"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{2CO + 2NO_2 \\rightarrow 2CO_2 + N_2O_4} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"2CO"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"2N"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathrm"},"2C"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"4")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])])])],-1),x=s("p",null,[a("From the balanced chemical equation, one might expect the reaction to occur via a collision of one molecule of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with a molecule of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{CO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")])])])]),a(" that results in the transfer of an oxygen atom from nitrogen to carbon. The experimentally determined rate law for the reaction, however, is as follows:")],-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k\\left[\\mathrm{NO}_{2}\\right]^{2} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])])],-1),k=s("p",null,[a("The fact that the reaction is second order in "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\left[\\mathrm{NO}_{2}\\right]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),a(" and independent of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"[\\mathrm{CO}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]")])])]),a(" tells us that it does not occur by the simple collision model outlined previously. If it did, its predicted rate law would be")],-1),f=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]"),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k\\left[\\mathrm{NO}_{2}\\right][\\mathrm{CO}] . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]"),s("span",{class:"mord"},".")])])])])],-1),z=s("p",null,"The following two-step mechanism is consistent with the rate law if step 1 is much slower than step 2:",-1),O=s("h3",{id:"_15-2-1-two-step-mechanism",tabindex:"-1"},[a("15-2-1: Two-Step Mechanism "),s("a",{class:"header-anchor",href:"#_15-2-1-two-step-mechanism","aria-label":'Permalink to "15-2-1: Two-Step Mechanism"'},"​")],-1),_=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Steps"),s("th",null,"Reaction"),s("th",null,"Reaction Type")])]),s("tbody",null,[s("tr",null,[s("td",null,"step 1"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"⟶")]),s("mtext",null," slow ")])]),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}+\\mathrm{NO}_{2} \\stackrel{\\text { slow }}{\\longrightarrow} \\mathrm{NO}_{3}+\\mathrm{NO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.4471em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2971em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"⟶")])]),s("span",{style:{top:"-3.711em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"}," slow ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.011em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")])])])])]),s("td",null,"elementary reaction")]),s("tr",null,[s("td",null,"step 2"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("munder",{accentunder:"true"},[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"→"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("mo",{stretchy:"true"},"‾")])]),s("annotation",{encoding:"application/x-tex"},"\\underline{\\mathrm{NO}_{3}+\\mathrm{CO} \\rightarrow \\mathrm{NO}_{2}+\\mathrm{CO}_{2}}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0333em","vertical-align":"-0.35em"}}),s("span",{class:"mord underline"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6833em"}},[s("span",{style:{top:"-2.69em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"underline-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.35em"}},[s("span")])])])])])])])]),s("td",null,"elementary reaction")]),s("tr",null,[s("td",null,"sum"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"→"),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}+\\mathrm{CO} \\rightarrow \\mathrm{NO}+\\mathrm{CO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])]),s("td",null,"overall reaction")])])],-1),M=s("p",null,[a("According to this mechanism, the overall reaction occurs in two steps, or elementary reactions. Summing steps 1 and 2 and canceling on both sides of the equation gives the overall balanced chemical equation for the reaction. The "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO_3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])]),a(" molecule is intermediate in the reaction, a species that does not appear in the balanced chemical equation for the overall reaction. It is formed as a product of the first step but is consumed in the second step.")],-1),N=s("p",null,"The sum of the elementary reactions in a reaction mechanism must give the overall balanced chemical equation of the reaction.",-1),C=s("h2",{id:"_12-5-3-using-molecularity-to-describe-a-rate-law",tabindex:"-1"},[a("12-5-3: Using Molecularity to Describe a Rate Law "),s("a",{class:"header-anchor",href:"#_12-5-3-using-molecularity-to-describe-a-rate-law","aria-label":'Permalink to "12-5-3: Using Molecularity to Describe a Rate Law"'},"​")],-1),L=s("p",null,"The molecularity of an elementary reaction is the number of molecules that collide during that step in the mechanism. If there is only a single reactant molecule in an elementary reaction, that step is designated as unimolecular; if there are two reactant molecules, it is bimolecular; and if there are three reactant molecules (a relatively rare situation), it is termolecular. Elementary reactions that involve the simultaneous collision of more than three molecules are highly improbable and have never been observed experimentally. (To understand why, try to make three or more marbles or pool balls collide with one another simultaneously!)",-1),A=s("div",{class:"warning custom-block"},[s("p",{class:"custom-block-title"},"About the image"),s("p",null,"The Basis for Writing Rate Laws of Elementary Reactions. This diagram illustrates how the number of possible collisions per unit time between two reactant species, A and B, depends on the number of A and B particles present. The number of collisions between A and B particles increases as the product of the number of particles, not as the sum. This is why the rate law for an elementary reaction depends on the product of the concentrations of the species that collide in that step. (CC BY-NC-SA; anonymous)")],-1),B=s("p",null,[a("Writing the rate law for an elementary reaction is straightforward because we know how many molecules must collide simultaneously for the elementary reaction to occur; hence the order of the elementary reaction is the same as its molecularity (Table 14.6.1). In contrast, the rate law for the reaction cannot be determined from the balanced chemical equation for the overall reaction. The general rate law for a unimolecular elementary reaction ( "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"→")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A} \\rightarrow")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→")])])]),a(" products) is")],-1),T=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mi",null,"A"),s("mo",{stretchy:"false"},"]"),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[A] . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mclose"},"]"),s("span",{class:"mord"},".")])])])])],-1),R=s("p",null,[a("For bimolecular reactions, the reaction rate depends on the number of collisions per unit time, which is proportional to the product of the concentrations of the reactants, as shown in Figure 14.6.1 For a bimolecular elementary reaction of the form "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"→")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A}+\\mathrm{B} \\rightarrow")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→")])])]),a(" products, the general rate law is")],-1),I=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mi",null,"A"),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",null,"B"),s("mo",{stretchy:"false"},"]"),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[A][B] . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mclose"},"]"),s("span",{class:"mord"},".")])])])])],-1),q=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Elementary Reaction"),s("th",null,"Molecularity"),s("th",null,"Rate"),s("th",null,"Reaction Order")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Unimolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},"]")])])])]),s("td",null,"first")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"2\\mathrm{~A} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Bimolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}]^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),s("td",null,"second")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A}+\\mathrm{B} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Bimolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"B"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}][\\mathrm{B}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mclose"},"]")])])])]),s("td",null,"second")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"2 \\mathrm{~A}+\\mathrm{B} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Termolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"B")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}]^2[\\mathrm{~B}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"B")]),s("span",{class:"mclose"},"]")])])])]),s("td",null,"third")]),s("tr",null,[s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"A"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"B"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"C"),s("mo",null,"→"),s("mtext",null," products ")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{A}+\\mathrm{B}+\\mathrm{C} \\rightarrow \\text { products }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"C"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," products ")])])])])]),s("td",null,"Termolecular"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"B"),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"C"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k[\\mathrm{~A}][\\mathrm{B}][\\mathrm{C}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathrm"},"B"),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"["),s("span",{class:"mord mathrm"},"C"),s("span",{class:"mclose"},"]")])])])]),s("td",null,"third")])])],-1),S=s("blockquote",null,[s("p",null,"For elementary reactions, the order of the elementary reaction is the same as its molecularity. In contrast, the rate law cannot be determined from the balanced chemical equation for the overall reaction (unless it is a single step mechanism and is therefore also an elementary step).")],-1),P=s("h2",{id:"_12-5-4-identifying-the-rate-determining-step",tabindex:"-1"},[a("12-5-4: Identifying the Rate-Determining Step "),s("a",{class:"header-anchor",href:"#_12-5-4-identifying-the-rate-determining-step","aria-label":'Permalink to "12-5-4: Identifying the Rate-Determining Step"'},"​")],-1),D=s("p",null,"Note the important difference between writing rate laws for elementary reactions and the balanced chemical equation of the overall reaction. Because the balanced chemical equation does not necessarily reveal the individual elementary reactions by which the reaction occurs, we cannot obtain the rate law for a reaction from the overall balanced chemical equation alone. In fact, it is the rate law for the slowest overall reaction, which is the same as the rate law for the slowest step in the reaction mechanism, the ratedetermining step, that must give the experimentally determined rate law for the overall reaction.This statement is true if one step is substantially slower than all the others, typically by a factor of 10 or more. If two or more slow steps have comparable rates, the experimentally determined rate laws can become complex. Our discussion is limited to reactions in which one step can be identified as being substantially slower than any other. The reason for this is that any process that occurs through a sequence of steps can take place no faster than the slowest step in the sequence. In an automotive assembly line, for example, a component cannot be used faster than it is produced. Similarly, blood pressure is regulated by the flow of blood through the smallest passages, the capillaries. Because movement through capillaries constitutes the rate-determining step in blood flow, blood pressure can be regulated by medications that cause the capillaries to contract or dilate. A chemical reaction that occurs via a series of elementary reactions can take place no faster than the slowest step in the series of reactions.",-1),H=s("p",null,"Look at the rate laws for each elementary reaction in the example as well as for the overall reaction.",-1),E=s("p",null,"Rate laws for each elementary reaction in our example as well as for the overall reaction",-1),F=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Steps"),s("th",null,"Reaction"),s("th",null,"Rate")])]),s("tbody",null,[s("tr",null,[s("td",null,"step 1"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"→")]),s("msub",null,[s("mi",{mathvariant:"normal"},"k"),s("mn",null,"1")])])]),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_2+\\mathrm{NO}_2 \\stackrel{\\mathrm{k}_1}{\\rightarrow} \\mathrm{NO}_3+\\mathrm{NO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.3141em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1641em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"→")])]),s("span",{style:{top:"-3.578em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])])])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")])])])])]),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"1")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mtext",null," predicted) ")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k_1\\left[\\mathrm{NO}_2\\right]^2(\\text { predicted) }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord text"},[s("span",{class:"mord"}," predicted) ")])])])])])]),s("tr",null,[s("td",null,"step 2"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("munder",{accentunder:"true"},[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"→")]),s("msub",null,[s("mi",null,"k"),s("mn",null,"2")])])]),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("mo",{stretchy:"true"},"‾")])]),s("annotation",{encoding:"application/x-tex"},"\\underline{\\mathrm{NO}_3+\\mathrm{CO} \\stackrel{k_2}{\\rightarrow} \\mathrm{NO}_2+\\mathrm{CO}_2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.5141em","vertical-align":"-0.35em"}}),s("span",{class:"mord underline"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1641em"}},[s("span",{style:{top:"-2.8541em"}},[s("span",{class:"pstrut",style:{height:"3.1641em"}}),s("span",{class:"underline-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.1641em"}},[s("span",{class:"pstrut",style:{height:"3.1641em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1641em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"→")])]),s("span",{style:{top:"-3.578em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"-0.0315em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])])])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.35em"}},[s("span")])])])])])])])]),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")]),s("mo",{fence:"true"},"]")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]"),s("mo",{stretchy:"false"},"("),s("mtext",null," predicted "),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k_2\\left[\\mathrm{NO}_3\\right][\\mathrm{CO}](\\text { predicted })")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]"),s("span",{class:"mopen"},"("),s("span",{class:"mord text"},[s("span",{class:"mord"}," predicted ")]),s("span",{class:"mclose"},")")])])])])]),s("tr",null,[s("td",null,"step 3"),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",null,"+"),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,[s("mover",null,[s("mo",null,[s("mo",null,"→")]),s("mi",null,"k")])]),s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mo",null,"+"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_2+\\mathrm{CO} \\stackrel{k}{\\rightarrow} \\mathrm{NO}+\\mathrm{CO}_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.153em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.153em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",null,[s("span",{class:"mop"},"→")])]),s("span",{style:{top:"-3.5669em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])])]),s("td",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mi",null,"k"),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mtext",null," observed) ")]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=k\\left[\\mathrm{NO}_2\\right]^2(\\text { observed) }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord text"},[s("span",{class:"mord"}," observed) ")])])])])])])])],-1),j=s("p",null,[a("The experimentally determined rate law for the reaction of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"C"),s("mi",null,"O")]),s("annotation",{encoding:"application/x-tex"},"C O")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"CO")])])]),a(" is the same as the predicted rate law for step 1 . This tells us that the first elementary reaction is the rate-determining step, so "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k")]),s("annotation",{encoding:"application/x-tex"},"k")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])])]),a(" for the overall reaction must equal "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"k"),s("mn",null,"1")])]),s("annotation",{encoding:"application/x-tex"},"k_{1}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". That is, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" is formed slowly in step 1, but once it is formed, it reacts very rapidly with CO in step 2.")],-1),U=s("p",null,"Sometimes chemists are able to propose two or more mechanisms that are consistent with the available data. If a proposed mechanism predicts the wrong experimental rate law, however, the mechanism must be incorrect.",-1),$=s("h3",{id:"_12-5-4-1-example-a-reaction-with-an-intermediate",tabindex:"-1"},[a("12-5-4-1: Example-A Reaction with an Intermediate "),s("a",{class:"header-anchor",href:"#_12-5-4-1-example-a-reaction-with-an-intermediate","aria-label":'Permalink to "12-5-4-1: Example-A Reaction with an Intermediate"'},"​")],-1),V=s("p",null,[a("In an alternative mechanism for the reaction of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{CO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" appearing as an intermediate.")],-1),W=s("p",null,[a("alternative mechanism for the reaction of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{CO}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")])])])]),a(" with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" appearing as an intermediate.")],-1),G=s("p",null,[a("Write the rate law for each elementary reaction. Is this mechanism consistent with the experimentally determined rate law (rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("mrow",null,[s("mi",{mathvariant:"normal"},"k"),s("mo",{stretchy:"false"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"t")])]),s("annotation",{encoding:"application/x-tex"},"=\\mathrm{k[{NO}_{2}]^{2}t}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])])])])])])]),s("span",{class:"mord mathrm"},"t")])])])]),a(")")],-1),J=s("p",null,"Given: elementary reactions Asked for: rate law for each elementary reaction and overall rate law",-1),Y=s("h4",{id:"strategy",tabindex:"-1"},[a("Strategy "),s("a",{class:"header-anchor",href:"#strategy","aria-label":'Permalink to "Strategy"'},"​")],-1),K=s("ul",null,[s("li",null,[s("p",null,"Determine the rate law for each elementary reaction in the reaction.")]),s("li",null,[s("p",null,"Determine which rate law corresponds to the experimentally determined rate law for the reaction. This rate law is the one for the rate-determining step.")])],-1),Q=s("h4",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),X=s("details",{class:"details custom-block"},[s("summary",null,"View solution"),s("p",null,[a("A The rate law for step 1 is rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"1")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"=k_{1}\\left[\\mathrm{NO}_{2}\\right]^{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),a("; for step 2 , it is rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("msub",null,[s("mi",null,"k"),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"N")]),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")]),s("mo",{fence:"true"},"]")]),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"=k_{2}\\left[\\mathrm{~N}_{2} \\mathrm{O}_{4}\\right][\\mathrm{CO}]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"N")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CO")]),s("span",{class:"mclose"},"]")])])]),a(".")]),s("p",null,[a("B If step 1 is slow (and therefore the rate-determining step), then the overall rate law for the reaction will be the same: rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"k"),s("mn",null,"1")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"k_{1}\\left[\\mathrm{NO}_{2}\\right]^{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.204em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),a(". This is the same as the experimentally determined rate law. Hence this mechanism, with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" as an intermediate, and the one described previously, with "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" as an intermediate, are kinetically indistinguishable. In this case, further experiments are needed to distinguish between them. For example, the researcher could try to detect the proposed intermediates, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{NO}_{3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"4")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_{2} \\mathrm{O}_{4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(", directly.")])],-1);function Z(ss,as,ts,ls,es,ns){const t=l;return n(),m("div",null,[c,i(t,{readTime:"11",words:"1.9k"}),p,h,o,g,u,d,v,y,w,x,b,k,f,z,O,_,M,N,C,L,A,B,T,R,I,q,S,P,D,H,E,F,j,U,$,V,W,G,J,Y,K,Q,X])}const ps=e(r,[["render",Z]]);export{cs as __pageData,ps as default};
diff --git a/assets/academic_chemistry_problems_02-20.md.7015a0e8.js b/assets/academic_chemistry_problems_02-20.md.86be96e0.js
similarity index 99%
rename from assets/academic_chemistry_problems_02-20.md.7015a0e8.js
rename to assets/academic_chemistry_problems_02-20.md.86be96e0.js
index 28bae3b3..ef3005fa 100644
--- a/assets/academic_chemistry_problems_02-20.md.7015a0e8.js
+++ b/assets/academic_chemistry_problems_02-20.md.86be96e0.js
@@ -1 +1 @@
-import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,o as n,c as e,H as r,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const L=JSON.parse('{"title":"Presentation problem: 02-20","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/02-20.md","filePath":"academic/chemistry/problems/02-20.md","lastUpdated":1695377563000}'),i={name:"academic/chemistry/problems/02-20.md"},p=s("h1",{id:"presentation-problem-02-20",tabindex:"-1"},[a("Presentation problem: 02-20 "),s("a",{class:"header-anchor",href:"#presentation-problem-02-20","aria-label":'Permalink to "Presentation problem: 02-20"'},"​")],-1),c=s("h2",{id:"question",tabindex:"-1"},[a("Question "),s("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),h=s("p",null,[a("At "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"500"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"K")])]),s("annotation",{encoding:"application/x-tex"},"500 \\mathrm{~K}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"500"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"K")])])])]),a(" in the presence of a copper surface, ethanol decomposes according to the equation")],-1),o=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"⟶"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"H")]),s("mn",null,"3")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"H"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}(\\mathrm{g}) \\longrightarrow \\mathrm{CH}_3 \\mathrm{CHO}(g)+\\mathrm{H}_2(g) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⟶"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CH")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CHO")]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])])])],-1),g=s("p",null,[a("The pressure of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(" was measured as a function of time and the following data were obtained:")],-1),u=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Time (s)"),s("th",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"P"),s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])])]),s("mtext",null," (torr) ")]),s("annotation",{encoding:"application/x-tex"},"P_{\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}} \\text { (torr) }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0001em","vertical-align":"-0.2501em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"P"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"OH")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2501em"}},[s("span")])])])])]),s("span",{class:"mord text"},[s("span",{class:"mord"}," (torr) ")])])])])])])]),s("tbody",null,[s("tr",null,[s("td",null,"0"),s("td",null,"250.")]),s("tr",null,[s("td",null,"100."),s("td",null,"237")]),s("tr",null,[s("td",null,"200."),s("td",null,"224")]),s("tr",null,[s("td",null,"300."),s("td",null,"211")]),s("tr",null,[s("td",null,"400."),s("td",null,"198")]),s("tr",null,[s("td",null,"500."),s("td",null,"185")])])],-1),d=s("p",null,[s("strong",null,"Since the pressure of a gas is directly proportional to the concentration of gas"),a(", we can express the rate law for a gaseous reaction in terms of partial pressures. Using the above data, deduce the rate law, the integrated rate law, and the value of the rate constant, all in terms of pressure units in atm and time in seconds. Predict the pressure of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(" after "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"900."),s("mi",{mathvariant:"normal"},"s")]),s("annotation",{encoding:"application/x-tex"},"900 . \\mathrm{s}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"900."),s("span",{class:"mord mathrm"},"s")])])]),a(" from the start of the reaction. (Hint: To determine the order of the reaction with respect to "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(", compare how the pressure of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(" decreases with each time listing.)")],-1),v=s("h2",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),y=s("p",null,[s("figure",null,[s("img",{src:"https://r2.toshiki.dev/image/chemistry/solution1.png",alt:"solution graph",title:""}),s("figcaption",{align:"center"},[s("small",null,"◎ ")])])],-1),w=s("p",null,[a("Due to the fact that the graph of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",{fence:"true"},"]")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{p}\\left[\\mathrm{O}_2\\right]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),a(" over time is showing "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",{mathvariant:"normal"},"R"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{R}^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])]),a(" value of 1 we know we have a zero-order reaction. Therefore:")],-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"k"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"p"),s("mn",null,"0")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},"]")]),s("mo",null,"−"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},"]")])]),s("mi",{mathvariant:"normal"},"t")]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"250"),s("mtext",null," torr "),s("mo",null,"−"),s("mn",null,"185"),s("mtext",null," torr ")]),s("mrow",null,[s("mn",null,"500"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")])])]),s("mo",null,"="),s("mn",null,"0.13"),s("msup",null,[s("mtext",null," torr s "),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"k"),s("mo",null,"="),s("mn",null,"0.13"),s("mtext",null," torr s "),s("msup",null,[s("mi",{mathvariant:"normal"},"s"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"×"),s("mfrac",null,[s("mrow",null,[s("mn",null,"1"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")])]),s("mrow",null,[s("mn",null,"760"),s("mtext",null," torr ")])]),s("mo",null,"="),s("mn",null,"1.71"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"4")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")]),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mtext",null," rate "),s("mo",null,"="),s("mi",{mathvariant:"bold"},"k")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mo",null,"−"),s("mrow",null,[s("mi",{mathvariant:"normal"},"k"),s("mi",{mathvariant:"normal"},"t")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"p"),s("mn",null,"0")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mo",null,"−"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mn",null,"1.71"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"4")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")]),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mo",{fence:"true"},")")]),s("mo",null,"×"),s("mn",null,"900"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mo",null,"+"),s("mn",null,"0.33"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mn",null,"0.176"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")]),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\mathrm{k}=\\frac{\\mathrm{p}_0\\left[\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right]-\\mathrm{p}\\left[\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right]}{\\mathrm{t}}=\\frac{250 \\text { torr }-185 \\text { torr }}{500 \\mathrm{~s}}=0.13 \\text { torr s }^{-1} \\\\ & \\mathrm{k}=0.13 \\text { torr s } \\mathrm{s}^{-1} \\times \\frac{1 \\mathrm{~atm}}{760 \\text { torr }}=1.71 \\times 10^{-4} \\mathrm{~atm} \\mathrm{~s}^{-1} \\\\ & \\text { rate }=\\mathbf{k} \\\\ & \\mathrm{p}\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right)=-\\mathrm{kt}+\\mathrm{p}_0\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right) \\\\ & \\mathrm{p}\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right)=-\\left(1.71 \\times 10^{-4} \\mathrm{~atm} \\mathrm{~s}^{-1}\\right) \\times 900 \\mathrm{~s}+0.33 \\mathrm{~atm} \\\\ & \\mathrm{p}\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right)=0.176 \\mathrm{~atm} \\mathrm{~s}^{-1} \\\\ & \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"12.2687em","vertical-align":"-5.8843em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.3843em"}},[s("span",{style:{top:"-8.3843em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-6.0769em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-4.2509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-2.7509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.2268em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"0.2973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"1.7973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.8843em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.3843em"}},[s("span",{style:{top:"-8.3843em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"500"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"250"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr ")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"185"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.13"),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," torr s ")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])]),s("span",{style:{top:"-6.0769em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.13"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr s ")]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"s"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"760"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"1.71"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"4")])])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])]),s("span",{style:{top:"-4.2509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathbf"},"k")])]),s("span",{style:{top:"-2.7509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"kt")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])]),s("span",{style:{top:"-1.2268em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},"1.71"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"4")])])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"900"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"0.33"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")])])]),s("span",{style:{top:"0.2973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.176"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])]),s("span",{style:{top:"1.7973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"})])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.8843em"}},[s("span")])])])])])])])])])])],-1);function z(f,x,H,k,_,O){const t=l;return n(),e("div",null,[p,r(t,{readTime:"2",words:"412"}),c,h,o,g,u,d,v,y,w,b])}const T=m(i,[["render",z]]);export{L as __pageData,T as default};
+import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,o as n,c as e,H as r,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const L=JSON.parse('{"title":"Presentation problem: 02-20","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/02-20.md","filePath":"academic/chemistry/problems/02-20.md","lastUpdated":1699051935000}'),i={name:"academic/chemistry/problems/02-20.md"},p=s("h1",{id:"presentation-problem-02-20",tabindex:"-1"},[a("Presentation problem: 02-20 "),s("a",{class:"header-anchor",href:"#presentation-problem-02-20","aria-label":'Permalink to "Presentation problem: 02-20"'},"​")],-1),c=s("h2",{id:"question",tabindex:"-1"},[a("Question "),s("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),h=s("p",null,[a("At "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"500"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"K")])]),s("annotation",{encoding:"application/x-tex"},"500 \\mathrm{~K}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"500"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"K")])])])]),a(" in the presence of a copper surface, ethanol decomposes according to the equation")],-1),o=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"⟶"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"H")]),s("mn",null,"3")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"H"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}(\\mathrm{g}) \\longrightarrow \\mathrm{CH}_3 \\mathrm{CHO}(g)+\\mathrm{H}_2(g) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⟶"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CH")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CHO")]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])])])],-1),g=s("p",null,[a("The pressure of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(" was measured as a function of time and the following data were obtained:")],-1),u=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Time (s)"),s("th",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"P"),s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])])]),s("mtext",null," (torr) ")]),s("annotation",{encoding:"application/x-tex"},"P_{\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}} \\text { (torr) }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0001em","vertical-align":"-0.2501em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"P"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"OH")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2501em"}},[s("span")])])])])]),s("span",{class:"mord text"},[s("span",{class:"mord"}," (torr) ")])])])])])])]),s("tbody",null,[s("tr",null,[s("td",null,"0"),s("td",null,"250.")]),s("tr",null,[s("td",null,"100."),s("td",null,"237")]),s("tr",null,[s("td",null,"200."),s("td",null,"224")]),s("tr",null,[s("td",null,"300."),s("td",null,"211")]),s("tr",null,[s("td",null,"400."),s("td",null,"198")]),s("tr",null,[s("td",null,"500."),s("td",null,"185")])])],-1),d=s("p",null,[s("strong",null,"Since the pressure of a gas is directly proportional to the concentration of gas"),a(", we can express the rate law for a gaseous reaction in terms of partial pressures. Using the above data, deduce the rate law, the integrated rate law, and the value of the rate constant, all in terms of pressure units in atm and time in seconds. Predict the pressure of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(" after "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"900."),s("mi",{mathvariant:"normal"},"s")]),s("annotation",{encoding:"application/x-tex"},"900 . \\mathrm{s}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"900."),s("span",{class:"mord mathrm"},"s")])])]),a(" from the start of the reaction. (Hint: To determine the order of the reaction with respect to "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(", compare how the pressure of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(" decreases with each time listing.)")],-1),v=s("h2",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),y=s("p",null,[s("figure",null,[s("img",{src:"https://r2.toshiki.dev/image/chemistry/solution1.png",alt:"solution graph",title:""}),s("figcaption",{align:"center"},[s("small",null,"◎ ")])])],-1),w=s("p",null,[a("Due to the fact that the graph of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",{fence:"true"},"]")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{p}\\left[\\mathrm{O}_2\\right]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),a(" over time is showing "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",{mathvariant:"normal"},"R"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{R}^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])]),a(" value of 1 we know we have a zero-order reaction. Therefore:")],-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"k"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"p"),s("mn",null,"0")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},"]")]),s("mo",null,"−"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},"]")])]),s("mi",{mathvariant:"normal"},"t")]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"250"),s("mtext",null," torr "),s("mo",null,"−"),s("mn",null,"185"),s("mtext",null," torr ")]),s("mrow",null,[s("mn",null,"500"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")])])]),s("mo",null,"="),s("mn",null,"0.13"),s("msup",null,[s("mtext",null," torr s "),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"k"),s("mo",null,"="),s("mn",null,"0.13"),s("mtext",null," torr s "),s("msup",null,[s("mi",{mathvariant:"normal"},"s"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"×"),s("mfrac",null,[s("mrow",null,[s("mn",null,"1"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")])]),s("mrow",null,[s("mn",null,"760"),s("mtext",null," torr ")])]),s("mo",null,"="),s("mn",null,"1.71"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"4")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")]),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mtext",null," rate "),s("mo",null,"="),s("mi",{mathvariant:"bold"},"k")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mo",null,"−"),s("mrow",null,[s("mi",{mathvariant:"normal"},"k"),s("mi",{mathvariant:"normal"},"t")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"p"),s("mn",null,"0")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mo",null,"−"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mn",null,"1.71"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"4")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")]),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mo",{fence:"true"},")")]),s("mo",null,"×"),s("mn",null,"900"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mo",null,"+"),s("mn",null,"0.33"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mn",null,"0.176"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")]),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\mathrm{k}=\\frac{\\mathrm{p}_0\\left[\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right]-\\mathrm{p}\\left[\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right]}{\\mathrm{t}}=\\frac{250 \\text { torr }-185 \\text { torr }}{500 \\mathrm{~s}}=0.13 \\text { torr s }^{-1} \\\\ & \\mathrm{k}=0.13 \\text { torr s } \\mathrm{s}^{-1} \\times \\frac{1 \\mathrm{~atm}}{760 \\text { torr }}=1.71 \\times 10^{-4} \\mathrm{~atm} \\mathrm{~s}^{-1} \\\\ & \\text { rate }=\\mathbf{k} \\\\ & \\mathrm{p}\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right)=-\\mathrm{kt}+\\mathrm{p}_0\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right) \\\\ & \\mathrm{p}\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right)=-\\left(1.71 \\times 10^{-4} \\mathrm{~atm} \\mathrm{~s}^{-1}\\right) \\times 900 \\mathrm{~s}+0.33 \\mathrm{~atm} \\\\ & \\mathrm{p}\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right)=0.176 \\mathrm{~atm} \\mathrm{~s}^{-1} \\\\ & \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"12.2687em","vertical-align":"-5.8843em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.3843em"}},[s("span",{style:{top:"-8.3843em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-6.0769em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-4.2509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-2.7509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.2268em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"0.2973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"1.7973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.8843em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.3843em"}},[s("span",{style:{top:"-8.3843em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"500"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"250"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr ")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"185"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.13"),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," torr s ")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])]),s("span",{style:{top:"-6.0769em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.13"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr s ")]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"s"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"760"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"1.71"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"4")])])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])]),s("span",{style:{top:"-4.2509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathbf"},"k")])]),s("span",{style:{top:"-2.7509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"kt")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])]),s("span",{style:{top:"-1.2268em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},"1.71"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"4")])])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"900"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"0.33"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")])])]),s("span",{style:{top:"0.2973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.176"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])]),s("span",{style:{top:"1.7973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"})])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.8843em"}},[s("span")])])])])])])])])])])],-1);function z(f,x,H,k,_,O){const t=l;return n(),e("div",null,[p,r(t,{readTime:"2",words:"412"}),c,h,o,g,u,d,v,y,w,b])}const T=m(i,[["render",z]]);export{L as __pageData,T as default};
diff --git a/assets/academic_chemistry_problems_02-20.md.7015a0e8.lean.js b/assets/academic_chemistry_problems_02-20.md.86be96e0.lean.js
similarity index 99%
rename from assets/academic_chemistry_problems_02-20.md.7015a0e8.lean.js
rename to assets/academic_chemistry_problems_02-20.md.86be96e0.lean.js
index 28bae3b3..ef3005fa 100644
--- a/assets/academic_chemistry_problems_02-20.md.7015a0e8.lean.js
+++ b/assets/academic_chemistry_problems_02-20.md.86be96e0.lean.js
@@ -1 +1 @@
-import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,o as n,c as e,H as r,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const L=JSON.parse('{"title":"Presentation problem: 02-20","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/02-20.md","filePath":"academic/chemistry/problems/02-20.md","lastUpdated":1695377563000}'),i={name:"academic/chemistry/problems/02-20.md"},p=s("h1",{id:"presentation-problem-02-20",tabindex:"-1"},[a("Presentation problem: 02-20 "),s("a",{class:"header-anchor",href:"#presentation-problem-02-20","aria-label":'Permalink to "Presentation problem: 02-20"'},"​")],-1),c=s("h2",{id:"question",tabindex:"-1"},[a("Question "),s("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),h=s("p",null,[a("At "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"500"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"K")])]),s("annotation",{encoding:"application/x-tex"},"500 \\mathrm{~K}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"500"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"K")])])])]),a(" in the presence of a copper surface, ethanol decomposes according to the equation")],-1),o=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"⟶"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"H")]),s("mn",null,"3")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"H"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}(\\mathrm{g}) \\longrightarrow \\mathrm{CH}_3 \\mathrm{CHO}(g)+\\mathrm{H}_2(g) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⟶"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CH")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CHO")]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])])])],-1),g=s("p",null,[a("The pressure of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(" was measured as a function of time and the following data were obtained:")],-1),u=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Time (s)"),s("th",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"P"),s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])])]),s("mtext",null," (torr) ")]),s("annotation",{encoding:"application/x-tex"},"P_{\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}} \\text { (torr) }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0001em","vertical-align":"-0.2501em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"P"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"OH")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2501em"}},[s("span")])])])])]),s("span",{class:"mord text"},[s("span",{class:"mord"}," (torr) ")])])])])])])]),s("tbody",null,[s("tr",null,[s("td",null,"0"),s("td",null,"250.")]),s("tr",null,[s("td",null,"100."),s("td",null,"237")]),s("tr",null,[s("td",null,"200."),s("td",null,"224")]),s("tr",null,[s("td",null,"300."),s("td",null,"211")]),s("tr",null,[s("td",null,"400."),s("td",null,"198")]),s("tr",null,[s("td",null,"500."),s("td",null,"185")])])],-1),d=s("p",null,[s("strong",null,"Since the pressure of a gas is directly proportional to the concentration of gas"),a(", we can express the rate law for a gaseous reaction in terms of partial pressures. Using the above data, deduce the rate law, the integrated rate law, and the value of the rate constant, all in terms of pressure units in atm and time in seconds. Predict the pressure of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(" after "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"900."),s("mi",{mathvariant:"normal"},"s")]),s("annotation",{encoding:"application/x-tex"},"900 . \\mathrm{s}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"900."),s("span",{class:"mord mathrm"},"s")])])]),a(" from the start of the reaction. (Hint: To determine the order of the reaction with respect to "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(", compare how the pressure of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(" decreases with each time listing.)")],-1),v=s("h2",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),y=s("p",null,[s("figure",null,[s("img",{src:"https://r2.toshiki.dev/image/chemistry/solution1.png",alt:"solution graph",title:""}),s("figcaption",{align:"center"},[s("small",null,"◎ ")])])],-1),w=s("p",null,[a("Due to the fact that the graph of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",{fence:"true"},"]")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{p}\\left[\\mathrm{O}_2\\right]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),a(" over time is showing "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",{mathvariant:"normal"},"R"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{R}^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])]),a(" value of 1 we know we have a zero-order reaction. Therefore:")],-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"k"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"p"),s("mn",null,"0")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},"]")]),s("mo",null,"−"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},"]")])]),s("mi",{mathvariant:"normal"},"t")]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"250"),s("mtext",null," torr "),s("mo",null,"−"),s("mn",null,"185"),s("mtext",null," torr ")]),s("mrow",null,[s("mn",null,"500"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")])])]),s("mo",null,"="),s("mn",null,"0.13"),s("msup",null,[s("mtext",null," torr s "),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"k"),s("mo",null,"="),s("mn",null,"0.13"),s("mtext",null," torr s "),s("msup",null,[s("mi",{mathvariant:"normal"},"s"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"×"),s("mfrac",null,[s("mrow",null,[s("mn",null,"1"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")])]),s("mrow",null,[s("mn",null,"760"),s("mtext",null," torr ")])]),s("mo",null,"="),s("mn",null,"1.71"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"4")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")]),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mtext",null," rate "),s("mo",null,"="),s("mi",{mathvariant:"bold"},"k")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mo",null,"−"),s("mrow",null,[s("mi",{mathvariant:"normal"},"k"),s("mi",{mathvariant:"normal"},"t")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"p"),s("mn",null,"0")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mo",null,"−"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mn",null,"1.71"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"4")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")]),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mo",{fence:"true"},")")]),s("mo",null,"×"),s("mn",null,"900"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mo",null,"+"),s("mn",null,"0.33"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mn",null,"0.176"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")]),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\mathrm{k}=\\frac{\\mathrm{p}_0\\left[\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right]-\\mathrm{p}\\left[\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right]}{\\mathrm{t}}=\\frac{250 \\text { torr }-185 \\text { torr }}{500 \\mathrm{~s}}=0.13 \\text { torr s }^{-1} \\\\ & \\mathrm{k}=0.13 \\text { torr s } \\mathrm{s}^{-1} \\times \\frac{1 \\mathrm{~atm}}{760 \\text { torr }}=1.71 \\times 10^{-4} \\mathrm{~atm} \\mathrm{~s}^{-1} \\\\ & \\text { rate }=\\mathbf{k} \\\\ & \\mathrm{p}\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right)=-\\mathrm{kt}+\\mathrm{p}_0\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right) \\\\ & \\mathrm{p}\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right)=-\\left(1.71 \\times 10^{-4} \\mathrm{~atm} \\mathrm{~s}^{-1}\\right) \\times 900 \\mathrm{~s}+0.33 \\mathrm{~atm} \\\\ & \\mathrm{p}\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right)=0.176 \\mathrm{~atm} \\mathrm{~s}^{-1} \\\\ & \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"12.2687em","vertical-align":"-5.8843em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.3843em"}},[s("span",{style:{top:"-8.3843em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-6.0769em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-4.2509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-2.7509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.2268em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"0.2973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"1.7973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.8843em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.3843em"}},[s("span",{style:{top:"-8.3843em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"500"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"250"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr ")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"185"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.13"),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," torr s ")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])]),s("span",{style:{top:"-6.0769em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.13"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr s ")]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"s"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"760"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"1.71"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"4")])])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])]),s("span",{style:{top:"-4.2509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathbf"},"k")])]),s("span",{style:{top:"-2.7509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"kt")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])]),s("span",{style:{top:"-1.2268em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},"1.71"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"4")])])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"900"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"0.33"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")])])]),s("span",{style:{top:"0.2973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.176"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])]),s("span",{style:{top:"1.7973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"})])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.8843em"}},[s("span")])])])])])])])])])])],-1);function z(f,x,H,k,_,O){const t=l;return n(),e("div",null,[p,r(t,{readTime:"2",words:"412"}),c,h,o,g,u,d,v,y,w,b])}const T=m(i,[["render",z]]);export{L as __pageData,T as default};
+import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,o as n,c as e,H as r,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const L=JSON.parse('{"title":"Presentation problem: 02-20","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/02-20.md","filePath":"academic/chemistry/problems/02-20.md","lastUpdated":1699051935000}'),i={name:"academic/chemistry/problems/02-20.md"},p=s("h1",{id:"presentation-problem-02-20",tabindex:"-1"},[a("Presentation problem: 02-20 "),s("a",{class:"header-anchor",href:"#presentation-problem-02-20","aria-label":'Permalink to "Presentation problem: 02-20"'},"​")],-1),c=s("h2",{id:"question",tabindex:"-1"},[a("Question "),s("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),h=s("p",null,[a("At "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"500"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"K")])]),s("annotation",{encoding:"application/x-tex"},"500 \\mathrm{~K}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"500"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"K")])])])]),a(" in the presence of a copper surface, ethanol decomposes according to the equation")],-1),o=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"⟶"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"H")]),s("mn",null,"3")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"C"),s("mi",{mathvariant:"normal"},"H"),s("mi",{mathvariant:"normal"},"O")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}(\\mathrm{g}) \\longrightarrow \\mathrm{CH}_3 \\mathrm{CHO}(g)+\\mathrm{H}_2(g) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⟶"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CH")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"CHO")]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])])])],-1),g=s("p",null,[a("The pressure of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(" was measured as a function of time and the following data were obtained:")],-1),u=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Time (s)"),s("th",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"P"),s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])])]),s("mtext",null," (torr) ")]),s("annotation",{encoding:"application/x-tex"},"P_{\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}} \\text { (torr) }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0001em","vertical-align":"-0.2501em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"P"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"OH")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2501em"}},[s("span")])])])])]),s("span",{class:"mord text"},[s("span",{class:"mord"}," (torr) ")])])])])])])]),s("tbody",null,[s("tr",null,[s("td",null,"0"),s("td",null,"250.")]),s("tr",null,[s("td",null,"100."),s("td",null,"237")]),s("tr",null,[s("td",null,"200."),s("td",null,"224")]),s("tr",null,[s("td",null,"300."),s("td",null,"211")]),s("tr",null,[s("td",null,"400."),s("td",null,"198")]),s("tr",null,[s("td",null,"500."),s("td",null,"185")])])],-1),d=s("p",null,[s("strong",null,"Since the pressure of a gas is directly proportional to the concentration of gas"),a(", we can express the rate law for a gaseous reaction in terms of partial pressures. Using the above data, deduce the rate law, the integrated rate law, and the value of the rate constant, all in terms of pressure units in atm and time in seconds. Predict the pressure of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(" after "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"900."),s("mi",{mathvariant:"normal"},"s")]),s("annotation",{encoding:"application/x-tex"},"900 . \\mathrm{s}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"900."),s("span",{class:"mord mathrm"},"s")])])]),a(" from the start of the reaction. (Hint: To determine the order of the reaction with respect to "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(", compare how the pressure of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")])])])]),a(" decreases with each time listing.)")],-1),v=s("h2",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),y=s("p",null,[s("figure",null,[s("img",{src:"https://r2.toshiki.dev/image/chemistry/solution1.png",alt:"solution graph",title:""}),s("figcaption",{align:"center"},[s("small",null,"◎ ")])])],-1),w=s("p",null,[a("Due to the fact that the graph of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",{fence:"true"},"]")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{p}\\left[\\mathrm{O}_2\\right]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),a(" over time is showing "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",{mathvariant:"normal"},"R"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{R}^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])]),a(" value of 1 we know we have a zero-order reaction. Therefore:")],-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"k"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"p"),s("mn",null,"0")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},"]")]),s("mo",null,"−"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},"]")])]),s("mi",{mathvariant:"normal"},"t")]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"250"),s("mtext",null," torr "),s("mo",null,"−"),s("mn",null,"185"),s("mtext",null," torr ")]),s("mrow",null,[s("mn",null,"500"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")])])]),s("mo",null,"="),s("mn",null,"0.13"),s("msup",null,[s("mtext",null," torr s "),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"k"),s("mo",null,"="),s("mn",null,"0.13"),s("mtext",null," torr s "),s("msup",null,[s("mi",{mathvariant:"normal"},"s"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"×"),s("mfrac",null,[s("mrow",null,[s("mn",null,"1"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")])]),s("mrow",null,[s("mn",null,"760"),s("mtext",null," torr ")])]),s("mo",null,"="),s("mn",null,"1.71"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"4")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")]),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mtext",null," rate "),s("mo",null,"="),s("mi",{mathvariant:"bold"},"k")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mo",null,"−"),s("mrow",null,[s("mi",{mathvariant:"normal"},"k"),s("mi",{mathvariant:"normal"},"t")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"p"),s("mn",null,"0")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mo",null,"−"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mn",null,"1.71"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"4")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")]),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mo",{fence:"true"},")")]),s("mo",null,"×"),s("mn",null,"900"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mo",null,"+"),s("mn",null,"0.33"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"normal"},"p"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"normal"},"C"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"H"),s("mn",null,"5")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"O"),s("mi",{mathvariant:"normal"},"H")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mn",null,"0.176"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"a"),s("mi",{mathvariant:"normal"},"t"),s("mi",{mathvariant:"normal"},"m")]),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\mathrm{k}=\\frac{\\mathrm{p}_0\\left[\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right]-\\mathrm{p}\\left[\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right]}{\\mathrm{t}}=\\frac{250 \\text { torr }-185 \\text { torr }}{500 \\mathrm{~s}}=0.13 \\text { torr s }^{-1} \\\\ & \\mathrm{k}=0.13 \\text { torr s } \\mathrm{s}^{-1} \\times \\frac{1 \\mathrm{~atm}}{760 \\text { torr }}=1.71 \\times 10^{-4} \\mathrm{~atm} \\mathrm{~s}^{-1} \\\\ & \\text { rate }=\\mathbf{k} \\\\ & \\mathrm{p}\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right)=-\\mathrm{kt}+\\mathrm{p}_0\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right) \\\\ & \\mathrm{p}\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right)=-\\left(1.71 \\times 10^{-4} \\mathrm{~atm} \\mathrm{~s}^{-1}\\right) \\times 900 \\mathrm{~s}+0.33 \\mathrm{~atm} \\\\ & \\mathrm{p}\\left(\\mathrm{C}_2 \\mathrm{H}_5 \\mathrm{OH}\\right)=0.176 \\mathrm{~atm} \\mathrm{~s}^{-1} \\\\ & \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"12.2687em","vertical-align":"-5.8843em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.3843em"}},[s("span",{style:{top:"-8.3843em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-6.0769em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-4.2509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-2.7509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.2268em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"0.2973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"1.7973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.8843em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.3843em"}},[s("span",{style:{top:"-8.3843em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"500"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"250"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr ")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"185"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.13"),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," torr s ")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])]),s("span",{style:{top:"-6.0769em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.13"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr s ")]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"s"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"760"),s("span",{class:"mord text"},[s("span",{class:"mord"}," torr ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"1.71"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"4")])])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])]),s("span",{style:{top:"-4.2509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathbf"},"k")])]),s("span",{style:{top:"-2.7509em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"kt")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])]),s("span",{style:{top:"-1.2268em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},"1.71"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"4")])])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"900"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"0.33"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")])])]),s("span",{style:{top:"0.2973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathrm"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"C"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"H"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"OH")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.176"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"atm")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])]),s("span",{style:{top:"1.7973em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"})])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.8843em"}},[s("span")])])])])])])])])])])],-1);function z(f,x,H,k,_,O){const t=l;return n(),e("div",null,[p,r(t,{readTime:"2",words:"412"}),c,h,o,g,u,d,v,y,w,b])}const T=m(i,[["render",z]]);export{L as __pageData,T as default};
diff --git a/assets/academic_chemistry_problems_03-02-1.md.054898d2.js b/assets/academic_chemistry_problems_03-02-1.md.a9ee56be.js
similarity index 99%
rename from assets/academic_chemistry_problems_03-02-1.md.054898d2.js
rename to assets/academic_chemistry_problems_03-02-1.md.a9ee56be.js
index c57d41f3..9feb3a1f 100644
--- a/assets/academic_chemistry_problems_03-02-1.md.054898d2.js
+++ b/assets/academic_chemistry_problems_03-02-1.md.a9ee56be.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as e,c as m,H as c,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const q=JSON.parse('{"title":"Problem: 03-02-1","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/03-02-1.md","filePath":"academic/chemistry/problems/03-02-1.md","lastUpdated":1695377563000}'),i={name:"academic/chemistry/problems/03-02-1.md"},p=s("h1",{id:"problem-03-02-1",tabindex:"-1"},[a("Problem: 03-02-1 "),s("a",{class:"header-anchor",href:"#problem-03-02-1","aria-label":'Permalink to "Problem: 03-02-1"'},"​")],-1),r=s("h2",{id:"question",tabindex:"-1"},[a("Question "),s("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),o=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("msub",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"N")]),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"→"),s("mn",null,"4"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"2 \\mathrm{~N}_2 \\mathrm{O}_5(g) \\rightarrow 4 \\mathrm{NO}_2(g)+\\mathrm{O}_2(g) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"N")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"4"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])])])],-1),h=s("p",null,[a("The decomposition of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5(g)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])]),a(" is represented by the equation above. A sample of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5(g)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])]),a(" is monitored as it decomposes, and the concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" as a function of time is recorded. The results are shown in the table below.")],-1),g=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Time (s)"),s("th",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{[N_2O_5]}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose"},"]")])])])])])])]),s("tbody",null,[s("tr",null,[s("td",null,"0"),s("td",null,"1.000")]),s("tr",null,[s("td",null,"25.0"),s("td",null,"0.801")]),s("tr",null,[s("td",null,"50.0"),s("td",null,"0.642")]),s("tr",null,[s("td",null,"75.0"),s("td",null,"0.515")])])],-1),u=s("p",null,[a("Calculate the average rate of the reaction between "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"50.0")]),s("annotation",{encoding:"application/x-tex"},"50.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"50.0")])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"75.0")]),s("annotation",{encoding:"application/x-tex"},"75.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"75.0")])])]),a(" seconds.")],-1),y=s("h2",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),d=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",null,"+"),s("mi",null,"b"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"B")]),s("mo",null,"→"),s("mi",null,"c"),s("mi",{mathvariant:"normal"},"C"),s("mo",null,"+"),s("mi",null,"d"),s("mi",{mathvariant:"normal"},"D")]),s("annotation",{encoding:"application/x-tex"},"a \\mathrm{~A}+b \\mathrm{~B} \\rightarrow c \\mathrm{C}+d \\mathrm{D} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"B")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mord mathrm"},"C"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mord mathrm"},"D")])])])])],-1),v=s("p",null,"the rate of reaction is defined as",-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mstyle",{mathcolor:"cyan"},[s("mtext",null," rate "),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"a")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"A"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])]),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"b")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"B"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])]),s("mo",null,"="),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"c")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"C"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])]),s("mo",null,"="),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"d")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"D"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])])])]),s("annotation",{encoding:"application/x-tex"},"\\color{cyan}\\text { rate }=-\\frac{1}{a} \\frac{\\Delta[\\mathrm{A}]}{\\Delta t}=-\\frac{1}{b} \\frac{\\Delta[\\mathrm{B}]}{\\Delta t}=+\\frac{1}{c} \\frac{\\Delta[\\mathrm{C}]}{\\Delta t}=+\\frac{1}{d} \\frac{\\Delta[\\mathrm{D}]}{\\Delta t} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"−"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"a")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"A"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"−"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"b")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"B"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"+"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"c")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"C"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"+"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"d")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"D"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),x=s("p",null,[a("Notice that the rate of change in concentration of each species is divided by its coefficient from the balanced chemical equation ( "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"a")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a")])])]),a(", "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"b"),s("mo",{separator:"true"},","),s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"b, c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"c")])])]),a(", or "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" ). This ensures that the calculated reaction rate is the same no matter which reactant or product is monitored for changes in concentration. In this case, the monitored species was "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". With that in mind, let's write the reaction rate in terms of the rate of change in concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" :")],-1),w=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{fence:"true"},"]")])]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])])]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=-\\frac{1}{2} \\frac{\\Delta\\left[\\mathrm{N}_2 \\mathrm{O}_5\\right]}{\\Delta t} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"Δ"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),f=s("p",null,[a("Since the coefficient for "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" in the balanced equation is 2 , we divided the rate of change in concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" by 2 . Additionally, since "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" is being consumed in the reaction, we included a negative sign in front of the expression.")],-1),k=s("p",null,[a("Now, let's plug in the information from the table to calculate the average reaction rate between "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"50.0")]),s("annotation",{encoding:"application/x-tex"},"50.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"50.0")])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"75.0")]),s("annotation",{encoding:"application/x-tex"},"75.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"75.0")])])]),a(" seconds:")],-1),z=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mtext",null," rate ")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mfrac",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mn",null,"0.515"),s("mi",null,"M"),s("mo",null,"−"),s("mn",null,"0.642"),s("mi",null,"M"),s("mo",{stretchy:"false"},")")]),s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mn",null,"75.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mo",null,"−"),s("mn",null,"50.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mo",{stretchy:"false"},")")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mn",null,"2.54"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"3")])]),s("mi",null,"M"),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} \\text { rate } & =-\\frac{1}{2} \\frac{(0.515 M-0.642 M)}{(75.0 \\mathrm{~s}-50.0 \\mathrm{~s})} \\\\ & =2.54 \\times 10^{-3} M \\mathrm{~s}^{-1} \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"4.1871em","vertical-align":"-1.8436em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.3436em"}},[s("span",{style:{top:"-4.3436em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")])])]),s("span",{style:{top:"-2.2434em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.8436em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.3436em"}},[s("span",{style:{top:"-4.3436em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"75.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"50.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"0.515"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"0.642"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-2.2434em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"2.54"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"3")])])])])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.8436em"}},[s("span")])])])])])])])])])])],-1),M=s("p",null,[a("So, the average rate of the reaction between "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"50.0")]),s("annotation",{encoding:"application/x-tex"},"50.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"50.0")])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"75.0")]),s("annotation",{encoding:"application/x-tex"},"75.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"75.0")])])]),a(" seconds is "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",{mathvariant:"bold"},"2.54"),s("mo",null,"×"),s("mn",{mathvariant:"bold"},"1"),s("msup",null,[s("mn",{mathvariant:"bold"},"0"),s("mrow",null,[s("mo",null,"−"),s("mn",{mathvariant:"bold"},"3")])]),s("mi",{mathvariant:"normal"},"M"),s("msup",null,[s("mi",{mathvariant:"normal"},"s"),s("mrow",null,[s("mo",null,"−"),s("mn",{mathvariant:"bold"},"1")])])]),s("annotation",{encoding:"application/x-tex"},"\\bold{2.54 \\times 10^{-3} \\mathrm{M} \\mathrm{s}^{-1}}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8974em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathbf"},"2.54"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathbf"},"1"),s("span",{class:"mord"},[s("span",{class:"mord mathbf"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathbf mtight"},"3")])])])])])])])]),s("span",{class:"mord mathrm"},"M"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"s"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathbf mtight"},"1")])])])])])])])])])])])]),a(".")],-1);function _(N,O,L,D,B,P){const l=t;return e(),m("div",null,[p,c(l,{readTime:"2",words:"404"}),r,o,h,g,u,y,d,v,b,x,w,f,k,z,M])}const S=n(i,[["render",_]]);export{q as __pageData,S as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as e,c as m,H as c,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const q=JSON.parse('{"title":"Problem: 03-02-1","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/03-02-1.md","filePath":"academic/chemistry/problems/03-02-1.md","lastUpdated":1699051935000}'),i={name:"academic/chemistry/problems/03-02-1.md"},p=s("h1",{id:"problem-03-02-1",tabindex:"-1"},[a("Problem: 03-02-1 "),s("a",{class:"header-anchor",href:"#problem-03-02-1","aria-label":'Permalink to "Problem: 03-02-1"'},"​")],-1),r=s("h2",{id:"question",tabindex:"-1"},[a("Question "),s("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),o=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("msub",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"N")]),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"→"),s("mn",null,"4"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"2 \\mathrm{~N}_2 \\mathrm{O}_5(g) \\rightarrow 4 \\mathrm{NO}_2(g)+\\mathrm{O}_2(g) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"N")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"4"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])])])],-1),h=s("p",null,[a("The decomposition of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5(g)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])]),a(" is represented by the equation above. A sample of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5(g)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])]),a(" is monitored as it decomposes, and the concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" as a function of time is recorded. The results are shown in the table below.")],-1),g=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Time (s)"),s("th",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{[N_2O_5]}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose"},"]")])])])])])])]),s("tbody",null,[s("tr",null,[s("td",null,"0"),s("td",null,"1.000")]),s("tr",null,[s("td",null,"25.0"),s("td",null,"0.801")]),s("tr",null,[s("td",null,"50.0"),s("td",null,"0.642")]),s("tr",null,[s("td",null,"75.0"),s("td",null,"0.515")])])],-1),u=s("p",null,[a("Calculate the average rate of the reaction between "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"50.0")]),s("annotation",{encoding:"application/x-tex"},"50.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"50.0")])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"75.0")]),s("annotation",{encoding:"application/x-tex"},"75.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"75.0")])])]),a(" seconds.")],-1),y=s("h2",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),d=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",null,"+"),s("mi",null,"b"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"B")]),s("mo",null,"→"),s("mi",null,"c"),s("mi",{mathvariant:"normal"},"C"),s("mo",null,"+"),s("mi",null,"d"),s("mi",{mathvariant:"normal"},"D")]),s("annotation",{encoding:"application/x-tex"},"a \\mathrm{~A}+b \\mathrm{~B} \\rightarrow c \\mathrm{C}+d \\mathrm{D} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"B")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mord mathrm"},"C"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mord mathrm"},"D")])])])])],-1),v=s("p",null,"the rate of reaction is defined as",-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mstyle",{mathcolor:"cyan"},[s("mtext",null," rate "),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"a")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"A"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])]),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"b")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"B"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])]),s("mo",null,"="),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"c")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"C"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])]),s("mo",null,"="),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"d")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"D"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])])])]),s("annotation",{encoding:"application/x-tex"},"\\color{cyan}\\text { rate }=-\\frac{1}{a} \\frac{\\Delta[\\mathrm{A}]}{\\Delta t}=-\\frac{1}{b} \\frac{\\Delta[\\mathrm{B}]}{\\Delta t}=+\\frac{1}{c} \\frac{\\Delta[\\mathrm{C}]}{\\Delta t}=+\\frac{1}{d} \\frac{\\Delta[\\mathrm{D}]}{\\Delta t} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"−"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"a")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"A"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"−"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"b")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"B"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"+"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"c")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"C"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"+"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"d")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"D"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),x=s("p",null,[a("Notice that the rate of change in concentration of each species is divided by its coefficient from the balanced chemical equation ( "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"a")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a")])])]),a(", "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"b"),s("mo",{separator:"true"},","),s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"b, c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"c")])])]),a(", or "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" ). This ensures that the calculated reaction rate is the same no matter which reactant or product is monitored for changes in concentration. In this case, the monitored species was "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". With that in mind, let's write the reaction rate in terms of the rate of change in concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" :")],-1),w=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{fence:"true"},"]")])]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])])]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=-\\frac{1}{2} \\frac{\\Delta\\left[\\mathrm{N}_2 \\mathrm{O}_5\\right]}{\\Delta t} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"Δ"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),f=s("p",null,[a("Since the coefficient for "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" in the balanced equation is 2 , we divided the rate of change in concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" by 2 . Additionally, since "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" is being consumed in the reaction, we included a negative sign in front of the expression.")],-1),k=s("p",null,[a("Now, let's plug in the information from the table to calculate the average reaction rate between "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"50.0")]),s("annotation",{encoding:"application/x-tex"},"50.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"50.0")])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"75.0")]),s("annotation",{encoding:"application/x-tex"},"75.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"75.0")])])]),a(" seconds:")],-1),z=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mtext",null," rate ")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mfrac",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mn",null,"0.515"),s("mi",null,"M"),s("mo",null,"−"),s("mn",null,"0.642"),s("mi",null,"M"),s("mo",{stretchy:"false"},")")]),s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mn",null,"75.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mo",null,"−"),s("mn",null,"50.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mo",{stretchy:"false"},")")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mn",null,"2.54"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"3")])]),s("mi",null,"M"),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} \\text { rate } & =-\\frac{1}{2} \\frac{(0.515 M-0.642 M)}{(75.0 \\mathrm{~s}-50.0 \\mathrm{~s})} \\\\ & =2.54 \\times 10^{-3} M \\mathrm{~s}^{-1} \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"4.1871em","vertical-align":"-1.8436em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.3436em"}},[s("span",{style:{top:"-4.3436em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")])])]),s("span",{style:{top:"-2.2434em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.8436em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.3436em"}},[s("span",{style:{top:"-4.3436em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"75.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"50.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"0.515"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"0.642"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-2.2434em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"2.54"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"3")])])])])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.8436em"}},[s("span")])])])])])])])])])])],-1),M=s("p",null,[a("So, the average rate of the reaction between "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"50.0")]),s("annotation",{encoding:"application/x-tex"},"50.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"50.0")])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"75.0")]),s("annotation",{encoding:"application/x-tex"},"75.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"75.0")])])]),a(" seconds is "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",{mathvariant:"bold"},"2.54"),s("mo",null,"×"),s("mn",{mathvariant:"bold"},"1"),s("msup",null,[s("mn",{mathvariant:"bold"},"0"),s("mrow",null,[s("mo",null,"−"),s("mn",{mathvariant:"bold"},"3")])]),s("mi",{mathvariant:"normal"},"M"),s("msup",null,[s("mi",{mathvariant:"normal"},"s"),s("mrow",null,[s("mo",null,"−"),s("mn",{mathvariant:"bold"},"1")])])]),s("annotation",{encoding:"application/x-tex"},"\\bold{2.54 \\times 10^{-3} \\mathrm{M} \\mathrm{s}^{-1}}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8974em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathbf"},"2.54"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathbf"},"1"),s("span",{class:"mord"},[s("span",{class:"mord mathbf"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathbf mtight"},"3")])])])])])])])]),s("span",{class:"mord mathrm"},"M"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"s"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathbf mtight"},"1")])])])])])])])])])])])]),a(".")],-1);function _(N,O,L,D,B,P){const l=t;return e(),m("div",null,[p,c(l,{readTime:"2",words:"404"}),r,o,h,g,u,y,d,v,b,x,w,f,k,z,M])}const S=n(i,[["render",_]]);export{q as __pageData,S as default};
diff --git a/assets/academic_chemistry_problems_03-02-1.md.054898d2.lean.js b/assets/academic_chemistry_problems_03-02-1.md.a9ee56be.lean.js
similarity index 99%
rename from assets/academic_chemistry_problems_03-02-1.md.054898d2.lean.js
rename to assets/academic_chemistry_problems_03-02-1.md.a9ee56be.lean.js
index c57d41f3..9feb3a1f 100644
--- a/assets/academic_chemistry_problems_03-02-1.md.054898d2.lean.js
+++ b/assets/academic_chemistry_problems_03-02-1.md.a9ee56be.lean.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as e,c as m,H as c,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const q=JSON.parse('{"title":"Problem: 03-02-1","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/03-02-1.md","filePath":"academic/chemistry/problems/03-02-1.md","lastUpdated":1695377563000}'),i={name:"academic/chemistry/problems/03-02-1.md"},p=s("h1",{id:"problem-03-02-1",tabindex:"-1"},[a("Problem: 03-02-1 "),s("a",{class:"header-anchor",href:"#problem-03-02-1","aria-label":'Permalink to "Problem: 03-02-1"'},"​")],-1),r=s("h2",{id:"question",tabindex:"-1"},[a("Question "),s("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),o=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("msub",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"N")]),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"→"),s("mn",null,"4"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"2 \\mathrm{~N}_2 \\mathrm{O}_5(g) \\rightarrow 4 \\mathrm{NO}_2(g)+\\mathrm{O}_2(g) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"N")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"4"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])])])],-1),h=s("p",null,[a("The decomposition of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5(g)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])]),a(" is represented by the equation above. A sample of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5(g)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])]),a(" is monitored as it decomposes, and the concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" as a function of time is recorded. The results are shown in the table below.")],-1),g=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Time (s)"),s("th",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{[N_2O_5]}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose"},"]")])])])])])])]),s("tbody",null,[s("tr",null,[s("td",null,"0"),s("td",null,"1.000")]),s("tr",null,[s("td",null,"25.0"),s("td",null,"0.801")]),s("tr",null,[s("td",null,"50.0"),s("td",null,"0.642")]),s("tr",null,[s("td",null,"75.0"),s("td",null,"0.515")])])],-1),u=s("p",null,[a("Calculate the average rate of the reaction between "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"50.0")]),s("annotation",{encoding:"application/x-tex"},"50.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"50.0")])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"75.0")]),s("annotation",{encoding:"application/x-tex"},"75.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"75.0")])])]),a(" seconds.")],-1),y=s("h2",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),d=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",null,"+"),s("mi",null,"b"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"B")]),s("mo",null,"→"),s("mi",null,"c"),s("mi",{mathvariant:"normal"},"C"),s("mo",null,"+"),s("mi",null,"d"),s("mi",{mathvariant:"normal"},"D")]),s("annotation",{encoding:"application/x-tex"},"a \\mathrm{~A}+b \\mathrm{~B} \\rightarrow c \\mathrm{C}+d \\mathrm{D} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"B")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mord mathrm"},"C"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mord mathrm"},"D")])])])])],-1),v=s("p",null,"the rate of reaction is defined as",-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mstyle",{mathcolor:"cyan"},[s("mtext",null," rate "),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"a")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"A"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])]),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"b")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"B"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])]),s("mo",null,"="),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"c")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"C"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])]),s("mo",null,"="),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"d")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"D"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])])])]),s("annotation",{encoding:"application/x-tex"},"\\color{cyan}\\text { rate }=-\\frac{1}{a} \\frac{\\Delta[\\mathrm{A}]}{\\Delta t}=-\\frac{1}{b} \\frac{\\Delta[\\mathrm{B}]}{\\Delta t}=+\\frac{1}{c} \\frac{\\Delta[\\mathrm{C}]}{\\Delta t}=+\\frac{1}{d} \\frac{\\Delta[\\mathrm{D}]}{\\Delta t} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"−"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"a")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"A"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"−"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"b")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"B"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"+"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"c")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"C"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"+"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"d")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"D"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),x=s("p",null,[a("Notice that the rate of change in concentration of each species is divided by its coefficient from the balanced chemical equation ( "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"a")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a")])])]),a(", "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"b"),s("mo",{separator:"true"},","),s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"b, c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"c")])])]),a(", or "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" ). This ensures that the calculated reaction rate is the same no matter which reactant or product is monitored for changes in concentration. In this case, the monitored species was "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". With that in mind, let's write the reaction rate in terms of the rate of change in concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" :")],-1),w=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{fence:"true"},"]")])]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])])]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=-\\frac{1}{2} \\frac{\\Delta\\left[\\mathrm{N}_2 \\mathrm{O}_5\\right]}{\\Delta t} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"Δ"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),f=s("p",null,[a("Since the coefficient for "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" in the balanced equation is 2 , we divided the rate of change in concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" by 2 . Additionally, since "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" is being consumed in the reaction, we included a negative sign in front of the expression.")],-1),k=s("p",null,[a("Now, let's plug in the information from the table to calculate the average reaction rate between "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"50.0")]),s("annotation",{encoding:"application/x-tex"},"50.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"50.0")])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"75.0")]),s("annotation",{encoding:"application/x-tex"},"75.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"75.0")])])]),a(" seconds:")],-1),z=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mtext",null," rate ")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mfrac",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mn",null,"0.515"),s("mi",null,"M"),s("mo",null,"−"),s("mn",null,"0.642"),s("mi",null,"M"),s("mo",{stretchy:"false"},")")]),s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mn",null,"75.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mo",null,"−"),s("mn",null,"50.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mo",{stretchy:"false"},")")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mn",null,"2.54"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"3")])]),s("mi",null,"M"),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} \\text { rate } & =-\\frac{1}{2} \\frac{(0.515 M-0.642 M)}{(75.0 \\mathrm{~s}-50.0 \\mathrm{~s})} \\\\ & =2.54 \\times 10^{-3} M \\mathrm{~s}^{-1} \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"4.1871em","vertical-align":"-1.8436em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.3436em"}},[s("span",{style:{top:"-4.3436em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")])])]),s("span",{style:{top:"-2.2434em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.8436em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.3436em"}},[s("span",{style:{top:"-4.3436em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"75.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"50.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"0.515"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"0.642"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-2.2434em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"2.54"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"3")])])])])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.8436em"}},[s("span")])])])])])])])])])])],-1),M=s("p",null,[a("So, the average rate of the reaction between "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"50.0")]),s("annotation",{encoding:"application/x-tex"},"50.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"50.0")])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"75.0")]),s("annotation",{encoding:"application/x-tex"},"75.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"75.0")])])]),a(" seconds is "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",{mathvariant:"bold"},"2.54"),s("mo",null,"×"),s("mn",{mathvariant:"bold"},"1"),s("msup",null,[s("mn",{mathvariant:"bold"},"0"),s("mrow",null,[s("mo",null,"−"),s("mn",{mathvariant:"bold"},"3")])]),s("mi",{mathvariant:"normal"},"M"),s("msup",null,[s("mi",{mathvariant:"normal"},"s"),s("mrow",null,[s("mo",null,"−"),s("mn",{mathvariant:"bold"},"1")])])]),s("annotation",{encoding:"application/x-tex"},"\\bold{2.54 \\times 10^{-3} \\mathrm{M} \\mathrm{s}^{-1}}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8974em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathbf"},"2.54"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathbf"},"1"),s("span",{class:"mord"},[s("span",{class:"mord mathbf"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathbf mtight"},"3")])])])])])])])]),s("span",{class:"mord mathrm"},"M"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"s"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathbf mtight"},"1")])])])])])])])])])])])]),a(".")],-1);function _(N,O,L,D,B,P){const l=t;return e(),m("div",null,[p,c(l,{readTime:"2",words:"404"}),r,o,h,g,u,y,d,v,b,x,w,f,k,z,M])}const S=n(i,[["render",_]]);export{q as __pageData,S as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as e,c as m,H as c,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const q=JSON.parse('{"title":"Problem: 03-02-1","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/03-02-1.md","filePath":"academic/chemistry/problems/03-02-1.md","lastUpdated":1699051935000}'),i={name:"academic/chemistry/problems/03-02-1.md"},p=s("h1",{id:"problem-03-02-1",tabindex:"-1"},[a("Problem: 03-02-1 "),s("a",{class:"header-anchor",href:"#problem-03-02-1","aria-label":'Permalink to "Problem: 03-02-1"'},"​")],-1),r=s("h2",{id:"question",tabindex:"-1"},[a("Question "),s("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),o=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("msub",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"N")]),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"→"),s("mn",null,"4"),s("msub",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"N"),s("mi",{mathvariant:"normal"},"O")]),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"2 \\mathrm{~N}_2 \\mathrm{O}_5(g) \\rightarrow 4 \\mathrm{NO}_2(g)+\\mathrm{O}_2(g) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"N")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"4"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"NO")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])])])],-1),h=s("p",null,[a("The decomposition of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5(g)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])]),a(" is represented by the equation above. A sample of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"("),s("mi",null,"g"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5(g)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")")])])]),a(" is monitored as it decomposes, and the concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" as a function of time is recorded. The results are shown in the table below.")],-1),g=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Time (s)"),s("th",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{[N_2O_5]}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathrm mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose"},"]")])])])])])])]),s("tbody",null,[s("tr",null,[s("td",null,"0"),s("td",null,"1.000")]),s("tr",null,[s("td",null,"25.0"),s("td",null,"0.801")]),s("tr",null,[s("td",null,"50.0"),s("td",null,"0.642")]),s("tr",null,[s("td",null,"75.0"),s("td",null,"0.515")])])],-1),u=s("p",null,[a("Calculate the average rate of the reaction between "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"50.0")]),s("annotation",{encoding:"application/x-tex"},"50.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"50.0")])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"75.0")]),s("annotation",{encoding:"application/x-tex"},"75.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"75.0")])])]),a(" seconds.")],-1),y=s("h2",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),d=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"A")]),s("mo",null,"+"),s("mi",null,"b"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"B")]),s("mo",null,"→"),s("mi",null,"c"),s("mi",{mathvariant:"normal"},"C"),s("mo",null,"+"),s("mi",null,"d"),s("mi",{mathvariant:"normal"},"D")]),s("annotation",{encoding:"application/x-tex"},"a \\mathrm{~A}+b \\mathrm{~B} \\rightarrow c \\mathrm{C}+d \\mathrm{D} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"A")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"B")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"→"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mord mathrm"},"C"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mord mathrm"},"D")])])])])],-1),v=s("p",null,"the rate of reaction is defined as",-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mstyle",{mathcolor:"cyan"},[s("mtext",null," rate "),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"a")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"A"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])]),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"b")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"B"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])]),s("mo",null,"="),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"c")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"C"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])]),s("mo",null,"="),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mi",null,"d")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"D"),s("mo",{stretchy:"false"},"]")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])])])]),s("annotation",{encoding:"application/x-tex"},"\\color{cyan}\\text { rate }=-\\frac{1}{a} \\frac{\\Delta[\\mathrm{A}]}{\\Delta t}=-\\frac{1}{b} \\frac{\\Delta[\\mathrm{B}]}{\\Delta t}=+\\frac{1}{c} \\frac{\\Delta[\\mathrm{C}]}{\\Delta t}=+\\frac{1}{d} \\frac{\\Delta[\\mathrm{D}]}{\\Delta t} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"−"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"a")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"A"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"−"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"b")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"B"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"+"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"c")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"C"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel",style:{color:"cyan"}},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord",style:{color:"cyan"}},"+"),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord mathnormal",style:{color:"cyan"}},"d")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mord mathnormal",style:{color:"cyan"}},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{color:"cyan","border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{color:"cyan"}},[s("span",{class:"mord",style:{color:"cyan"}},"Δ"),s("span",{class:"mopen",style:{color:"cyan"}},"["),s("span",{class:"mord mathrm",style:{color:"cyan"}},"D"),s("span",{class:"mclose",style:{color:"cyan"}},"]")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),x=s("p",null,[a("Notice that the rate of change in concentration of each species is divided by its coefficient from the balanced chemical equation ( "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"a")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a")])])]),a(", "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"b"),s("mo",{separator:"true"},","),s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"b, c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"c")])])]),a(", or "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" ). This ensures that the calculated reaction rate is the same no matter which reactant or product is monitored for changes in concentration. In this case, the monitored species was "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". With that in mind, let's write the reaction rate in terms of the rate of change in concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" :")],-1),w=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mtext",null," rate "),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mrow",null,[s("mo",{fence:"true"},"["),s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")]),s("mo",{fence:"true"},"]")])]),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t")])])]),s("annotation",{encoding:"application/x-tex"},"\\text { rate }=-\\frac{1}{2} \\frac{\\Delta\\left[\\mathrm{N}_2 \\mathrm{O}_5\\right]}{\\Delta t} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.113em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"Δ"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"]")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),f=s("p",null,[a("Since the coefficient for "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" in the balanced equation is 2 , we divided the rate of change in concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" by 2 . Additionally, since "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"normal"},"N"),s("mn",null,"2")]),s("msub",null,[s("mi",{mathvariant:"normal"},"O"),s("mn",null,"5")])]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{N}_2 \\mathrm{O}_5")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"N"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"O"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"5")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" is being consumed in the reaction, we included a negative sign in front of the expression.")],-1),k=s("p",null,[a("Now, let's plug in the information from the table to calculate the average reaction rate between "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"50.0")]),s("annotation",{encoding:"application/x-tex"},"50.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"50.0")])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"75.0")]),s("annotation",{encoding:"application/x-tex"},"75.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"75.0")])])]),a(" seconds:")],-1),z=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mtext",null," rate ")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mo",null,"−"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mfrac",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mn",null,"0.515"),s("mi",null,"M"),s("mo",null,"−"),s("mn",null,"0.642"),s("mi",null,"M"),s("mo",{stretchy:"false"},")")]),s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mn",null,"75.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mo",null,"−"),s("mn",null,"50.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mo",{stretchy:"false"},")")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mn",null,"2.54"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"3")])]),s("mi",null,"M"),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"s")]),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} \\text { rate } & =-\\frac{1}{2} \\frac{(0.515 M-0.642 M)}{(75.0 \\mathrm{~s}-50.0 \\mathrm{~s})} \\\\ & =2.54 \\times 10^{-3} M \\mathrm{~s}^{-1} \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"4.1871em","vertical-align":"-1.8436em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.3436em"}},[s("span",{style:{top:"-4.3436em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")])])]),s("span",{style:{top:"-2.2434em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.8436em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.3436em"}},[s("span",{style:{top:"-4.3436em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"75.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"50.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"0.515"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"0.642"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-2.2434em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"2.54"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"3")])])])])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"s")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.8436em"}},[s("span")])])])])])])])])])])],-1),M=s("p",null,[a("So, the average rate of the reaction between "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"50.0")]),s("annotation",{encoding:"application/x-tex"},"50.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"50.0")])])]),a(" and "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"75.0")]),s("annotation",{encoding:"application/x-tex"},"75.0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"75.0")])])]),a(" seconds is "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",{mathvariant:"bold"},"2.54"),s("mo",null,"×"),s("mn",{mathvariant:"bold"},"1"),s("msup",null,[s("mn",{mathvariant:"bold"},"0"),s("mrow",null,[s("mo",null,"−"),s("mn",{mathvariant:"bold"},"3")])]),s("mi",{mathvariant:"normal"},"M"),s("msup",null,[s("mi",{mathvariant:"normal"},"s"),s("mrow",null,[s("mo",null,"−"),s("mn",{mathvariant:"bold"},"1")])])]),s("annotation",{encoding:"application/x-tex"},"\\bold{2.54 \\times 10^{-3} \\mathrm{M} \\mathrm{s}^{-1}}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8974em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathbf"},"2.54"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathbf"},"1"),s("span",{class:"mord"},[s("span",{class:"mord mathbf"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathbf mtight"},"3")])])])])])])])]),s("span",{class:"mord mathrm"},"M"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"s"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathbf mtight"},"1")])])])])])])])])])])])]),a(".")],-1);function _(N,O,L,D,B,P){const l=t;return e(),m("div",null,[p,c(l,{readTime:"2",words:"404"}),r,o,h,g,u,y,d,v,b,x,w,f,k,z,M])}const S=n(i,[["render",_]]);export{q as __pageData,S as default};
diff --git a/assets/academic_chemistry_problems_03-02-2.md.26afa053.js b/assets/academic_chemistry_problems_03-02-2.md.a4b8c746.js
similarity index 99%
rename from assets/academic_chemistry_problems_03-02-2.md.26afa053.js
rename to assets/academic_chemistry_problems_03-02-2.md.a4b8c746.js
index 61dc227b..d086cbb7 100644
--- a/assets/academic_chemistry_problems_03-02-2.md.26afa053.js
+++ b/assets/academic_chemistry_problems_03-02-2.md.a4b8c746.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,o as n,c as e,H as r,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const Y=JSON.parse('{"title":"Problem: 03-02-2","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/03-02-2.md","filePath":"academic/chemistry/problems/03-02-2.md","lastUpdated":1695377563000}'),i={name:"academic/chemistry/problems/03-02-2.md"},c=s("h1",{id:"problem-03-02-2",tabindex:"-1"},[a("Problem: 03-02-2 "),s("a",{class:"header-anchor",href:"#problem-03-02-2","aria-label":'Permalink to "Problem: 03-02-2"'},"​")],-1),p=s("h2",{id:"question",tabindex:"-1"},[a("Question "),s("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),o=s("p",null,[a("The rate law for a particular reaction is rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"X"),s("mi",{mathvariant:"normal"},"Y")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"=k[\\mathrm{XY}]^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"XY")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])]),a(". In an experiment, the initial rate of the reaction is determined to be "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.16"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"L"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"0.16 \\mathrm{~mol} /(\\mathrm{L} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),a(" when the initial concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"X"),s("mi",{mathvariant:"normal"},"Y")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{XY}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"XY")])])])]),a(" is "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.40"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"L")]),s("annotation",{encoding:"application/x-tex"},"0.40 \\mathrm{~mol} / \\mathrm{L}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.40"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"L")])])]),a(".")],-1),h=s("ul",null,[s("li",null,[a("What is the value of the rate constant, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k")]),s("annotation",{encoding:"application/x-tex"},"k")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])])]),a(", for the reaction? "),s("ul",{class:"contains-task-list"},[s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.10"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"0.10 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.10"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])]),s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.40"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"0.40 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.40"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])]),s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",checked:"",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"1.0 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])]),s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2.5"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"2.5 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2.5"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])])])])],-1),d=s("h2",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),u=s("p",null,[a("lo tind the value of the rate constant for the reaction, let's first solve the rate law for "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k")]),s("annotation",{encoding:"application/x-tex"},"k")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])])]),a(" :")],-1),g=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k"),s("mo",null,"="),s("mfrac",null,[s("mtext",null," rate "),s("mrow",null,[s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"X"),s("mi",{mathvariant:"normal"},"Y")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")])])])]),s("annotation",{encoding:"application/x-tex"},"k=\\frac{\\text { rate }}{[\\mathrm{XY}]^2} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2281em","vertical-align":"-0.936em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2921em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"XY")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),y=s("p",null,"Next, let's plug in the initial rate and concentration given in the text:",-1),v=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mi",null,"k")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"0.16"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"L"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mn",null,"0.40"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"L"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mn",null,"2")])])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"0.16"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"L"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("mrow",null,[s("mn",null,"0.16"),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",{mathvariant:"normal"},"L"),s("mn",null,"2")])])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mn",null,"1.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} k & =\\frac{0.16 \\mathrm{~mol} /(\\mathrm{L} \\cdot \\mathrm{s})}{(0.40 \\mathrm{~mol} / \\mathrm{L})^2} \\\\ & =\\frac{0.16 \\mathrm{~mol} /(\\mathrm{L} \\cdot \\mathrm{s})}{0.16 \\mathrm{~mol}^2 / \\mathrm{L}^2} \\\\ & =1.0 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s}) \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"6.9284em","vertical-align":"-3.2142em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.7142em"}},[s("span",{style:{top:"-5.7142em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])]),s("span",{style:{top:"-3.0512em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-0.8728em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.2142em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.7142em"}},[s("span",{style:{top:"-5.7142em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"0.40"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-3.0512em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.2116em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8984em"}},[s("span",{style:{top:"-3.1473em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"L"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.0384em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-0.8728em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"1.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.2142em"}},[s("span")])])])])])])])])])])],-1),x=s("p",null,[a("So, the value of the rate constant for the reaction is "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"1.0 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])],-1);function w(k,b,f,L,M,_){const l=t;return n(),e("div",null,[c,r(l,{readTime:"1",words:"205"}),p,o,h,d,u,g,y,v,x])}const N=m(i,[["render",w]]);export{Y as __pageData,N as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,o as n,c as e,H as r,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const Y=JSON.parse('{"title":"Problem: 03-02-2","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/03-02-2.md","filePath":"academic/chemistry/problems/03-02-2.md","lastUpdated":1699051935000}'),i={name:"academic/chemistry/problems/03-02-2.md"},c=s("h1",{id:"problem-03-02-2",tabindex:"-1"},[a("Problem: 03-02-2 "),s("a",{class:"header-anchor",href:"#problem-03-02-2","aria-label":'Permalink to "Problem: 03-02-2"'},"​")],-1),p=s("h2",{id:"question",tabindex:"-1"},[a("Question "),s("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),o=s("p",null,[a("The rate law for a particular reaction is rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"X"),s("mi",{mathvariant:"normal"},"Y")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"=k[\\mathrm{XY}]^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"XY")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])]),a(". In an experiment, the initial rate of the reaction is determined to be "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.16"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"L"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"0.16 \\mathrm{~mol} /(\\mathrm{L} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),a(" when the initial concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"X"),s("mi",{mathvariant:"normal"},"Y")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{XY}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"XY")])])])]),a(" is "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.40"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"L")]),s("annotation",{encoding:"application/x-tex"},"0.40 \\mathrm{~mol} / \\mathrm{L}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.40"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"L")])])]),a(".")],-1),h=s("ul",null,[s("li",null,[a("What is the value of the rate constant, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k")]),s("annotation",{encoding:"application/x-tex"},"k")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])])]),a(", for the reaction? "),s("ul",{class:"contains-task-list"},[s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.10"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"0.10 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.10"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])]),s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.40"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"0.40 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.40"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])]),s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",checked:"",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"1.0 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])]),s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2.5"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"2.5 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2.5"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])])])])],-1),d=s("h2",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),u=s("p",null,[a("lo tind the value of the rate constant for the reaction, let's first solve the rate law for "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k")]),s("annotation",{encoding:"application/x-tex"},"k")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])])]),a(" :")],-1),g=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k"),s("mo",null,"="),s("mfrac",null,[s("mtext",null," rate "),s("mrow",null,[s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"X"),s("mi",{mathvariant:"normal"},"Y")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")])])])]),s("annotation",{encoding:"application/x-tex"},"k=\\frac{\\text { rate }}{[\\mathrm{XY}]^2} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2281em","vertical-align":"-0.936em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2921em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"XY")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),y=s("p",null,"Next, let's plug in the initial rate and concentration given in the text:",-1),v=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mi",null,"k")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"0.16"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"L"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mn",null,"0.40"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"L"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mn",null,"2")])])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"0.16"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"L"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("mrow",null,[s("mn",null,"0.16"),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",{mathvariant:"normal"},"L"),s("mn",null,"2")])])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mn",null,"1.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} k & =\\frac{0.16 \\mathrm{~mol} /(\\mathrm{L} \\cdot \\mathrm{s})}{(0.40 \\mathrm{~mol} / \\mathrm{L})^2} \\\\ & =\\frac{0.16 \\mathrm{~mol} /(\\mathrm{L} \\cdot \\mathrm{s})}{0.16 \\mathrm{~mol}^2 / \\mathrm{L}^2} \\\\ & =1.0 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s}) \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"6.9284em","vertical-align":"-3.2142em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.7142em"}},[s("span",{style:{top:"-5.7142em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])]),s("span",{style:{top:"-3.0512em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-0.8728em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.2142em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.7142em"}},[s("span",{style:{top:"-5.7142em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"0.40"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-3.0512em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.2116em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8984em"}},[s("span",{style:{top:"-3.1473em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"L"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.0384em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-0.8728em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"1.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.2142em"}},[s("span")])])])])])])])])])])],-1),x=s("p",null,[a("So, the value of the rate constant for the reaction is "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"1.0 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])],-1);function w(k,b,f,L,M,_){const l=t;return n(),e("div",null,[c,r(l,{readTime:"1",words:"205"}),p,o,h,d,u,g,y,v,x])}const N=m(i,[["render",w]]);export{Y as __pageData,N as default};
diff --git a/assets/academic_chemistry_problems_03-02-2.md.26afa053.lean.js b/assets/academic_chemistry_problems_03-02-2.md.a4b8c746.lean.js
similarity index 99%
rename from assets/academic_chemistry_problems_03-02-2.md.26afa053.lean.js
rename to assets/academic_chemistry_problems_03-02-2.md.a4b8c746.lean.js
index 61dc227b..d086cbb7 100644
--- a/assets/academic_chemistry_problems_03-02-2.md.26afa053.lean.js
+++ b/assets/academic_chemistry_problems_03-02-2.md.a4b8c746.lean.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,o as n,c as e,H as r,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const Y=JSON.parse('{"title":"Problem: 03-02-2","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/03-02-2.md","filePath":"academic/chemistry/problems/03-02-2.md","lastUpdated":1695377563000}'),i={name:"academic/chemistry/problems/03-02-2.md"},c=s("h1",{id:"problem-03-02-2",tabindex:"-1"},[a("Problem: 03-02-2 "),s("a",{class:"header-anchor",href:"#problem-03-02-2","aria-label":'Permalink to "Problem: 03-02-2"'},"​")],-1),p=s("h2",{id:"question",tabindex:"-1"},[a("Question "),s("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),o=s("p",null,[a("The rate law for a particular reaction is rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"X"),s("mi",{mathvariant:"normal"},"Y")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"=k[\\mathrm{XY}]^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"XY")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])]),a(". In an experiment, the initial rate of the reaction is determined to be "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.16"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"L"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"0.16 \\mathrm{~mol} /(\\mathrm{L} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),a(" when the initial concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"X"),s("mi",{mathvariant:"normal"},"Y")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{XY}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"XY")])])])]),a(" is "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.40"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"L")]),s("annotation",{encoding:"application/x-tex"},"0.40 \\mathrm{~mol} / \\mathrm{L}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.40"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"L")])])]),a(".")],-1),h=s("ul",null,[s("li",null,[a("What is the value of the rate constant, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k")]),s("annotation",{encoding:"application/x-tex"},"k")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])])]),a(", for the reaction? "),s("ul",{class:"contains-task-list"},[s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.10"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"0.10 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.10"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])]),s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.40"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"0.40 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.40"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])]),s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",checked:"",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"1.0 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])]),s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2.5"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"2.5 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2.5"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])])])])],-1),d=s("h2",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),u=s("p",null,[a("lo tind the value of the rate constant for the reaction, let's first solve the rate law for "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k")]),s("annotation",{encoding:"application/x-tex"},"k")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])])]),a(" :")],-1),g=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k"),s("mo",null,"="),s("mfrac",null,[s("mtext",null," rate "),s("mrow",null,[s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"X"),s("mi",{mathvariant:"normal"},"Y")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")])])])]),s("annotation",{encoding:"application/x-tex"},"k=\\frac{\\text { rate }}{[\\mathrm{XY}]^2} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2281em","vertical-align":"-0.936em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2921em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"XY")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),y=s("p",null,"Next, let's plug in the initial rate and concentration given in the text:",-1),v=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mi",null,"k")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"0.16"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"L"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mn",null,"0.40"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"L"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mn",null,"2")])])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"0.16"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"L"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("mrow",null,[s("mn",null,"0.16"),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",{mathvariant:"normal"},"L"),s("mn",null,"2")])])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mn",null,"1.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} k & =\\frac{0.16 \\mathrm{~mol} /(\\mathrm{L} \\cdot \\mathrm{s})}{(0.40 \\mathrm{~mol} / \\mathrm{L})^2} \\\\ & =\\frac{0.16 \\mathrm{~mol} /(\\mathrm{L} \\cdot \\mathrm{s})}{0.16 \\mathrm{~mol}^2 / \\mathrm{L}^2} \\\\ & =1.0 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s}) \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"6.9284em","vertical-align":"-3.2142em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.7142em"}},[s("span",{style:{top:"-5.7142em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])]),s("span",{style:{top:"-3.0512em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-0.8728em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.2142em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.7142em"}},[s("span",{style:{top:"-5.7142em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"0.40"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-3.0512em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.2116em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8984em"}},[s("span",{style:{top:"-3.1473em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"L"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.0384em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-0.8728em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"1.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.2142em"}},[s("span")])])])])])])])])])])],-1),x=s("p",null,[a("So, the value of the rate constant for the reaction is "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"1.0 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])],-1);function w(k,b,f,L,M,_){const l=t;return n(),e("div",null,[c,r(l,{readTime:"1",words:"205"}),p,o,h,d,u,g,y,v,x])}const N=m(i,[["render",w]]);export{Y as __pageData,N as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,o as n,c as e,H as r,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const Y=JSON.parse('{"title":"Problem: 03-02-2","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/03-02-2.md","filePath":"academic/chemistry/problems/03-02-2.md","lastUpdated":1699051935000}'),i={name:"academic/chemistry/problems/03-02-2.md"},c=s("h1",{id:"problem-03-02-2",tabindex:"-1"},[a("Problem: 03-02-2 "),s("a",{class:"header-anchor",href:"#problem-03-02-2","aria-label":'Permalink to "Problem: 03-02-2"'},"​")],-1),p=s("h2",{id:"question",tabindex:"-1"},[a("Question "),s("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),o=s("p",null,[a("The rate law for a particular reaction is rate "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("mi",null,"k"),s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"X"),s("mi",{mathvariant:"normal"},"Y")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"=k[\\mathrm{XY}]^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"XY")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])]),a(". In an experiment, the initial rate of the reaction is determined to be "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.16"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"L"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"0.16 \\mathrm{~mol} /(\\mathrm{L} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),a(" when the initial concentration of "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"X"),s("mi",{mathvariant:"normal"},"Y")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{XY}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"XY")])])])]),a(" is "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.40"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"L")]),s("annotation",{encoding:"application/x-tex"},"0.40 \\mathrm{~mol} / \\mathrm{L}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.40"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"L")])])]),a(".")],-1),h=s("ul",null,[s("li",null,[a("What is the value of the rate constant, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k")]),s("annotation",{encoding:"application/x-tex"},"k")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])])]),a(", for the reaction? "),s("ul",{class:"contains-task-list"},[s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.10"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"0.10 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.10"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])]),s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0.40"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"0.40 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0.40"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])]),s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",checked:"",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"1.0 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])]),s("li",{class:"task-list-item"},[s("input",{class:"task-list-item-checkbox",disabled:"",type:"checkbox"}),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2.5"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"2.5 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2.5"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])])])])],-1),d=s("h2",{id:"solution",tabindex:"-1"},[a("Solution "),s("a",{class:"header-anchor",href:"#solution","aria-label":'Permalink to "Solution"'},"​")],-1),u=s("p",null,[a("lo tind the value of the rate constant for the reaction, let's first solve the rate law for "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k")]),s("annotation",{encoding:"application/x-tex"},"k")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])])]),a(" :")],-1),g=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"k"),s("mo",null,"="),s("mfrac",null,[s("mtext",null," rate "),s("mrow",null,[s("mo",{stretchy:"false"},"["),s("mrow",null,[s("mi",{mathvariant:"normal"},"X"),s("mi",{mathvariant:"normal"},"Y")]),s("msup",null,[s("mo",{stretchy:"false"},"]"),s("mn",null,"2")])])])]),s("annotation",{encoding:"application/x-tex"},"k=\\frac{\\text { rate }}{[\\mathrm{XY}]^2} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2281em","vertical-align":"-0.936em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2921em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"XY")]),s("span",{class:"mclose"},[s("span",{class:"mclose"},"]"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," rate ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),y=s("p",null,"Next, let's plug in the initial rate and concentration given in the text:",-1),v=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mi",null,"k")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"0.16"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"L"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mn",null,"0.40"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"L"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mn",null,"2")])])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"0.16"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"L"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("mrow",null,[s("mn",null,"0.16"),s("msup",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",{mathvariant:"normal"},"L"),s("mn",null,"2")])])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mn",null,"1.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} k & =\\frac{0.16 \\mathrm{~mol} /(\\mathrm{L} \\cdot \\mathrm{s})}{(0.40 \\mathrm{~mol} / \\mathrm{L})^2} \\\\ & =\\frac{0.16 \\mathrm{~mol} /(\\mathrm{L} \\cdot \\mathrm{s})}{0.16 \\mathrm{~mol}^2 / \\mathrm{L}^2} \\\\ & =1.0 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s}) \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"6.9284em","vertical-align":"-3.2142em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.7142em"}},[s("span",{style:{top:"-5.7142em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k")])]),s("span",{style:{top:"-3.0512em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-0.8728em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.2142em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.7142em"}},[s("span",{style:{top:"-5.7142em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"0.40"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-3.0512em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.2116em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8984em"}},[s("span",{style:{top:"-3.1473em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"L"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"0.16"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathrm"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.0384em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-0.8728em"}},[s("span",{class:"pstrut",style:{height:"3.427em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"1.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.2142em"}},[s("span")])])])])])])])])])])],-1),x=s("p",null,[a("So, the value of the rate constant for the reaction is "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1.0"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"m"),s("mi",{mathvariant:"normal"},"o"),s("mi",{mathvariant:"normal"},"l")]),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"s"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"1.0 \\mathrm{~L} /(\\mathrm{mol} \\cdot \\mathrm{s})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1.0"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"mol")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"s"),s("span",{class:"mclose"},")")])])])],-1);function w(k,b,f,L,M,_){const l=t;return n(),e("div",null,[c,r(l,{readTime:"1",words:"205"}),p,o,h,d,u,g,y,v,x])}const N=m(i,[["render",w]]);export{Y as __pageData,N as default};
diff --git a/assets/academic_chemistry_problems_03-02-3.md.5c40792d.js b/assets/academic_chemistry_problems_03-02-3.md.152b3eb2.js
similarity index 99%
rename from assets/academic_chemistry_problems_03-02-3.md.5c40792d.js
rename to assets/academic_chemistry_problems_03-02-3.md.152b3eb2.js
index 2f175e2c..8c801708 100644
--- a/assets/academic_chemistry_problems_03-02-3.md.5c40792d.js
+++ b/assets/academic_chemistry_problems_03-02-3.md.152b3eb2.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,o as n,c as m,H as r,k as a,a as s,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const P=JSON.parse('{"title":"Problem 03-02-3","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/03-02-3.md","filePath":"academic/chemistry/problems/03-02-3.md","lastUpdated":1695377563000}'),i={name:"academic/chemistry/problems/03-02-3.md"},o=a("h1",{id:"problem-03-02-3",tabindex:"-1"},[s("Problem 03-02-3 "),a("a",{class:"header-anchor",href:"#problem-03-02-3","aria-label":'Permalink to "Problem 03-02-3"'},"​")],-1),h=a("h2",{id:"question",tabindex:"-1"},[s("Question "),a("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),p=a("p",{class:"katex-block"},[a("span",{class:"katex-display"},[a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[a("semantics",null,[a("mrow",null,[a("mn",null,"2"),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")"),a("mo",null,"+"),a("mn",null,"2"),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")"),a("mo",null,"→"),a("mi",{mathvariant:"normal"},"Q"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")"),a("mo",null,"+"),a("mn",null,"2"),a("mi",{mathvariant:"normal"},"R"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")")]),a("annotation",{encoding:"application/x-tex"},"2 \\mathrm{X}(g)+2 \\mathrm{Y}(g) \\rightarrow \\mathrm{Q}(g)+2 \\mathrm{R}(g) ")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord"},"2"),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),a("span",{class:"mbin"},"+"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord"},"2"),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")"),a("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),a("span",{class:"mrel"},"→"),a("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord mathrm"},"Q"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),a("span",{class:"mbin"},"+"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord"},"2"),a("span",{class:"mord mathrm"},"R"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")")])])])])],-1),d=a("p",null,[s("The reaction represented above is found to be second order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"X")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{X}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm"},"X")])])]),s(" and first order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"Y")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{Y}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y")])])]),s(".")],-1),g=a("p",null,[s("What happens to the rate of the reaction when "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is halved and "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is doubled?")],-1),u=c('
Solution ​
',2),x=a("p",null,[s("To solve this problem, let's first write out the rate law for the reaction. According to the text, the reaction is second order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"X")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{X}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm"},"X")])])]),s(" and first order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"Y")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{Y}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y")])])]),s(", so the rate law is rate "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",null,"="),a("mi",null,"k"),a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("msup",null,[a("mo",{stretchy:"false"},"]"),a("mn",null,"2")]),a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"=k[\\mathrm{X}]^2[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.3669em"}}),a("span",{class:"mrel"},"="),a("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},[a("span",{class:"mclose"},"]"),a("span",{class:"msupsub"},[a("span",{class:"vlist-t"},[a("span",{class:"vlist-r"},[a("span",{class:"vlist",style:{height:"0.8141em"}},[a("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[a("span",{class:"pstrut",style:{height:"2.7em"}}),a("span",{class:"sizing reset-size6 size3 mtight"},[a("span",{class:"mord mtight"},"2")])])])])])])]),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])])],-1),w=a("p",null,[s("Now, let's think about how the rate changes when "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is halved and "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is doubled. Since "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is raised to the second power in the rate law, halving "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" decreases the reaction rate by a factor of 4 . Similarly, since "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is raised to the first power, doubling "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" increases the reaction rate by a factor of 2 . Combined, these changes result in the reaction rate decreasing by a factor of 2 overall. So, when "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is halved and "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is doubled, the rate of the reaction decreases by a factor of 2 .")],-1);function y(k,f,b,M,v,_){const t=e;return n(),m("div",null,[o,r(t,{readTime:"1",words:"246"}),h,p,d,g,u,x,w])}const S=l(i,[["render",y]]);export{P as __pageData,S as default};
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,o as n,c as m,H as r,k as a,a as s,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const P=JSON.parse('{"title":"Problem 03-02-3","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/03-02-3.md","filePath":"academic/chemistry/problems/03-02-3.md","lastUpdated":1699051935000}'),i={name:"academic/chemistry/problems/03-02-3.md"},o=a("h1",{id:"problem-03-02-3",tabindex:"-1"},[s("Problem 03-02-3 "),a("a",{class:"header-anchor",href:"#problem-03-02-3","aria-label":'Permalink to "Problem 03-02-3"'},"​")],-1),h=a("h2",{id:"question",tabindex:"-1"},[s("Question "),a("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),p=a("p",{class:"katex-block"},[a("span",{class:"katex-display"},[a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[a("semantics",null,[a("mrow",null,[a("mn",null,"2"),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")"),a("mo",null,"+"),a("mn",null,"2"),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")"),a("mo",null,"→"),a("mi",{mathvariant:"normal"},"Q"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")"),a("mo",null,"+"),a("mn",null,"2"),a("mi",{mathvariant:"normal"},"R"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")")]),a("annotation",{encoding:"application/x-tex"},"2 \\mathrm{X}(g)+2 \\mathrm{Y}(g) \\rightarrow \\mathrm{Q}(g)+2 \\mathrm{R}(g) ")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord"},"2"),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),a("span",{class:"mbin"},"+"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord"},"2"),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")"),a("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),a("span",{class:"mrel"},"→"),a("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord mathrm"},"Q"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),a("span",{class:"mbin"},"+"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord"},"2"),a("span",{class:"mord mathrm"},"R"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")")])])])])],-1),d=a("p",null,[s("The reaction represented above is found to be second order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"X")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{X}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm"},"X")])])]),s(" and first order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"Y")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{Y}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y")])])]),s(".")],-1),g=a("p",null,[s("What happens to the rate of the reaction when "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is halved and "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is doubled?")],-1),u=c('
Solution ​
',2),x=a("p",null,[s("To solve this problem, let's first write out the rate law for the reaction. According to the text, the reaction is second order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"X")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{X}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm"},"X")])])]),s(" and first order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"Y")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{Y}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y")])])]),s(", so the rate law is rate "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",null,"="),a("mi",null,"k"),a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("msup",null,[a("mo",{stretchy:"false"},"]"),a("mn",null,"2")]),a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"=k[\\mathrm{X}]^2[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.3669em"}}),a("span",{class:"mrel"},"="),a("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},[a("span",{class:"mclose"},"]"),a("span",{class:"msupsub"},[a("span",{class:"vlist-t"},[a("span",{class:"vlist-r"},[a("span",{class:"vlist",style:{height:"0.8141em"}},[a("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[a("span",{class:"pstrut",style:{height:"2.7em"}}),a("span",{class:"sizing reset-size6 size3 mtight"},[a("span",{class:"mord mtight"},"2")])])])])])])]),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])])],-1),w=a("p",null,[s("Now, let's think about how the rate changes when "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is halved and "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is doubled. Since "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is raised to the second power in the rate law, halving "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" decreases the reaction rate by a factor of 4 . Similarly, since "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is raised to the first power, doubling "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" increases the reaction rate by a factor of 2 . Combined, these changes result in the reaction rate decreasing by a factor of 2 overall. So, when "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is halved and "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is doubled, the rate of the reaction decreases by a factor of 2 .")],-1);function y(k,f,b,M,v,_){const t=e;return n(),m("div",null,[o,r(t,{readTime:"1",words:"246"}),h,p,d,g,u,x,w])}const S=l(i,[["render",y]]);export{P as __pageData,S as default};
diff --git a/assets/academic_chemistry_problems_03-02-3.md.5c40792d.lean.js b/assets/academic_chemistry_problems_03-02-3.md.152b3eb2.lean.js
similarity index 99%
rename from assets/academic_chemistry_problems_03-02-3.md.5c40792d.lean.js
rename to assets/academic_chemistry_problems_03-02-3.md.152b3eb2.lean.js
index 1e066e5b..53a2133b 100644
--- a/assets/academic_chemistry_problems_03-02-3.md.5c40792d.lean.js
+++ b/assets/academic_chemistry_problems_03-02-3.md.152b3eb2.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,o as n,c as m,H as r,k as a,a as s,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const P=JSON.parse('{"title":"Problem 03-02-3","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/03-02-3.md","filePath":"academic/chemistry/problems/03-02-3.md","lastUpdated":1695377563000}'),i={name:"academic/chemistry/problems/03-02-3.md"},o=a("h1",{id:"problem-03-02-3",tabindex:"-1"},[s("Problem 03-02-3 "),a("a",{class:"header-anchor",href:"#problem-03-02-3","aria-label":'Permalink to "Problem 03-02-3"'},"​")],-1),h=a("h2",{id:"question",tabindex:"-1"},[s("Question "),a("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),p=a("p",{class:"katex-block"},[a("span",{class:"katex-display"},[a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[a("semantics",null,[a("mrow",null,[a("mn",null,"2"),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")"),a("mo",null,"+"),a("mn",null,"2"),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")"),a("mo",null,"→"),a("mi",{mathvariant:"normal"},"Q"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")"),a("mo",null,"+"),a("mn",null,"2"),a("mi",{mathvariant:"normal"},"R"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")")]),a("annotation",{encoding:"application/x-tex"},"2 \\mathrm{X}(g)+2 \\mathrm{Y}(g) \\rightarrow \\mathrm{Q}(g)+2 \\mathrm{R}(g) ")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord"},"2"),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),a("span",{class:"mbin"},"+"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord"},"2"),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")"),a("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),a("span",{class:"mrel"},"→"),a("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord mathrm"},"Q"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),a("span",{class:"mbin"},"+"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord"},"2"),a("span",{class:"mord mathrm"},"R"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")")])])])])],-1),d=a("p",null,[s("The reaction represented above is found to be second order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"X")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{X}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm"},"X")])])]),s(" and first order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"Y")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{Y}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y")])])]),s(".")],-1),g=a("p",null,[s("What happens to the rate of the reaction when "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is halved and "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is doubled?")],-1),u=c("",2),x=a("p",null,[s("To solve this problem, let's first write out the rate law for the reaction. According to the text, the reaction is second order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"X")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{X}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm"},"X")])])]),s(" and first order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"Y")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{Y}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y")])])]),s(", so the rate law is rate "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",null,"="),a("mi",null,"k"),a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("msup",null,[a("mo",{stretchy:"false"},"]"),a("mn",null,"2")]),a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"=k[\\mathrm{X}]^2[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.3669em"}}),a("span",{class:"mrel"},"="),a("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},[a("span",{class:"mclose"},"]"),a("span",{class:"msupsub"},[a("span",{class:"vlist-t"},[a("span",{class:"vlist-r"},[a("span",{class:"vlist",style:{height:"0.8141em"}},[a("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[a("span",{class:"pstrut",style:{height:"2.7em"}}),a("span",{class:"sizing reset-size6 size3 mtight"},[a("span",{class:"mord mtight"},"2")])])])])])])]),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])])],-1),w=a("p",null,[s("Now, let's think about how the rate changes when "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is halved and "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is doubled. Since "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is raised to the second power in the rate law, halving "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" decreases the reaction rate by a factor of 4 . Similarly, since "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is raised to the first power, doubling "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" increases the reaction rate by a factor of 2 . Combined, these changes result in the reaction rate decreasing by a factor of 2 overall. So, when "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is halved and "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is doubled, the rate of the reaction decreases by a factor of 2 .")],-1);function y(k,f,b,M,v,_){const t=e;return n(),m("div",null,[o,r(t,{readTime:"1",words:"246"}),h,p,d,g,u,x,w])}const S=l(i,[["render",y]]);export{P as __pageData,S as default};
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,o as n,c as m,H as r,k as a,a as s,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const P=JSON.parse('{"title":"Problem 03-02-3","description":"","frontmatter":{},"headers":[],"relativePath":"academic/chemistry/problems/03-02-3.md","filePath":"academic/chemistry/problems/03-02-3.md","lastUpdated":1699051935000}'),i={name:"academic/chemistry/problems/03-02-3.md"},o=a("h1",{id:"problem-03-02-3",tabindex:"-1"},[s("Problem 03-02-3 "),a("a",{class:"header-anchor",href:"#problem-03-02-3","aria-label":'Permalink to "Problem 03-02-3"'},"​")],-1),h=a("h2",{id:"question",tabindex:"-1"},[s("Question "),a("a",{class:"header-anchor",href:"#question","aria-label":'Permalink to "Question"'},"​")],-1),p=a("p",{class:"katex-block"},[a("span",{class:"katex-display"},[a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[a("semantics",null,[a("mrow",null,[a("mn",null,"2"),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")"),a("mo",null,"+"),a("mn",null,"2"),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")"),a("mo",null,"→"),a("mi",{mathvariant:"normal"},"Q"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")"),a("mo",null,"+"),a("mn",null,"2"),a("mi",{mathvariant:"normal"},"R"),a("mo",{stretchy:"false"},"("),a("mi",null,"g"),a("mo",{stretchy:"false"},")")]),a("annotation",{encoding:"application/x-tex"},"2 \\mathrm{X}(g)+2 \\mathrm{Y}(g) \\rightarrow \\mathrm{Q}(g)+2 \\mathrm{R}(g) ")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord"},"2"),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),a("span",{class:"mbin"},"+"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord"},"2"),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")"),a("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),a("span",{class:"mrel"},"→"),a("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord mathrm"},"Q"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),a("span",{class:"mbin"},"+"),a("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mord"},"2"),a("span",{class:"mord mathrm"},"R"),a("span",{class:"mopen"},"("),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),a("span",{class:"mclose"},")")])])])])],-1),d=a("p",null,[s("The reaction represented above is found to be second order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"X")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{X}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm"},"X")])])]),s(" and first order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"Y")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{Y}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y")])])]),s(".")],-1),g=a("p",null,[s("What happens to the rate of the reaction when "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is halved and "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is doubled?")],-1),u=c("",2),x=a("p",null,[s("To solve this problem, let's first write out the rate law for the reaction. According to the text, the reaction is second order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"X")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{X}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm"},"X")])])]),s(" and first order with respect to "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"Y")]),a("annotation",{encoding:"application/x-tex"},"\\mathrm{Y}")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.6833em"}}),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y")])])]),s(", so the rate law is rate "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",null,"="),a("mi",null,"k"),a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("msup",null,[a("mo",{stretchy:"false"},"]"),a("mn",null,"2")]),a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"=k[\\mathrm{X}]^2[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.3669em"}}),a("span",{class:"mrel"},"="),a("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),a("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},[a("span",{class:"mclose"},"]"),a("span",{class:"msupsub"},[a("span",{class:"vlist-t"},[a("span",{class:"vlist-r"},[a("span",{class:"vlist",style:{height:"0.8141em"}},[a("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[a("span",{class:"pstrut",style:{height:"2.7em"}}),a("span",{class:"sizing reset-size6 size3 mtight"},[a("span",{class:"mord mtight"},"2")])])])])])])]),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])])],-1),w=a("p",null,[s("Now, let's think about how the rate changes when "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is halved and "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is doubled. Since "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is raised to the second power in the rate law, halving "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" decreases the reaction rate by a factor of 4 . Similarly, since "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is raised to the first power, doubling "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" increases the reaction rate by a factor of 2 . Combined, these changes result in the reaction rate decreasing by a factor of 2 overall. So, when "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"X"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{X}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm"},"X"),a("span",{class:"mclose"},"]")])])]),s(" is halved and "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mo",{stretchy:"false"},"["),a("mi",{mathvariant:"normal"},"Y"),a("mo",{stretchy:"false"},"]")]),a("annotation",{encoding:"application/x-tex"},"[\\mathrm{Y}]")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),a("span",{class:"mopen"},"["),a("span",{class:"mord mathrm",style:{"margin-right":"0.025em"}},"Y"),a("span",{class:"mclose"},"]")])])]),s(" is doubled, the rate of the reaction decreases by a factor of 2 .")],-1);function y(k,f,b,M,v,_){const t=e;return n(),m("div",null,[o,r(t,{readTime:"1",words:"246"}),h,p,d,g,u,x,w])}const S=l(i,[["render",y]]);export{P as __pageData,S as default};
diff --git a/assets/academic_literature_index.md.72bce40a.js b/assets/academic_literature_index.md.bd51fa1c.js
similarity index 92%
rename from assets/academic_literature_index.md.72bce40a.js
rename to assets/academic_literature_index.md.bd51fa1c.js
index 9b5bc786..d6c6d09e 100644
--- a/assets/academic_literature_index.md.72bce40a.js
+++ b/assets/academic_literature_index.md.bd51fa1c.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,o,c,H as i,k as e,a as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const N=JSON.parse('{"title":"Welcome to Literature","description":"","frontmatter":{},"headers":[],"relativePath":"academic/literature/index.md","filePath":"academic/literature/index.md","lastUpdated":1695377563000}'),s={name:"academic/literature/index.md"},d=e("h1",{id:"welcome-to-literature",tabindex:"-1"},[n("Welcome to Literature "),e("a",{class:"header-anchor",href:"#welcome-to-literature","aria-label":'Permalink to "Welcome to Literature"'},"​")],-1);function l(m,_,p,u,f,h){const t=a;return o(),c("div",null,[d,i(t,{readTime:"1",words:"3"})])}const P=r(s,[["render",l]]);export{N as __pageData,P as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,o,c,H as i,k as e,a as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const N=JSON.parse('{"title":"Welcome to Literature","description":"","frontmatter":{},"headers":[],"relativePath":"academic/literature/index.md","filePath":"academic/literature/index.md","lastUpdated":1699051935000}'),s={name:"academic/literature/index.md"},d=e("h1",{id:"welcome-to-literature",tabindex:"-1"},[n("Welcome to Literature "),e("a",{class:"header-anchor",href:"#welcome-to-literature","aria-label":'Permalink to "Welcome to Literature"'},"​")],-1);function l(m,_,p,u,f,h){const t=a;return o(),c("div",null,[d,i(t,{readTime:"1",words:"3"})])}const P=r(s,[["render",l]]);export{N as __pageData,P as default};
diff --git a/assets/academic_literature_index.md.72bce40a.lean.js b/assets/academic_literature_index.md.bd51fa1c.lean.js
similarity index 92%
rename from assets/academic_literature_index.md.72bce40a.lean.js
rename to assets/academic_literature_index.md.bd51fa1c.lean.js
index 9b5bc786..d6c6d09e 100644
--- a/assets/academic_literature_index.md.72bce40a.lean.js
+++ b/assets/academic_literature_index.md.bd51fa1c.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,o,c,H as i,k as e,a as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const N=JSON.parse('{"title":"Welcome to Literature","description":"","frontmatter":{},"headers":[],"relativePath":"academic/literature/index.md","filePath":"academic/literature/index.md","lastUpdated":1695377563000}'),s={name:"academic/literature/index.md"},d=e("h1",{id:"welcome-to-literature",tabindex:"-1"},[n("Welcome to Literature "),e("a",{class:"header-anchor",href:"#welcome-to-literature","aria-label":'Permalink to "Welcome to Literature"'},"​")],-1);function l(m,_,p,u,f,h){const t=a;return o(),c("div",null,[d,i(t,{readTime:"1",words:"3"})])}const P=r(s,[["render",l]]);export{N as __pageData,P as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,o,c,H as i,k as e,a as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const N=JSON.parse('{"title":"Welcome to Literature","description":"","frontmatter":{},"headers":[],"relativePath":"academic/literature/index.md","filePath":"academic/literature/index.md","lastUpdated":1699051935000}'),s={name:"academic/literature/index.md"},d=e("h1",{id:"welcome-to-literature",tabindex:"-1"},[n("Welcome to Literature "),e("a",{class:"header-anchor",href:"#welcome-to-literature","aria-label":'Permalink to "Welcome to Literature"'},"​")],-1);function l(m,_,p,u,f,h){const t=a;return o(),c("div",null,[d,i(t,{readTime:"1",words:"3"})])}const P=r(s,[["render",l]]);export{N as __pageData,P as default};
diff --git a/assets/academic_literature_writing_methods-of-development.md.b70ad7bf.js b/assets/academic_literature_writing_methods-of-development.md.bcfb091e.js
similarity index 99%
rename from assets/academic_literature_writing_methods-of-development.md.b70ad7bf.js
rename to assets/academic_literature_writing_methods-of-development.md.bcfb091e.js
index 4665b294..e88fd665 100644
--- a/assets/academic_literature_writing_methods-of-development.md.b70ad7bf.js
+++ b/assets/academic_literature_writing_methods-of-development.md.bcfb091e.js
@@ -1 +1 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as i,c as n,H as r,k as e,a as s,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const z=JSON.parse('{"title":"Patterns of Organization and Methods of Development","description":"Literature methods of development article clip for review","frontmatter":{"title":"Patterns of Organization and Methods of Development","description":"Literature methods of development article clip for review"},"headers":[],"relativePath":"academic/literature/writing/methods-of-development.md","filePath":"academic/literature/writing/methods-of-development.md","lastUpdated":1695377563000}'),h={name:"academic/literature/writing/methods-of-development.md"},d=e("h1",{id:"patterns-of-organization-and-methods-of-development",tabindex:"-1"},[s("Patterns of Organization and Methods of Development "),e("a",{class:"header-anchor",href:"#patterns-of-organization-and-methods-of-development","aria-label":'Permalink to "Patterns of Organization and Methods of Development"'},"​")],-1),c=l('
Patterns of organization can help your readers follow the ideas within your essay and your paragraphs, but they can also work as methods of development to help you recognize and further develop ideas and relationships in your writing. Here are some strategies that can help you with both organization and development in your essays.
Major Patterns of Organization ​
A fruit pie.
Read the following sentences:
How did it feel to read the above list? A bit confusing, I would guess. That’s because the steps for making a pie were not well organized, and the steps don’t include enough detail for us to know exactly what we should do. (Like what are the dry and liquid ingredients?) We all know that starting instructions from the beginning and giving each detailed step in the order it should happen is vital to having a good outcome, in this case a yummy pie! But it’s not always so simple to know how to organize or develop ideas, and sometimes there’s more than one way, which complicates things even further.
First, let’s take a look at a couple of ways to think about organization.
General to Specific or Specific to General ​
It might be useful to think about organizing your topic like a triangle:
Two triangles. The first is an inverted pyramid for General to Specific, the second is a pyramid for Specific to General.
The first triangle represents starting with the most general, big picture information first, moving then to more detailed and often more personal information later in the paper. The second triangle represents an organizational structure that starts with the specific, small scale information first and then moves to the more global, big picture stuff.
For example, if your topic is traffic in Vancouver, British Columbia, an essay that uses the general-to-specific organizational structure might begin this way:
Many people consider Vancouver, British Columbia, to be a relaxed place to live. They would be shocked to know how bad the traffic is traveling major arteries into the city and even driving around the city itself.
An essay that uses the specific-to-general structure might start like this:
Transit is crowded, parking is expensive, and vehicles stop and go through the main streets of the city of Vancouver, British Columbia, and that is just once travelers brave the crowded arteries to enter the city; Vancouver’s traffic problem does not lend itself to the relaxed atmosphere many believe the city to have.
What’s the difference between these two introductions? And how might they appeal to the intended audience for this essay in different ways? The first introduction is looking at the big picture of the problem and mentions pollution’s impact on all citizens in Portland, while the second introduction focuses on one specific family. The first helps readers see how vast the problem really is, and the second helps connect readers to a real family, making an emotional appeal from the very beginning. Neither introduction is necessarily better. You’ll choose one over the other based on the kind of tone you’d like to create and how you’d like to affect your audience. It’s completely up to you to make this decision.
Does the Triangle Mean the Essay Keeps Getting More Specific or More Broad until the Very End? ​
The triangle is kind of a general guide, meaning you’re allowed to move around within it all you want. For example, it’s possible that each of your paragraphs will be its own triangle, starting with the general or specific and moving out or in. However, if you begin very broadly, it might be effective to end your essay in a more specific, personal way. And if you begin with a personal story, consider ending your essay by touching on the global impact and importance of your topic.
Are There Other Ways to Think about Organizing My Ideas? ​
Yes! Rather than thinking about which of your ideas are most specific or personal or which are more broad or universal, you might consider one of the following ways of organizing your ideas:
The section on Methods of Development, below, offers more detail about some of these organizational patterns, along with some others.
Choose one of the following topics, and practice writing a few opening sentences like we did above, once using the general-to-specific format and once using the specific-to-general. Which do you like better? What audience would be attracted to which one? Share with peers to see how others tackled this challenge. How would you rewrite their sentences? Why? Discuss your changes and listen to how your peers have revised your sentences. Taking in other people’s ideas will help you see new ways to approach your own writing and thinking.
 Topics:
Methods of Development ​
The methods of development covered here are best used as ways to look at what’s already happening in your draft and to consider how you might emphasize or expand on any existing patterns. You might already be familiar with some of these patterns because teachers will sometimes assign them as the purpose for writing an essay. For example, you might have been asked to write a cause-and-effect essay or a comparison-and-contrast essay.
It’s important to emphasize here that patterns of organization or methods of developing content usually happen naturally as a consequence of the way the writer engages with and organizes information while writing. That is to say, most writers don’t sit down and say, “I think I’ll write a cause-and-effect essay today.” Instead, a writer might be more likely to be interested in a topic, say, the state of drinking water in the local community, and as the writer begins to explore the topic, certain cause-and-effect relationships between environmental pollutants and the community water supply may begin to emerge.
So if these patterns just occur naturally in writing, what’s the use in knowing about them? Well, sometimes you might be revising a draft and notice that some of your paragraphs are a bit underdeveloped. Maybe they lack a clear topic, or maybe they lack support. In either case, you can look to these common methods of development to find ways to sharpen those vague topics or to add support where needed. Do you have a clear cause statement somewhere but you haven’t explored the effects? Are you lacking detail somewhere where a narrative story or historical chronology can help build reader interest and add support? Are you struggling to define an idea that might benefit from some comparison or contrast? Read on to consider some of the ways that these strategies can help you in revision.
Cause and Effect (or Effect and Cause) ​
Do you see a potential cause-and-effect relationship developing in your draft? The cause-and-effect pattern may be used to identify one or more causes followed by one or more effects or results. Or you may reverse this sequence and describe effects first and then the cause or causes. For example, the causes of water pollution might be followed by its effects on both humans and animals. You may use obvious transitions to clarify cause and effect, such as “What are the results? Here are some of them…” or you might simply use the words cause, effect, and result, to cue the reader about your about the relationships that you’re establishing.
Problem-Solution ​
At some point does your essay explore a problem or suggest a solution? The problem-solution pattern is commonly used in identifying something that’s wrong and in contemplating what might be done to remedy the situation. There are probably more ways to organize a problem-solution approach, but but here are three possibilities:
When the solution is stated at the end of the paper, the pattern is sometimes called the delayed proposal. For a hostile audience, it may be effective to describe the problem, show why other solutions do not work, and finally suggest the favored solution. You can emphasize the words problem and solution to signal these sections of your paper for your reader.
Chronology or Narrative ​
Do you need to develop support for a topic where telling a story can illustrate some important concept for your readers? Material arranged chronologically is explained as it occurs in time. A chronological or narrative method of development might help you find a way to add both interest and content to your essay. Material arranged chronologically is explained as it occurs in time. This pattern may be used to establish what has happened. Chronology or narrative can be a great way to introduce your essay by providing a background or history behind your topic. Or you may want to tell a story to develop one or more points in the body of your essay. You can use transitional words like then, next, and finally to make the parts of the chronology clear.
Comparison and Contrast ​
Are you trying to define something? Do you need your readers to understand what something is and what it is not? The comparison-and-contrast method of development is particularly useful in extending a definition, or anywhere you need to show how a subject is like or unlike another subject. For example, the statement is often made that drug abuse is a medical problem instead of a criminal justice issue. An author might attempt to prove this point by comparing drug addiction to AIDS, cancer, or heart disease to redefine the term “addiction” as a medical problem. A statement in opposition to this idea could just as easily establish contrast by explaining all the ways that addiction is different from what we traditionally understand as an illness. In seeking to establish comparison or contrast in your writing, some words or terms that might be useful are by contrast, in comparison, while, some, and others.
Summary
These four methods of development—cause and effect, problem-solution, chronology or narrative, and comparison and contrast—are just a few ways to organize and develop ideas and content in your essays. It’s important to note that they should not be a starting point for writers who want to write something authentic—something that they care deeply about. Instead, they can be a great way to help you look for what’s already happening with your topic or in a draft, to help you to write more, or to help you reorganize some parts of an essay that seem to lack connection or feel disjointed. Look for organizational patterns when you’re reading work by professional writers. Notice where they combine strategies (e.g., a problem-solution pattern that uses cause-and-effect organization, or a comparison-contrast pattern that uses narrative or chronology to develop similarities or differences). Pay attention to how different writers emphasize and develop their main ideas, and use what you find to inspire you in your own writing. Better yet, work on developing completely new patterns of your own.
Reference
  • This chapter was adapted from “Patterns of Organization and Methods of Development” in The Word on College Reading and Writing by Carol Burnell, Jaime Wood, Monique Babin, Susan Pesznecker, and Nicole Rosevear, which is licensed under a CC BY-NC 4.0 Licence. Adapted by Allison Kilgannon.
  • “Peach and lavender pie” by Heather Joan is licensed under a CC BY-NC-ND 2.0 Licence.
  • “General to Specific vs. Specific to General Triangles” by Carol Burnell, Jaime Wood, Monique Babin, Susan Pesznecker, and Nicole Rosevear is under a CC BY-NC 4.0 Licence.
  • Kilgannon, Allison. “Patterns of Organization and Methods of Development.” Opentextbc.ca, 20 Aug. 2021, opentextbc.ca/advancedenglish/chapter/patterns-of-organization-and-methods-of-development/#:~:text=These%20four%20methods%20of%20development.
',40);function p(u,m,f,g,y,b){const t=o;return i(),n("div",null,[d,r(t,{readTime:"13",words:"2.2k"}),c])}const _=a(h,[["render",p]]);export{z as __pageData,_ as default};
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as i,c as n,H as r,k as e,a as s,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const z=JSON.parse('{"title":"Patterns of Organization and Methods of Development","description":"Literature methods of development article clip for review","frontmatter":{"title":"Patterns of Organization and Methods of Development","description":"Literature methods of development article clip for review"},"headers":[],"relativePath":"academic/literature/writing/methods-of-development.md","filePath":"academic/literature/writing/methods-of-development.md","lastUpdated":1699051935000}'),h={name:"academic/literature/writing/methods-of-development.md"},d=e("h1",{id:"patterns-of-organization-and-methods-of-development",tabindex:"-1"},[s("Patterns of Organization and Methods of Development "),e("a",{class:"header-anchor",href:"#patterns-of-organization-and-methods-of-development","aria-label":'Permalink to "Patterns of Organization and Methods of Development"'},"​")],-1),c=l('
Patterns of organization can help your readers follow the ideas within your essay and your paragraphs, but they can also work as methods of development to help you recognize and further develop ideas and relationships in your writing. Here are some strategies that can help you with both organization and development in your essays.
Major Patterns of Organization ​
A fruit pie.
Read the following sentences:
How did it feel to read the above list? A bit confusing, I would guess. That’s because the steps for making a pie were not well organized, and the steps don’t include enough detail for us to know exactly what we should do. (Like what are the dry and liquid ingredients?) We all know that starting instructions from the beginning and giving each detailed step in the order it should happen is vital to having a good outcome, in this case a yummy pie! But it’s not always so simple to know how to organize or develop ideas, and sometimes there’s more than one way, which complicates things even further.
First, let’s take a look at a couple of ways to think about organization.
General to Specific or Specific to General ​
It might be useful to think about organizing your topic like a triangle:
Two triangles. The first is an inverted pyramid for General to Specific, the second is a pyramid for Specific to General.
The first triangle represents starting with the most general, big picture information first, moving then to more detailed and often more personal information later in the paper. The second triangle represents an organizational structure that starts with the specific, small scale information first and then moves to the more global, big picture stuff.
For example, if your topic is traffic in Vancouver, British Columbia, an essay that uses the general-to-specific organizational structure might begin this way:
Many people consider Vancouver, British Columbia, to be a relaxed place to live. They would be shocked to know how bad the traffic is traveling major arteries into the city and even driving around the city itself.
An essay that uses the specific-to-general structure might start like this:
Transit is crowded, parking is expensive, and vehicles stop and go through the main streets of the city of Vancouver, British Columbia, and that is just once travelers brave the crowded arteries to enter the city; Vancouver’s traffic problem does not lend itself to the relaxed atmosphere many believe the city to have.
What’s the difference between these two introductions? And how might they appeal to the intended audience for this essay in different ways? The first introduction is looking at the big picture of the problem and mentions pollution’s impact on all citizens in Portland, while the second introduction focuses on one specific family. The first helps readers see how vast the problem really is, and the second helps connect readers to a real family, making an emotional appeal from the very beginning. Neither introduction is necessarily better. You’ll choose one over the other based on the kind of tone you’d like to create and how you’d like to affect your audience. It’s completely up to you to make this decision.
Does the Triangle Mean the Essay Keeps Getting More Specific or More Broad until the Very End? ​
The triangle is kind of a general guide, meaning you’re allowed to move around within it all you want. For example, it’s possible that each of your paragraphs will be its own triangle, starting with the general or specific and moving out or in. However, if you begin very broadly, it might be effective to end your essay in a more specific, personal way. And if you begin with a personal story, consider ending your essay by touching on the global impact and importance of your topic.
Are There Other Ways to Think about Organizing My Ideas? ​
Yes! Rather than thinking about which of your ideas are most specific or personal or which are more broad or universal, you might consider one of the following ways of organizing your ideas:
The section on Methods of Development, below, offers more detail about some of these organizational patterns, along with some others.
Choose one of the following topics, and practice writing a few opening sentences like we did above, once using the general-to-specific format and once using the specific-to-general. Which do you like better? What audience would be attracted to which one? Share with peers to see how others tackled this challenge. How would you rewrite their sentences? Why? Discuss your changes and listen to how your peers have revised your sentences. Taking in other people’s ideas will help you see new ways to approach your own writing and thinking.
 Topics:
Methods of Development ​
The methods of development covered here are best used as ways to look at what’s already happening in your draft and to consider how you might emphasize or expand on any existing patterns. You might already be familiar with some of these patterns because teachers will sometimes assign them as the purpose for writing an essay. For example, you might have been asked to write a cause-and-effect essay or a comparison-and-contrast essay.
It’s important to emphasize here that patterns of organization or methods of developing content usually happen naturally as a consequence of the way the writer engages with and organizes information while writing. That is to say, most writers don’t sit down and say, “I think I’ll write a cause-and-effect essay today.” Instead, a writer might be more likely to be interested in a topic, say, the state of drinking water in the local community, and as the writer begins to explore the topic, certain cause-and-effect relationships between environmental pollutants and the community water supply may begin to emerge.
So if these patterns just occur naturally in writing, what’s the use in knowing about them? Well, sometimes you might be revising a draft and notice that some of your paragraphs are a bit underdeveloped. Maybe they lack a clear topic, or maybe they lack support. In either case, you can look to these common methods of development to find ways to sharpen those vague topics or to add support where needed. Do you have a clear cause statement somewhere but you haven’t explored the effects? Are you lacking detail somewhere where a narrative story or historical chronology can help build reader interest and add support? Are you struggling to define an idea that might benefit from some comparison or contrast? Read on to consider some of the ways that these strategies can help you in revision.
Cause and Effect (or Effect and Cause) ​
Do you see a potential cause-and-effect relationship developing in your draft? The cause-and-effect pattern may be used to identify one or more causes followed by one or more effects or results. Or you may reverse this sequence and describe effects first and then the cause or causes. For example, the causes of water pollution might be followed by its effects on both humans and animals. You may use obvious transitions to clarify cause and effect, such as “What are the results? Here are some of them…” or you might simply use the words cause, effect, and result, to cue the reader about your about the relationships that you’re establishing.
Problem-Solution ​
At some point does your essay explore a problem or suggest a solution? The problem-solution pattern is commonly used in identifying something that’s wrong and in contemplating what might be done to remedy the situation. There are probably more ways to organize a problem-solution approach, but but here are three possibilities:
When the solution is stated at the end of the paper, the pattern is sometimes called the delayed proposal. For a hostile audience, it may be effective to describe the problem, show why other solutions do not work, and finally suggest the favored solution. You can emphasize the words problem and solution to signal these sections of your paper for your reader.
Chronology or Narrative ​
Do you need to develop support for a topic where telling a story can illustrate some important concept for your readers? Material arranged chronologically is explained as it occurs in time. A chronological or narrative method of development might help you find a way to add both interest and content to your essay. Material arranged chronologically is explained as it occurs in time. This pattern may be used to establish what has happened. Chronology or narrative can be a great way to introduce your essay by providing a background or history behind your topic. Or you may want to tell a story to develop one or more points in the body of your essay. You can use transitional words like then, next, and finally to make the parts of the chronology clear.
Comparison and Contrast ​
Are you trying to define something? Do you need your readers to understand what something is and what it is not? The comparison-and-contrast method of development is particularly useful in extending a definition, or anywhere you need to show how a subject is like or unlike another subject. For example, the statement is often made that drug abuse is a medical problem instead of a criminal justice issue. An author might attempt to prove this point by comparing drug addiction to AIDS, cancer, or heart disease to redefine the term “addiction” as a medical problem. A statement in opposition to this idea could just as easily establish contrast by explaining all the ways that addiction is different from what we traditionally understand as an illness. In seeking to establish comparison or contrast in your writing, some words or terms that might be useful are by contrast, in comparison, while, some, and others.
Summary
These four methods of development—cause and effect, problem-solution, chronology or narrative, and comparison and contrast—are just a few ways to organize and develop ideas and content in your essays. It’s important to note that they should not be a starting point for writers who want to write something authentic—something that they care deeply about. Instead, they can be a great way to help you look for what’s already happening with your topic or in a draft, to help you to write more, or to help you reorganize some parts of an essay that seem to lack connection or feel disjointed. Look for organizational patterns when you’re reading work by professional writers. Notice where they combine strategies (e.g., a problem-solution pattern that uses cause-and-effect organization, or a comparison-contrast pattern that uses narrative or chronology to develop similarities or differences). Pay attention to how different writers emphasize and develop their main ideas, and use what you find to inspire you in your own writing. Better yet, work on developing completely new patterns of your own.
Reference
  • This chapter was adapted from “Patterns of Organization and Methods of Development” in The Word on College Reading and Writing by Carol Burnell, Jaime Wood, Monique Babin, Susan Pesznecker, and Nicole Rosevear, which is licensed under a CC BY-NC 4.0 Licence. Adapted by Allison Kilgannon.
  • “Peach and lavender pie” by Heather Joan is licensed under a CC BY-NC-ND 2.0 Licence.
  • “General to Specific vs. Specific to General Triangles” by Carol Burnell, Jaime Wood, Monique Babin, Susan Pesznecker, and Nicole Rosevear is under a CC BY-NC 4.0 Licence.
  • Kilgannon, Allison. “Patterns of Organization and Methods of Development.” Opentextbc.ca, 20 Aug. 2021, opentextbc.ca/advancedenglish/chapter/patterns-of-organization-and-methods-of-development/#:~:text=These%20four%20methods%20of%20development.
',40);function p(u,m,f,g,y,b){const t=o;return i(),n("div",null,[d,r(t,{readTime:"13",words:"2.2k"}),c])}const _=a(h,[["render",p]]);export{z as __pageData,_ as default};
diff --git a/assets/academic_literature_writing_methods-of-development.md.b70ad7bf.lean.js b/assets/academic_literature_writing_methods-of-development.md.bcfb091e.lean.js
similarity index 90%
rename from assets/academic_literature_writing_methods-of-development.md.b70ad7bf.lean.js
rename to assets/academic_literature_writing_methods-of-development.md.bcfb091e.lean.js
index c84bf8ac..7195e202 100644
--- a/assets/academic_literature_writing_methods-of-development.md.b70ad7bf.lean.js
+++ b/assets/academic_literature_writing_methods-of-development.md.bcfb091e.lean.js
@@ -1 +1 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as i,c as n,H as r,k as e,a as s,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const z=JSON.parse('{"title":"Patterns of Organization and Methods of Development","description":"Literature methods of development article clip for review","frontmatter":{"title":"Patterns of Organization and Methods of Development","description":"Literature methods of development article clip for review"},"headers":[],"relativePath":"academic/literature/writing/methods-of-development.md","filePath":"academic/literature/writing/methods-of-development.md","lastUpdated":1695377563000}'),h={name:"academic/literature/writing/methods-of-development.md"},d=e("h1",{id:"patterns-of-organization-and-methods-of-development",tabindex:"-1"},[s("Patterns of Organization and Methods of Development "),e("a",{class:"header-anchor",href:"#patterns-of-organization-and-methods-of-development","aria-label":'Permalink to "Patterns of Organization and Methods of Development"'},"​")],-1),c=l("",40);function p(u,m,f,g,y,b){const t=o;return i(),n("div",null,[d,r(t,{readTime:"13",words:"2.2k"}),c])}const _=a(h,[["render",p]]);export{z as __pageData,_ as default};
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as i,c as n,H as r,k as e,a as s,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const z=JSON.parse('{"title":"Patterns of Organization and Methods of Development","description":"Literature methods of development article clip for review","frontmatter":{"title":"Patterns of Organization and Methods of Development","description":"Literature methods of development article clip for review"},"headers":[],"relativePath":"academic/literature/writing/methods-of-development.md","filePath":"academic/literature/writing/methods-of-development.md","lastUpdated":1699051935000}'),h={name:"academic/literature/writing/methods-of-development.md"},d=e("h1",{id:"patterns-of-organization-and-methods-of-development",tabindex:"-1"},[s("Patterns of Organization and Methods of Development "),e("a",{class:"header-anchor",href:"#patterns-of-organization-and-methods-of-development","aria-label":'Permalink to "Patterns of Organization and Methods of Development"'},"​")],-1),c=l("",40);function p(u,m,f,g,y,b){const t=o;return i(),n("div",null,[d,r(t,{readTime:"13",words:"2.2k"}),c])}const _=a(h,[["render",p]]);export{z as __pageData,_ as default};
diff --git a/assets/academic_physics_index.md.62b4f030.js b/assets/academic_physics_index.md.6ec0ff5a.js
similarity index 92%
rename from assets/academic_physics_index.md.62b4f030.js
rename to assets/academic_physics_index.md.6ec0ff5a.js
index a19c6e53..dde4619c 100644
--- a/assets/academic_physics_index.md.62b4f030.js
+++ b/assets/academic_physics_index.md.6ec0ff5a.js
@@ -1 +1 @@
-import{_ as s}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as c,c as o,H as i,k as e,a as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Welcome to Physics","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/index.md","filePath":"academic/physics/index.md","lastUpdated":1695377563000}'),n={name:"academic/physics/index.md"},d=e("h1",{id:"welcome-to-physics",tabindex:"-1"},[r("Welcome to Physics "),e("a",{class:"header-anchor",href:"#welcome-to-physics","aria-label":'Permalink to "Welcome to Physics"'},"​")],-1);function m(p,l,_,h,f,x){const a=s;return c(),o("div",null,[d,i(a,{readTime:"1",words:"3"})])}const k=t(n,[["render",m]]);export{$ as __pageData,k as default};
+import{_ as s}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as c,c as o,H as i,k as e,a as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Welcome to Physics","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/index.md","filePath":"academic/physics/index.md","lastUpdated":1699051935000}'),n={name:"academic/physics/index.md"},d=e("h1",{id:"welcome-to-physics",tabindex:"-1"},[r("Welcome to Physics "),e("a",{class:"header-anchor",href:"#welcome-to-physics","aria-label":'Permalink to "Welcome to Physics"'},"​")],-1);function m(p,l,_,h,f,x){const a=s;return c(),o("div",null,[d,i(a,{readTime:"1",words:"3"})])}const k=t(n,[["render",m]]);export{$ as __pageData,k as default};
diff --git a/assets/academic_physics_index.md.62b4f030.lean.js b/assets/academic_physics_index.md.6ec0ff5a.lean.js
similarity index 92%
rename from assets/academic_physics_index.md.62b4f030.lean.js
rename to assets/academic_physics_index.md.6ec0ff5a.lean.js
index a19c6e53..dde4619c 100644
--- a/assets/academic_physics_index.md.62b4f030.lean.js
+++ b/assets/academic_physics_index.md.6ec0ff5a.lean.js
@@ -1 +1 @@
-import{_ as s}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as c,c as o,H as i,k as e,a as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Welcome to Physics","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/index.md","filePath":"academic/physics/index.md","lastUpdated":1695377563000}'),n={name:"academic/physics/index.md"},d=e("h1",{id:"welcome-to-physics",tabindex:"-1"},[r("Welcome to Physics "),e("a",{class:"header-anchor",href:"#welcome-to-physics","aria-label":'Permalink to "Welcome to Physics"'},"​")],-1);function m(p,l,_,h,f,x){const a=s;return c(),o("div",null,[d,i(a,{readTime:"1",words:"3"})])}const k=t(n,[["render",m]]);export{$ as __pageData,k as default};
+import{_ as s}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as c,c as o,H as i,k as e,a as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Welcome to Physics","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/index.md","filePath":"academic/physics/index.md","lastUpdated":1699051935000}'),n={name:"academic/physics/index.md"},d=e("h1",{id:"welcome-to-physics",tabindex:"-1"},[r("Welcome to Physics "),e("a",{class:"header-anchor",href:"#welcome-to-physics","aria-label":'Permalink to "Welcome to Physics"'},"​")],-1);function m(p,l,_,h,f,x){const a=s;return c(),o("div",null,[d,i(a,{readTime:"1",words:"3"})])}const k=t(n,[["render",m]]);export{$ as __pageData,k as default};
diff --git a/assets/academic_physics_ipho-formulas-jpn_1.md.fa61cf48.js b/assets/academic_physics_ipho-formulas-jpn_1.md.b1c8984c.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_1.md.fa61cf48.js
rename to assets/academic_physics_ipho-formulas-jpn_1.md.b1c8984c.js
index 1d589bad..ba4e83cc 100644
--- a/assets/academic_physics_ipho-formulas-jpn_1.md.fa61cf48.js
+++ b/assets/academic_physics_ipho-formulas-jpn_1.md.b1c8984c.js
@@ -1,4 +1,4 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,C as i,o as p,c,H as l,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const as=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 1","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/1.md","filePath":"academic/physics/ipho-formulas-jpn/1.md","lastUpdated":1695377563000}'),h={name:"academic/physics/ipho-formulas-jpn/1.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-1",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 1 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-1","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 1"'},"​")],-1),g=s("h2",{id:"_1-数学",tabindex:"-1"},[a("1: 数学 "),s("a",{class:"header-anchor",href:"#_1-数学","aria-label":'Permalink to "1: 数学"'},"​")],-1),u=s("h3",{id:"_1-1-taylor-展開",tabindex:"-1"},[a("1.1: Taylor 展開 "),s("a",{class:"header-anchor",href:"#_1-1-taylor-展開","aria-label":'Permalink to "1.1: Taylor 展開"'},"​")],-1),y=s("ol",null,[s("li",null,[s("p",null,"Taylor 展開（アバウトに切り捨てる:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",{stretchy:"false"},"("),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"F"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mo",null,"+"),s("mo",null,"∑"),s("msup",null,[s("mi",null,"F"),s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"n"),s("mo",{stretchy:"false"},")")])]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"x"),s("mo",null,"−"),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mi",null,"n")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"F(x)=F\\left(x_{0}\\right)+\\sum F^{(n)}\\left(x_{0}\\right)\\left(x-x_{0}\\right)^{n} / n ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.938em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mopen mtight"},"("),s("span",{class:"mord mathnormal mtight"},"n"),s("span",{class:"mclose mtight"},")")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8043em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"n")])])])])]),s("p",null,"線形近似（特別な場合）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",{stretchy:"false"},"("),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",null,"≈"),s("mi",null,"F"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"F"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"x"),s("mo",null,"−"),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"F(x) \\approx F\\left(x_{0}\\right)+F^{\\prime}\\left(x_{0}\\right)\\left(x-x_{0}\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0519em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8019em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])])])])]),s("p",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"x"),s("mi",{mathvariant:"normal"},"∣"),s("mo",null,"≪"),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"|x| \\ll 1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"1")])])]),a(" のときの例 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":")]),s("annotation",{encoding:"application/x-tex"},":")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":")])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"x"),s("mo",null,"≈"),s("mi",null,"x"),s("mo",{separator:"true"},","),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"x"),s("mo",null,"≈"),s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mo",{separator:"true"},","),s("msup",null,[s("mi",null,"e"),s("mi",null,"x")]),s("mo",null,"≈"),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x")]),s("annotation",{encoding:"application/x-tex"},"\\sin x \\approx x, \\cos x \\approx 1-x^{2} / 2, e^{x} \\approx 1+x ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6679em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6776em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])]),s("span",{class:"mord"},"/2"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"x")])])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ln"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",null,"≈"),s("mi",null,"x"),s("mo",{separator:"true"},","),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mi",null,"n")]),s("mo",null,"≈"),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"n"),s("mi",null,"x")]),s("annotation",{encoding:"application/x-tex"},"\\ln (1+x) \\approx x,(1+x)^{n} \\approx 1+n x ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"ln"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord mathnormal"},"x")])])])])])])],-1),d=s("h3",{id:"_1-2-摂動法",tabindex:"-1"},[a("1.2: 摂動法 "),s("a",{class:"header-anchor",href:"#_1-2-摂動法","aria-label":'Permalink to "1.2: 摂動法"'},"​")],-1),v=s("ol",{start:"2"},[s("li",null,[a("摂動法：摂動のない（直接解ける）問題の解を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(" 番目の近似値として求め，前の似値に基づく次の近似値の補正を繰り返して解を求める．")])],-1),b=s("h3",{id:"_1-3-定数係数線形微分方程式",tabindex:"-1"},[a("1.3: 定数係数線形微分方程式 "),s("a",{class:"header-anchor",href:"#_1-3-定数係数線形微分方程式","aria-label":'Permalink to "1.3: 定数係数線形微分方程式"'},"​")],-1),x=s("ol",{start:"3"},[s("li",null,[s("p",null,[a("定数係数線形微分方程式 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("msup",null,[s("mi",null,"y"),s("mrow",null,[s("mo",{mathvariant:"normal"},"′"),s("mo",{mathvariant:"normal"},"′")])]),s("mo",null,"+"),s("mi",null,"b"),s("msup",null,[s("mi",null,"y"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"+"),s("mi",null,"c"),s("mi",null,"y"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"a y^{\\prime \\prime}+b y^{\\prime}+c y=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9463em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9463em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"cy"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(" の解:")]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"y"),s("mo",null,"="),s("mi",null,"A"),s("mi",null,"exp"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"λ"),s("mn",null,"1")]),s("mi",null,"x"),s("mo",{fence:"true"},")")]),s("mo",null,"+"),s("mi",null,"B"),s("mi",null,"exp"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"λ"),s("mn",null,"2")]),s("mi",null,"x"),s("mo",{fence:"true"},")")]),s("mtext",null,". ")]),s("annotation",{encoding:"application/x-tex"},"y=A \\exp \\left(\\lambda_1 x\\right)+B \\exp \\left(\\lambda_2 x\\right) \\text {. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"exp"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"exp"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"},". ")])])])])])]),s("p",null,[a("ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"λ"),s("mrow",null,[s("mn",null,"1"),s("mo",{separator:"true"},","),s("mn",null,"2")])])]),s("annotation",{encoding:"application/x-tex"},"\\lambda_{1,2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9805em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1"),s("span",{class:"mpunct mtight"},","),s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])])])])]),a(" は特性方程式 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("msup",null,[s("mi",null,"λ"),s("mn",null,"2")]),s("mo",null,"+"),s("mi",null,"b"),s("mi",null,"λ"),s("mo",null,"+"),s("mi",null,"c"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"a \\lambda^2+b \\lambda+c=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8974em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"bλ"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(" の異な る 2 解. もし "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("mo",{separator:"true"},","),s("mi",null,"b"),s("mo",{separator:"true"},","),s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"a, b, c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"c")])])]),a(" が実数で特性方程式の解が複素数 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"λ"),s("mrow",null,[s("mn",null,"1"),s("mo",{separator:"true"},","),s("mn",null,"2")])]),s("mo",null,"="),s("mi",null,"γ"),s("mo",null,"±"),s("mi",null,"i"),s("mi",null,"ω")]),s("annotation",{encoding:"application/x-tex"},"\\lambda_{1,2}=\\gamma \\pm i \\omega")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9805em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1"),s("span",{class:"mpunct mtight"},","),s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6595em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"iω")])])]),a(" ならば,")]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"y"),s("mo",null,"="),s("mi",null,"C"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"γ"),s("mi",null,"x")])]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"ω"),s("mi",null,"x"),s("mo",null,"+"),s("msub",null,[s("mi",null,"φ"),s("mn",null,"0")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"y=C e^{\\gamma x} \\sin \\left(\\omega x+\\varphi_0\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mord mathnormal mtight"},"x")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])])])])])])],-1),z=s("h3",{id:"_1-4-複素数",tabindex:"-1"},[a("1.4: 複素数 "),s("a",{class:"header-anchor",href:"#_1-4-複素数","aria-label":'Permalink to "1.4: 複素数"'},"​")],-1),f=s("ol",{start:"4"},[s("li",null,[s("p",null,"複素数"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"z"),s("mo",null,"="),s("mi",null,"a"),s("mo",null,"+"),s("mi",null,"b"),s("mi",null,"i"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("mi",{mathvariant:"normal"},"∣"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",{separator:"true"},","),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",null,"="),s("mi",null,"a"),s("mo",null,"−"),s("mi",null,"b"),s("mi",null,"i"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("mi",{mathvariant:"normal"},"∣"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"i"),s("mi",null,"φ")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("msup",null,[s("mi",{mathvariant:"normal"},"∣"),s("mn",null,"2")]),s("mo",null,"="),s("mi",null,"z"),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",null,"="),s("msup",null,[s("mi",null,"a"),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"b"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"φ"),s("mo",null,"="),s("mi",null,"arg"),s("mo",null,"⁡"),s("mi",null,"z"),s("mo",null,"="),s("mi",null,"arcsin"),s("mo",null,"⁡"),s("mfrac",null,[s("mi",null,"b"),s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("mi",{mathvariant:"normal"},"∣")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"normal"},"Re"),s("mo",null,"⁡"),s("mi",null,"z"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"z"),s("mo",null,"+"),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"normal"},"Im"),s("mo",null,"⁡"),s("mi",null,"z"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"z"),s("mo",null,"−"),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mi",null,"i")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow",null,[s("mo",{fence:"true"},"∣"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")]),s("mo",{fence:"true"},"∣")]),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"∣"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("mo",{fence:"true"},"∣")]),s("mrow",null,[s("mo",{fence:"true"},"∣"),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")]),s("mo",{fence:"true"},"∣")]),s("mo",{separator:"true"},","),s("mi",null,"arg"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")]),s("mo",null,"="),s("mi",null,"arg"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("mo",null,"+"),s("mi",null,"arg"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",null,"="),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",null,"+"),s("mi",null,"i"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",null,"+"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"i"),s("mi",null,"φ")])])]),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",null,"−"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"i"),s("mi",null,"φ")])])]),s("mrow",null,[s("mn",null,"2"),s("mi",null,"i")])])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} z=a+b i=|z| e^{i \\varphi}, \\bar{z}=a-b i=|z| e^{-i \\varphi} \\\\ |z|^2=z \\bar{z}=a^2+b^2, \\varphi=\\arg z=\\arcsin \\frac{b}{|z|} \\\\ \\operatorname{Re} z=(z+\\bar{z}) / 2, \\operatorname{Im} z=(z-\\bar{z}) / 2 i \\\\ \\left|z_1 z_2\\right|=\\left|z_1\\right|\\left|z_2\\right|, \\arg z_1 z_2=\\arg z_1+\\arg z_2 \\\\ e^{i \\varphi}=\\cos \\varphi+i \\sin \\varphi \\\\ \\cos \\varphi=\\frac{e^{i \\varphi}+e^{-i \\varphi}}{2}, \\sin \\varphi=\\frac{e^{i \\varphi}-e^{-i \\varphi}}{2 i} \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"11.1644em","vertical-align":"-5.3322em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.8322em"}},[s("span",{style:{top:"-8.4592em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"bi"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8747em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"bi"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8747em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])])])]),s("span",{style:{top:"-6.4278em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"arcsin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},"∣")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-4.3518em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"Re")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/2"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"Im")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/2"),s("span",{class:"mord mathnormal"},"i")])]),s("span",{style:{top:"-2.8518em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"∣")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"∣")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"∣")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-1.3171em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8747em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ")])]),s("span",{style:{top:"0.8446em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5017em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5017em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"i")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.3322em"}},[s("span")])])])])])])])])])])])])],-1),w=s("h3",{id:"_1-5-ベクトルの内積と外積",tabindex:"-1"},[a("1.5: ベクトルの内積と外積 "),s("a",{class:"header-anchor",href:"#_1-5-ベクトルの内積と外積","aria-label":'Permalink to "1.5: ベクトルの内積と外積"'},"​")],-1),k=s("ol",{start:"5"},[s("li",null,[s("p",null,[a("ベクトルの内積と外積は分配法則が成立する : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("mo",{stretchy:"false"},"("),s("mi",null,"b"),s("mo",null,"+"),s("mi",null,"c"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mo",null,"+"),s("mi",null,"a"),s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"a(b+c)=a b+a c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord mathnormal"},"c")])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"="),s("msub",null,[s("mi",null,"a"),s("mi",null,"x")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"x")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"a"),s("mi",null,"y")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"y")]),s("mo",null,"+"),s("mo",null,"⋯"),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"φ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mi",{mathvariant:"normal"},"∣"),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"="),s("mo",null,"−"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⊥"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"b")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"a"),s("mi",null,"y")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"z")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"a"),s("mi",null,"z")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"y")]),s("mo",{fence:"true"},")")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"x")]),s("mo",null,"+"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"a"),s("mi",null,"z")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"x")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"a"),s("mi",null,"x")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"z")]),s("mo",{fence:"true"},")")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"y")]),s("mo",null,"+"),s("mo",null,"⋯")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},"]"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"−"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"bold-italic"},"c")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} \\boldsymbol{a} \\cdot \\boldsymbol{b}=\\boldsymbol{b} \\cdot \\boldsymbol{a}=a_x b_x+a_y b_y+\\cdots=a b \\cos \\varphi \\\\ |\\boldsymbol{a} \\times \\boldsymbol{b}|=a b \\sin \\varphi, \\boldsymbol{a} \\times \\boldsymbol{b}=-\\boldsymbol{b} \\times \\boldsymbol{a} \\perp \\boldsymbol{a}, \\boldsymbol{b} \\\\ \\boldsymbol{a} \\times \\boldsymbol{b}=\\left(a_y b_z-a_z b_y\\right) \\boldsymbol{e}_x+\\left(a_z b_x-a_x b_z\\right) \\boldsymbol{e}_y+\\cdots \\\\ \\boldsymbol{a} \\times[\\boldsymbol{b} \\times \\boldsymbol{c}]=(\\boldsymbol{a} \\cdot \\boldsymbol{c}) \\boldsymbol{b}-(\\boldsymbol{a} \\cdot \\boldsymbol{b}) \\boldsymbol{c} \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"6em","vertical-align":"-2.75em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.25em"}},[s("span",{style:{top:"-5.41em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},"⋯"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ")])]),s("span",{style:{top:"-3.91em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⊥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])])])]),s("span",{style:{top:"-2.41em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},"⋯")])]),s("span",{style:{top:"-0.91em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},"]"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.75em"}},[s("span")])])])])])])])])])])]),s("p",null,"スカラー三重積（3 つのベクトルで張られる平行四面 体の体積）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},")"),s("mo",null,"≡"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},"]"),s("mo",null,"="),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{stretchy:"false"},"]"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(\\boldsymbol{a}, \\boldsymbol{b}, \\boldsymbol{c}) \\equiv \\boldsymbol{a} \\cdot[\\boldsymbol{b} \\times \\boldsymbol{c}]=[\\boldsymbol{a} \\times \\boldsymbol{b}] \\cdot \\boldsymbol{c}=(\\boldsymbol{b}, \\boldsymbol{c}, \\boldsymbol{a}) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≡"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4445em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},"]"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mclose"},"]"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mclose"},")")])])])])])])],-1),_=s("h3",{id:"_1-6-余弦定理と正弦定理",tabindex:"-1"},[a("1.6: 余弦定理と正弦定理 "),s("a",{class:"header-anchor",href:"#_1-6-余弦定理と正弦定理","aria-label":'Permalink to "1.6: 余弦定理と正弦定理"'},"​")],-1),M=s("ol",{start:"6"},[s("li",null,[a("余弦定理と正弦定理："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")]),s("mo",null,"="),s("msup",null,[s("mi",null,"a"),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"b"),s("mn",null,"2")]),s("mo",null,"−"),s("mn",null,"2"),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"C")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"a"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"A"),s("mo",null,"="),s("mi",null,"b"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"B"),s("mo",null,"="),s("mn",null,"2"),s("mi",null,"R")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & c^2=a^2+b^2-2 a b \\cos C \\\\ & a / \\sin A=b / \\sin B=2 R \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0241em","vertical-align":"-1.2621em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.7621em"}},[s("span",{class:"pstrut",style:{height:"2.8641em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-2.2621em"}},[s("span",{class:"pstrut",style:{height:"2.8641em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.8979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"c"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])])])])])])])])])])],-1),L=s("h3",{id:"_1-7-三角法",tabindex:"-1"},[a("1.7: 三角法 "),s("a",{class:"header-anchor",href:"#_1-7-三角法","aria-label":'Permalink to "1.7: 三角法"'},"​")],-1),P=s("ol",{start:"7"},[s("li",null,[s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"±"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"β")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"∓"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"β")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"∓"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",{stretchy:"false"},")")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mi",null,"α"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mn",null,"2"),s("mi",null,"α")]),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("msup",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mi",null,"α"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mn",null,"2"),s("mi",null,"α")]),s("mn",null,"2")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"+"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"−"),s("mi",null,"β"),s("mo",{stretchy:"false"},")")]),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mo",null,"…")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"="),s("mn",null,"2"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"cos"),s("mo",null,"⁡"),s("mfrac",null,[s("mrow",null,[s("mi",null,"α"),s("mo",null,"+"),s("mi",null,"β")]),s("mn",null,"2")]),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mfrac",null,[s("mrow",null,[s("mi",null,"α"),s("mo",null,"−"),s("mi",null,"β")]),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("mo",null,"…")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\sin (\\alpha \\pm \\beta)=\\sin \\alpha \\cos \\beta \\pm \\cos \\alpha \\sin \\beta \\\\ & \\cos (\\alpha \\pm \\beta)=\\cos \\alpha \\cos \\beta \\mp \\sin \\alpha \\sin \\beta \\\\ & \\tan (\\alpha \\pm \\beta)=(\\tan \\alpha \\pm \\tan \\beta) /(1 \\mp \\tan \\alpha \\tan \\beta) \\\\ & \\cos ^2 \\alpha=\\frac{1+\\cos 2 \\alpha}{2}, \\sin ^2 \\alpha=\\frac{1-\\cos 2 \\alpha}{2} \\\\ & \\cos \\alpha \\cos \\beta=\\frac{\\cos (\\alpha+\\beta)+\\cos (\\alpha-\\beta)}{2}, \\ldots \\\\ & \\cos \\alpha+\\cos \\beta=2\\left(\\cos \\frac{\\alpha+\\beta}{2}+\\cos \\frac{\\alpha-\\beta}{2}\\right), \\ldots \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"11.9205em","vertical-align":"-5.7102em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.2102em"}},[s("span",{style:{top:"-8.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-7.3202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-5.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-3.8388em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.4258em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"1.0102em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.7102em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.2102em"}},[s("span",{style:{top:"-8.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])]),s("span",{style:{top:"-7.3202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"∓"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])]),s("span",{style:{top:"-5.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"∓"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-3.8388em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"cos"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"sin"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8719em"}},[s("span",{style:{top:"-3.1208em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-1.4258em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},"…")])]),s("span",{style:{top:"1.0102em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},"…")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.7102em"}},[s("span")])])])])])])])])])])])])],-1),F=r('
1.8: 円周角 ​
  1. 円周角は中心角の半分. よって，直角三角形の斜辺は その外接円の直径. もし四角形の対角の和が 180 度な らば，それは円に内接する.
1.9: 三角形の面樍 ​
',3),A=s("ol",{start:"9"},[s("li",null,[a("三角形の面樍 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mi",null,"a"),s("msub",null,[s("mi",null,"h"),s("mi",null,"a")]),s("mo",null,"="),s("mi",null,"p"),s("mi",null,"r"),s("mo",null,"="),s("msqrt",null,[s("mrow",null,[s("mi",null,"p"),s("mo",{stretchy:"false"},"("),s("mi",null,"p"),s("mo",null,"−"),s("mi",null,"a"),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"("),s("mi",null,"p"),s("mo",null,"−"),s("mi",null,"b"),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"("),s("mi",null,"p"),s("mo",null,"−"),s("mi",null,"c"),s("mo",{stretchy:"false"},")")])]),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"c"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"4"),s("mi",null,"R")]),s("annotation",{encoding:"application/x-tex"},"=\\frac{1}{2} a h_a=p r=\\sqrt{p(p-a)(p-b)(p-c)}=a b c / 4 R")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1901em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"h"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"a")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.24em","vertical-align":"-0.305em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.935em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mclose"},")"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mclose"},")"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-2.895em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,C as i,o as p,c,H as l,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const as=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 1","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/1.md","filePath":"academic/physics/ipho-formulas-jpn/1.md","lastUpdated":1699051935000}'),h={name:"academic/physics/ipho-formulas-jpn/1.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-1",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 1 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-1","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 1"'},"​")],-1),g=s("h2",{id:"_1-数学",tabindex:"-1"},[a("1: 数学 "),s("a",{class:"header-anchor",href:"#_1-数学","aria-label":'Permalink to "1: 数学"'},"​")],-1),u=s("h3",{id:"_1-1-taylor-展開",tabindex:"-1"},[a("1.1: Taylor 展開 "),s("a",{class:"header-anchor",href:"#_1-1-taylor-展開","aria-label":'Permalink to "1.1: Taylor 展開"'},"​")],-1),y=s("ol",null,[s("li",null,[s("p",null,"Taylor 展開（アバウトに切り捨てる:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",{stretchy:"false"},"("),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"F"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mo",null,"+"),s("mo",null,"∑"),s("msup",null,[s("mi",null,"F"),s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"n"),s("mo",{stretchy:"false"},")")])]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"x"),s("mo",null,"−"),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mi",null,"n")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"F(x)=F\\left(x_{0}\\right)+\\sum F^{(n)}\\left(x_{0}\\right)\\left(x-x_{0}\\right)^{n} / n ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.938em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mopen mtight"},"("),s("span",{class:"mord mathnormal mtight"},"n"),s("span",{class:"mclose mtight"},")")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8043em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"n")])])])])]),s("p",null,"線形近似（特別な場合）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",{stretchy:"false"},"("),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",null,"≈"),s("mi",null,"F"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"F"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"x"),s("mo",null,"−"),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"F(x) \\approx F\\left(x_{0}\\right)+F^{\\prime}\\left(x_{0}\\right)\\left(x-x_{0}\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0519em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8019em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])])])])]),s("p",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"x"),s("mi",{mathvariant:"normal"},"∣"),s("mo",null,"≪"),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"|x| \\ll 1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"1")])])]),a(" のときの例 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":")]),s("annotation",{encoding:"application/x-tex"},":")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":")])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"x"),s("mo",null,"≈"),s("mi",null,"x"),s("mo",{separator:"true"},","),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"x"),s("mo",null,"≈"),s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mo",{separator:"true"},","),s("msup",null,[s("mi",null,"e"),s("mi",null,"x")]),s("mo",null,"≈"),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x")]),s("annotation",{encoding:"application/x-tex"},"\\sin x \\approx x, \\cos x \\approx 1-x^{2} / 2, e^{x} \\approx 1+x ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6679em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6776em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])]),s("span",{class:"mord"},"/2"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"x")])])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ln"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",null,"≈"),s("mi",null,"x"),s("mo",{separator:"true"},","),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mi",null,"n")]),s("mo",null,"≈"),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"n"),s("mi",null,"x")]),s("annotation",{encoding:"application/x-tex"},"\\ln (1+x) \\approx x,(1+x)^{n} \\approx 1+n x ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"ln"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord mathnormal"},"x")])])])])])])],-1),d=s("h3",{id:"_1-2-摂動法",tabindex:"-1"},[a("1.2: 摂動法 "),s("a",{class:"header-anchor",href:"#_1-2-摂動法","aria-label":'Permalink to "1.2: 摂動法"'},"​")],-1),v=s("ol",{start:"2"},[s("li",null,[a("摂動法：摂動のない（直接解ける）問題の解を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(" 番目の近似値として求め，前の似値に基づく次の近似値の補正を繰り返して解を求める．")])],-1),b=s("h3",{id:"_1-3-定数係数線形微分方程式",tabindex:"-1"},[a("1.3: 定数係数線形微分方程式 "),s("a",{class:"header-anchor",href:"#_1-3-定数係数線形微分方程式","aria-label":'Permalink to "1.3: 定数係数線形微分方程式"'},"​")],-1),x=s("ol",{start:"3"},[s("li",null,[s("p",null,[a("定数係数線形微分方程式 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("msup",null,[s("mi",null,"y"),s("mrow",null,[s("mo",{mathvariant:"normal"},"′"),s("mo",{mathvariant:"normal"},"′")])]),s("mo",null,"+"),s("mi",null,"b"),s("msup",null,[s("mi",null,"y"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"+"),s("mi",null,"c"),s("mi",null,"y"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"a y^{\\prime \\prime}+b y^{\\prime}+c y=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9463em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9463em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"cy"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(" の解:")]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"y"),s("mo",null,"="),s("mi",null,"A"),s("mi",null,"exp"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"λ"),s("mn",null,"1")]),s("mi",null,"x"),s("mo",{fence:"true"},")")]),s("mo",null,"+"),s("mi",null,"B"),s("mi",null,"exp"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"λ"),s("mn",null,"2")]),s("mi",null,"x"),s("mo",{fence:"true"},")")]),s("mtext",null,". ")]),s("annotation",{encoding:"application/x-tex"},"y=A \\exp \\left(\\lambda_1 x\\right)+B \\exp \\left(\\lambda_2 x\\right) \\text {. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"exp"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"exp"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"},". ")])])])])])]),s("p",null,[a("ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"λ"),s("mrow",null,[s("mn",null,"1"),s("mo",{separator:"true"},","),s("mn",null,"2")])])]),s("annotation",{encoding:"application/x-tex"},"\\lambda_{1,2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9805em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1"),s("span",{class:"mpunct mtight"},","),s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])])])])]),a(" は特性方程式 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("msup",null,[s("mi",null,"λ"),s("mn",null,"2")]),s("mo",null,"+"),s("mi",null,"b"),s("mi",null,"λ"),s("mo",null,"+"),s("mi",null,"c"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"a \\lambda^2+b \\lambda+c=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8974em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"bλ"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(" の異な る 2 解. もし "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("mo",{separator:"true"},","),s("mi",null,"b"),s("mo",{separator:"true"},","),s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"a, b, c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"c")])])]),a(" が実数で特性方程式の解が複素数 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"λ"),s("mrow",null,[s("mn",null,"1"),s("mo",{separator:"true"},","),s("mn",null,"2")])]),s("mo",null,"="),s("mi",null,"γ"),s("mo",null,"±"),s("mi",null,"i"),s("mi",null,"ω")]),s("annotation",{encoding:"application/x-tex"},"\\lambda_{1,2}=\\gamma \\pm i \\omega")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9805em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1"),s("span",{class:"mpunct mtight"},","),s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6595em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"iω")])])]),a(" ならば,")]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"y"),s("mo",null,"="),s("mi",null,"C"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"γ"),s("mi",null,"x")])]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"ω"),s("mi",null,"x"),s("mo",null,"+"),s("msub",null,[s("mi",null,"φ"),s("mn",null,"0")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"y=C e^{\\gamma x} \\sin \\left(\\omega x+\\varphi_0\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mord mathnormal mtight"},"x")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])])])])])])],-1),z=s("h3",{id:"_1-4-複素数",tabindex:"-1"},[a("1.4: 複素数 "),s("a",{class:"header-anchor",href:"#_1-4-複素数","aria-label":'Permalink to "1.4: 複素数"'},"​")],-1),f=s("ol",{start:"4"},[s("li",null,[s("p",null,"複素数"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"z"),s("mo",null,"="),s("mi",null,"a"),s("mo",null,"+"),s("mi",null,"b"),s("mi",null,"i"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("mi",{mathvariant:"normal"},"∣"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",{separator:"true"},","),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",null,"="),s("mi",null,"a"),s("mo",null,"−"),s("mi",null,"b"),s("mi",null,"i"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("mi",{mathvariant:"normal"},"∣"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"i"),s("mi",null,"φ")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("msup",null,[s("mi",{mathvariant:"normal"},"∣"),s("mn",null,"2")]),s("mo",null,"="),s("mi",null,"z"),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",null,"="),s("msup",null,[s("mi",null,"a"),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"b"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"φ"),s("mo",null,"="),s("mi",null,"arg"),s("mo",null,"⁡"),s("mi",null,"z"),s("mo",null,"="),s("mi",null,"arcsin"),s("mo",null,"⁡"),s("mfrac",null,[s("mi",null,"b"),s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("mi",{mathvariant:"normal"},"∣")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"normal"},"Re"),s("mo",null,"⁡"),s("mi",null,"z"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"z"),s("mo",null,"+"),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"normal"},"Im"),s("mo",null,"⁡"),s("mi",null,"z"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"z"),s("mo",null,"−"),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mi",null,"i")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow",null,[s("mo",{fence:"true"},"∣"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")]),s("mo",{fence:"true"},"∣")]),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"∣"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("mo",{fence:"true"},"∣")]),s("mrow",null,[s("mo",{fence:"true"},"∣"),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")]),s("mo",{fence:"true"},"∣")]),s("mo",{separator:"true"},","),s("mi",null,"arg"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")]),s("mo",null,"="),s("mi",null,"arg"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("mo",null,"+"),s("mi",null,"arg"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",null,"="),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",null,"+"),s("mi",null,"i"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",null,"+"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"i"),s("mi",null,"φ")])])]),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",null,"−"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"i"),s("mi",null,"φ")])])]),s("mrow",null,[s("mn",null,"2"),s("mi",null,"i")])])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} z=a+b i=|z| e^{i \\varphi}, \\bar{z}=a-b i=|z| e^{-i \\varphi} \\\\ |z|^2=z \\bar{z}=a^2+b^2, \\varphi=\\arg z=\\arcsin \\frac{b}{|z|} \\\\ \\operatorname{Re} z=(z+\\bar{z}) / 2, \\operatorname{Im} z=(z-\\bar{z}) / 2 i \\\\ \\left|z_1 z_2\\right|=\\left|z_1\\right|\\left|z_2\\right|, \\arg z_1 z_2=\\arg z_1+\\arg z_2 \\\\ e^{i \\varphi}=\\cos \\varphi+i \\sin \\varphi \\\\ \\cos \\varphi=\\frac{e^{i \\varphi}+e^{-i \\varphi}}{2}, \\sin \\varphi=\\frac{e^{i \\varphi}-e^{-i \\varphi}}{2 i} \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"11.1644em","vertical-align":"-5.3322em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.8322em"}},[s("span",{style:{top:"-8.4592em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"bi"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8747em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"bi"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8747em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])])])]),s("span",{style:{top:"-6.4278em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"arcsin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},"∣")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-4.3518em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"Re")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/2"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"Im")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/2"),s("span",{class:"mord mathnormal"},"i")])]),s("span",{style:{top:"-2.8518em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"∣")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"∣")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"∣")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-1.3171em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8747em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ")])]),s("span",{style:{top:"0.8446em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5017em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5017em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"i")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.3322em"}},[s("span")])])])])])])])])])])])])],-1),w=s("h3",{id:"_1-5-ベクトルの内積と外積",tabindex:"-1"},[a("1.5: ベクトルの内積と外積 "),s("a",{class:"header-anchor",href:"#_1-5-ベクトルの内積と外積","aria-label":'Permalink to "1.5: ベクトルの内積と外積"'},"​")],-1),k=s("ol",{start:"5"},[s("li",null,[s("p",null,[a("ベクトルの内積と外積は分配法則が成立する : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("mo",{stretchy:"false"},"("),s("mi",null,"b"),s("mo",null,"+"),s("mi",null,"c"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mo",null,"+"),s("mi",null,"a"),s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"a(b+c)=a b+a c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord mathnormal"},"c")])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"="),s("msub",null,[s("mi",null,"a"),s("mi",null,"x")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"x")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"a"),s("mi",null,"y")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"y")]),s("mo",null,"+"),s("mo",null,"⋯"),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"φ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mi",{mathvariant:"normal"},"∣"),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"="),s("mo",null,"−"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⊥"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"b")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"a"),s("mi",null,"y")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"z")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"a"),s("mi",null,"z")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"y")]),s("mo",{fence:"true"},")")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"x")]),s("mo",null,"+"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"a"),s("mi",null,"z")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"x")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"a"),s("mi",null,"x")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"z")]),s("mo",{fence:"true"},")")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"y")]),s("mo",null,"+"),s("mo",null,"⋯")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},"]"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"−"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"bold-italic"},"c")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} \\boldsymbol{a} \\cdot \\boldsymbol{b}=\\boldsymbol{b} \\cdot \\boldsymbol{a}=a_x b_x+a_y b_y+\\cdots=a b \\cos \\varphi \\\\ |\\boldsymbol{a} \\times \\boldsymbol{b}|=a b \\sin \\varphi, \\boldsymbol{a} \\times \\boldsymbol{b}=-\\boldsymbol{b} \\times \\boldsymbol{a} \\perp \\boldsymbol{a}, \\boldsymbol{b} \\\\ \\boldsymbol{a} \\times \\boldsymbol{b}=\\left(a_y b_z-a_z b_y\\right) \\boldsymbol{e}_x+\\left(a_z b_x-a_x b_z\\right) \\boldsymbol{e}_y+\\cdots \\\\ \\boldsymbol{a} \\times[\\boldsymbol{b} \\times \\boldsymbol{c}]=(\\boldsymbol{a} \\cdot \\boldsymbol{c}) \\boldsymbol{b}-(\\boldsymbol{a} \\cdot \\boldsymbol{b}) \\boldsymbol{c} \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"6em","vertical-align":"-2.75em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.25em"}},[s("span",{style:{top:"-5.41em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},"⋯"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ")])]),s("span",{style:{top:"-3.91em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⊥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])])])]),s("span",{style:{top:"-2.41em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},"⋯")])]),s("span",{style:{top:"-0.91em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},"]"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.75em"}},[s("span")])])])])])])])])])])]),s("p",null,"スカラー三重積（3 つのベクトルで張られる平行四面 体の体積）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},")"),s("mo",null,"≡"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},"]"),s("mo",null,"="),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{stretchy:"false"},"]"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(\\boldsymbol{a}, \\boldsymbol{b}, \\boldsymbol{c}) \\equiv \\boldsymbol{a} \\cdot[\\boldsymbol{b} \\times \\boldsymbol{c}]=[\\boldsymbol{a} \\times \\boldsymbol{b}] \\cdot \\boldsymbol{c}=(\\boldsymbol{b}, \\boldsymbol{c}, \\boldsymbol{a}) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≡"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4445em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},"]"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mclose"},"]"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mclose"},")")])])])])])])],-1),_=s("h3",{id:"_1-6-余弦定理と正弦定理",tabindex:"-1"},[a("1.6: 余弦定理と正弦定理 "),s("a",{class:"header-anchor",href:"#_1-6-余弦定理と正弦定理","aria-label":'Permalink to "1.6: 余弦定理と正弦定理"'},"​")],-1),M=s("ol",{start:"6"},[s("li",null,[a("余弦定理と正弦定理："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")]),s("mo",null,"="),s("msup",null,[s("mi",null,"a"),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"b"),s("mn",null,"2")]),s("mo",null,"−"),s("mn",null,"2"),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"C")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"a"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"A"),s("mo",null,"="),s("mi",null,"b"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"B"),s("mo",null,"="),s("mn",null,"2"),s("mi",null,"R")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & c^2=a^2+b^2-2 a b \\cos C \\\\ & a / \\sin A=b / \\sin B=2 R \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0241em","vertical-align":"-1.2621em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.7621em"}},[s("span",{class:"pstrut",style:{height:"2.8641em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-2.2621em"}},[s("span",{class:"pstrut",style:{height:"2.8641em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.8979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"c"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])])])])])])])])])])],-1),L=s("h3",{id:"_1-7-三角法",tabindex:"-1"},[a("1.7: 三角法 "),s("a",{class:"header-anchor",href:"#_1-7-三角法","aria-label":'Permalink to "1.7: 三角法"'},"​")],-1),P=s("ol",{start:"7"},[s("li",null,[s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"±"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"β")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"∓"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"β")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"∓"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",{stretchy:"false"},")")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mi",null,"α"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mn",null,"2"),s("mi",null,"α")]),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("msup",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mi",null,"α"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mn",null,"2"),s("mi",null,"α")]),s("mn",null,"2")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"+"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"−"),s("mi",null,"β"),s("mo",{stretchy:"false"},")")]),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mo",null,"…")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"="),s("mn",null,"2"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"cos"),s("mo",null,"⁡"),s("mfrac",null,[s("mrow",null,[s("mi",null,"α"),s("mo",null,"+"),s("mi",null,"β")]),s("mn",null,"2")]),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mfrac",null,[s("mrow",null,[s("mi",null,"α"),s("mo",null,"−"),s("mi",null,"β")]),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("mo",null,"…")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\sin (\\alpha \\pm \\beta)=\\sin \\alpha \\cos \\beta \\pm \\cos \\alpha \\sin \\beta \\\\ & \\cos (\\alpha \\pm \\beta)=\\cos \\alpha \\cos \\beta \\mp \\sin \\alpha \\sin \\beta \\\\ & \\tan (\\alpha \\pm \\beta)=(\\tan \\alpha \\pm \\tan \\beta) /(1 \\mp \\tan \\alpha \\tan \\beta) \\\\ & \\cos ^2 \\alpha=\\frac{1+\\cos 2 \\alpha}{2}, \\sin ^2 \\alpha=\\frac{1-\\cos 2 \\alpha}{2} \\\\ & \\cos \\alpha \\cos \\beta=\\frac{\\cos (\\alpha+\\beta)+\\cos (\\alpha-\\beta)}{2}, \\ldots \\\\ & \\cos \\alpha+\\cos \\beta=2\\left(\\cos \\frac{\\alpha+\\beta}{2}+\\cos \\frac{\\alpha-\\beta}{2}\\right), \\ldots \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"11.9205em","vertical-align":"-5.7102em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.2102em"}},[s("span",{style:{top:"-8.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-7.3202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-5.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-3.8388em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.4258em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"1.0102em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.7102em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.2102em"}},[s("span",{style:{top:"-8.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])]),s("span",{style:{top:"-7.3202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"∓"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])]),s("span",{style:{top:"-5.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"∓"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-3.8388em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"cos"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"sin"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8719em"}},[s("span",{style:{top:"-3.1208em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-1.4258em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},"…")])]),s("span",{style:{top:"1.0102em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},"…")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.7102em"}},[s("span")])])])])])])])])])])])])],-1),F=r('
1.8: 円周角 ​
  1. 円周角は中心角の半分. よって，直角三角形の斜辺は その外接円の直径. もし四角形の対角の和が 180 度な らば，それは円に内接する.
1.9: 三角形の面樍 ​
',3),A=s("ol",{start:"9"},[s("li",null,[a("三角形の面樍 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mi",null,"a"),s("msub",null,[s("mi",null,"h"),s("mi",null,"a")]),s("mo",null,"="),s("mi",null,"p"),s("mi",null,"r"),s("mo",null,"="),s("msqrt",null,[s("mrow",null,[s("mi",null,"p"),s("mo",{stretchy:"false"},"("),s("mi",null,"p"),s("mo",null,"−"),s("mi",null,"a"),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"("),s("mi",null,"p"),s("mo",null,"−"),s("mi",null,"b"),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"("),s("mi",null,"p"),s("mo",null,"−"),s("mi",null,"c"),s("mo",{stretchy:"false"},")")])]),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"c"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"4"),s("mi",null,"R")]),s("annotation",{encoding:"application/x-tex"},"=\\frac{1}{2} a h_a=p r=\\sqrt{p(p-a)(p-b)(p-c)}=a b c / 4 R")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1901em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"h"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"a")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.24em","vertical-align":"-0.305em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.935em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mclose"},")"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mclose"},")"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-2.895em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
 c34,79.3,68.167,158.7,102.5,238c34.3,79.3,51.8,119.3,52.5,120
 c340,-704.7,510.7,-1060.3,512,-1067
 l0 -0
diff --git a/assets/academic_physics_ipho-formulas-jpn_1.md.fa61cf48.lean.js b/assets/academic_physics_ipho-formulas-jpn_1.md.b1c8984c.lean.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_1.md.fa61cf48.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_1.md.b1c8984c.lean.js
index 29975733..e0e9006f 100644
--- a/assets/academic_physics_ipho-formulas-jpn_1.md.fa61cf48.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_1.md.b1c8984c.lean.js
@@ -1,4 +1,4 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,C as i,o as p,c,H as l,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const as=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 1","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/1.md","filePath":"academic/physics/ipho-formulas-jpn/1.md","lastUpdated":1695377563000}'),h={name:"academic/physics/ipho-formulas-jpn/1.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-1",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 1 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-1","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 1"'},"​")],-1),g=s("h2",{id:"_1-数学",tabindex:"-1"},[a("1: 数学 "),s("a",{class:"header-anchor",href:"#_1-数学","aria-label":'Permalink to "1: 数学"'},"​")],-1),u=s("h3",{id:"_1-1-taylor-展開",tabindex:"-1"},[a("1.1: Taylor 展開 "),s("a",{class:"header-anchor",href:"#_1-1-taylor-展開","aria-label":'Permalink to "1.1: Taylor 展開"'},"​")],-1),y=s("ol",null,[s("li",null,[s("p",null,"Taylor 展開（アバウトに切り捨てる:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",{stretchy:"false"},"("),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"F"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mo",null,"+"),s("mo",null,"∑"),s("msup",null,[s("mi",null,"F"),s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"n"),s("mo",{stretchy:"false"},")")])]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"x"),s("mo",null,"−"),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mi",null,"n")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"F(x)=F\\left(x_{0}\\right)+\\sum F^{(n)}\\left(x_{0}\\right)\\left(x-x_{0}\\right)^{n} / n ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.938em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mopen mtight"},"("),s("span",{class:"mord mathnormal mtight"},"n"),s("span",{class:"mclose mtight"},")")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8043em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"n")])])])])]),s("p",null,"線形近似（特別な場合）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",{stretchy:"false"},"("),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",null,"≈"),s("mi",null,"F"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"F"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"x"),s("mo",null,"−"),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"F(x) \\approx F\\left(x_{0}\\right)+F^{\\prime}\\left(x_{0}\\right)\\left(x-x_{0}\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0519em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8019em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])])])])]),s("p",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"x"),s("mi",{mathvariant:"normal"},"∣"),s("mo",null,"≪"),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"|x| \\ll 1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"1")])])]),a(" のときの例 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":")]),s("annotation",{encoding:"application/x-tex"},":")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":")])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"x"),s("mo",null,"≈"),s("mi",null,"x"),s("mo",{separator:"true"},","),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"x"),s("mo",null,"≈"),s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mo",{separator:"true"},","),s("msup",null,[s("mi",null,"e"),s("mi",null,"x")]),s("mo",null,"≈"),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x")]),s("annotation",{encoding:"application/x-tex"},"\\sin x \\approx x, \\cos x \\approx 1-x^{2} / 2, e^{x} \\approx 1+x ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6679em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6776em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])]),s("span",{class:"mord"},"/2"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"x")])])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ln"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",null,"≈"),s("mi",null,"x"),s("mo",{separator:"true"},","),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mi",null,"n")]),s("mo",null,"≈"),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"n"),s("mi",null,"x")]),s("annotation",{encoding:"application/x-tex"},"\\ln (1+x) \\approx x,(1+x)^{n} \\approx 1+n x ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"ln"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord mathnormal"},"x")])])])])])])],-1),d=s("h3",{id:"_1-2-摂動法",tabindex:"-1"},[a("1.2: 摂動法 "),s("a",{class:"header-anchor",href:"#_1-2-摂動法","aria-label":'Permalink to "1.2: 摂動法"'},"​")],-1),v=s("ol",{start:"2"},[s("li",null,[a("摂動法：摂動のない（直接解ける）問題の解を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(" 番目の近似値として求め，前の似値に基づく次の近似値の補正を繰り返して解を求める．")])],-1),b=s("h3",{id:"_1-3-定数係数線形微分方程式",tabindex:"-1"},[a("1.3: 定数係数線形微分方程式 "),s("a",{class:"header-anchor",href:"#_1-3-定数係数線形微分方程式","aria-label":'Permalink to "1.3: 定数係数線形微分方程式"'},"​")],-1),x=s("ol",{start:"3"},[s("li",null,[s("p",null,[a("定数係数線形微分方程式 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("msup",null,[s("mi",null,"y"),s("mrow",null,[s("mo",{mathvariant:"normal"},"′"),s("mo",{mathvariant:"normal"},"′")])]),s("mo",null,"+"),s("mi",null,"b"),s("msup",null,[s("mi",null,"y"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"+"),s("mi",null,"c"),s("mi",null,"y"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"a y^{\\prime \\prime}+b y^{\\prime}+c y=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9463em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9463em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"cy"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(" の解:")]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"y"),s("mo",null,"="),s("mi",null,"A"),s("mi",null,"exp"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"λ"),s("mn",null,"1")]),s("mi",null,"x"),s("mo",{fence:"true"},")")]),s("mo",null,"+"),s("mi",null,"B"),s("mi",null,"exp"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"λ"),s("mn",null,"2")]),s("mi",null,"x"),s("mo",{fence:"true"},")")]),s("mtext",null,". ")]),s("annotation",{encoding:"application/x-tex"},"y=A \\exp \\left(\\lambda_1 x\\right)+B \\exp \\left(\\lambda_2 x\\right) \\text {. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"exp"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"exp"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"},". ")])])])])])]),s("p",null,[a("ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"λ"),s("mrow",null,[s("mn",null,"1"),s("mo",{separator:"true"},","),s("mn",null,"2")])])]),s("annotation",{encoding:"application/x-tex"},"\\lambda_{1,2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9805em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1"),s("span",{class:"mpunct mtight"},","),s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])])])])]),a(" は特性方程式 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("msup",null,[s("mi",null,"λ"),s("mn",null,"2")]),s("mo",null,"+"),s("mi",null,"b"),s("mi",null,"λ"),s("mo",null,"+"),s("mi",null,"c"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"a \\lambda^2+b \\lambda+c=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8974em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"bλ"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(" の異な る 2 解. もし "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("mo",{separator:"true"},","),s("mi",null,"b"),s("mo",{separator:"true"},","),s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"a, b, c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"c")])])]),a(" が実数で特性方程式の解が複素数 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"λ"),s("mrow",null,[s("mn",null,"1"),s("mo",{separator:"true"},","),s("mn",null,"2")])]),s("mo",null,"="),s("mi",null,"γ"),s("mo",null,"±"),s("mi",null,"i"),s("mi",null,"ω")]),s("annotation",{encoding:"application/x-tex"},"\\lambda_{1,2}=\\gamma \\pm i \\omega")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9805em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1"),s("span",{class:"mpunct mtight"},","),s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6595em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"iω")])])]),a(" ならば,")]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"y"),s("mo",null,"="),s("mi",null,"C"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"γ"),s("mi",null,"x")])]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"ω"),s("mi",null,"x"),s("mo",null,"+"),s("msub",null,[s("mi",null,"φ"),s("mn",null,"0")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"y=C e^{\\gamma x} \\sin \\left(\\omega x+\\varphi_0\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mord mathnormal mtight"},"x")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])])])])])])],-1),z=s("h3",{id:"_1-4-複素数",tabindex:"-1"},[a("1.4: 複素数 "),s("a",{class:"header-anchor",href:"#_1-4-複素数","aria-label":'Permalink to "1.4: 複素数"'},"​")],-1),f=s("ol",{start:"4"},[s("li",null,[s("p",null,"複素数"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"z"),s("mo",null,"="),s("mi",null,"a"),s("mo",null,"+"),s("mi",null,"b"),s("mi",null,"i"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("mi",{mathvariant:"normal"},"∣"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",{separator:"true"},","),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",null,"="),s("mi",null,"a"),s("mo",null,"−"),s("mi",null,"b"),s("mi",null,"i"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("mi",{mathvariant:"normal"},"∣"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"i"),s("mi",null,"φ")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("msup",null,[s("mi",{mathvariant:"normal"},"∣"),s("mn",null,"2")]),s("mo",null,"="),s("mi",null,"z"),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",null,"="),s("msup",null,[s("mi",null,"a"),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"b"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"φ"),s("mo",null,"="),s("mi",null,"arg"),s("mo",null,"⁡"),s("mi",null,"z"),s("mo",null,"="),s("mi",null,"arcsin"),s("mo",null,"⁡"),s("mfrac",null,[s("mi",null,"b"),s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("mi",{mathvariant:"normal"},"∣")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"normal"},"Re"),s("mo",null,"⁡"),s("mi",null,"z"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"z"),s("mo",null,"+"),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"normal"},"Im"),s("mo",null,"⁡"),s("mi",null,"z"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"z"),s("mo",null,"−"),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mi",null,"i")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow",null,[s("mo",{fence:"true"},"∣"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")]),s("mo",{fence:"true"},"∣")]),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"∣"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("mo",{fence:"true"},"∣")]),s("mrow",null,[s("mo",{fence:"true"},"∣"),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")]),s("mo",{fence:"true"},"∣")]),s("mo",{separator:"true"},","),s("mi",null,"arg"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")]),s("mo",null,"="),s("mi",null,"arg"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("mo",null,"+"),s("mi",null,"arg"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",null,"="),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",null,"+"),s("mi",null,"i"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",null,"+"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"i"),s("mi",null,"φ")])])]),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",null,"−"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"i"),s("mi",null,"φ")])])]),s("mrow",null,[s("mn",null,"2"),s("mi",null,"i")])])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} z=a+b i=|z| e^{i \\varphi}, \\bar{z}=a-b i=|z| e^{-i \\varphi} \\\\ |z|^2=z \\bar{z}=a^2+b^2, \\varphi=\\arg z=\\arcsin \\frac{b}{|z|} \\\\ \\operatorname{Re} z=(z+\\bar{z}) / 2, \\operatorname{Im} z=(z-\\bar{z}) / 2 i \\\\ \\left|z_1 z_2\\right|=\\left|z_1\\right|\\left|z_2\\right|, \\arg z_1 z_2=\\arg z_1+\\arg z_2 \\\\ e^{i \\varphi}=\\cos \\varphi+i \\sin \\varphi \\\\ \\cos \\varphi=\\frac{e^{i \\varphi}+e^{-i \\varphi}}{2}, \\sin \\varphi=\\frac{e^{i \\varphi}-e^{-i \\varphi}}{2 i} \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"11.1644em","vertical-align":"-5.3322em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.8322em"}},[s("span",{style:{top:"-8.4592em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"bi"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8747em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"bi"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8747em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])])])]),s("span",{style:{top:"-6.4278em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"arcsin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},"∣")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-4.3518em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"Re")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/2"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"Im")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/2"),s("span",{class:"mord mathnormal"},"i")])]),s("span",{style:{top:"-2.8518em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"∣")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"∣")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"∣")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-1.3171em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8747em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ")])]),s("span",{style:{top:"0.8446em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5017em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5017em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"i")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.3322em"}},[s("span")])])])])])])])])])])])])],-1),w=s("h3",{id:"_1-5-ベクトルの内積と外積",tabindex:"-1"},[a("1.5: ベクトルの内積と外積 "),s("a",{class:"header-anchor",href:"#_1-5-ベクトルの内積と外積","aria-label":'Permalink to "1.5: ベクトルの内積と外積"'},"​")],-1),k=s("ol",{start:"5"},[s("li",null,[s("p",null,[a("ベクトルの内積と外積は分配法則が成立する : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("mo",{stretchy:"false"},"("),s("mi",null,"b"),s("mo",null,"+"),s("mi",null,"c"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mo",null,"+"),s("mi",null,"a"),s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"a(b+c)=a b+a c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord mathnormal"},"c")])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"="),s("msub",null,[s("mi",null,"a"),s("mi",null,"x")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"x")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"a"),s("mi",null,"y")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"y")]),s("mo",null,"+"),s("mo",null,"⋯"),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"φ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mi",{mathvariant:"normal"},"∣"),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"="),s("mo",null,"−"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⊥"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"b")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"a"),s("mi",null,"y")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"z")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"a"),s("mi",null,"z")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"y")]),s("mo",{fence:"true"},")")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"x")]),s("mo",null,"+"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"a"),s("mi",null,"z")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"x")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"a"),s("mi",null,"x")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"z")]),s("mo",{fence:"true"},")")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"y")]),s("mo",null,"+"),s("mo",null,"⋯")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},"]"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"−"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"bold-italic"},"c")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} \\boldsymbol{a} \\cdot \\boldsymbol{b}=\\boldsymbol{b} \\cdot \\boldsymbol{a}=a_x b_x+a_y b_y+\\cdots=a b \\cos \\varphi \\\\ |\\boldsymbol{a} \\times \\boldsymbol{b}|=a b \\sin \\varphi, \\boldsymbol{a} \\times \\boldsymbol{b}=-\\boldsymbol{b} \\times \\boldsymbol{a} \\perp \\boldsymbol{a}, \\boldsymbol{b} \\\\ \\boldsymbol{a} \\times \\boldsymbol{b}=\\left(a_y b_z-a_z b_y\\right) \\boldsymbol{e}_x+\\left(a_z b_x-a_x b_z\\right) \\boldsymbol{e}_y+\\cdots \\\\ \\boldsymbol{a} \\times[\\boldsymbol{b} \\times \\boldsymbol{c}]=(\\boldsymbol{a} \\cdot \\boldsymbol{c}) \\boldsymbol{b}-(\\boldsymbol{a} \\cdot \\boldsymbol{b}) \\boldsymbol{c} \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"6em","vertical-align":"-2.75em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.25em"}},[s("span",{style:{top:"-5.41em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},"⋯"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ")])]),s("span",{style:{top:"-3.91em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⊥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])])])]),s("span",{style:{top:"-2.41em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},"⋯")])]),s("span",{style:{top:"-0.91em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},"]"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.75em"}},[s("span")])])])])])])])])])])]),s("p",null,"スカラー三重積（3 つのベクトルで張られる平行四面 体の体積）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},")"),s("mo",null,"≡"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},"]"),s("mo",null,"="),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{stretchy:"false"},"]"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(\\boldsymbol{a}, \\boldsymbol{b}, \\boldsymbol{c}) \\equiv \\boldsymbol{a} \\cdot[\\boldsymbol{b} \\times \\boldsymbol{c}]=[\\boldsymbol{a} \\times \\boldsymbol{b}] \\cdot \\boldsymbol{c}=(\\boldsymbol{b}, \\boldsymbol{c}, \\boldsymbol{a}) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≡"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4445em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},"]"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mclose"},"]"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mclose"},")")])])])])])])],-1),_=s("h3",{id:"_1-6-余弦定理と正弦定理",tabindex:"-1"},[a("1.6: 余弦定理と正弦定理 "),s("a",{class:"header-anchor",href:"#_1-6-余弦定理と正弦定理","aria-label":'Permalink to "1.6: 余弦定理と正弦定理"'},"​")],-1),M=s("ol",{start:"6"},[s("li",null,[a("余弦定理と正弦定理："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")]),s("mo",null,"="),s("msup",null,[s("mi",null,"a"),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"b"),s("mn",null,"2")]),s("mo",null,"−"),s("mn",null,"2"),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"C")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"a"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"A"),s("mo",null,"="),s("mi",null,"b"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"B"),s("mo",null,"="),s("mn",null,"2"),s("mi",null,"R")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & c^2=a^2+b^2-2 a b \\cos C \\\\ & a / \\sin A=b / \\sin B=2 R \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0241em","vertical-align":"-1.2621em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.7621em"}},[s("span",{class:"pstrut",style:{height:"2.8641em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-2.2621em"}},[s("span",{class:"pstrut",style:{height:"2.8641em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.8979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"c"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])])])])])])])])])])],-1),L=s("h3",{id:"_1-7-三角法",tabindex:"-1"},[a("1.7: 三角法 "),s("a",{class:"header-anchor",href:"#_1-7-三角法","aria-label":'Permalink to "1.7: 三角法"'},"​")],-1),P=s("ol",{start:"7"},[s("li",null,[s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"±"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"β")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"∓"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"β")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"∓"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",{stretchy:"false"},")")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mi",null,"α"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mn",null,"2"),s("mi",null,"α")]),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("msup",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mi",null,"α"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mn",null,"2"),s("mi",null,"α")]),s("mn",null,"2")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"+"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"−"),s("mi",null,"β"),s("mo",{stretchy:"false"},")")]),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mo",null,"…")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"="),s("mn",null,"2"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"cos"),s("mo",null,"⁡"),s("mfrac",null,[s("mrow",null,[s("mi",null,"α"),s("mo",null,"+"),s("mi",null,"β")]),s("mn",null,"2")]),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mfrac",null,[s("mrow",null,[s("mi",null,"α"),s("mo",null,"−"),s("mi",null,"β")]),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("mo",null,"…")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\sin (\\alpha \\pm \\beta)=\\sin \\alpha \\cos \\beta \\pm \\cos \\alpha \\sin \\beta \\\\ & \\cos (\\alpha \\pm \\beta)=\\cos \\alpha \\cos \\beta \\mp \\sin \\alpha \\sin \\beta \\\\ & \\tan (\\alpha \\pm \\beta)=(\\tan \\alpha \\pm \\tan \\beta) /(1 \\mp \\tan \\alpha \\tan \\beta) \\\\ & \\cos ^2 \\alpha=\\frac{1+\\cos 2 \\alpha}{2}, \\sin ^2 \\alpha=\\frac{1-\\cos 2 \\alpha}{2} \\\\ & \\cos \\alpha \\cos \\beta=\\frac{\\cos (\\alpha+\\beta)+\\cos (\\alpha-\\beta)}{2}, \\ldots \\\\ & \\cos \\alpha+\\cos \\beta=2\\left(\\cos \\frac{\\alpha+\\beta}{2}+\\cos \\frac{\\alpha-\\beta}{2}\\right), \\ldots \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"11.9205em","vertical-align":"-5.7102em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.2102em"}},[s("span",{style:{top:"-8.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-7.3202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-5.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-3.8388em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.4258em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"1.0102em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.7102em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.2102em"}},[s("span",{style:{top:"-8.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])]),s("span",{style:{top:"-7.3202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"∓"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])]),s("span",{style:{top:"-5.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"∓"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-3.8388em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"cos"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"sin"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8719em"}},[s("span",{style:{top:"-3.1208em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-1.4258em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},"…")])]),s("span",{style:{top:"1.0102em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},"…")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.7102em"}},[s("span")])])])])])])])])])])])])],-1),F=r("",3),A=s("ol",{start:"9"},[s("li",null,[a("三角形の面樍 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mi",null,"a"),s("msub",null,[s("mi",null,"h"),s("mi",null,"a")]),s("mo",null,"="),s("mi",null,"p"),s("mi",null,"r"),s("mo",null,"="),s("msqrt",null,[s("mrow",null,[s("mi",null,"p"),s("mo",{stretchy:"false"},"("),s("mi",null,"p"),s("mo",null,"−"),s("mi",null,"a"),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"("),s("mi",null,"p"),s("mo",null,"−"),s("mi",null,"b"),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"("),s("mi",null,"p"),s("mo",null,"−"),s("mi",null,"c"),s("mo",{stretchy:"false"},")")])]),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"c"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"4"),s("mi",null,"R")]),s("annotation",{encoding:"application/x-tex"},"=\\frac{1}{2} a h_a=p r=\\sqrt{p(p-a)(p-b)(p-c)}=a b c / 4 R")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1901em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"h"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"a")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.24em","vertical-align":"-0.305em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.935em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mclose"},")"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mclose"},")"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-2.895em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,C as i,o as p,c,H as l,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const as=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 1","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/1.md","filePath":"academic/physics/ipho-formulas-jpn/1.md","lastUpdated":1699051935000}'),h={name:"academic/physics/ipho-formulas-jpn/1.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-1",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 1 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-1","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 1"'},"​")],-1),g=s("h2",{id:"_1-数学",tabindex:"-1"},[a("1: 数学 "),s("a",{class:"header-anchor",href:"#_1-数学","aria-label":'Permalink to "1: 数学"'},"​")],-1),u=s("h3",{id:"_1-1-taylor-展開",tabindex:"-1"},[a("1.1: Taylor 展開 "),s("a",{class:"header-anchor",href:"#_1-1-taylor-展開","aria-label":'Permalink to "1.1: Taylor 展開"'},"​")],-1),y=s("ol",null,[s("li",null,[s("p",null,"Taylor 展開（アバウトに切り捨てる:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",{stretchy:"false"},"("),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"F"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mo",null,"+"),s("mo",null,"∑"),s("msup",null,[s("mi",null,"F"),s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"n"),s("mo",{stretchy:"false"},")")])]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"x"),s("mo",null,"−"),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mi",null,"n")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"F(x)=F\\left(x_{0}\\right)+\\sum F^{(n)}\\left(x_{0}\\right)\\left(x-x_{0}\\right)^{n} / n ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.938em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mopen mtight"},"("),s("span",{class:"mord mathnormal mtight"},"n"),s("span",{class:"mclose mtight"},")")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8043em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"n")])])])])]),s("p",null,"線形近似（特別な場合）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",{stretchy:"false"},"("),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",null,"≈"),s("mi",null,"F"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"F"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"x"),s("mo",null,"−"),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"F(x) \\approx F\\left(x_{0}\\right)+F^{\\prime}\\left(x_{0}\\right)\\left(x-x_{0}\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0519em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8019em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])])])])]),s("p",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"x"),s("mi",{mathvariant:"normal"},"∣"),s("mo",null,"≪"),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"|x| \\ll 1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"1")])])]),a(" のときの例 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":")]),s("annotation",{encoding:"application/x-tex"},":")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":")])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"x"),s("mo",null,"≈"),s("mi",null,"x"),s("mo",{separator:"true"},","),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"x"),s("mo",null,"≈"),s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mo",{separator:"true"},","),s("msup",null,[s("mi",null,"e"),s("mi",null,"x")]),s("mo",null,"≈"),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x")]),s("annotation",{encoding:"application/x-tex"},"\\sin x \\approx x, \\cos x \\approx 1-x^{2} / 2, e^{x} \\approx 1+x ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6679em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6776em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])]),s("span",{class:"mord"},"/2"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"x")])])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ln"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",null,"≈"),s("mi",null,"x"),s("mo",{separator:"true"},","),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mi",null,"n")]),s("mo",null,"≈"),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"n"),s("mi",null,"x")]),s("annotation",{encoding:"application/x-tex"},"\\ln (1+x) \\approx x,(1+x)^{n} \\approx 1+n x ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"ln"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord mathnormal"},"x")])])])])])])],-1),d=s("h3",{id:"_1-2-摂動法",tabindex:"-1"},[a("1.2: 摂動法 "),s("a",{class:"header-anchor",href:"#_1-2-摂動法","aria-label":'Permalink to "1.2: 摂動法"'},"​")],-1),v=s("ol",{start:"2"},[s("li",null,[a("摂動法：摂動のない（直接解ける）問題の解を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(" 番目の近似値として求め，前の似値に基づく次の近似値の補正を繰り返して解を求める．")])],-1),b=s("h3",{id:"_1-3-定数係数線形微分方程式",tabindex:"-1"},[a("1.3: 定数係数線形微分方程式 "),s("a",{class:"header-anchor",href:"#_1-3-定数係数線形微分方程式","aria-label":'Permalink to "1.3: 定数係数線形微分方程式"'},"​")],-1),x=s("ol",{start:"3"},[s("li",null,[s("p",null,[a("定数係数線形微分方程式 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("msup",null,[s("mi",null,"y"),s("mrow",null,[s("mo",{mathvariant:"normal"},"′"),s("mo",{mathvariant:"normal"},"′")])]),s("mo",null,"+"),s("mi",null,"b"),s("msup",null,[s("mi",null,"y"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"+"),s("mi",null,"c"),s("mi",null,"y"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"a y^{\\prime \\prime}+b y^{\\prime}+c y=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9463em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9463em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"cy"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(" の解:")]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"y"),s("mo",null,"="),s("mi",null,"A"),s("mi",null,"exp"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"λ"),s("mn",null,"1")]),s("mi",null,"x"),s("mo",{fence:"true"},")")]),s("mo",null,"+"),s("mi",null,"B"),s("mi",null,"exp"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"λ"),s("mn",null,"2")]),s("mi",null,"x"),s("mo",{fence:"true"},")")]),s("mtext",null,". ")]),s("annotation",{encoding:"application/x-tex"},"y=A \\exp \\left(\\lambda_1 x\\right)+B \\exp \\left(\\lambda_2 x\\right) \\text {. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"exp"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"exp"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"},". ")])])])])])]),s("p",null,[a("ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"λ"),s("mrow",null,[s("mn",null,"1"),s("mo",{separator:"true"},","),s("mn",null,"2")])])]),s("annotation",{encoding:"application/x-tex"},"\\lambda_{1,2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9805em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1"),s("span",{class:"mpunct mtight"},","),s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])])])])]),a(" は特性方程式 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("msup",null,[s("mi",null,"λ"),s("mn",null,"2")]),s("mo",null,"+"),s("mi",null,"b"),s("mi",null,"λ"),s("mo",null,"+"),s("mi",null,"c"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"a \\lambda^2+b \\lambda+c=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8974em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"bλ"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(" の異な る 2 解. もし "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("mo",{separator:"true"},","),s("mi",null,"b"),s("mo",{separator:"true"},","),s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"a, b, c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"c")])])]),a(" が実数で特性方程式の解が複素数 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"λ"),s("mrow",null,[s("mn",null,"1"),s("mo",{separator:"true"},","),s("mn",null,"2")])]),s("mo",null,"="),s("mi",null,"γ"),s("mo",null,"±"),s("mi",null,"i"),s("mi",null,"ω")]),s("annotation",{encoding:"application/x-tex"},"\\lambda_{1,2}=\\gamma \\pm i \\omega")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9805em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1"),s("span",{class:"mpunct mtight"},","),s("span",{class:"mord mtight"},"2")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6595em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"iω")])])]),a(" ならば,")]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"y"),s("mo",null,"="),s("mi",null,"C"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"γ"),s("mi",null,"x")])]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"ω"),s("mi",null,"x"),s("mo",null,"+"),s("msub",null,[s("mi",null,"φ"),s("mn",null,"0")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"y=C e^{\\gamma x} \\sin \\left(\\omega x+\\varphi_0\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mord mathnormal mtight"},"x")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])])])])])])],-1),z=s("h3",{id:"_1-4-複素数",tabindex:"-1"},[a("1.4: 複素数 "),s("a",{class:"header-anchor",href:"#_1-4-複素数","aria-label":'Permalink to "1.4: 複素数"'},"​")],-1),f=s("ol",{start:"4"},[s("li",null,[s("p",null,"複素数"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"z"),s("mo",null,"="),s("mi",null,"a"),s("mo",null,"+"),s("mi",null,"b"),s("mi",null,"i"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("mi",{mathvariant:"normal"},"∣"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",{separator:"true"},","),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",null,"="),s("mi",null,"a"),s("mo",null,"−"),s("mi",null,"b"),s("mi",null,"i"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("mi",{mathvariant:"normal"},"∣"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"i"),s("mi",null,"φ")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("msup",null,[s("mi",{mathvariant:"normal"},"∣"),s("mn",null,"2")]),s("mo",null,"="),s("mi",null,"z"),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",null,"="),s("msup",null,[s("mi",null,"a"),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"b"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"φ"),s("mo",null,"="),s("mi",null,"arg"),s("mo",null,"⁡"),s("mi",null,"z"),s("mo",null,"="),s("mi",null,"arcsin"),s("mo",null,"⁡"),s("mfrac",null,[s("mi",null,"b"),s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"z"),s("mi",{mathvariant:"normal"},"∣")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"normal"},"Re"),s("mo",null,"⁡"),s("mi",null,"z"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"z"),s("mo",null,"+"),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"normal"},"Im"),s("mo",null,"⁡"),s("mi",null,"z"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"z"),s("mo",null,"−"),s("mover",{accent:"true"},[s("mi",null,"z"),s("mo",null,"ˉ")]),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mi",null,"i")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow",null,[s("mo",{fence:"true"},"∣"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")]),s("mo",{fence:"true"},"∣")]),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"∣"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("mo",{fence:"true"},"∣")]),s("mrow",null,[s("mo",{fence:"true"},"∣"),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")]),s("mo",{fence:"true"},"∣")]),s("mo",{separator:"true"},","),s("mi",null,"arg"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")]),s("mo",null,"="),s("mi",null,"arg"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"z"),s("mn",null,"1")]),s("mo",null,"+"),s("mi",null,"arg"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"z"),s("mn",null,"2")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",null,"="),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",null,"+"),s("mi",null,"i"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",null,"+"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"i"),s("mi",null,"φ")])])]),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"φ")])]),s("mo",null,"−"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"i"),s("mi",null,"φ")])])]),s("mrow",null,[s("mn",null,"2"),s("mi",null,"i")])])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} z=a+b i=|z| e^{i \\varphi}, \\bar{z}=a-b i=|z| e^{-i \\varphi} \\\\ |z|^2=z \\bar{z}=a^2+b^2, \\varphi=\\arg z=\\arcsin \\frac{b}{|z|} \\\\ \\operatorname{Re} z=(z+\\bar{z}) / 2, \\operatorname{Im} z=(z-\\bar{z}) / 2 i \\\\ \\left|z_1 z_2\\right|=\\left|z_1\\right|\\left|z_2\\right|, \\arg z_1 z_2=\\arg z_1+\\arg z_2 \\\\ e^{i \\varphi}=\\cos \\varphi+i \\sin \\varphi \\\\ \\cos \\varphi=\\frac{e^{i \\varphi}+e^{-i \\varphi}}{2}, \\sin \\varphi=\\frac{e^{i \\varphi}-e^{-i \\varphi}}{2 i} \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"11.1644em","vertical-align":"-5.3322em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.8322em"}},[s("span",{style:{top:"-8.4592em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"bi"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8747em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"bi"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8747em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])])])]),s("span",{style:{top:"-6.4278em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"arcsin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord"},"∣")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.936em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-4.3518em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"Re")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/2"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"Im")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5678em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1944em"}},[s("span",{class:"mord"},"ˉ")])])])])])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/2"),s("span",{class:"mord mathnormal"},"i")])]),s("span",{style:{top:"-2.8518em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"∣")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"∣")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},"∣")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.044em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-1.3171em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8747em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ")])]),s("span",{style:{top:"0.8446em"}},[s("span",{class:"pstrut",style:{height:"3.5017em"}}),s("span",{class:"mord"},[s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5017em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5017em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"i")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mord mathnormal mtight"},"φ")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.3322em"}},[s("span")])])])])])])])])])])])])],-1),w=s("h3",{id:"_1-5-ベクトルの内積と外積",tabindex:"-1"},[a("1.5: ベクトルの内積と外積 "),s("a",{class:"header-anchor",href:"#_1-5-ベクトルの内積と外積","aria-label":'Permalink to "1.5: ベクトルの内積と外積"'},"​")],-1),k=s("ol",{start:"5"},[s("li",null,[s("p",null,[a("ベクトルの内積と外積は分配法則が成立する : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a"),s("mo",{stretchy:"false"},"("),s("mi",null,"b"),s("mo",null,"+"),s("mi",null,"c"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mo",null,"+"),s("mi",null,"a"),s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"a(b+c)=a b+a c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.0833em"}}),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord mathnormal"},"c")])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"="),s("msub",null,[s("mi",null,"a"),s("mi",null,"x")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"x")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"a"),s("mi",null,"y")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"y")]),s("mo",null,"+"),s("mo",null,"⋯"),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"φ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mi",{mathvariant:"normal"},"∣"),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"="),s("mo",null,"−"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⊥"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"b")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"a"),s("mi",null,"y")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"z")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"a"),s("mi",null,"z")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"y")]),s("mo",{fence:"true"},")")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"x")]),s("mo",null,"+"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"a"),s("mi",null,"z")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"x")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"a"),s("mi",null,"x")]),s("msub",null,[s("mi",null,"b"),s("mi",null,"z")]),s("mo",{fence:"true"},")")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"y")]),s("mo",null,"+"),s("mo",null,"⋯")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},"]"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"−"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"bold-italic"},"c")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} \\boldsymbol{a} \\cdot \\boldsymbol{b}=\\boldsymbol{b} \\cdot \\boldsymbol{a}=a_x b_x+a_y b_y+\\cdots=a b \\cos \\varphi \\\\ |\\boldsymbol{a} \\times \\boldsymbol{b}|=a b \\sin \\varphi, \\boldsymbol{a} \\times \\boldsymbol{b}=-\\boldsymbol{b} \\times \\boldsymbol{a} \\perp \\boldsymbol{a}, \\boldsymbol{b} \\\\ \\boldsymbol{a} \\times \\boldsymbol{b}=\\left(a_y b_z-a_z b_y\\right) \\boldsymbol{e}_x+\\left(a_z b_x-a_x b_z\\right) \\boldsymbol{e}_y+\\cdots \\\\ \\boldsymbol{a} \\times[\\boldsymbol{b} \\times \\boldsymbol{c}]=(\\boldsymbol{a} \\cdot \\boldsymbol{c}) \\boldsymbol{b}-(\\boldsymbol{a} \\cdot \\boldsymbol{b}) \\boldsymbol{c} \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"6em","vertical-align":"-2.75em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.25em"}},[s("span",{style:{top:"-5.41em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},"⋯"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ")])]),s("span",{style:{top:"-3.91em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⊥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])])])]),s("span",{style:{top:"-2.41em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},"⋯")])]),s("span",{style:{top:"-0.91em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},"]"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mclose"},")"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.75em"}},[s("span")])])])])])])])])])])]),s("p",null,"スカラー三重積（3 つのベクトルで張られる平行四面 体の体積）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},")"),s("mo",null,"≡"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"⋅"),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{stretchy:"false"},"]"),s("mo",null,"="),s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{stretchy:"false"},"]"),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"b"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"c"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(\\boldsymbol{a}, \\boldsymbol{b}, \\boldsymbol{c}) \\equiv \\boldsymbol{a} \\cdot[\\boldsymbol{b} \\times \\boldsymbol{c}]=[\\boldsymbol{a} \\times \\boldsymbol{b}] \\cdot \\boldsymbol{c}=(\\boldsymbol{b}, \\boldsymbol{c}, \\boldsymbol{a}) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≡"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4445em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mclose"},"]"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mclose"},"]"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"c")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mclose"},")")])])])])])])],-1),_=s("h3",{id:"_1-6-余弦定理と正弦定理",tabindex:"-1"},[a("1.6: 余弦定理と正弦定理 "),s("a",{class:"header-anchor",href:"#_1-6-余弦定理と正弦定理","aria-label":'Permalink to "1.6: 余弦定理と正弦定理"'},"​")],-1),M=s("ol",{start:"6"},[s("li",null,[a("余弦定理と正弦定理："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")]),s("mo",null,"="),s("msup",null,[s("mi",null,"a"),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"b"),s("mn",null,"2")]),s("mo",null,"−"),s("mn",null,"2"),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"C")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"a"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"A"),s("mo",null,"="),s("mi",null,"b"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"B"),s("mo",null,"="),s("mn",null,"2"),s("mi",null,"R")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & c^2=a^2+b^2-2 a b \\cos C \\\\ & a / \\sin A=b / \\sin B=2 R \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0241em","vertical-align":"-1.2621em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.7621em"}},[s("span",{class:"pstrut",style:{height:"2.8641em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-2.2621em"}},[s("span",{class:"pstrut",style:{height:"2.8641em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.8979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"c"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"ab"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])])])])])])])])])])],-1),L=s("h3",{id:"_1-7-三角法",tabindex:"-1"},[a("1.7: 三角法 "),s("a",{class:"header-anchor",href:"#_1-7-三角法","aria-label":'Permalink to "1.7: 三角法"'},"​")],-1),P=s("ol",{start:"7"},[s("li",null,[s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"±"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"β")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"∓"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"β")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"α"),s("mo",null,"±"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"∓"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"tan"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",{stretchy:"false"},")")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mi",null,"α"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mn",null,"2"),s("mi",null,"α")]),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("msup",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mi",null,"α"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mn",null,"2"),s("mi",null,"α")]),s("mn",null,"2")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"+"),s("mi",null,"β"),s("mo",{stretchy:"false"},")"),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"α"),s("mo",null,"−"),s("mi",null,"β"),s("mo",{stretchy:"false"},")")]),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mo",null,"…")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β"),s("mo",null,"="),s("mn",null,"2"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"cos"),s("mo",null,"⁡"),s("mfrac",null,[s("mrow",null,[s("mi",null,"α"),s("mo",null,"+"),s("mi",null,"β")]),s("mn",null,"2")]),s("mo",null,"+"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mfrac",null,[s("mrow",null,[s("mi",null,"α"),s("mo",null,"−"),s("mi",null,"β")]),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("mo",null,"…")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\sin (\\alpha \\pm \\beta)=\\sin \\alpha \\cos \\beta \\pm \\cos \\alpha \\sin \\beta \\\\ & \\cos (\\alpha \\pm \\beta)=\\cos \\alpha \\cos \\beta \\mp \\sin \\alpha \\sin \\beta \\\\ & \\tan (\\alpha \\pm \\beta)=(\\tan \\alpha \\pm \\tan \\beta) /(1 \\mp \\tan \\alpha \\tan \\beta) \\\\ & \\cos ^2 \\alpha=\\frac{1+\\cos 2 \\alpha}{2}, \\sin ^2 \\alpha=\\frac{1-\\cos 2 \\alpha}{2} \\\\ & \\cos \\alpha \\cos \\beta=\\frac{\\cos (\\alpha+\\beta)+\\cos (\\alpha-\\beta)}{2}, \\ldots \\\\ & \\cos \\alpha+\\cos \\beta=2\\left(\\cos \\frac{\\alpha+\\beta}{2}+\\cos \\frac{\\alpha-\\beta}{2}\\right), \\ldots \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"11.9205em","vertical-align":"-5.7102em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.2102em"}},[s("span",{style:{top:"-8.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-7.3202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-5.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-3.8388em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.4258em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"1.0102em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.7102em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.2102em"}},[s("span",{style:{top:"-8.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])]),s("span",{style:{top:"-7.3202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"∓"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])]),s("span",{style:{top:"-5.8202em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"±"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"∓"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"tan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-3.8388em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"cos"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"sin"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8719em"}},[s("span",{style:{top:"-3.1208em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])]),s("span",{style:{top:"-1.4258em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.427em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mclose"},")")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},"…")])]),s("span",{style:{top:"1.0102em"}},[s("span",{class:"pstrut",style:{height:"3.45em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},"…")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.7102em"}},[s("span")])])])])])])])])])])])])],-1),F=r("",3),A=s("ol",{start:"9"},[s("li",null,[a("三角形の面樍 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mi",null,"a"),s("msub",null,[s("mi",null,"h"),s("mi",null,"a")]),s("mo",null,"="),s("mi",null,"p"),s("mi",null,"r"),s("mo",null,"="),s("msqrt",null,[s("mrow",null,[s("mi",null,"p"),s("mo",{stretchy:"false"},"("),s("mi",null,"p"),s("mo",null,"−"),s("mi",null,"a"),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"("),s("mi",null,"p"),s("mo",null,"−"),s("mi",null,"b"),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"("),s("mi",null,"p"),s("mo",null,"−"),s("mi",null,"c"),s("mo",{stretchy:"false"},")")])]),s("mo",null,"="),s("mi",null,"a"),s("mi",null,"b"),s("mi",null,"c"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"4"),s("mi",null,"R")]),s("annotation",{encoding:"application/x-tex"},"=\\frac{1}{2} a h_a=p r=\\sqrt{p(p-a)(p-b)(p-c)}=a b c / 4 R")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1901em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"h"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"a")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.24em","vertical-align":"-0.305em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.935em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mclose"},")"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mclose"},")"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-2.895em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
 c34,79.3,68.167,158.7,102.5,238c34.3,79.3,51.8,119.3,52.5,120
 c340,-704.7,510.7,-1060.3,512,-1067
 l0 -0
diff --git a/assets/academic_physics_ipho-formulas-jpn_10.md.5252ef94.js b/assets/academic_physics_ipho-formulas-jpn_10.md.2eaa8ad2.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_10.md.5252ef94.js
rename to assets/academic_physics_ipho-formulas-jpn_10.md.2eaa8ad2.js
index a996c8cb..fbb95f3b 100644
--- a/assets/academic_physics_ipho-formulas-jpn_10.md.5252ef94.js
+++ b/assets/academic_physics_ipho-formulas-jpn_10.md.2eaa8ad2.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const hs=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 10","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/10.md","filePath":"academic/physics/ipho-formulas-jpn/10.md","lastUpdated":1695377563000}'),r={name:"academic/physics/ipho-formulas-jpn/10.md"},p=s("h1",{id:"formulas-for-ipho-日本語版-section-10",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 10 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-10","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 10"'},"​")],-1),c=s("h2",{id:"_10-熱力学",tabindex:"-1"},[a("10: 熱力学 "),s("a",{class:"header-anchor",href:"#_10-熱力学","aria-label":'Permalink to "10: 熱力学"'},"​")],-1),h=s("h3",{id:"_10-1",tabindex:"-1"},[a("10.1: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("mi",null,"V"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"w"),s("mi",null,"M")]),s("mi",null,"R"),s("mi",null,"T")]),s("annotation",{encoding:"application/x-tex"},"p V=\\frac{w}{M} R T")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"M")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02691em"}},"w")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"RT")])])]),a(),s("a",{class:"header-anchor",href:"#_10-1","aria-label":'Permalink to "10.1: $p V=\\frac{w}{M} R T$"'},"​")],-1),o=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("mi",null,"V"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"w"),s("mi",null,"M")]),s("mi",null,"R"),s("mi",null,"T")]),s("annotation",{encoding:"application/x-tex"},"p V=\\frac{w}{M} R T")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"M")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02691em"}},"w")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"RT")])])]),a(".")])],-1),g=s("h3",{id:"_10-2-モルの気体の内部エネルギー",tabindex:"-1"},[a("10.2: モルの気体の内部エネルギー "),s("a",{class:"header-anchor",href:"#_10-2-モルの気体の内部エネルギー","aria-label":'Permalink to "10.2: モルの気体の内部エネルギー"'},"​")],-1),u=s("ol",{start:"2"},[s("li",null,[a("1 モルの気体の内部エネルギー: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"U"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"i"),s("mn",null,"2")]),s("mi",null,"R"),s("mi",null,"T")]),s("annotation",{encoding:"application/x-tex"},"U=\\frac{i}{2} R T")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2007em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8557em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"RT")])])]),a(" [訳者注: 単 原子分子理想気体 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"i"),s("mo",null,"="),s("mn",null,"3")]),s("annotation",{encoding:"application/x-tex"},"i=3")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6595em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"3")])])]),a(", 二原子分子理想気体 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"i"),s("mo",null,"="),s("mn",null,"5"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"i=5]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6595em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"5"),s("span",{class:"mclose"},"]")])])]),a(".")])],-1),d=s("h3",{id:"_10-3-標準状態",tabindex:"-1"},[a("10.3: 標準状態 "),s("a",{class:"header-anchor",href:"#_10-3-標準状態","aria-label":'Permalink to "10.3: 標準状態"'},"​")],-1),y=s("ol",{start:"3"},[s("li",null,[a("標準状態での 1 モルの気体の体積は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"22.4"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")])]),s("annotation",{encoding:"application/x-tex"},"22.4 \\mathrm{~L}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"22.4"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")])])])]),a(".")])],-1),v=s("h3",{id:"_10-4-断熱過程",tabindex:"-1"},[a("10.4: 断熱過程 "),s("a",{class:"header-anchor",href:"#_10-4-断熱過程","aria-label":'Permalink to "10.4: 断熱過程"'},"​")],-1),x=s("ol",{start:"4"},[s("li",null,[a("断熱過程: 音速に比べて遅く, 熱の出入りがない. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("msup",null,[s("mi",null,"V"),s("mi",null,"γ")]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"p V^\\gamma=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(" const. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"T"),s("msup",null,[s("mi",null,"V"),s("mrow",null,[s("mi",null,"γ"),s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\left(T V^{\\gamma-1}=\\right.")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mbin mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mclose nulldelimiter"})])])])]),a(" const. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])]),a(".")])],-1),b=s("h3",{id:"_10-5-γ-cp-cv-i-2-i",tabindex:"-1"},[a("10.5: γ=Cp/Cv=(i+2)/i "),s("a",{class:"header-anchor",href:"#_10-5-γ-cp-cv-i-2-i","aria-label":'Permalink to "10.5: γ=Cp/Cv=(i+2)/i"'},"​")],-1),w=s("ol",{start:"5"},[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"γ"),s("mo",null,"="),s("msub",null,[s("mi",null,"c"),s("mi",null,"p")]),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"c"),s("mi",null,"v")]),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"i"),s("mo",null,"+"),s("mn",null,"2"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"i")]),s("annotation",{encoding:"application/x-tex"},"\\gamma=c_p / c_v=(i+2) / i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0361em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"c"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"p")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"c"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"v")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"i")])])]),a(".")])],-1),k=s("h3",{id:"_10-6-boltzmann-分布",tabindex:"-1"},[a("10.6: Boltzmann 分布 "),s("a",{class:"header-anchor",href:"#_10-6-boltzmann-分布","aria-label":'Permalink to "10.6: Boltzmann 分布"'},"​")],-1),_=s("ol",{start:"6"},[s("li",null,[a("Boltzmann 分布 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ρ"),s("mo",null,"="),s("msub",null,[s("mi",null,"ρ"),s("mn",null,"0")]),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"M"),s("mi",null,"g"),s("mi",null,"h"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R"),s("mi",null,"T")])]),s("mo",null,"="),s("msub",null,[s("mi",null,"ρ"),s("mn",null,"0")]),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"U"),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"k"),s("mi",null,"B")]),s("mi",null,"T")])])]),s("annotation",{encoding:"application/x-tex"},"\\rho=\\rho_0 e^{-M g h / R T}=\\rho_0 e^{-U / k_B T} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1324em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.938em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord mathnormal mtight"},"h"),s("span",{class:"mord mtight"},"/"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.13889em"}},"RT")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1324em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.938em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mord mtight"},"/"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3448em"}},[s("span",{style:{top:"-2.3567em","margin-left":"-0.0315em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1433em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.13889em"}},"T")])])])])])])])])])])])])])])],-1),z=s("h3",{id:"_10-7-maxwell-分布",tabindex:"-1"},[a("10.7: Maxwell 分布 "),s("a",{class:"header-anchor",href:"#_10-7-maxwell-分布","aria-label":'Permalink to "10.7: Maxwell 分布"'},"​")],-1),M=s("ol",{start:"7"},[s("li",null,[a("Maxwell 分布（v の速さをもつ分子の数）"),s("div",{class:"tip custom-block"},[s("p",{class:"custom-block-title"},"訳者注"),s("p",null,[a("位相空間で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"v")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}+\\mathrm{d} \\boldsymbol{v}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])])])])]),a(" の間にある分子の数の分布 であり，v の速さをもつ分子の数の分布とは異なる] "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∝"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"m"),s("msup",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("msub",null,[s("mi",null,"k"),s("mi",null,"B")]),s("mi",null,"T")])])]),s("annotation",{encoding:"application/x-tex"},"\\propto e^{-m \\boldsymbol{v}^2 / 2 k_B T}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9869em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9869em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"m"),s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord boldsymbol mtight",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8913em"}},[s("span",{style:{top:"-2.931em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord mtight"},"/2"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3448em"}},[s("span",{style:{top:"-2.3567em","margin-left":"-0.0315em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1433em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.13889em"}},"T")])])])])])])])])])])])])])])],-1),f=s("h3",{id:"_10-8-大気圧",tabindex:"-1"},[a("10.8: 大気圧 "),s("a",{class:"header-anchor",href:"#_10-8-大気圧","aria-label":'Permalink to "10.8: 大気圧"'},"​")],-1),T=s("ol",{start:"8"},[s("li",null,[a("大気圧 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mo",null,"≪"),s("mi",null,"p")]),s("annotation",{encoding:"application/x-tex"},"\\Delta p \\ll p")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p")])])]),a(" ならば "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mo",null,"="),s("mi",null,"ρ"),s("mi",null,"g"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"h")]),s("annotation",{encoding:"application/x-tex"},"\\Delta p=\\rho g \\Delta h")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"h")])])]),a(".")])],-1),L=s("h3",{id:"_10-9-公式",tabindex:"-1"},[a("10.9: 公式 "),s("a",{class:"header-anchor",href:"#_10-9-公式","aria-label":'Permalink to "10.9: 公式"'},"​")],-1),P=s("ol",{start:"9"},[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"3")]),s("mi",null,"m"),s("mi",null,"n"),s("mover",{accent:"true"},[s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",{stretchy:"true"},"‾")]),s("mo",null,"="),s("mi",null,"n"),s("msub",null,[s("mi",null,"k"),s("mi",null,"B")]),s("mi",null,"T"),s("mo",{stretchy:"false"},"("),s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"p=\\frac{1}{3} m n \\overline{v^2}=n k_B T(n")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2851em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal"},"mn"),s("span",{class:"mord overline"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9401em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.8601em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"overline-line",style:{"border-bottom-width":"0.04em"}})])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"n")])])]),a(" は数密度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("msqrt",null,[s("mover",{accent:"true"},[s("mover",{accent:"true"},[s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",{stretchy:"true"},"‾")]),s("mo",{stretchy:"true"},"‾")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"), \\sqrt{\\overline{\\overline{v^2}}}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.84em","vertical-align":"-0.2849em"}}),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5551em"}},[s("span",{class:"svg-align",style:{top:"-3.8em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord overline"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1401em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord overline"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9401em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.8601em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"overline-line",style:{"border-bottom-width":"0.04em"}})])])])])])])]),s("span",{style:{top:"-4.0601em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"overline-line",style:{"border-bottom-width":"0.04em"}})])])])])])])]),s("span",{style:{top:"-3.5151em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.88em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.88em",viewBox:"0 0 400000 1944",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M983 90
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const hs=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 10","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/10.md","filePath":"academic/physics/ipho-formulas-jpn/10.md","lastUpdated":1699051935000}'),r={name:"academic/physics/ipho-formulas-jpn/10.md"},p=s("h1",{id:"formulas-for-ipho-日本語版-section-10",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 10 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-10","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 10"'},"​")],-1),c=s("h2",{id:"_10-熱力学",tabindex:"-1"},[a("10: 熱力学 "),s("a",{class:"header-anchor",href:"#_10-熱力学","aria-label":'Permalink to "10: 熱力学"'},"​")],-1),h=s("h3",{id:"_10-1",tabindex:"-1"},[a("10.1: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("mi",null,"V"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"w"),s("mi",null,"M")]),s("mi",null,"R"),s("mi",null,"T")]),s("annotation",{encoding:"application/x-tex"},"p V=\\frac{w}{M} R T")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"M")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02691em"}},"w")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"RT")])])]),a(),s("a",{class:"header-anchor",href:"#_10-1","aria-label":'Permalink to "10.1: $p V=\\frac{w}{M} R T$"'},"​")],-1),o=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("mi",null,"V"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"w"),s("mi",null,"M")]),s("mi",null,"R"),s("mi",null,"T")]),s("annotation",{encoding:"application/x-tex"},"p V=\\frac{w}{M} R T")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"M")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02691em"}},"w")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"RT")])])]),a(".")])],-1),g=s("h3",{id:"_10-2-モルの気体の内部エネルギー",tabindex:"-1"},[a("10.2: モルの気体の内部エネルギー "),s("a",{class:"header-anchor",href:"#_10-2-モルの気体の内部エネルギー","aria-label":'Permalink to "10.2: モルの気体の内部エネルギー"'},"​")],-1),u=s("ol",{start:"2"},[s("li",null,[a("1 モルの気体の内部エネルギー: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"U"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"i"),s("mn",null,"2")]),s("mi",null,"R"),s("mi",null,"T")]),s("annotation",{encoding:"application/x-tex"},"U=\\frac{i}{2} R T")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2007em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8557em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"RT")])])]),a(" [訳者注: 単 原子分子理想気体 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"i"),s("mo",null,"="),s("mn",null,"3")]),s("annotation",{encoding:"application/x-tex"},"i=3")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6595em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"3")])])]),a(", 二原子分子理想気体 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"i"),s("mo",null,"="),s("mn",null,"5"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"i=5]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6595em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"5"),s("span",{class:"mclose"},"]")])])]),a(".")])],-1),d=s("h3",{id:"_10-3-標準状態",tabindex:"-1"},[a("10.3: 標準状態 "),s("a",{class:"header-anchor",href:"#_10-3-標準状態","aria-label":'Permalink to "10.3: 標準状態"'},"​")],-1),y=s("ol",{start:"3"},[s("li",null,[a("標準状態での 1 モルの気体の体積は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"22.4"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")])]),s("annotation",{encoding:"application/x-tex"},"22.4 \\mathrm{~L}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"22.4"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")])])])]),a(".")])],-1),v=s("h3",{id:"_10-4-断熱過程",tabindex:"-1"},[a("10.4: 断熱過程 "),s("a",{class:"header-anchor",href:"#_10-4-断熱過程","aria-label":'Permalink to "10.4: 断熱過程"'},"​")],-1),x=s("ol",{start:"4"},[s("li",null,[a("断熱過程: 音速に比べて遅く, 熱の出入りがない. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("msup",null,[s("mi",null,"V"),s("mi",null,"γ")]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"p V^\\gamma=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(" const. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"T"),s("msup",null,[s("mi",null,"V"),s("mrow",null,[s("mi",null,"γ"),s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\left(T V^{\\gamma-1}=\\right.")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mbin mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mclose nulldelimiter"})])])])]),a(" const. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])]),a(".")])],-1),b=s("h3",{id:"_10-5-γ-cp-cv-i-2-i",tabindex:"-1"},[a("10.5: γ=Cp/Cv=(i+2)/i "),s("a",{class:"header-anchor",href:"#_10-5-γ-cp-cv-i-2-i","aria-label":'Permalink to "10.5: γ=Cp/Cv=(i+2)/i"'},"​")],-1),w=s("ol",{start:"5"},[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"γ"),s("mo",null,"="),s("msub",null,[s("mi",null,"c"),s("mi",null,"p")]),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"c"),s("mi",null,"v")]),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"i"),s("mo",null,"+"),s("mn",null,"2"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"i")]),s("annotation",{encoding:"application/x-tex"},"\\gamma=c_p / c_v=(i+2) / i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0361em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"c"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"p")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"c"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"v")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"i")])])]),a(".")])],-1),k=s("h3",{id:"_10-6-boltzmann-分布",tabindex:"-1"},[a("10.6: Boltzmann 分布 "),s("a",{class:"header-anchor",href:"#_10-6-boltzmann-分布","aria-label":'Permalink to "10.6: Boltzmann 分布"'},"​")],-1),_=s("ol",{start:"6"},[s("li",null,[a("Boltzmann 分布 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ρ"),s("mo",null,"="),s("msub",null,[s("mi",null,"ρ"),s("mn",null,"0")]),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"M"),s("mi",null,"g"),s("mi",null,"h"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R"),s("mi",null,"T")])]),s("mo",null,"="),s("msub",null,[s("mi",null,"ρ"),s("mn",null,"0")]),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"U"),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"k"),s("mi",null,"B")]),s("mi",null,"T")])])]),s("annotation",{encoding:"application/x-tex"},"\\rho=\\rho_0 e^{-M g h / R T}=\\rho_0 e^{-U / k_B T} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1324em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.938em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord mathnormal mtight"},"h"),s("span",{class:"mord mtight"},"/"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.13889em"}},"RT")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1324em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.938em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mord mtight"},"/"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3448em"}},[s("span",{style:{top:"-2.3567em","margin-left":"-0.0315em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1433em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.13889em"}},"T")])])])])])])])])])])])])])])],-1),z=s("h3",{id:"_10-7-maxwell-分布",tabindex:"-1"},[a("10.7: Maxwell 分布 "),s("a",{class:"header-anchor",href:"#_10-7-maxwell-分布","aria-label":'Permalink to "10.7: Maxwell 分布"'},"​")],-1),M=s("ol",{start:"7"},[s("li",null,[a("Maxwell 分布（v の速さをもつ分子の数）"),s("div",{class:"tip custom-block"},[s("p",{class:"custom-block-title"},"訳者注"),s("p",null,[a("位相空間で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"v")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}+\\mathrm{d} \\boldsymbol{v}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])])])])]),a(" の間にある分子の数の分布 であり，v の速さをもつ分子の数の分布とは異なる] "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∝"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"m"),s("msup",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("msub",null,[s("mi",null,"k"),s("mi",null,"B")]),s("mi",null,"T")])])]),s("annotation",{encoding:"application/x-tex"},"\\propto e^{-m \\boldsymbol{v}^2 / 2 k_B T}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9869em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9869em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"m"),s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord boldsymbol mtight",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8913em"}},[s("span",{style:{top:"-2.931em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord mtight"},"/2"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3448em"}},[s("span",{style:{top:"-2.3567em","margin-left":"-0.0315em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1433em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.13889em"}},"T")])])])])])])])])])])])])])])],-1),f=s("h3",{id:"_10-8-大気圧",tabindex:"-1"},[a("10.8: 大気圧 "),s("a",{class:"header-anchor",href:"#_10-8-大気圧","aria-label":'Permalink to "10.8: 大気圧"'},"​")],-1),T=s("ol",{start:"8"},[s("li",null,[a("大気圧 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mo",null,"≪"),s("mi",null,"p")]),s("annotation",{encoding:"application/x-tex"},"\\Delta p \\ll p")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p")])])]),a(" ならば "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mo",null,"="),s("mi",null,"ρ"),s("mi",null,"g"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"h")]),s("annotation",{encoding:"application/x-tex"},"\\Delta p=\\rho g \\Delta h")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"h")])])]),a(".")])],-1),L=s("h3",{id:"_10-9-公式",tabindex:"-1"},[a("10.9: 公式 "),s("a",{class:"header-anchor",href:"#_10-9-公式","aria-label":'Permalink to "10.9: 公式"'},"​")],-1),P=s("ol",{start:"9"},[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"3")]),s("mi",null,"m"),s("mi",null,"n"),s("mover",{accent:"true"},[s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",{stretchy:"true"},"‾")]),s("mo",null,"="),s("mi",null,"n"),s("msub",null,[s("mi",null,"k"),s("mi",null,"B")]),s("mi",null,"T"),s("mo",{stretchy:"false"},"("),s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"p=\\frac{1}{3} m n \\overline{v^2}=n k_B T(n")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2851em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal"},"mn"),s("span",{class:"mord overline"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9401em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.8601em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"overline-line",style:{"border-bottom-width":"0.04em"}})])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"n")])])]),a(" は数密度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("msqrt",null,[s("mover",{accent:"true"},[s("mover",{accent:"true"},[s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",{stretchy:"true"},"‾")]),s("mo",{stretchy:"true"},"‾")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"), \\sqrt{\\overline{\\overline{v^2}}}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.84em","vertical-align":"-0.2849em"}}),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5551em"}},[s("span",{class:"svg-align",style:{top:"-3.8em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord overline"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1401em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord overline"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9401em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.8601em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"overline-line",style:{"border-bottom-width":"0.04em"}})])])])])])])]),s("span",{style:{top:"-4.0601em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"overline-line",style:{"border-bottom-width":"0.04em"}})])])])])])])]),s("span",{style:{top:"-3.5151em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.88em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.88em",viewBox:"0 0 400000 1944",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M983 90
 l0 -0
 c4,-6.7,10,-10,18,-10 H400000v40
 H1013.1s-83.4,268,-264.1,840c-180.7,572,-277,876.3,-289,913c-4.7,4.7,-12.7,7,-24,7
diff --git a/assets/academic_physics_ipho-formulas-jpn_10.md.5252ef94.lean.js b/assets/academic_physics_ipho-formulas-jpn_10.md.2eaa8ad2.lean.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_10.md.5252ef94.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_10.md.2eaa8ad2.lean.js
index a996c8cb..fbb95f3b 100644
--- a/assets/academic_physics_ipho-formulas-jpn_10.md.5252ef94.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_10.md.2eaa8ad2.lean.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const hs=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 10","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/10.md","filePath":"academic/physics/ipho-formulas-jpn/10.md","lastUpdated":1695377563000}'),r={name:"academic/physics/ipho-formulas-jpn/10.md"},p=s("h1",{id:"formulas-for-ipho-日本語版-section-10",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 10 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-10","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 10"'},"​")],-1),c=s("h2",{id:"_10-熱力学",tabindex:"-1"},[a("10: 熱力学 "),s("a",{class:"header-anchor",href:"#_10-熱力学","aria-label":'Permalink to "10: 熱力学"'},"​")],-1),h=s("h3",{id:"_10-1",tabindex:"-1"},[a("10.1: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("mi",null,"V"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"w"),s("mi",null,"M")]),s("mi",null,"R"),s("mi",null,"T")]),s("annotation",{encoding:"application/x-tex"},"p V=\\frac{w}{M} R T")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"M")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02691em"}},"w")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"RT")])])]),a(),s("a",{class:"header-anchor",href:"#_10-1","aria-label":'Permalink to "10.1: $p V=\\frac{w}{M} R T$"'},"​")],-1),o=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("mi",null,"V"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"w"),s("mi",null,"M")]),s("mi",null,"R"),s("mi",null,"T")]),s("annotation",{encoding:"application/x-tex"},"p V=\\frac{w}{M} R T")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"M")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02691em"}},"w")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"RT")])])]),a(".")])],-1),g=s("h3",{id:"_10-2-モルの気体の内部エネルギー",tabindex:"-1"},[a("10.2: モルの気体の内部エネルギー "),s("a",{class:"header-anchor",href:"#_10-2-モルの気体の内部エネルギー","aria-label":'Permalink to "10.2: モルの気体の内部エネルギー"'},"​")],-1),u=s("ol",{start:"2"},[s("li",null,[a("1 モルの気体の内部エネルギー: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"U"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"i"),s("mn",null,"2")]),s("mi",null,"R"),s("mi",null,"T")]),s("annotation",{encoding:"application/x-tex"},"U=\\frac{i}{2} R T")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2007em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8557em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"RT")])])]),a(" [訳者注: 単 原子分子理想気体 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"i"),s("mo",null,"="),s("mn",null,"3")]),s("annotation",{encoding:"application/x-tex"},"i=3")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6595em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"3")])])]),a(", 二原子分子理想気体 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"i"),s("mo",null,"="),s("mn",null,"5"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"i=5]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6595em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"5"),s("span",{class:"mclose"},"]")])])]),a(".")])],-1),d=s("h3",{id:"_10-3-標準状態",tabindex:"-1"},[a("10.3: 標準状態 "),s("a",{class:"header-anchor",href:"#_10-3-標準状態","aria-label":'Permalink to "10.3: 標準状態"'},"​")],-1),y=s("ol",{start:"3"},[s("li",null,[a("標準状態での 1 モルの気体の体積は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"22.4"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")])]),s("annotation",{encoding:"application/x-tex"},"22.4 \\mathrm{~L}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"22.4"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")])])])]),a(".")])],-1),v=s("h3",{id:"_10-4-断熱過程",tabindex:"-1"},[a("10.4: 断熱過程 "),s("a",{class:"header-anchor",href:"#_10-4-断熱過程","aria-label":'Permalink to "10.4: 断熱過程"'},"​")],-1),x=s("ol",{start:"4"},[s("li",null,[a("断熱過程: 音速に比べて遅く, 熱の出入りがない. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("msup",null,[s("mi",null,"V"),s("mi",null,"γ")]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"p V^\\gamma=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(" const. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"T"),s("msup",null,[s("mi",null,"V"),s("mrow",null,[s("mi",null,"γ"),s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\left(T V^{\\gamma-1}=\\right.")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mbin mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mclose nulldelimiter"})])])])]),a(" const. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])]),a(".")])],-1),b=s("h3",{id:"_10-5-γ-cp-cv-i-2-i",tabindex:"-1"},[a("10.5: γ=Cp/Cv=(i+2)/i "),s("a",{class:"header-anchor",href:"#_10-5-γ-cp-cv-i-2-i","aria-label":'Permalink to "10.5: γ=Cp/Cv=(i+2)/i"'},"​")],-1),w=s("ol",{start:"5"},[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"γ"),s("mo",null,"="),s("msub",null,[s("mi",null,"c"),s("mi",null,"p")]),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"c"),s("mi",null,"v")]),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"i"),s("mo",null,"+"),s("mn",null,"2"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"i")]),s("annotation",{encoding:"application/x-tex"},"\\gamma=c_p / c_v=(i+2) / i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0361em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"c"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"p")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"c"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"v")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"i")])])]),a(".")])],-1),k=s("h3",{id:"_10-6-boltzmann-分布",tabindex:"-1"},[a("10.6: Boltzmann 分布 "),s("a",{class:"header-anchor",href:"#_10-6-boltzmann-分布","aria-label":'Permalink to "10.6: Boltzmann 分布"'},"​")],-1),_=s("ol",{start:"6"},[s("li",null,[a("Boltzmann 分布 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ρ"),s("mo",null,"="),s("msub",null,[s("mi",null,"ρ"),s("mn",null,"0")]),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"M"),s("mi",null,"g"),s("mi",null,"h"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R"),s("mi",null,"T")])]),s("mo",null,"="),s("msub",null,[s("mi",null,"ρ"),s("mn",null,"0")]),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"U"),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"k"),s("mi",null,"B")]),s("mi",null,"T")])])]),s("annotation",{encoding:"application/x-tex"},"\\rho=\\rho_0 e^{-M g h / R T}=\\rho_0 e^{-U / k_B T} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1324em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.938em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord mathnormal mtight"},"h"),s("span",{class:"mord mtight"},"/"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.13889em"}},"RT")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1324em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.938em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mord mtight"},"/"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3448em"}},[s("span",{style:{top:"-2.3567em","margin-left":"-0.0315em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1433em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.13889em"}},"T")])])])])])])])])])])])])])])],-1),z=s("h3",{id:"_10-7-maxwell-分布",tabindex:"-1"},[a("10.7: Maxwell 分布 "),s("a",{class:"header-anchor",href:"#_10-7-maxwell-分布","aria-label":'Permalink to "10.7: Maxwell 分布"'},"​")],-1),M=s("ol",{start:"7"},[s("li",null,[a("Maxwell 分布（v の速さをもつ分子の数）"),s("div",{class:"tip custom-block"},[s("p",{class:"custom-block-title"},"訳者注"),s("p",null,[a("位相空間で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"v")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}+\\mathrm{d} \\boldsymbol{v}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])])])])]),a(" の間にある分子の数の分布 であり，v の速さをもつ分子の数の分布とは異なる] "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∝"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"m"),s("msup",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("msub",null,[s("mi",null,"k"),s("mi",null,"B")]),s("mi",null,"T")])])]),s("annotation",{encoding:"application/x-tex"},"\\propto e^{-m \\boldsymbol{v}^2 / 2 k_B T}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9869em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9869em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"m"),s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord boldsymbol mtight",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8913em"}},[s("span",{style:{top:"-2.931em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord mtight"},"/2"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3448em"}},[s("span",{style:{top:"-2.3567em","margin-left":"-0.0315em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1433em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.13889em"}},"T")])])])])])])])])])])])])])])],-1),f=s("h3",{id:"_10-8-大気圧",tabindex:"-1"},[a("10.8: 大気圧 "),s("a",{class:"header-anchor",href:"#_10-8-大気圧","aria-label":'Permalink to "10.8: 大気圧"'},"​")],-1),T=s("ol",{start:"8"},[s("li",null,[a("大気圧 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mo",null,"≪"),s("mi",null,"p")]),s("annotation",{encoding:"application/x-tex"},"\\Delta p \\ll p")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p")])])]),a(" ならば "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mo",null,"="),s("mi",null,"ρ"),s("mi",null,"g"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"h")]),s("annotation",{encoding:"application/x-tex"},"\\Delta p=\\rho g \\Delta h")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"h")])])]),a(".")])],-1),L=s("h3",{id:"_10-9-公式",tabindex:"-1"},[a("10.9: 公式 "),s("a",{class:"header-anchor",href:"#_10-9-公式","aria-label":'Permalink to "10.9: 公式"'},"​")],-1),P=s("ol",{start:"9"},[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"3")]),s("mi",null,"m"),s("mi",null,"n"),s("mover",{accent:"true"},[s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",{stretchy:"true"},"‾")]),s("mo",null,"="),s("mi",null,"n"),s("msub",null,[s("mi",null,"k"),s("mi",null,"B")]),s("mi",null,"T"),s("mo",{stretchy:"false"},"("),s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"p=\\frac{1}{3} m n \\overline{v^2}=n k_B T(n")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2851em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal"},"mn"),s("span",{class:"mord overline"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9401em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.8601em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"overline-line",style:{"border-bottom-width":"0.04em"}})])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"n")])])]),a(" は数密度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("msqrt",null,[s("mover",{accent:"true"},[s("mover",{accent:"true"},[s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",{stretchy:"true"},"‾")]),s("mo",{stretchy:"true"},"‾")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"), \\sqrt{\\overline{\\overline{v^2}}}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.84em","vertical-align":"-0.2849em"}}),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5551em"}},[s("span",{class:"svg-align",style:{top:"-3.8em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord overline"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1401em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord overline"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9401em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.8601em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"overline-line",style:{"border-bottom-width":"0.04em"}})])])])])])])]),s("span",{style:{top:"-4.0601em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"overline-line",style:{"border-bottom-width":"0.04em"}})])])])])])])]),s("span",{style:{top:"-3.5151em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.88em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.88em",viewBox:"0 0 400000 1944",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M983 90
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const hs=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 10","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/10.md","filePath":"academic/physics/ipho-formulas-jpn/10.md","lastUpdated":1699051935000}'),r={name:"academic/physics/ipho-formulas-jpn/10.md"},p=s("h1",{id:"formulas-for-ipho-日本語版-section-10",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 10 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-10","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 10"'},"​")],-1),c=s("h2",{id:"_10-熱力学",tabindex:"-1"},[a("10: 熱力学 "),s("a",{class:"header-anchor",href:"#_10-熱力学","aria-label":'Permalink to "10: 熱力学"'},"​")],-1),h=s("h3",{id:"_10-1",tabindex:"-1"},[a("10.1: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("mi",null,"V"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"w"),s("mi",null,"M")]),s("mi",null,"R"),s("mi",null,"T")]),s("annotation",{encoding:"application/x-tex"},"p V=\\frac{w}{M} R T")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"M")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02691em"}},"w")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"RT")])])]),a(),s("a",{class:"header-anchor",href:"#_10-1","aria-label":'Permalink to "10.1: $p V=\\frac{w}{M} R T$"'},"​")],-1),o=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("mi",null,"V"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"w"),s("mi",null,"M")]),s("mi",null,"R"),s("mi",null,"T")]),s("annotation",{encoding:"application/x-tex"},"p V=\\frac{w}{M} R T")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"M")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02691em"}},"w")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"RT")])])]),a(".")])],-1),g=s("h3",{id:"_10-2-モルの気体の内部エネルギー",tabindex:"-1"},[a("10.2: モルの気体の内部エネルギー "),s("a",{class:"header-anchor",href:"#_10-2-モルの気体の内部エネルギー","aria-label":'Permalink to "10.2: モルの気体の内部エネルギー"'},"​")],-1),u=s("ol",{start:"2"},[s("li",null,[a("1 モルの気体の内部エネルギー: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"U"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"i"),s("mn",null,"2")]),s("mi",null,"R"),s("mi",null,"T")]),s("annotation",{encoding:"application/x-tex"},"U=\\frac{i}{2} R T")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2007em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8557em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"RT")])])]),a(" [訳者注: 単 原子分子理想気体 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"i"),s("mo",null,"="),s("mn",null,"3")]),s("annotation",{encoding:"application/x-tex"},"i=3")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6595em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"3")])])]),a(", 二原子分子理想気体 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"i"),s("mo",null,"="),s("mn",null,"5"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"i=5]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6595em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"5"),s("span",{class:"mclose"},"]")])])]),a(".")])],-1),d=s("h3",{id:"_10-3-標準状態",tabindex:"-1"},[a("10.3: 標準状態 "),s("a",{class:"header-anchor",href:"#_10-3-標準状態","aria-label":'Permalink to "10.3: 標準状態"'},"​")],-1),y=s("ol",{start:"3"},[s("li",null,[a("標準状態での 1 モルの気体の体積は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"22.4"),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"L")])]),s("annotation",{encoding:"application/x-tex"},"22.4 \\mathrm{~L}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"22.4"),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"L")])])])]),a(".")])],-1),v=s("h3",{id:"_10-4-断熱過程",tabindex:"-1"},[a("10.4: 断熱過程 "),s("a",{class:"header-anchor",href:"#_10-4-断熱過程","aria-label":'Permalink to "10.4: 断熱過程"'},"​")],-1),x=s("ol",{start:"4"},[s("li",null,[a("断熱過程: 音速に比べて遅く, 熱の出入りがない. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("msup",null,[s("mi",null,"V"),s("mi",null,"γ")]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"p V^\\gamma=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(" const. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"T"),s("msup",null,[s("mi",null,"V"),s("mrow",null,[s("mi",null,"γ"),s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\left(T V^{\\gamma-1}=\\right.")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mbin mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mclose nulldelimiter"})])])])]),a(" const. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])]),a(".")])],-1),b=s("h3",{id:"_10-5-γ-cp-cv-i-2-i",tabindex:"-1"},[a("10.5: γ=Cp/Cv=(i+2)/i "),s("a",{class:"header-anchor",href:"#_10-5-γ-cp-cv-i-2-i","aria-label":'Permalink to "10.5: γ=Cp/Cv=(i+2)/i"'},"​")],-1),w=s("ol",{start:"5"},[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"γ"),s("mo",null,"="),s("msub",null,[s("mi",null,"c"),s("mi",null,"p")]),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"c"),s("mi",null,"v")]),s("mo",null,"="),s("mo",{stretchy:"false"},"("),s("mi",null,"i"),s("mo",null,"+"),s("mn",null,"2"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"i")]),s("annotation",{encoding:"application/x-tex"},"\\gamma=c_p / c_v=(i+2) / i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0361em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"c"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"p")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"c"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"v")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"i")])])]),a(".")])],-1),k=s("h3",{id:"_10-6-boltzmann-分布",tabindex:"-1"},[a("10.6: Boltzmann 分布 "),s("a",{class:"header-anchor",href:"#_10-6-boltzmann-分布","aria-label":'Permalink to "10.6: Boltzmann 分布"'},"​")],-1),_=s("ol",{start:"6"},[s("li",null,[a("Boltzmann 分布 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ρ"),s("mo",null,"="),s("msub",null,[s("mi",null,"ρ"),s("mn",null,"0")]),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"M"),s("mi",null,"g"),s("mi",null,"h"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R"),s("mi",null,"T")])]),s("mo",null,"="),s("msub",null,[s("mi",null,"ρ"),s("mn",null,"0")]),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"U"),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"k"),s("mi",null,"B")]),s("mi",null,"T")])])]),s("annotation",{encoding:"application/x-tex"},"\\rho=\\rho_0 e^{-M g h / R T}=\\rho_0 e^{-U / k_B T} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1324em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.938em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord mathnormal mtight"},"h"),s("span",{class:"mord mtight"},"/"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.13889em"}},"RT")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1324em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.938em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mord mtight"},"/"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3448em"}},[s("span",{style:{top:"-2.3567em","margin-left":"-0.0315em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1433em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.13889em"}},"T")])])])])])])])])])])])])])])],-1),z=s("h3",{id:"_10-7-maxwell-分布",tabindex:"-1"},[a("10.7: Maxwell 分布 "),s("a",{class:"header-anchor",href:"#_10-7-maxwell-分布","aria-label":'Permalink to "10.7: Maxwell 分布"'},"​")],-1),M=s("ol",{start:"7"},[s("li",null,[a("Maxwell 分布（v の速さをもつ分子の数）"),s("div",{class:"tip custom-block"},[s("p",{class:"custom-block-title"},"訳者注"),s("p",null,[a("位相空間で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"+"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"v")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}+\\mathrm{d} \\boldsymbol{v}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])])])])]),a(" の間にある分子の数の分布 であり，v の速さをもつ分子の数の分布とは異なる] "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∝"),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"m"),s("msup",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("msub",null,[s("mi",null,"k"),s("mi",null,"B")]),s("mi",null,"T")])])]),s("annotation",{encoding:"application/x-tex"},"\\propto e^{-m \\boldsymbol{v}^2 / 2 k_B T}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9869em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9869em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight"},"m"),s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord boldsymbol mtight",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8913em"}},[s("span",{style:{top:"-2.931em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord mtight"},"/2"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3448em"}},[s("span",{style:{top:"-2.3567em","margin-left":"-0.0315em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1433em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.13889em"}},"T")])])])])])])])])])])])])])])],-1),f=s("h3",{id:"_10-8-大気圧",tabindex:"-1"},[a("10.8: 大気圧 "),s("a",{class:"header-anchor",href:"#_10-8-大気圧","aria-label":'Permalink to "10.8: 大気圧"'},"​")],-1),T=s("ol",{start:"8"},[s("li",null,[a("大気圧 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mo",null,"≪"),s("mi",null,"p")]),s("annotation",{encoding:"application/x-tex"},"\\Delta p \\ll p")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p")])])]),a(" ならば "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mo",null,"="),s("mi",null,"ρ"),s("mi",null,"g"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"h")]),s("annotation",{encoding:"application/x-tex"},"\\Delta p=\\rho g \\Delta h")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"h")])])]),a(".")])],-1),L=s("h3",{id:"_10-9-公式",tabindex:"-1"},[a("10.9: 公式 "),s("a",{class:"header-anchor",href:"#_10-9-公式","aria-label":'Permalink to "10.9: 公式"'},"​")],-1),P=s("ol",{start:"9"},[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"p"),s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"3")]),s("mi",null,"m"),s("mi",null,"n"),s("mover",{accent:"true"},[s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",{stretchy:"true"},"‾")]),s("mo",null,"="),s("mi",null,"n"),s("msub",null,[s("mi",null,"k"),s("mi",null,"B")]),s("mi",null,"T"),s("mo",{stretchy:"false"},"("),s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"p=\\frac{1}{3} m n \\overline{v^2}=n k_B T(n")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2851em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord mathnormal"},"mn"),s("span",{class:"mord overline"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9401em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.8601em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"overline-line",style:{"border-bottom-width":"0.04em"}})])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"n")])])]),a(" は数密度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("msqrt",null,[s("mover",{accent:"true"},[s("mover",{accent:"true"},[s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",{stretchy:"true"},"‾")]),s("mo",{stretchy:"true"},"‾")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"), \\sqrt{\\overline{\\overline{v^2}}}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.84em","vertical-align":"-0.2849em"}}),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5551em"}},[s("span",{class:"svg-align",style:{top:"-3.8em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord overline"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1401em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord overline"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9401em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.8601em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"overline-line",style:{"border-bottom-width":"0.04em"}})])])])])])])]),s("span",{style:{top:"-4.0601em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"overline-line",style:{"border-bottom-width":"0.04em"}})])])])])])])]),s("span",{style:{top:"-3.5151em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.88em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.88em",viewBox:"0 0 400000 1944",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M983 90
 l0 -0
 c4,-6.7,10,-10,18,-10 H400000v40
 H1013.1s-83.4,268,-264.1,840c-180.7,572,-277,876.3,-289,913c-4.7,4.7,-12.7,7,-24,7
diff --git a/assets/academic_physics_ipho-formulas-jpn_11.md.5f6411f3.js b/assets/academic_physics_ipho-formulas-jpn_11.md.3b777f56.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_11.md.5f6411f3.js
rename to assets/academic_physics_ipho-formulas-jpn_11.md.3b777f56.js
index 21127ed9..da7d0ed6 100644
--- a/assets/academic_physics_ipho-formulas-jpn_11.md.5f6411f3.js
+++ b/assets/academic_physics_ipho-formulas-jpn_11.md.3b777f56.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 11","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/11.md","filePath":"academic/physics/ipho-formulas-jpn/11.md","lastUpdated":1695377563000}'),p={name:"academic/physics/ipho-formulas-jpn/11.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-11",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 11 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-11","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 11"'},"​")],-1),h=s("h2",{id:"_11-量子力学",tabindex:"-1"},[a("11: 量子力学 "),s("a",{class:"header-anchor",href:"#_11-量子力学","aria-label":'Permalink to "11: 量子力学"'},"​")],-1),o=s("h3",{id:"_11-1-p-hk",tabindex:"-1"},[a("11.1:p=hk "),s("a",{class:"header-anchor",href:"#_11-1-p-hk","aria-label":'Permalink to "11.1:p=hk"'},"​")],-1),g=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"p"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"ℏ"),s("mi",{mathvariant:"bold-italic"},"k"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"bold-italic"},"p"),s("mi",{mathvariant:"normal"},"∣"),s("mo",null,"="),s("mi",null,"h"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"λ"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",null,"E"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"ℏ"),s("mi",null,"ω"),s("mo",null,"="),s("mi",null,"h"),s("mi",null,"ν")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{p}=\\hbar \\boldsymbol{k}(|\\boldsymbol{p}|=h / \\lambda), E=\\hbar \\omega=h \\nu")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6389em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"ℏ"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.01852em"}},"k")])]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6889em"}}),s("span",{class:"mord"},"ℏ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν")])])]),a(".")])],-1),u=r('
11.2: 干渉 ​
  1. 干渉 : 波動光学のように.
11.3: 不確定性 ​
',3),d=s("ol",{start:"3"},[s("li",null,[s("p",null,"不確定性（数学の定理）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"x"),s("mo",null,"≥"),s("mfrac",null,[s("mi",{mathvariant:"normal"},"ℏ"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"E"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t"),s("mo",null,"≥"),s("mfrac",null,[s("mi",{mathvariant:"normal"},"ℏ"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"ω"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t"),s("mo",null,"≥"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\Delta p \\Delta x \\geq \\frac{\\hbar}{2}, \\Delta E \\Delta t \\geq \\frac{\\hbar}{2}, \\Delta \\omega \\Delta t \\geq \\frac{1}{2} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0519em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3659em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"ℏ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0519em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3659em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"ℏ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0074em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])]),s("p",null,[a("滑らかでない場合の定性的な推定には "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"h")]),s("annotation",{encoding:"application/x-tex"},"h")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h")])])]),a(" の方が適する "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"x"),s("mo",null,"≈"),s("mi",null,"h")]),s("annotation",{encoding:"application/x-tex"},"(\\Delta p \\Delta x \\approx h")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h")])])]),a(" など "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])]),a(".")])])],-1),y=s("h3",{id:"_11-4-スペクトル",tabindex:"-1"},[a("11.4: スペクトル "),s("a",{class:"header-anchor",href:"#_11-4-スペクトル","aria-label":'Permalink to "11.4: スペクトル"'},"​")],-1),v=s("ol",{start:"4"},[s("li",null,[a("スペクトル : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"h"),s("mi",null,"ν"),s("mo",null,"="),s("msub",null,[s("mi",null,"E"),s("mi",null,"n")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"E"),s("mi",null,"m")])]),s("annotation",{encoding:"application/x-tex"},"h \\nu=E_n-E_m")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0576em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0576em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"m")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". スペクトル線の幅は寿 命に関係し, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ"),s("mi",null,"τ"),s("mo",null,"≈"),s("mi",{mathvariant:"normal"},"ℏ")]),s("annotation",{encoding:"application/x-tex"},"\\Gamma \\tau \\approx \\hbar")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Γ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6889em"}}),s("span",{class:"mord"},"ℏ")])])]),a(".")])],-1),x=s("h3",{id:"_11-5-振動子",tabindex:"-1"},[a("11.5: 振動子 "),s("a",{class:"header-anchor",href:"#_11-5-振動子","aria-label":'Permalink to "11.5: 振動子"'},"​")],-1),b=s("ol",{start:"5"},[s("li",null,[a("振動子（例えば分子）のエネルギー準位（固有振動数 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ν"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mo",null,":"),s("msub",null,[s("mi",null,"E"),s("mi",null,"n")]),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"n"),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mi",null,"h"),s("msub",null,[s("mi",null,"ν"),s("mn",null,"0")])]),s("annotation",{encoding:"application/x-tex"},"\\left.\\nu_0\\right): E_n=\\left(n+\\frac{1}{2}\\right) h \\nu_0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0637em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0576em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0637em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". 多数の固有振動数の場合, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mo",null,"∑"),s("mi",null,"h"),s("msub",null,[s("mi",null,"n"),s("mi",null,"i")]),s("msub",null,[s("mi",null,"ν"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"E=\\sum h n_i \\nu_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0637em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(".")])],-1),w=s("h3",{id:"_11-6-トンネル効果",tabindex:"-1"},[a("11.6: トンネル効果 "),s("a",{class:"header-anchor",href:"#_11-6-トンネル効果","aria-label":'Permalink to "11.6: トンネル効果"'},"​")],-1),_=s("ol",{start:"6"},[s("li",null,[a("トンネル効果: 幅 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"l")]),s("annotation",{encoding:"application/x-tex"},"l")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")])])]),a(" の障壁 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ")]),s("annotation",{encoding:"application/x-tex"},"\\Gamma")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Γ")])])]),a(" は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ"),s("mi",null,"τ"),s("mo",null,"≈"),s("mi",{mathvariant:"normal"},"ℏ"),s("mo",{stretchy:"false"},"("),s("mi",null,"τ"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\Gamma \\tau \\approx \\hbar(\\tau=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Γ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"ℏ"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"l"),s("mi",{mathvariant:"normal"},"/"),s("msqrt",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"m")])]),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"l / \\sqrt{\\Gamma / m})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.24em","vertical-align":"-0.305em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mord"},"/"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.935em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord"},"Γ/"),s("span",{class:"mord mathnormal"},"m")])]),s("span",{style:{top:"-2.895em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 11","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/11.md","filePath":"academic/physics/ipho-formulas-jpn/11.md","lastUpdated":1699051935000}'),p={name:"academic/physics/ipho-formulas-jpn/11.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-11",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 11 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-11","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 11"'},"​")],-1),h=s("h2",{id:"_11-量子力学",tabindex:"-1"},[a("11: 量子力学 "),s("a",{class:"header-anchor",href:"#_11-量子力学","aria-label":'Permalink to "11: 量子力学"'},"​")],-1),o=s("h3",{id:"_11-1-p-hk",tabindex:"-1"},[a("11.1:p=hk "),s("a",{class:"header-anchor",href:"#_11-1-p-hk","aria-label":'Permalink to "11.1:p=hk"'},"​")],-1),g=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"p"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"ℏ"),s("mi",{mathvariant:"bold-italic"},"k"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"bold-italic"},"p"),s("mi",{mathvariant:"normal"},"∣"),s("mo",null,"="),s("mi",null,"h"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"λ"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",null,"E"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"ℏ"),s("mi",null,"ω"),s("mo",null,"="),s("mi",null,"h"),s("mi",null,"ν")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{p}=\\hbar \\boldsymbol{k}(|\\boldsymbol{p}|=h / \\lambda), E=\\hbar \\omega=h \\nu")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6389em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"ℏ"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.01852em"}},"k")])]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6889em"}}),s("span",{class:"mord"},"ℏ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν")])])]),a(".")])],-1),u=r('
11.2: 干渉 ​
  1. 干渉 : 波動光学のように.
11.3: 不確定性 ​
',3),d=s("ol",{start:"3"},[s("li",null,[s("p",null,"不確定性（数学の定理）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"x"),s("mo",null,"≥"),s("mfrac",null,[s("mi",{mathvariant:"normal"},"ℏ"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"E"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t"),s("mo",null,"≥"),s("mfrac",null,[s("mi",{mathvariant:"normal"},"ℏ"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"ω"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t"),s("mo",null,"≥"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\Delta p \\Delta x \\geq \\frac{\\hbar}{2}, \\Delta E \\Delta t \\geq \\frac{\\hbar}{2}, \\Delta \\omega \\Delta t \\geq \\frac{1}{2} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0519em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3659em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"ℏ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0519em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3659em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"ℏ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0074em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])]),s("p",null,[a("滑らかでない場合の定性的な推定には "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"h")]),s("annotation",{encoding:"application/x-tex"},"h")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h")])])]),a(" の方が適する "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"x"),s("mo",null,"≈"),s("mi",null,"h")]),s("annotation",{encoding:"application/x-tex"},"(\\Delta p \\Delta x \\approx h")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h")])])]),a(" など "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])]),a(".")])])],-1),y=s("h3",{id:"_11-4-スペクトル",tabindex:"-1"},[a("11.4: スペクトル "),s("a",{class:"header-anchor",href:"#_11-4-スペクトル","aria-label":'Permalink to "11.4: スペクトル"'},"​")],-1),v=s("ol",{start:"4"},[s("li",null,[a("スペクトル : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"h"),s("mi",null,"ν"),s("mo",null,"="),s("msub",null,[s("mi",null,"E"),s("mi",null,"n")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"E"),s("mi",null,"m")])]),s("annotation",{encoding:"application/x-tex"},"h \\nu=E_n-E_m")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0576em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0576em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"m")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". スペクトル線の幅は寿 命に関係し, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ"),s("mi",null,"τ"),s("mo",null,"≈"),s("mi",{mathvariant:"normal"},"ℏ")]),s("annotation",{encoding:"application/x-tex"},"\\Gamma \\tau \\approx \\hbar")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Γ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6889em"}}),s("span",{class:"mord"},"ℏ")])])]),a(".")])],-1),x=s("h3",{id:"_11-5-振動子",tabindex:"-1"},[a("11.5: 振動子 "),s("a",{class:"header-anchor",href:"#_11-5-振動子","aria-label":'Permalink to "11.5: 振動子"'},"​")],-1),b=s("ol",{start:"5"},[s("li",null,[a("振動子（例えば分子）のエネルギー準位（固有振動数 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ν"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mo",null,":"),s("msub",null,[s("mi",null,"E"),s("mi",null,"n")]),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"n"),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mi",null,"h"),s("msub",null,[s("mi",null,"ν"),s("mn",null,"0")])]),s("annotation",{encoding:"application/x-tex"},"\\left.\\nu_0\\right): E_n=\\left(n+\\frac{1}{2}\\right) h \\nu_0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0637em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0576em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0637em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". 多数の固有振動数の場合, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mo",null,"∑"),s("mi",null,"h"),s("msub",null,[s("mi",null,"n"),s("mi",null,"i")]),s("msub",null,[s("mi",null,"ν"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"E=\\sum h n_i \\nu_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0637em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(".")])],-1),w=s("h3",{id:"_11-6-トンネル効果",tabindex:"-1"},[a("11.6: トンネル効果 "),s("a",{class:"header-anchor",href:"#_11-6-トンネル効果","aria-label":'Permalink to "11.6: トンネル効果"'},"​")],-1),_=s("ol",{start:"6"},[s("li",null,[a("トンネル効果: 幅 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"l")]),s("annotation",{encoding:"application/x-tex"},"l")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")])])]),a(" の障壁 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ")]),s("annotation",{encoding:"application/x-tex"},"\\Gamma")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Γ")])])]),a(" は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ"),s("mi",null,"τ"),s("mo",null,"≈"),s("mi",{mathvariant:"normal"},"ℏ"),s("mo",{stretchy:"false"},"("),s("mi",null,"τ"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\Gamma \\tau \\approx \\hbar(\\tau=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Γ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"ℏ"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"l"),s("mi",{mathvariant:"normal"},"/"),s("msqrt",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"m")])]),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"l / \\sqrt{\\Gamma / m})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.24em","vertical-align":"-0.305em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mord"},"/"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.935em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord"},"Γ/"),s("span",{class:"mord mathnormal"},"m")])]),s("span",{style:{top:"-2.895em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
 c34,79.3,68.167,158.7,102.5,238c34.3,79.3,51.8,119.3,52.5,120
 c340,-704.7,510.7,-1060.3,512,-1067
 l0 -0
diff --git a/assets/academic_physics_ipho-formulas-jpn_11.md.5f6411f3.lean.js b/assets/academic_physics_ipho-formulas-jpn_11.md.3b777f56.lean.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_11.md.5f6411f3.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_11.md.3b777f56.lean.js
index 72955fda..0293532f 100644
--- a/assets/academic_physics_ipho-formulas-jpn_11.md.5f6411f3.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_11.md.3b777f56.lean.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 11","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/11.md","filePath":"academic/physics/ipho-formulas-jpn/11.md","lastUpdated":1695377563000}'),p={name:"academic/physics/ipho-formulas-jpn/11.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-11",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 11 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-11","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 11"'},"​")],-1),h=s("h2",{id:"_11-量子力学",tabindex:"-1"},[a("11: 量子力学 "),s("a",{class:"header-anchor",href:"#_11-量子力学","aria-label":'Permalink to "11: 量子力学"'},"​")],-1),o=s("h3",{id:"_11-1-p-hk",tabindex:"-1"},[a("11.1:p=hk "),s("a",{class:"header-anchor",href:"#_11-1-p-hk","aria-label":'Permalink to "11.1:p=hk"'},"​")],-1),g=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"p"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"ℏ"),s("mi",{mathvariant:"bold-italic"},"k"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"bold-italic"},"p"),s("mi",{mathvariant:"normal"},"∣"),s("mo",null,"="),s("mi",null,"h"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"λ"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",null,"E"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"ℏ"),s("mi",null,"ω"),s("mo",null,"="),s("mi",null,"h"),s("mi",null,"ν")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{p}=\\hbar \\boldsymbol{k}(|\\boldsymbol{p}|=h / \\lambda), E=\\hbar \\omega=h \\nu")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6389em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"ℏ"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.01852em"}},"k")])]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6889em"}}),s("span",{class:"mord"},"ℏ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν")])])]),a(".")])],-1),u=r("",3),d=s("ol",{start:"3"},[s("li",null,[s("p",null,"不確定性（数学の定理）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"x"),s("mo",null,"≥"),s("mfrac",null,[s("mi",{mathvariant:"normal"},"ℏ"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"E"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t"),s("mo",null,"≥"),s("mfrac",null,[s("mi",{mathvariant:"normal"},"ℏ"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"ω"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t"),s("mo",null,"≥"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\Delta p \\Delta x \\geq \\frac{\\hbar}{2}, \\Delta E \\Delta t \\geq \\frac{\\hbar}{2}, \\Delta \\omega \\Delta t \\geq \\frac{1}{2} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0519em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3659em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"ℏ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0519em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3659em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"ℏ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0074em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])]),s("p",null,[a("滑らかでない場合の定性的な推定には "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"h")]),s("annotation",{encoding:"application/x-tex"},"h")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h")])])]),a(" の方が適する "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"x"),s("mo",null,"≈"),s("mi",null,"h")]),s("annotation",{encoding:"application/x-tex"},"(\\Delta p \\Delta x \\approx h")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h")])])]),a(" など "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])]),a(".")])])],-1),y=s("h3",{id:"_11-4-スペクトル",tabindex:"-1"},[a("11.4: スペクトル "),s("a",{class:"header-anchor",href:"#_11-4-スペクトル","aria-label":'Permalink to "11.4: スペクトル"'},"​")],-1),v=s("ol",{start:"4"},[s("li",null,[a("スペクトル : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"h"),s("mi",null,"ν"),s("mo",null,"="),s("msub",null,[s("mi",null,"E"),s("mi",null,"n")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"E"),s("mi",null,"m")])]),s("annotation",{encoding:"application/x-tex"},"h \\nu=E_n-E_m")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0576em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0576em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"m")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". スペクトル線の幅は寿 命に関係し, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ"),s("mi",null,"τ"),s("mo",null,"≈"),s("mi",{mathvariant:"normal"},"ℏ")]),s("annotation",{encoding:"application/x-tex"},"\\Gamma \\tau \\approx \\hbar")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Γ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6889em"}}),s("span",{class:"mord"},"ℏ")])])]),a(".")])],-1),x=s("h3",{id:"_11-5-振動子",tabindex:"-1"},[a("11.5: 振動子 "),s("a",{class:"header-anchor",href:"#_11-5-振動子","aria-label":'Permalink to "11.5: 振動子"'},"​")],-1),b=s("ol",{start:"5"},[s("li",null,[a("振動子（例えば分子）のエネルギー準位（固有振動数 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ν"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mo",null,":"),s("msub",null,[s("mi",null,"E"),s("mi",null,"n")]),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"n"),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mi",null,"h"),s("msub",null,[s("mi",null,"ν"),s("mn",null,"0")])]),s("annotation",{encoding:"application/x-tex"},"\\left.\\nu_0\\right): E_n=\\left(n+\\frac{1}{2}\\right) h \\nu_0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0637em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0576em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0637em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". 多数の固有振動数の場合, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mo",null,"∑"),s("mi",null,"h"),s("msub",null,[s("mi",null,"n"),s("mi",null,"i")]),s("msub",null,[s("mi",null,"ν"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"E=\\sum h n_i \\nu_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0637em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(".")])],-1),w=s("h3",{id:"_11-6-トンネル効果",tabindex:"-1"},[a("11.6: トンネル効果 "),s("a",{class:"header-anchor",href:"#_11-6-トンネル効果","aria-label":'Permalink to "11.6: トンネル効果"'},"​")],-1),_=s("ol",{start:"6"},[s("li",null,[a("トンネル効果: 幅 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"l")]),s("annotation",{encoding:"application/x-tex"},"l")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")])])]),a(" の障壁 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ")]),s("annotation",{encoding:"application/x-tex"},"\\Gamma")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Γ")])])]),a(" は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ"),s("mi",null,"τ"),s("mo",null,"≈"),s("mi",{mathvariant:"normal"},"ℏ"),s("mo",{stretchy:"false"},"("),s("mi",null,"τ"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\Gamma \\tau \\approx \\hbar(\\tau=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Γ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"ℏ"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"l"),s("mi",{mathvariant:"normal"},"/"),s("msqrt",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"m")])]),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"l / \\sqrt{\\Gamma / m})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.24em","vertical-align":"-0.305em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mord"},"/"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.935em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord"},"Γ/"),s("span",{class:"mord mathnormal"},"m")])]),s("span",{style:{top:"-2.895em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 11","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/11.md","filePath":"academic/physics/ipho-formulas-jpn/11.md","lastUpdated":1699051935000}'),p={name:"academic/physics/ipho-formulas-jpn/11.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-11",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 11 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-11","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 11"'},"​")],-1),h=s("h2",{id:"_11-量子力学",tabindex:"-1"},[a("11: 量子力学 "),s("a",{class:"header-anchor",href:"#_11-量子力学","aria-label":'Permalink to "11: 量子力学"'},"​")],-1),o=s("h3",{id:"_11-1-p-hk",tabindex:"-1"},[a("11.1:p=hk "),s("a",{class:"header-anchor",href:"#_11-1-p-hk","aria-label":'Permalink to "11.1:p=hk"'},"​")],-1),g=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"p"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"ℏ"),s("mi",{mathvariant:"bold-italic"},"k"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"bold-italic"},"p"),s("mi",{mathvariant:"normal"},"∣"),s("mo",null,"="),s("mi",null,"h"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"λ"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",null,"E"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"ℏ"),s("mi",null,"ω"),s("mo",null,"="),s("mi",null,"h"),s("mi",null,"ν")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{p}=\\hbar \\boldsymbol{k}(|\\boldsymbol{p}|=h / \\lambda), E=\\hbar \\omega=h \\nu")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6389em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"ℏ"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.01852em"}},"k")])]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6889em"}}),s("span",{class:"mord"},"ℏ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν")])])]),a(".")])],-1),u=r("",3),d=s("ol",{start:"3"},[s("li",null,[s("p",null,"不確定性（数学の定理）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"x"),s("mo",null,"≥"),s("mfrac",null,[s("mi",{mathvariant:"normal"},"ℏ"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"E"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t"),s("mo",null,"≥"),s("mfrac",null,[s("mi",{mathvariant:"normal"},"ℏ"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"ω"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"t"),s("mo",null,"≥"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\Delta p \\Delta x \\geq \\frac{\\hbar}{2}, \\Delta E \\Delta t \\geq \\frac{\\hbar}{2}, \\Delta \\omega \\Delta t \\geq \\frac{1}{2} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0519em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3659em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"ℏ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0519em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3659em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"ℏ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0074em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])]),s("p",null,[a("滑らかでない場合の定性的な推定には "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"h")]),s("annotation",{encoding:"application/x-tex"},"h")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h")])])]),a(" の方が適する "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"p"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"x"),s("mo",null,"≈"),s("mi",null,"h")]),s("annotation",{encoding:"application/x-tex"},"(\\Delta p \\Delta x \\approx h")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"p"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h")])])]),a(" など "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])]),a(".")])])],-1),y=s("h3",{id:"_11-4-スペクトル",tabindex:"-1"},[a("11.4: スペクトル "),s("a",{class:"header-anchor",href:"#_11-4-スペクトル","aria-label":'Permalink to "11.4: スペクトル"'},"​")],-1),v=s("ol",{start:"4"},[s("li",null,[a("スペクトル : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"h"),s("mi",null,"ν"),s("mo",null,"="),s("msub",null,[s("mi",null,"E"),s("mi",null,"n")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"E"),s("mi",null,"m")])]),s("annotation",{encoding:"application/x-tex"},"h \\nu=E_n-E_m")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0576em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0576em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"m")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". スペクトル線の幅は寿 命に関係し, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ"),s("mi",null,"τ"),s("mo",null,"≈"),s("mi",{mathvariant:"normal"},"ℏ")]),s("annotation",{encoding:"application/x-tex"},"\\Gamma \\tau \\approx \\hbar")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Γ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6889em"}}),s("span",{class:"mord"},"ℏ")])])]),a(".")])],-1),x=s("h3",{id:"_11-5-振動子",tabindex:"-1"},[a("11.5: 振動子 "),s("a",{class:"header-anchor",href:"#_11-5-振動子","aria-label":'Permalink to "11.5: 振動子"'},"​")],-1),b=s("ol",{start:"5"},[s("li",null,[a("振動子（例えば分子）のエネルギー準位（固有振動数 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ν"),s("mn",null,"0")]),s("mo",{fence:"true"},")")]),s("mo",null,":"),s("msub",null,[s("mi",null,"E"),s("mi",null,"n")]),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"n"),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mi",null,"h"),s("msub",null,[s("mi",null,"ν"),s("mn",null,"0")])]),s("annotation",{encoding:"application/x-tex"},"\\left.\\nu_0\\right): E_n=\\left(n+\\frac{1}{2}\\right) h \\nu_0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0637em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0576em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"n")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0637em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". 多数の固有振動数の場合, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mo",null,"∑"),s("mi",null,"h"),s("msub",null,[s("mi",null,"n"),s("mi",null,"i")]),s("msub",null,[s("mi",null,"ν"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"E=\\sum h n_i \\nu_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"h"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.06366em"}},"ν"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0637em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(".")])],-1),w=s("h3",{id:"_11-6-トンネル効果",tabindex:"-1"},[a("11.6: トンネル効果 "),s("a",{class:"header-anchor",href:"#_11-6-トンネル効果","aria-label":'Permalink to "11.6: トンネル効果"'},"​")],-1),_=s("ol",{start:"6"},[s("li",null,[a("トンネル効果: 幅 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"l")]),s("annotation",{encoding:"application/x-tex"},"l")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")])])]),a(" の障壁 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ")]),s("annotation",{encoding:"application/x-tex"},"\\Gamma")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Γ")])])]),a(" は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ"),s("mi",null,"τ"),s("mo",null,"≈"),s("mi",{mathvariant:"normal"},"ℏ"),s("mo",{stretchy:"false"},"("),s("mi",null,"τ"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\Gamma \\tau \\approx \\hbar(\\tau=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Γ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"ℏ"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"l"),s("mi",{mathvariant:"normal"},"/"),s("msqrt",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Γ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"m")])]),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"l / \\sqrt{\\Gamma / m})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.24em","vertical-align":"-0.305em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mord"},"/"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.935em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord"},"Γ/"),s("span",{class:"mord mathnormal"},"m")])]),s("span",{style:{top:"-2.895em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
 c34,79.3,68.167,158.7,102.5,238c34.3,79.3,51.8,119.3,52.5,120
 c340,-704.7,510.7,-1060.3,512,-1067
 l0 -0
diff --git a/assets/academic_physics_ipho-formulas-jpn_12.md.b01af32f.js b/assets/academic_physics_ipho-formulas-jpn_12.md.449de813.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_12.md.b01af32f.js
rename to assets/academic_physics_ipho-formulas-jpn_12.md.449de813.js
index feadfea9..75506ee8 100644
--- a/assets/academic_physics_ipho-formulas-jpn_12.md.b01af32f.js
+++ b/assets/academic_physics_ipho-formulas-jpn_12.md.449de813.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,C as i,o as r,c as p,H as l,k as s,a,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 12","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/12.md","filePath":"academic/physics/ipho-formulas-jpn/12.md","lastUpdated":1695377563000}'),h={name:"academic/physics/ipho-formulas-jpn/12.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-12",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 12 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-12","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 12"'},"​")],-1),g=s("h2",{id:"_12-kepler-の法則",tabindex:"-1"},[a("12: Kepler の法則 "),s("a",{class:"header-anchor",href:"#_12-kepler-の法則","aria-label":'Permalink to "12: Kepler の法則"'},"​")],-1),u=s("h3",{id:"_12-1-f-u",tabindex:"-1"},[a("12.1: F & U "),s("a",{class:"header-anchor",href:"#_12-1-f-u","aria-label":'Permalink to "12.1: F & U"'},"​")],-1),d=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",null,"="),s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m"),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"U"),s("mo",null,"="),s("mo",null,"−"),s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r"),s("mtext",null,". ")]),s("annotation",{encoding:"application/x-tex"},"F=G M m / r^2, U=-G M m / r \\text {. }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mord text"},[s("span",{class:"mord"},". ")])])])])])],-1),y=c('
12.2: Kepler の第一法則 ​
  1. Kepler の第一法則 (2 質点の重力相互作用)：それぞ れの軌道は，系の質量中心に焦点を持つ楕円，双曲線, 放物線になる. これは Runge-Lenz ベクトルから得ら れる (ポイント 9).
12.3: Kepler の第二法則 ​
  1. Kepler の第二法則（角運動量の保存）: 中心力が働く 場にある質点について，その位置ベクトルは単位時間 に一定の面積を描く.
12.4: Kepler の第三法則 ​
',5),v=s("ol",{start:"4"},[s("li",null,[a("Kepler の第三法則 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("msup",null,[s("mi",null,"r"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"2")])])]),s("annotation",{encoding:"application/x-tex"},": r^{-2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),a(" に比例する力が働く場で楕円 軌道を描く複数の質点について, 周期は長半径の "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mn",null,"3"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\frac{3}{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1901em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(" 乗 に比例する :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msubsup",null,[s("mi",null,"T"),s("mn",null,"1"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msubsup",null,[s("mi",null,"T"),s("mn",null,"2"),s("mn",null,"2")]),s("mo",null,"="),s("msubsup",null,[s("mi",null,"a"),s("mn",null,"1"),s("mn",null,"3")]),s("mi",{mathvariant:"normal"},"/"),s("msubsup",null,[s("mi",null,"a"),s("mn",null,"2"),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"T_1^2 / T_2^2=a_1^3 / a_2^3 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])])])])])])])])],-1),b=s("h3",{id:"_12-5-楕円軌道",tabindex:"-1"},[a("12.5: 楕円軌道 "),s("a",{class:"header-anchor",href:"#_12-5-楕円軌道","aria-label":'Permalink to "12.5: 楕円軌道"'},"​")],-1),x=s("ol",{start:"5"},[s("li",null,[a("重力場中で楕円軌道を描く質点の全エネルギー "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"K"),s("mo",null,"+"),s("mi",null,"U"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(K+U)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mclose"},")")])])]),a(" :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mo",null,"−"),s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"E=-G M m / 2 a ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},"/2"),s("span",{class:"mord mathnormal"},"a")])])])])])])],-1),_=s("h3",{id:"_12-6-楕円率",tabindex:"-1"},[a("12.6: 楕円率 "),s("a",{class:"header-anchor",href:"#_12-6-楕円率","aria-label":'Permalink to "12.6: 楕円率"'},"​")],-1),k=s("ol",null,[s("li",null,[a("楕円率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ε"),s("mo",null,"="),s("mi",null,"d"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"a"),s("mo",null,"≪"),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"\\varepsilon=d / a \\ll 1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"1")])])]),a(" の場合, 軌道は焦点をずらし た円形をしていると考えられる.")])],-1),w=s("h3",{id:"_12-7-楕円の性質",tabindex:"-1"},[a("12.7: 楕円の性質 "),s("a",{class:"header-anchor",href:"#_12-7-楕円の性質","aria-label":'Permalink to "12.7: 楕円の性質"'},"​")],-1),z=s("ol",{start:"2"},[s("li",null,[a("楕円の性質 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("msub",null,[s("mi",null,"l"),s("mn",null,"1")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"l"),s("mn",null,"2")]),s("mo",null,"="),s("mn",null,"2"),s("mi",null,"a"),s("mtext",null,"（"),s("msub",null,[s("mi",null,"l"),s("mn",null,"1")])]),s("annotation",{encoding:"application/x-tex"},": l_1+l_2=2 a （ l_1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord cjk_fallback"},"（"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"l"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"l_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" は焦点までの距 離). "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"α"),s("mn",null,"1")]),s("mo",null,"="),s("msub",null,[s("mi",null,"α"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\alpha_1=\\alpha_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" (一方の焦点から出た光は他方の焦点に 反射する). "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"S"),s("mo",null,"="),s("mi",null,"π"),s("mi",null,"a"),s("mi",null,"b")]),s("annotation",{encoding:"application/x-tex"},"S=\\pi a b")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"S"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"πab")])])]),a(".")])],-1),f=s("h3",{id:"_12-8-円の中心",tabindex:"-1"},[a("12.8: 円の中心 "),s("a",{class:"header-anchor",href:"#_12-8-円の中心","aria-label":'Permalink to "12.8: 円の中心"'},"​")],-1),M=s("ol",{start:"3"},[s("li",null,"円とその円の中心に焦点をもつ楕円は長軸の部分での み接する.")],-1),P={id:"_12-9-nge-lenz-ベクトル",tabindex:"-1"},L=s("a",{class:"header-anchor",href:"#_12-9-nge-lenz-ベクトル","aria-label":'Permalink to "12.9: nge-Lenz ベクトル "'},"​",-1),K=s("ol",{start:"4"},[s("li",null,[a("Runge-Lenz ベクトル（楕円率ベクトル）[訳者注：こ のベクトルはむしろ離心率と関係する.そこでここで は離心率ベクトルとして知られるベクトルを代わりに 記す.これは焦点から近日点に向かう向きで，大きさ が離心率 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"e")]),s("annotation",{encoding:"application/x-tex"},"e")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"e")])])]),a(" に一致する.]："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"M")]),s("mrow",null,[s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m")])]),s("mo",null,"−"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"r")]),s("mo",null,"="),s("mtext",null," const. ")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{e}=\\frac{\\boldsymbol{v} \\times \\boldsymbol{M}}{G M m}-\\boldsymbol{e}_r=\\text { const. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0491em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3631em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," const. ")])])])])])])])],-1);function T(G,S,U,F,q,B){const t=e,n=i("Badge");return r(),p("div",null,[o,l(t,{readTime:"1",words:"332"}),g,u,d,y,v,b,x,_,k,w,z,f,M,s("h3",P,[a("12.9: nge-Lenz ベクトル "),l(n,{type:"tip",text:"supplemental"}),a(),L]),K])}const $=m(h,[["render",T]]);export{E as __pageData,$ as default};
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,C as i,o as r,c as p,H as l,k as s,a,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 12","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/12.md","filePath":"academic/physics/ipho-formulas-jpn/12.md","lastUpdated":1699051935000}'),h={name:"academic/physics/ipho-formulas-jpn/12.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-12",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 12 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-12","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 12"'},"​")],-1),g=s("h2",{id:"_12-kepler-の法則",tabindex:"-1"},[a("12: Kepler の法則 "),s("a",{class:"header-anchor",href:"#_12-kepler-の法則","aria-label":'Permalink to "12: Kepler の法則"'},"​")],-1),u=s("h3",{id:"_12-1-f-u",tabindex:"-1"},[a("12.1: F & U "),s("a",{class:"header-anchor",href:"#_12-1-f-u","aria-label":'Permalink to "12.1: F & U"'},"​")],-1),d=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",null,"="),s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m"),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"U"),s("mo",null,"="),s("mo",null,"−"),s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r"),s("mtext",null,". ")]),s("annotation",{encoding:"application/x-tex"},"F=G M m / r^2, U=-G M m / r \\text {. }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mord text"},[s("span",{class:"mord"},". ")])])])])])],-1),y=c('
12.2: Kepler の第一法則 ​
  1. Kepler の第一法則 (2 質点の重力相互作用)：それぞ れの軌道は，系の質量中心に焦点を持つ楕円，双曲線, 放物線になる. これは Runge-Lenz ベクトルから得ら れる (ポイント 9).
12.3: Kepler の第二法則 ​
  1. Kepler の第二法則（角運動量の保存）: 中心力が働く 場にある質点について，その位置ベクトルは単位時間 に一定の面積を描く.
12.4: Kepler の第三法則 ​
',5),v=s("ol",{start:"4"},[s("li",null,[a("Kepler の第三法則 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("msup",null,[s("mi",null,"r"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"2")])])]),s("annotation",{encoding:"application/x-tex"},": r^{-2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),a(" に比例する力が働く場で楕円 軌道を描く複数の質点について, 周期は長半径の "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mn",null,"3"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\frac{3}{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1901em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(" 乗 に比例する :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msubsup",null,[s("mi",null,"T"),s("mn",null,"1"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msubsup",null,[s("mi",null,"T"),s("mn",null,"2"),s("mn",null,"2")]),s("mo",null,"="),s("msubsup",null,[s("mi",null,"a"),s("mn",null,"1"),s("mn",null,"3")]),s("mi",{mathvariant:"normal"},"/"),s("msubsup",null,[s("mi",null,"a"),s("mn",null,"2"),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"T_1^2 / T_2^2=a_1^3 / a_2^3 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])])])])])])])])],-1),b=s("h3",{id:"_12-5-楕円軌道",tabindex:"-1"},[a("12.5: 楕円軌道 "),s("a",{class:"header-anchor",href:"#_12-5-楕円軌道","aria-label":'Permalink to "12.5: 楕円軌道"'},"​")],-1),x=s("ol",{start:"5"},[s("li",null,[a("重力場中で楕円軌道を描く質点の全エネルギー "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"K"),s("mo",null,"+"),s("mi",null,"U"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(K+U)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mclose"},")")])])]),a(" :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mo",null,"−"),s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"E=-G M m / 2 a ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},"/2"),s("span",{class:"mord mathnormal"},"a")])])])])])])],-1),_=s("h3",{id:"_12-6-楕円率",tabindex:"-1"},[a("12.6: 楕円率 "),s("a",{class:"header-anchor",href:"#_12-6-楕円率","aria-label":'Permalink to "12.6: 楕円率"'},"​")],-1),k=s("ol",null,[s("li",null,[a("楕円率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ε"),s("mo",null,"="),s("mi",null,"d"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"a"),s("mo",null,"≪"),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"\\varepsilon=d / a \\ll 1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"1")])])]),a(" の場合, 軌道は焦点をずらし た円形をしていると考えられる.")])],-1),w=s("h3",{id:"_12-7-楕円の性質",tabindex:"-1"},[a("12.7: 楕円の性質 "),s("a",{class:"header-anchor",href:"#_12-7-楕円の性質","aria-label":'Permalink to "12.7: 楕円の性質"'},"​")],-1),z=s("ol",{start:"2"},[s("li",null,[a("楕円の性質 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("msub",null,[s("mi",null,"l"),s("mn",null,"1")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"l"),s("mn",null,"2")]),s("mo",null,"="),s("mn",null,"2"),s("mi",null,"a"),s("mtext",null,"（"),s("msub",null,[s("mi",null,"l"),s("mn",null,"1")])]),s("annotation",{encoding:"application/x-tex"},": l_1+l_2=2 a （ l_1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord cjk_fallback"},"（"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"l"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"l_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" は焦点までの距 離). "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"α"),s("mn",null,"1")]),s("mo",null,"="),s("msub",null,[s("mi",null,"α"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\alpha_1=\\alpha_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" (一方の焦点から出た光は他方の焦点に 反射する). "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"S"),s("mo",null,"="),s("mi",null,"π"),s("mi",null,"a"),s("mi",null,"b")]),s("annotation",{encoding:"application/x-tex"},"S=\\pi a b")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"S"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"πab")])])]),a(".")])],-1),f=s("h3",{id:"_12-8-円の中心",tabindex:"-1"},[a("12.8: 円の中心 "),s("a",{class:"header-anchor",href:"#_12-8-円の中心","aria-label":'Permalink to "12.8: 円の中心"'},"​")],-1),M=s("ol",{start:"3"},[s("li",null,"円とその円の中心に焦点をもつ楕円は長軸の部分での み接する.")],-1),P={id:"_12-9-nge-lenz-ベクトル",tabindex:"-1"},L=s("a",{class:"header-anchor",href:"#_12-9-nge-lenz-ベクトル","aria-label":'Permalink to "12.9: nge-Lenz ベクトル "'},"​",-1),K=s("ol",{start:"4"},[s("li",null,[a("Runge-Lenz ベクトル（楕円率ベクトル）[訳者注：こ のベクトルはむしろ離心率と関係する.そこでここで は離心率ベクトルとして知られるベクトルを代わりに 記す.これは焦点から近日点に向かう向きで，大きさ が離心率 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"e")]),s("annotation",{encoding:"application/x-tex"},"e")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"e")])])]),a(" に一致する.]："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"M")]),s("mrow",null,[s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m")])]),s("mo",null,"−"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"r")]),s("mo",null,"="),s("mtext",null," const. ")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{e}=\\frac{\\boldsymbol{v} \\times \\boldsymbol{M}}{G M m}-\\boldsymbol{e}_r=\\text { const. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0491em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3631em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," const. ")])])])])])])])],-1);function T(G,S,U,F,q,B){const t=e,n=i("Badge");return r(),p("div",null,[o,l(t,{readTime:"1",words:"332"}),g,u,d,y,v,b,x,_,k,w,z,f,M,s("h3",P,[a("12.9: nge-Lenz ベクトル "),l(n,{type:"tip",text:"supplemental"}),a(),L]),K])}const $=m(h,[["render",T]]);export{E as __pageData,$ as default};
diff --git a/assets/academic_physics_ipho-formulas-jpn_12.md.b01af32f.lean.js b/assets/academic_physics_ipho-formulas-jpn_12.md.449de813.lean.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_12.md.b01af32f.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_12.md.449de813.lean.js
index 5f7410ea..ab1c026f 100644
--- a/assets/academic_physics_ipho-formulas-jpn_12.md.b01af32f.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_12.md.449de813.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,C as i,o as r,c as p,H as l,k as s,a,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 12","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/12.md","filePath":"academic/physics/ipho-formulas-jpn/12.md","lastUpdated":1695377563000}'),h={name:"academic/physics/ipho-formulas-jpn/12.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-12",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 12 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-12","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 12"'},"​")],-1),g=s("h2",{id:"_12-kepler-の法則",tabindex:"-1"},[a("12: Kepler の法則 "),s("a",{class:"header-anchor",href:"#_12-kepler-の法則","aria-label":'Permalink to "12: Kepler の法則"'},"​")],-1),u=s("h3",{id:"_12-1-f-u",tabindex:"-1"},[a("12.1: F & U "),s("a",{class:"header-anchor",href:"#_12-1-f-u","aria-label":'Permalink to "12.1: F & U"'},"​")],-1),d=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",null,"="),s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m"),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"U"),s("mo",null,"="),s("mo",null,"−"),s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r"),s("mtext",null,". ")]),s("annotation",{encoding:"application/x-tex"},"F=G M m / r^2, U=-G M m / r \\text {. }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mord text"},[s("span",{class:"mord"},". ")])])])])])],-1),y=c("",5),v=s("ol",{start:"4"},[s("li",null,[a("Kepler の第三法則 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("msup",null,[s("mi",null,"r"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"2")])])]),s("annotation",{encoding:"application/x-tex"},": r^{-2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),a(" に比例する力が働く場で楕円 軌道を描く複数の質点について, 周期は長半径の "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mn",null,"3"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\frac{3}{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1901em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(" 乗 に比例する :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msubsup",null,[s("mi",null,"T"),s("mn",null,"1"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msubsup",null,[s("mi",null,"T"),s("mn",null,"2"),s("mn",null,"2")]),s("mo",null,"="),s("msubsup",null,[s("mi",null,"a"),s("mn",null,"1"),s("mn",null,"3")]),s("mi",{mathvariant:"normal"},"/"),s("msubsup",null,[s("mi",null,"a"),s("mn",null,"2"),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"T_1^2 / T_2^2=a_1^3 / a_2^3 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])])])])])])])])],-1),b=s("h3",{id:"_12-5-楕円軌道",tabindex:"-1"},[a("12.5: 楕円軌道 "),s("a",{class:"header-anchor",href:"#_12-5-楕円軌道","aria-label":'Permalink to "12.5: 楕円軌道"'},"​")],-1),x=s("ol",{start:"5"},[s("li",null,[a("重力場中で楕円軌道を描く質点の全エネルギー "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"K"),s("mo",null,"+"),s("mi",null,"U"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(K+U)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mclose"},")")])])]),a(" :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mo",null,"−"),s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"E=-G M m / 2 a ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},"/2"),s("span",{class:"mord mathnormal"},"a")])])])])])])],-1),_=s("h3",{id:"_12-6-楕円率",tabindex:"-1"},[a("12.6: 楕円率 "),s("a",{class:"header-anchor",href:"#_12-6-楕円率","aria-label":'Permalink to "12.6: 楕円率"'},"​")],-1),k=s("ol",null,[s("li",null,[a("楕円率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ε"),s("mo",null,"="),s("mi",null,"d"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"a"),s("mo",null,"≪"),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"\\varepsilon=d / a \\ll 1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"1")])])]),a(" の場合, 軌道は焦点をずらし た円形をしていると考えられる.")])],-1),w=s("h3",{id:"_12-7-楕円の性質",tabindex:"-1"},[a("12.7: 楕円の性質 "),s("a",{class:"header-anchor",href:"#_12-7-楕円の性質","aria-label":'Permalink to "12.7: 楕円の性質"'},"​")],-1),z=s("ol",{start:"2"},[s("li",null,[a("楕円の性質 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("msub",null,[s("mi",null,"l"),s("mn",null,"1")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"l"),s("mn",null,"2")]),s("mo",null,"="),s("mn",null,"2"),s("mi",null,"a"),s("mtext",null,"（"),s("msub",null,[s("mi",null,"l"),s("mn",null,"1")])]),s("annotation",{encoding:"application/x-tex"},": l_1+l_2=2 a （ l_1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord cjk_fallback"},"（"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"l"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"l_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" は焦点までの距 離). "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"α"),s("mn",null,"1")]),s("mo",null,"="),s("msub",null,[s("mi",null,"α"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\alpha_1=\\alpha_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" (一方の焦点から出た光は他方の焦点に 反射する). "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"S"),s("mo",null,"="),s("mi",null,"π"),s("mi",null,"a"),s("mi",null,"b")]),s("annotation",{encoding:"application/x-tex"},"S=\\pi a b")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"S"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"πab")])])]),a(".")])],-1),f=s("h3",{id:"_12-8-円の中心",tabindex:"-1"},[a("12.8: 円の中心 "),s("a",{class:"header-anchor",href:"#_12-8-円の中心","aria-label":'Permalink to "12.8: 円の中心"'},"​")],-1),M=s("ol",{start:"3"},[s("li",null,"円とその円の中心に焦点をもつ楕円は長軸の部分での み接する.")],-1),P={id:"_12-9-nge-lenz-ベクトル",tabindex:"-1"},L=s("a",{class:"header-anchor",href:"#_12-9-nge-lenz-ベクトル","aria-label":'Permalink to "12.9: nge-Lenz ベクトル "'},"​",-1),K=s("ol",{start:"4"},[s("li",null,[a("Runge-Lenz ベクトル（楕円率ベクトル）[訳者注：こ のベクトルはむしろ離心率と関係する.そこでここで は離心率ベクトルとして知られるベクトルを代わりに 記す.これは焦点から近日点に向かう向きで，大きさ が離心率 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"e")]),s("annotation",{encoding:"application/x-tex"},"e")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"e")])])]),a(" に一致する.]："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"M")]),s("mrow",null,[s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m")])]),s("mo",null,"−"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"r")]),s("mo",null,"="),s("mtext",null," const. ")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{e}=\\frac{\\boldsymbol{v} \\times \\boldsymbol{M}}{G M m}-\\boldsymbol{e}_r=\\text { const. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0491em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3631em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," const. ")])])])])])])])],-1);function T(G,S,U,F,q,B){const t=e,n=i("Badge");return r(),p("div",null,[o,l(t,{readTime:"1",words:"332"}),g,u,d,y,v,b,x,_,k,w,z,f,M,s("h3",P,[a("12.9: nge-Lenz ベクトル "),l(n,{type:"tip",text:"supplemental"}),a(),L]),K])}const $=m(h,[["render",T]]);export{E as __pageData,$ as default};
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,C as i,o as r,c as p,H as l,k as s,a,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 12","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/12.md","filePath":"academic/physics/ipho-formulas-jpn/12.md","lastUpdated":1699051935000}'),h={name:"academic/physics/ipho-formulas-jpn/12.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-12",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 12 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-12","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 12"'},"​")],-1),g=s("h2",{id:"_12-kepler-の法則",tabindex:"-1"},[a("12: Kepler の法則 "),s("a",{class:"header-anchor",href:"#_12-kepler-の法則","aria-label":'Permalink to "12: Kepler の法則"'},"​")],-1),u=s("h3",{id:"_12-1-f-u",tabindex:"-1"},[a("12.1: F & U "),s("a",{class:"header-anchor",href:"#_12-1-f-u","aria-label":'Permalink to "12.1: F & U"'},"​")],-1),d=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",null,"="),s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m"),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"U"),s("mo",null,"="),s("mo",null,"−"),s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r"),s("mtext",null,". ")]),s("annotation",{encoding:"application/x-tex"},"F=G M m / r^2, U=-G M m / r \\text {. }")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mord text"},[s("span",{class:"mord"},". ")])])])])])],-1),y=c("",5),v=s("ol",{start:"4"},[s("li",null,[a("Kepler の第三法則 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("msup",null,[s("mi",null,"r"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"2")])])]),s("annotation",{encoding:"application/x-tex"},": r^{-2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"2")])])])])])])])])])])]),a(" に比例する力が働く場で楕円 軌道を描く複数の質点について, 周期は長半径の "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mn",null,"3"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\frac{3}{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1901em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"3")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(" 乗 に比例する :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msubsup",null,[s("mi",null,"T"),s("mn",null,"1"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msubsup",null,[s("mi",null,"T"),s("mn",null,"2"),s("mn",null,"2")]),s("mo",null,"="),s("msubsup",null,[s("mi",null,"a"),s("mn",null,"1"),s("mn",null,"3")]),s("mi",{mathvariant:"normal"},"/"),s("msubsup",null,[s("mi",null,"a"),s("mn",null,"2"),s("mn",null,"3")])]),s("annotation",{encoding:"application/x-tex"},"T_1^2 / T_2^2=a_1^3 / a_2^3 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"T"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])])])])])])])])],-1),b=s("h3",{id:"_12-5-楕円軌道",tabindex:"-1"},[a("12.5: 楕円軌道 "),s("a",{class:"header-anchor",href:"#_12-5-楕円軌道","aria-label":'Permalink to "12.5: 楕円軌道"'},"​")],-1),x=s("ol",{start:"5"},[s("li",null,[a("重力場中で楕円軌道を描く質点の全エネルギー "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"K"),s("mo",null,"+"),s("mi",null,"U"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(K+U)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mclose"},")")])])]),a(" :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mo",null,"−"),s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m"),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"E=-G M m / 2 a ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},"/2"),s("span",{class:"mord mathnormal"},"a")])])])])])])],-1),_=s("h3",{id:"_12-6-楕円率",tabindex:"-1"},[a("12.6: 楕円率 "),s("a",{class:"header-anchor",href:"#_12-6-楕円率","aria-label":'Permalink to "12.6: 楕円率"'},"​")],-1),k=s("ol",null,[s("li",null,[a("楕円率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ε"),s("mo",null,"="),s("mi",null,"d"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"a"),s("mo",null,"≪"),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"\\varepsilon=d / a \\ll 1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"1")])])]),a(" の場合, 軌道は焦点をずらし た円形をしていると考えられる.")])],-1),w=s("h3",{id:"_12-7-楕円の性質",tabindex:"-1"},[a("12.7: 楕円の性質 "),s("a",{class:"header-anchor",href:"#_12-7-楕円の性質","aria-label":'Permalink to "12.7: 楕円の性質"'},"​")],-1),z=s("ol",{start:"2"},[s("li",null,[a("楕円の性質 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("msub",null,[s("mi",null,"l"),s("mn",null,"1")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"l"),s("mn",null,"2")]),s("mo",null,"="),s("mn",null,"2"),s("mi",null,"a"),s("mtext",null,"（"),s("msub",null,[s("mi",null,"l"),s("mn",null,"1")])]),s("annotation",{encoding:"application/x-tex"},": l_1+l_2=2 a （ l_1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord cjk_fallback"},"（"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"l"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"l_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8444em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0197em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" は焦点までの距 離). "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"α"),s("mn",null,"1")]),s("mo",null,"="),s("msub",null,[s("mi",null,"α"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\alpha_1=\\alpha_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" (一方の焦点から出た光は他方の焦点に 反射する). "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"S"),s("mo",null,"="),s("mi",null,"π"),s("mi",null,"a"),s("mi",null,"b")]),s("annotation",{encoding:"application/x-tex"},"S=\\pi a b")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"S"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"πab")])])]),a(".")])],-1),f=s("h3",{id:"_12-8-円の中心",tabindex:"-1"},[a("12.8: 円の中心 "),s("a",{class:"header-anchor",href:"#_12-8-円の中心","aria-label":'Permalink to "12.8: 円の中心"'},"​")],-1),M=s("ol",{start:"3"},[s("li",null,"円とその円の中心に焦点をもつ楕円は長軸の部分での み接する.")],-1),P={id:"_12-9-nge-lenz-ベクトル",tabindex:"-1"},L=s("a",{class:"header-anchor",href:"#_12-9-nge-lenz-ベクトル","aria-label":'Permalink to "12.9: nge-Lenz ベクトル "'},"​",-1),K=s("ol",{start:"4"},[s("li",null,[a("Runge-Lenz ベクトル（楕円率ベクトル）[訳者注：こ のベクトルはむしろ離心率と関係する.そこでここで は離心率ベクトルとして知られるベクトルを代わりに 記す.これは焦点から近日点に向かう向きで，大きさ が離心率 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"e")]),s("annotation",{encoding:"application/x-tex"},"e")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"e")])])]),a(" に一致する.]："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"M")]),s("mrow",null,[s("mi",null,"G"),s("mi",null,"M"),s("mi",null,"m")])]),s("mo",null,"−"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"r")]),s("mo",null,"="),s("mtext",null," const. ")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{e}=\\frac{\\boldsymbol{v} \\times \\boldsymbol{M}}{G M m}-\\boldsymbol{e}_r=\\text { const. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0491em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3631em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM"),s("span",{class:"mord mathnormal"},"m")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," const. ")])])])])])])])],-1);function T(G,S,U,F,q,B){const t=e,n=i("Badge");return r(),p("div",null,[o,l(t,{readTime:"1",words:"332"}),g,u,d,y,v,b,x,_,k,w,z,f,M,s("h3",P,[a("12.9: nge-Lenz ベクトル "),l(n,{type:"tip",text:"supplemental"}),a(),L]),K])}const $=m(h,[["render",T]]);export{E as __pageData,$ as default};
diff --git a/assets/academic_physics_ipho-formulas-jpn_13.md.5d106b26.js b/assets/academic_physics_ipho-formulas-jpn_13.md.20d2560f.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_13.md.5d106b26.js
rename to assets/academic_physics_ipho-formulas-jpn_13.md.20d2560f.js
index 7276dab0..43848bb2 100644
--- a/assets/academic_physics_ipho-formulas-jpn_13.md.5d106b26.js
+++ b/assets/academic_physics_ipho-formulas-jpn_13.md.20d2560f.js
@@ -1,4 +1,4 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,C as i,o as p,c as r,H as l,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const J=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 13","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/13.md","filePath":"academic/physics/ipho-formulas-jpn/13.md","lastUpdated":1695377563000}'),c={name:"academic/physics/ipho-formulas-jpn/13.md"},h=s("h1",{id:"formulas-for-ipho-日本語版-section-13",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 13 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-13","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 13"'},"​")],-1),o=s("h2",{id:"_13-相対性理論",tabindex:"-1"},[a("13: 相対性理論 "),s("a",{class:"header-anchor",href:"#_13-相対性理論","aria-label":'Permalink to "13: 相対性理論"'},"​")],-1),g=s("h3",{id:"_13-1-lorentz-変換",tabindex:"-1"},[a("13.1:Lorentz 変換 "),s("a",{class:"header-anchor",href:"#_13-1-lorentz-変換","aria-label":'Permalink to "13.1:Lorentz 変換"'},"​")],-1),u=s("ol",null,[s("li",null,[s("p",null,[a("Lorentz 変換 (Minkowski 幾何学の 4 次元時空の回 転）(慣性系間の速度が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"V"),s("mo",null,"="),s("mi",null,"V"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"x")]),s("mo",{fence:"true"},")")]),s("mo",null,":"),s("mi",null,"β"),s("mo",null,"="),s("mi",null,"V"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",{separator:"true"},","),s("mi",null,"γ"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\left.\\boldsymbol{V}=V \\boldsymbol{e}_x\\right): \\beta=V / c, \\gamma=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.25555em"}},"V")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("msqrt",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"β"),s("mn",null,"2")])])]),s("mtext",null," として, ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mspace",{width:"2em"}),s("mi",null,"c"),s("msup",null,[s("mi",null,"t"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"γ"),s("mo",{stretchy:"false"},"("),s("mi",null,"c"),s("mi",null,"t"),s("mo",null,"−"),s("mi",null,"β"),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("msup",null,[s("mi",null,"x"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"γ"),s("mo",{stretchy:"false"},"("),s("mi",null,"x"),s("mo",null,"−"),s("mi",null,"β"),s("mi",null,"c"),s("mi",null,"t"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("msup",null,[s("mi",null,"y"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"y")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mi",null,"E"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",null,"="),s("mi",null,"γ"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"E"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",null,"−"),s("mi",null,"β"),s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("msubsup",null,[s("mi",null,"p"),s("mi",null,"x"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"γ"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",null,"−"),s("mi",null,"β"),s("mi",null,"E"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("msubsup",null,[s("mi",null,"p"),s("mi",null,"y"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("msub",null,[s("mi",null,"p"),s("mi",null,"y")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mtext",null," ここで, ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"E"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"m"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")])]),s("msqrt",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")])])])]),s("mo",null,"="),s("mi",null,"m"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")]),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mi",null,"m"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",null,"+"),s("mo",null,"⋯")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"m"),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")])]),s("msqrt",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")])])])]),s("mo",{separator:"true"},","),s("mtext",null," etc. ")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & 1 / \\sqrt{1-\\beta^2} \\text { として, } \\\\ & \\qquad c t^{\\prime}=\\gamma(c t-\\beta x), x^{\\prime}=\\gamma(x-\\beta c t), y^{\\prime}=y \\\\ & E^{\\prime} / c=\\gamma\\left(E / c-\\beta p_x\\right), p_x^{\\prime}=\\gamma\\left(p_x-\\beta E / c\\right), p_y^{\\prime}=p_y \\\\ & \\text { ここで, } \\\\ & E=\\frac{m c^2}{\\sqrt{1-v^2 / c^2}}=m c^2+\\frac{1}{2} m v^2+\\cdots \\\\ & p_x=\\frac{m v_x}{\\sqrt{1-v^2 / c^2}}, \\text { etc. } \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"11.6485em","vertical-align":"-5.5742em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.0742em"}},[s("span",{style:{top:"-8.5586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-7.0586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-5.5586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-4.0355em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.8844em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"0.6531em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.5742em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.0742em"}},[s("span",{style:{top:"-8.5586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},"1/"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.0067em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-2.9667em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,C as i,o as p,c as r,H as l,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const J=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 13","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/13.md","filePath":"academic/physics/ipho-formulas-jpn/13.md","lastUpdated":1699051935000}'),c={name:"academic/physics/ipho-formulas-jpn/13.md"},h=s("h1",{id:"formulas-for-ipho-日本語版-section-13",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 13 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-13","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 13"'},"​")],-1),o=s("h2",{id:"_13-相対性理論",tabindex:"-1"},[a("13: 相対性理論 "),s("a",{class:"header-anchor",href:"#_13-相対性理論","aria-label":'Permalink to "13: 相対性理論"'},"​")],-1),g=s("h3",{id:"_13-1-lorentz-変換",tabindex:"-1"},[a("13.1:Lorentz 変換 "),s("a",{class:"header-anchor",href:"#_13-1-lorentz-変換","aria-label":'Permalink to "13.1:Lorentz 変換"'},"​")],-1),u=s("ol",null,[s("li",null,[s("p",null,[a("Lorentz 変換 (Minkowski 幾何学の 4 次元時空の回 転）(慣性系間の速度が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"V"),s("mo",null,"="),s("mi",null,"V"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"x")]),s("mo",{fence:"true"},")")]),s("mo",null,":"),s("mi",null,"β"),s("mo",null,"="),s("mi",null,"V"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",{separator:"true"},","),s("mi",null,"γ"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\left.\\boldsymbol{V}=V \\boldsymbol{e}_x\\right): \\beta=V / c, \\gamma=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.25555em"}},"V")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("msqrt",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"β"),s("mn",null,"2")])])]),s("mtext",null," として, ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mspace",{width:"2em"}),s("mi",null,"c"),s("msup",null,[s("mi",null,"t"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"γ"),s("mo",{stretchy:"false"},"("),s("mi",null,"c"),s("mi",null,"t"),s("mo",null,"−"),s("mi",null,"β"),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("msup",null,[s("mi",null,"x"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"γ"),s("mo",{stretchy:"false"},"("),s("mi",null,"x"),s("mo",null,"−"),s("mi",null,"β"),s("mi",null,"c"),s("mi",null,"t"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("msup",null,[s("mi",null,"y"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"y")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mi",null,"E"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",null,"="),s("mi",null,"γ"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"E"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",null,"−"),s("mi",null,"β"),s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("msubsup",null,[s("mi",null,"p"),s("mi",null,"x"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"γ"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",null,"−"),s("mi",null,"β"),s("mi",null,"E"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("msubsup",null,[s("mi",null,"p"),s("mi",null,"y"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("msub",null,[s("mi",null,"p"),s("mi",null,"y")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mtext",null," ここで, ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"E"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"m"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")])]),s("msqrt",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")])])])]),s("mo",null,"="),s("mi",null,"m"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")]),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mi",null,"m"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",null,"+"),s("mo",null,"⋯")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"m"),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")])]),s("msqrt",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")])])])]),s("mo",{separator:"true"},","),s("mtext",null," etc. ")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & 1 / \\sqrt{1-\\beta^2} \\text { として, } \\\\ & \\qquad c t^{\\prime}=\\gamma(c t-\\beta x), x^{\\prime}=\\gamma(x-\\beta c t), y^{\\prime}=y \\\\ & E^{\\prime} / c=\\gamma\\left(E / c-\\beta p_x\\right), p_x^{\\prime}=\\gamma\\left(p_x-\\beta E / c\\right), p_y^{\\prime}=p_y \\\\ & \\text { ここで, } \\\\ & E=\\frac{m c^2}{\\sqrt{1-v^2 / c^2}}=m c^2+\\frac{1}{2} m v^2+\\cdots \\\\ & p_x=\\frac{m v_x}{\\sqrt{1-v^2 / c^2}}, \\text { etc. } \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"11.6485em","vertical-align":"-5.5742em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.0742em"}},[s("span",{style:{top:"-8.5586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-7.0586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-5.5586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-4.0355em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.8844em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"0.6531em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.5742em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.0742em"}},[s("span",{style:{top:"-8.5586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},"1/"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.0067em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-2.9667em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
 c34,79.3,68.167,158.7,102.5,238c34.3,79.3,51.8,119.3,52.5,120
 c340,-704.7,510.7,-1060.3,512,-1067
 l0 -0
diff --git a/assets/academic_physics_ipho-formulas-jpn_13.md.5d106b26.lean.js b/assets/academic_physics_ipho-formulas-jpn_13.md.20d2560f.lean.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_13.md.5d106b26.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_13.md.20d2560f.lean.js
index 7276dab0..43848bb2 100644
--- a/assets/academic_physics_ipho-formulas-jpn_13.md.5d106b26.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_13.md.20d2560f.lean.js
@@ -1,4 +1,4 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,C as i,o as p,c as r,H as l,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const J=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 13","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/13.md","filePath":"academic/physics/ipho-formulas-jpn/13.md","lastUpdated":1695377563000}'),c={name:"academic/physics/ipho-formulas-jpn/13.md"},h=s("h1",{id:"formulas-for-ipho-日本語版-section-13",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 13 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-13","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 13"'},"​")],-1),o=s("h2",{id:"_13-相対性理論",tabindex:"-1"},[a("13: 相対性理論 "),s("a",{class:"header-anchor",href:"#_13-相対性理論","aria-label":'Permalink to "13: 相対性理論"'},"​")],-1),g=s("h3",{id:"_13-1-lorentz-変換",tabindex:"-1"},[a("13.1:Lorentz 変換 "),s("a",{class:"header-anchor",href:"#_13-1-lorentz-変換","aria-label":'Permalink to "13.1:Lorentz 変換"'},"​")],-1),u=s("ol",null,[s("li",null,[s("p",null,[a("Lorentz 変換 (Minkowski 幾何学の 4 次元時空の回 転）(慣性系間の速度が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"V"),s("mo",null,"="),s("mi",null,"V"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"x")]),s("mo",{fence:"true"},")")]),s("mo",null,":"),s("mi",null,"β"),s("mo",null,"="),s("mi",null,"V"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",{separator:"true"},","),s("mi",null,"γ"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\left.\\boldsymbol{V}=V \\boldsymbol{e}_x\\right): \\beta=V / c, \\gamma=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.25555em"}},"V")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("msqrt",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"β"),s("mn",null,"2")])])]),s("mtext",null," として, ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mspace",{width:"2em"}),s("mi",null,"c"),s("msup",null,[s("mi",null,"t"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"γ"),s("mo",{stretchy:"false"},"("),s("mi",null,"c"),s("mi",null,"t"),s("mo",null,"−"),s("mi",null,"β"),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("msup",null,[s("mi",null,"x"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"γ"),s("mo",{stretchy:"false"},"("),s("mi",null,"x"),s("mo",null,"−"),s("mi",null,"β"),s("mi",null,"c"),s("mi",null,"t"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("msup",null,[s("mi",null,"y"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"y")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mi",null,"E"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",null,"="),s("mi",null,"γ"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"E"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",null,"−"),s("mi",null,"β"),s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("msubsup",null,[s("mi",null,"p"),s("mi",null,"x"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"γ"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",null,"−"),s("mi",null,"β"),s("mi",null,"E"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("msubsup",null,[s("mi",null,"p"),s("mi",null,"y"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("msub",null,[s("mi",null,"p"),s("mi",null,"y")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mtext",null," ここで, ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"E"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"m"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")])]),s("msqrt",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")])])])]),s("mo",null,"="),s("mi",null,"m"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")]),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mi",null,"m"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",null,"+"),s("mo",null,"⋯")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"m"),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")])]),s("msqrt",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")])])])]),s("mo",{separator:"true"},","),s("mtext",null," etc. ")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & 1 / \\sqrt{1-\\beta^2} \\text { として, } \\\\ & \\qquad c t^{\\prime}=\\gamma(c t-\\beta x), x^{\\prime}=\\gamma(x-\\beta c t), y^{\\prime}=y \\\\ & E^{\\prime} / c=\\gamma\\left(E / c-\\beta p_x\\right), p_x^{\\prime}=\\gamma\\left(p_x-\\beta E / c\\right), p_y^{\\prime}=p_y \\\\ & \\text { ここで, } \\\\ & E=\\frac{m c^2}{\\sqrt{1-v^2 / c^2}}=m c^2+\\frac{1}{2} m v^2+\\cdots \\\\ & p_x=\\frac{m v_x}{\\sqrt{1-v^2 / c^2}}, \\text { etc. } \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"11.6485em","vertical-align":"-5.5742em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.0742em"}},[s("span",{style:{top:"-8.5586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-7.0586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-5.5586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-4.0355em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.8844em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"0.6531em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.5742em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.0742em"}},[s("span",{style:{top:"-8.5586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},"1/"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.0067em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-2.9667em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,C as i,o as p,c as r,H as l,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const J=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 13","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/13.md","filePath":"academic/physics/ipho-formulas-jpn/13.md","lastUpdated":1699051935000}'),c={name:"academic/physics/ipho-formulas-jpn/13.md"},h=s("h1",{id:"formulas-for-ipho-日本語版-section-13",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 13 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-13","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 13"'},"​")],-1),o=s("h2",{id:"_13-相対性理論",tabindex:"-1"},[a("13: 相対性理論 "),s("a",{class:"header-anchor",href:"#_13-相対性理論","aria-label":'Permalink to "13: 相対性理論"'},"​")],-1),g=s("h3",{id:"_13-1-lorentz-変換",tabindex:"-1"},[a("13.1:Lorentz 変換 "),s("a",{class:"header-anchor",href:"#_13-1-lorentz-変換","aria-label":'Permalink to "13.1:Lorentz 変換"'},"​")],-1),u=s("ol",null,[s("li",null,[s("p",null,[a("Lorentz 変換 (Minkowski 幾何学の 4 次元時空の回 転）(慣性系間の速度が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"V"),s("mo",null,"="),s("mi",null,"V"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"x")]),s("mo",{fence:"true"},")")]),s("mo",null,":"),s("mi",null,"β"),s("mo",null,"="),s("mi",null,"V"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",{separator:"true"},","),s("mi",null,"γ"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\left.\\boldsymbol{V}=V \\boldsymbol{e}_x\\right): \\beta=V / c, \\gamma=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.25555em"}},"V")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"c"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("msqrt",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"β"),s("mn",null,"2")])])]),s("mtext",null," として, ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mspace",{width:"2em"}),s("mi",null,"c"),s("msup",null,[s("mi",null,"t"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"γ"),s("mo",{stretchy:"false"},"("),s("mi",null,"c"),s("mi",null,"t"),s("mo",null,"−"),s("mi",null,"β"),s("mi",null,"x"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("msup",null,[s("mi",null,"x"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"γ"),s("mo",{stretchy:"false"},"("),s("mi",null,"x"),s("mo",null,"−"),s("mi",null,"β"),s("mi",null,"c"),s("mi",null,"t"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("msup",null,[s("mi",null,"y"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"y")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mi",null,"E"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",null,"="),s("mi",null,"γ"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"E"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",null,"−"),s("mi",null,"β"),s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("msubsup",null,[s("mi",null,"p"),s("mi",null,"x"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"γ"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",null,"−"),s("mi",null,"β"),s("mi",null,"E"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"c"),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("msubsup",null,[s("mi",null,"p"),s("mi",null,"y"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("msub",null,[s("mi",null,"p"),s("mi",null,"y")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mtext",null," ここで, ")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"E"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"m"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")])]),s("msqrt",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")])])])]),s("mo",null,"="),s("mi",null,"m"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")]),s("mo",null,"+"),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mi",null,"m"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",null,"+"),s("mo",null,"⋯")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"m"),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")])]),s("msqrt",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"−"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"c"),s("mn",null,"2")])])])]),s("mo",{separator:"true"},","),s("mtext",null," etc. ")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & 1 / \\sqrt{1-\\beta^2} \\text { として, } \\\\ & \\qquad c t^{\\prime}=\\gamma(c t-\\beta x), x^{\\prime}=\\gamma(x-\\beta c t), y^{\\prime}=y \\\\ & E^{\\prime} / c=\\gamma\\left(E / c-\\beta p_x\\right), p_x^{\\prime}=\\gamma\\left(p_x-\\beta E / c\\right), p_y^{\\prime}=p_y \\\\ & \\text { ここで, } \\\\ & E=\\frac{m c^2}{\\sqrt{1-v^2 / c^2}}=m c^2+\\frac{1}{2} m v^2+\\cdots \\\\ & p_x=\\frac{m v_x}{\\sqrt{1-v^2 / c^2}}, \\text { etc. } \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"11.6485em","vertical-align":"-5.5742em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.0742em"}},[s("span",{style:{top:"-8.5586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-7.0586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-5.5586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-4.0355em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.8844em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"0.6531em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"5.5742em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"6.0742em"}},[s("span",{style:{top:"-8.5586em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},"1/"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.0067em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-2.9667em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
 c34,79.3,68.167,158.7,102.5,238c34.3,79.3,51.8,119.3,52.5,120
 c340,-704.7,510.7,-1060.3,512,-1067
 l0 -0
diff --git a/assets/academic_physics_ipho-formulas-jpn_2.md.f9a6af54.js b/assets/academic_physics_ipho-formulas-jpn_2.md.6d273404.js
similarity index 97%
rename from assets/academic_physics_ipho-formulas-jpn_2.md.f9a6af54.js
rename to assets/academic_physics_ipho-formulas-jpn_2.md.6d273404.js
index 5eed662c..e2378f2a 100644
--- a/assets/academic_physics_ipho-formulas-jpn_2.md.f9a6af54.js
+++ b/assets/academic_physics_ipho-formulas-jpn_2.md.6d273404.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as l,H as i,k as a,a as e}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const g=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 2","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/2.md","filePath":"academic/physics/ipho-formulas-jpn/2.md","lastUpdated":1695377563000}'),r={name:"academic/physics/ipho-formulas-jpn/2.md"},c=a("h1",{id:"formulas-for-ipho-日本語版-section-2",tabindex:"-1"},[e("Formulas for IPhO 日本語版: Section 2 "),a("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-2","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 2"'},"​")],-1),m=a("h2",{id:"_2-一般的な推奨事",tabindex:"-1"},[e("2: 一般的な推奨事 "),a("a",{class:"header-anchor",href:"#_2-一般的な推奨事","aria-label":'Permalink to "2: 一般的な推奨事"'},"​")],-1),h=a("ol",null,[a("li",null,[e("全ての計算式の正しさを確かめる：a) 次元を調べる. b) 簡単で特別な場合を調べる（2 つの変数が等しい, 1 つの変数が 0 または "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"∞")]),a("annotation",{encoding:"application/x-tex"},"\\infty")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.4306em"}}),a("span",{class:"mord"},"∞")])])]),e(" ). c) 解の定性的な挙動の妥当 性を調ベる. 2.もし問題文中に驚くベき偶然の一致があれば（例えば 2 つのものが同じ), 解答の鍵はそこにあるかもしれ ない.")]),a("li",null,"問題文中の推奨事項をよく読む. 些細な部分に重要な 情報が含まれている場合があるので，問題文の文言に 注意する. かなり時間をかけても問題が解けない場合 は, 問題を誤解しているかもしれないので, もう一度 問題文を読む."),a("li",null,"長くて時間のかかる計算は, 簡略化しなければならな い始めの方程式を全て書き出したのち, 最後（他の全 てが終わったとき) まで先送りする."),a("li",null,"絶望的に難しいと思われる問題でも，たいてい非常に シンプルな解法がある.オリンピックの問題に限って 言えば，絶対に解ける."),a("li",null,"実験では, a) 測定するほどの時問が無いとしても, 実 験計画の概略を書く，b) 結果の正確さを高める方法を 考える，c) 測定した值を全て（表として）書き出す.")],-1);function p(d,_,f,u,x,k){const s=t;return n(),l("div",null,[c,i(s,{readTime:"1",words:"210"}),m,h])}const y=o(r,[["render",p]]);export{g as __pageData,y as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as l,H as i,k as a,a as e}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const g=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 2","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/2.md","filePath":"academic/physics/ipho-formulas-jpn/2.md","lastUpdated":1699051935000}'),r={name:"academic/physics/ipho-formulas-jpn/2.md"},c=a("h1",{id:"formulas-for-ipho-日本語版-section-2",tabindex:"-1"},[e("Formulas for IPhO 日本語版: Section 2 "),a("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-2","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 2"'},"​")],-1),m=a("h2",{id:"_2-一般的な推奨事",tabindex:"-1"},[e("2: 一般的な推奨事 "),a("a",{class:"header-anchor",href:"#_2-一般的な推奨事","aria-label":'Permalink to "2: 一般的な推奨事"'},"​")],-1),h=a("ol",null,[a("li",null,[e("全ての計算式の正しさを確かめる：a) 次元を調べる. b) 簡単で特別な場合を調べる（2 つの変数が等しい, 1 つの変数が 0 または "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"∞")]),a("annotation",{encoding:"application/x-tex"},"\\infty")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.4306em"}}),a("span",{class:"mord"},"∞")])])]),e(" ). c) 解の定性的な挙動の妥当 性を調ベる. 2.もし問題文中に驚くベき偶然の一致があれば（例えば 2 つのものが同じ), 解答の鍵はそこにあるかもしれ ない.")]),a("li",null,"問題文中の推奨事項をよく読む. 些細な部分に重要な 情報が含まれている場合があるので，問題文の文言に 注意する. かなり時間をかけても問題が解けない場合 は, 問題を誤解しているかもしれないので, もう一度 問題文を読む."),a("li",null,"長くて時間のかかる計算は, 簡略化しなければならな い始めの方程式を全て書き出したのち, 最後（他の全 てが終わったとき) まで先送りする."),a("li",null,"絶望的に難しいと思われる問題でも，たいてい非常に シンプルな解法がある.オリンピックの問題に限って 言えば，絶対に解ける."),a("li",null,"実験では, a) 測定するほどの時問が無いとしても, 実 験計画の概略を書く，b) 結果の正確さを高める方法を 考える，c) 測定した值を全て（表として）書き出す.")],-1);function p(d,_,f,u,x,k){const s=t;return n(),l("div",null,[c,i(s,{readTime:"1",words:"210"}),m,h])}const y=o(r,[["render",p]]);export{g as __pageData,y as default};
diff --git a/assets/academic_physics_ipho-formulas-jpn_2.md.f9a6af54.lean.js b/assets/academic_physics_ipho-formulas-jpn_2.md.6d273404.lean.js
similarity index 97%
rename from assets/academic_physics_ipho-formulas-jpn_2.md.f9a6af54.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_2.md.6d273404.lean.js
index 5eed662c..e2378f2a 100644
--- a/assets/academic_physics_ipho-formulas-jpn_2.md.f9a6af54.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_2.md.6d273404.lean.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as l,H as i,k as a,a as e}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const g=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 2","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/2.md","filePath":"academic/physics/ipho-formulas-jpn/2.md","lastUpdated":1695377563000}'),r={name:"academic/physics/ipho-formulas-jpn/2.md"},c=a("h1",{id:"formulas-for-ipho-日本語版-section-2",tabindex:"-1"},[e("Formulas for IPhO 日本語版: Section 2 "),a("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-2","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 2"'},"​")],-1),m=a("h2",{id:"_2-一般的な推奨事",tabindex:"-1"},[e("2: 一般的な推奨事 "),a("a",{class:"header-anchor",href:"#_2-一般的な推奨事","aria-label":'Permalink to "2: 一般的な推奨事"'},"​")],-1),h=a("ol",null,[a("li",null,[e("全ての計算式の正しさを確かめる：a) 次元を調べる. b) 簡単で特別な場合を調べる（2 つの変数が等しい, 1 つの変数が 0 または "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"∞")]),a("annotation",{encoding:"application/x-tex"},"\\infty")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.4306em"}}),a("span",{class:"mord"},"∞")])])]),e(" ). c) 解の定性的な挙動の妥当 性を調ベる. 2.もし問題文中に驚くベき偶然の一致があれば（例えば 2 つのものが同じ), 解答の鍵はそこにあるかもしれ ない.")]),a("li",null,"問題文中の推奨事項をよく読む. 些細な部分に重要な 情報が含まれている場合があるので，問題文の文言に 注意する. かなり時間をかけても問題が解けない場合 は, 問題を誤解しているかもしれないので, もう一度 問題文を読む."),a("li",null,"長くて時間のかかる計算は, 簡略化しなければならな い始めの方程式を全て書き出したのち, 最後（他の全 てが終わったとき) まで先送りする."),a("li",null,"絶望的に難しいと思われる問題でも，たいてい非常に シンプルな解法がある.オリンピックの問題に限って 言えば，絶対に解ける."),a("li",null,"実験では, a) 測定するほどの時問が無いとしても, 実 験計画の概略を書く，b) 結果の正確さを高める方法を 考える，c) 測定した值を全て（表として）書き出す.")],-1);function p(d,_,f,u,x,k){const s=t;return n(),l("div",null,[c,i(s,{readTime:"1",words:"210"}),m,h])}const y=o(r,[["render",p]]);export{g as __pageData,y as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as l,H as i,k as a,a as e}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const g=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 2","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/2.md","filePath":"academic/physics/ipho-formulas-jpn/2.md","lastUpdated":1699051935000}'),r={name:"academic/physics/ipho-formulas-jpn/2.md"},c=a("h1",{id:"formulas-for-ipho-日本語版-section-2",tabindex:"-1"},[e("Formulas for IPhO 日本語版: Section 2 "),a("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-2","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 2"'},"​")],-1),m=a("h2",{id:"_2-一般的な推奨事",tabindex:"-1"},[e("2: 一般的な推奨事 "),a("a",{class:"header-anchor",href:"#_2-一般的な推奨事","aria-label":'Permalink to "2: 一般的な推奨事"'},"​")],-1),h=a("ol",null,[a("li",null,[e("全ての計算式の正しさを確かめる：a) 次元を調べる. b) 簡単で特別な場合を調べる（2 つの変数が等しい, 1 つの変数が 0 または "),a("span",{class:"katex"},[a("span",{class:"katex-mathml"},[a("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[a("semantics",null,[a("mrow",null,[a("mi",{mathvariant:"normal"},"∞")]),a("annotation",{encoding:"application/x-tex"},"\\infty")])])]),a("span",{class:"katex-html","aria-hidden":"true"},[a("span",{class:"base"},[a("span",{class:"strut",style:{height:"0.4306em"}}),a("span",{class:"mord"},"∞")])])]),e(" ). c) 解の定性的な挙動の妥当 性を調ベる. 2.もし問題文中に驚くベき偶然の一致があれば（例えば 2 つのものが同じ), 解答の鍵はそこにあるかもしれ ない.")]),a("li",null,"問題文中の推奨事項をよく読む. 些細な部分に重要な 情報が含まれている場合があるので，問題文の文言に 注意する. かなり時間をかけても問題が解けない場合 は, 問題を誤解しているかもしれないので, もう一度 問題文を読む."),a("li",null,"長くて時間のかかる計算は, 簡略化しなければならな い始めの方程式を全て書き出したのち, 最後（他の全 てが終わったとき) まで先送りする."),a("li",null,"絶望的に難しいと思われる問題でも，たいてい非常に シンプルな解法がある.オリンピックの問題に限って 言えば，絶対に解ける."),a("li",null,"実験では, a) 測定するほどの時問が無いとしても, 実 験計画の概略を書く，b) 結果の正確さを高める方法を 考える，c) 測定した值を全て（表として）書き出す.")],-1);function p(d,_,f,u,x,k){const s=t;return n(),l("div",null,[c,i(s,{readTime:"1",words:"210"}),m,h])}const y=o(r,[["render",p]]);export{g as __pageData,y as default};
diff --git a/assets/academic_physics_ipho-formulas-jpn_3.md.aadd6536.js b/assets/academic_physics_ipho-formulas-jpn_3.md.6485844d.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_3.md.aadd6536.js
rename to assets/academic_physics_ipho-formulas-jpn_3.md.6485844d.js
index ecac32e6..d6461a7c 100644
--- a/assets/academic_physics_ipho-formulas-jpn_3.md.aadd6536.js
+++ b/assets/academic_physics_ipho-formulas-jpn_3.md.6485844d.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as p,o as r,c,H as l,k as s,a,Q as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const V=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 3","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/3.md","filePath":"academic/physics/ipho-formulas-jpn/3.md","lastUpdated":1695377563000}'),o={name:"academic/physics/ipho-formulas-jpn/3.md"},h=s("h1",{id:"formulas-for-ipho-日本語版-section-3",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 3 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-3","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 3"'},"​")],-1),g=s("h2",{id:"_3-運動学",tabindex:"-1"},[a("3: 運動学 "),s("a",{class:"header-anchor",href:"#_3-運動学","aria-label":'Permalink to "3: 運動学"'},"​")],-1),d=s("h3",{id:"_3-1-質点",tabindex:"-1"},[a("3.1: 質点 "),s("a",{class:"header-anchor",href:"#_3-1-質点","aria-label":'Permalink to "3.1: 質点"'},"​")],-1),u=s("ol",null,[s("li",null,[a("質点または剛体の並進運動の場合（積分 → グラフの下 の面積）："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"x")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"x"),s("mo",null,"="),s("mo",null,"∫"),s("mi",{mathvariant:"bold-italic"},"v"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"x"),s("mo",null,"="),s("mo",null,"∫"),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"t"),s("mtext",null," など "),s("mo",{fence:"true"},")")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"v")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msup",null,[s("mi",{mathvariant:"normal"},"d"),s("mn",null,"2")]),s("mi",{mathvariant:"bold-italic"},"x")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("msup",null,[s("mi",null,"t"),s("mn",null,"2")])])]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"="),s("mo",null,"∫"),s("mi",{mathvariant:"bold-italic"},"a"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"t"),s("mo",null,"="),s("mo",null,"∫"),s("msubsup",null,[s("mi",null,"v"),s("mi",null,"x"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"x"),s("mo",null,"="),s("mo",null,"∫"),s("msubsup",null,[s("mi",null,"a"),s("mi",null,"x"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")]),s("mo",{separator:"true"},","),s("mi",null,"x"),s("mo",null,"="),s("mo",null,"∫"),s("mfrac",null,[s("msub",null,[s("mi",null,"v"),s("mi",null,"x")]),s("msub",null,[s("mi",null,"a"),s("mi",null,"x")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} \\boldsymbol{v}=\\frac{\\mathrm{d} \\boldsymbol{x}}{\\mathrm{d} t}, \\boldsymbol{x}=\\int \\boldsymbol{v} \\mathrm{d} t\\left(x=\\int v_x \\mathrm{~d} t \\text { など }\\right) \\\\ \\boldsymbol{a}=\\frac{\\mathrm{d} \\boldsymbol{v}}{\\mathrm{d} t}=\\frac{\\mathrm{d}^2 \\boldsymbol{x}}{\\mathrm{d} t^2}, \\boldsymbol{v}=\\int \\boldsymbol{a} \\mathrm{d} t \\\\ t=\\int v_x^{-1} \\mathrm{~d} x=\\int a_x^{-1} \\mathrm{~d} v_x, x=\\int \\frac{v_x}{a_x} \\mathrm{~d} v_x \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"7.8756em","vertical-align":"-3.6878em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"4.1878em"}},[s("span",{style:{top:"-6.2289em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"x")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"x")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"など"),s("span",{class:"mord"}," ")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])])])]),s("span",{style:{top:"-3.4878em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.4911em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"t"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"x")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-0.9655em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1076em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.836em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.6878em"}},[s("span")])])])])])])])])])])]),a(" もし "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"a")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a")])])]),a(" が定数ならば, これらの積分は簡単に求めるこ とができて, 例えば"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"x"),s("mo",null,"="),s("msub",null,[s("mi",null,"v"),s("mn",null,"0")]),s("mi",null,"t"),s("mo",null,"+"),s("mi",null,"a"),s("msup",null,[s("mi",null,"t"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",null,"−"),s("msubsup",null,[s("mi",null,"v"),s("mn",null,"0"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mi",null,"a"),s("mtext",null,". ")]),s("annotation",{encoding:"application/x-tex"},"x=v_0 t+a t^2 / 2=\\left(v^2-v_0^2\\right) / 2 a \\text {. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7651em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"t"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/2"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2141em","vertical-align":"-0.35em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/2"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord text"},[s("span",{class:"mord"},". ")])])])])])])])],-1),y=s("h3",{id:"_3-2-回転運動",tabindex:"-1"},[a("3.2: 回転運動 "),s("a",{class:"header-anchor",href:"#_3-2-回転運動","aria-label":'Permalink to "3.2: 回転運動"'},"​")],-1),v=s("ol",{start:"2"},[s("li",null,[a("回転運動は, 並進運動と似ていて："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mi",null,"ω")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mo",{separator:"true"},","),s("mi",null,"ε"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"ω"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mi",{mathvariant:"bold-italic"},"a")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"τ"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"v"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mo",null,"+"),s("mi",{mathvariant:"bold-italic"},"n"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} \\omega & =\\mathrm{d} \\varphi / \\mathrm{d} t, \\varepsilon=\\mathrm{d} \\omega / \\mathrm{d} t \\\\ \\boldsymbol{a} & =\\boldsymbol{\\tau} \\mathrm{d} v / \\mathrm{d} t+\\boldsymbol{n} v^2 / R \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0241em","vertical-align":"-1.2621em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.9221em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.9221em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.13472em"}},"τ")])]),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"n")])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])])])])])])])])])])],-1),b=t('
3.3: 曲線運動 ​
  1. 曲線運動は，ポイント 1 と同じだが，ベクトルは線速 度，加速度，経路長に置き換える.
3.4: 剛体の運動 ​
',3),x=s("ol",{start:"4"},[s("li",null,[a("剛体の運動: "),s("ul",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"v"),s("mi",null,"A")]),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mo",null,"="),s("msub",null,[s("mi",null,"v"),s("mi",null,"B")]),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β")]),s("annotation",{encoding:"application/x-tex"},"v_A \\cos \\alpha=v_B \\cos \\beta")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),a(" ここで, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" は剛体上の点 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A")]),s("annotation",{encoding:"application/x-tex"},"A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" の速度, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"α")]),s("annotation",{encoding:"application/x-tex"},"\\alpha")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"β")]),s("annotation",{encoding:"application/x-tex"},"\\beta")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),a(" は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" が直線 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"A B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" となす角.")]),s("li",null,[a("瞬間回転中心 (#質点の軌道 の曲率中心）は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{a}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"b")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{b}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])])])])]),a(" に下ろした垂線の交点. 又は もし "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")]),s("mo",null,"⊥"),s("mi",null,"A"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A, \\boldsymbol{v}_B \\perp A B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⊥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" ならば, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" の先端を結ぶ 直線と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"A B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" の交点.")])])])],-1),w=s("h3",{id:"_3-5-非慣性系",tabindex:"-1"},[a("3.5: 非慣性系 "),s("a",{class:"header-anchor",href:"#_3-5-非慣性系","aria-label":'Permalink to "3.5: 非慣性系"'},"​")],-1),z=s("ol",{start:"5"},[s("li",null,[a("非慣性系："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.16em",columnalign:"right",columnspacing:"1em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"false"},[s("mrow",null,[s("mspace",{width:"1em"}),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"2")]),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"0")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"1")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mn",null,"2")]),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mn",null,"0")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mn",null,"1")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"ω"),s("mn",null,"2")]),s("mi",{mathvariant:"bold-italic"},"R"),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mrow",null,[s("mi",null,"C"),s("mi",null,"o"),s("mi",null,"r")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"false"},[s("mrow",null,[s("mtext",null," ここで, "),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mrow",null,[s("mi",null,"C"),s("mi",null,"o"),s("mi",null,"r")])]),s("mo",null,"⊥"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"1")]),s("mi",{mathvariant:"normal"},"."),s("mtext",null," もし "),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"1")]),s("mo",null,"="),s("mn",null,"0"),s("mtext",null," なら "),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mrow",null,[s("mi",null,"C"),s("mi",null,"o"),s("mi",null,"r")])]),s("mo",null,"="),s("mn",null,"0.")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{array}{r} \\quad \\boldsymbol{v}_2=\\boldsymbol{v}_0+\\boldsymbol{v}_1, \\boldsymbol{a}_2=\\boldsymbol{a}_0+\\boldsymbol{a}_1+\\omega^2 \\boldsymbol{R}+\\boldsymbol{a}_{C o r} \\\\ \\text { ここで, } \\boldsymbol{a}_{C o r} \\perp \\boldsymbol{v}_1 . \\text { もし } \\boldsymbol{v}_1=0 \\text { なら } \\boldsymbol{a}_{C o r}=0 . \\end{array} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"arraycolsep",style:{width:"0.5em"}}),s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.45em"}},[s("span",{style:{top:"-3.61em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mspace",style:{"margin-right":"1em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.00421em"}},"R")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"or")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-2.41em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"ここで"),s("span",{class:"mord"},", ")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"or")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⊥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"."),s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"もし"),s("span",{class:"mord"}," ")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"なら"),s("span",{class:"mord"}," ")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"or")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.95em"}},[s("span")])])])]),s("span",{class:"arraycolsep",style:{width:"0.5em"}})])])])])])])])])],-1),_={id:"_3-6-弾道問題",tabindex:"-1"},k=s("a",{class:"header-anchor",href:"#_3-6-弾道問題","aria-label":'Permalink to "3.6: 弾道問題 "'},"​",-1),f=s("ol",{start:"6"},[s("li",null,[a("弾道問題：到達可能な範囲は"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"y"),s("mo",null,"≤"),s("msubsup",null,[s("mi",null,"v"),s("mn",null,"0"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mn",null,"2"),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"−"),s("mi",null,"g"),s("msup",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mn",null,"2"),s("msubsup",null,[s("mi",null,"v"),s("mn",null,"0"),s("mn",null,"2")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"y \\leq v_0^2 /(2 g)-g x^2 /\\left(2 v_0^2\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8304em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≤"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2141em","vertical-align":"-0.35em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])])])])])])]),a(" 最適な弾道では, 初速度と終速（衝突時の速度）が垂直 になる.")])],-1),M=t('
3.7: 最短経路 ​
  1. 最短経路を求めるには，Fermat と Huygens の原理が 使える.
3.8: ベクトル ​
  1. ベクトル（速度，加速度）を求めるには，その向きと （場合によっては傾いた）ある軸への射影を求めれば 充分.
',4);function A(B,L,P,C,T,S){const n=e,m=p("Badge");return r(),c("div",null,[h,l(n,{readTime:"2",words:"473"}),g,d,u,y,v,b,x,w,z,s("h3",_,[a("3.6: 弾道問題 "),l(m,{type:"tip",text:"supplemental"}),a(),k]),f,M])}const j=i(o,[["render",A]]);export{V as __pageData,j as default};
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as p,o as r,c,H as l,k as s,a,Q as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const V=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 3","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/3.md","filePath":"academic/physics/ipho-formulas-jpn/3.md","lastUpdated":1699051935000}'),o={name:"academic/physics/ipho-formulas-jpn/3.md"},h=s("h1",{id:"formulas-for-ipho-日本語版-section-3",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 3 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-3","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 3"'},"​")],-1),g=s("h2",{id:"_3-運動学",tabindex:"-1"},[a("3: 運動学 "),s("a",{class:"header-anchor",href:"#_3-運動学","aria-label":'Permalink to "3: 運動学"'},"​")],-1),d=s("h3",{id:"_3-1-質点",tabindex:"-1"},[a("3.1: 質点 "),s("a",{class:"header-anchor",href:"#_3-1-質点","aria-label":'Permalink to "3.1: 質点"'},"​")],-1),u=s("ol",null,[s("li",null,[a("質点または剛体の並進運動の場合（積分 → グラフの下 の面積）："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"x")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"x"),s("mo",null,"="),s("mo",null,"∫"),s("mi",{mathvariant:"bold-italic"},"v"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"x"),s("mo",null,"="),s("mo",null,"∫"),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"t"),s("mtext",null," など "),s("mo",{fence:"true"},")")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"v")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msup",null,[s("mi",{mathvariant:"normal"},"d"),s("mn",null,"2")]),s("mi",{mathvariant:"bold-italic"},"x")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("msup",null,[s("mi",null,"t"),s("mn",null,"2")])])]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"="),s("mo",null,"∫"),s("mi",{mathvariant:"bold-italic"},"a"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"t"),s("mo",null,"="),s("mo",null,"∫"),s("msubsup",null,[s("mi",null,"v"),s("mi",null,"x"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"x"),s("mo",null,"="),s("mo",null,"∫"),s("msubsup",null,[s("mi",null,"a"),s("mi",null,"x"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")]),s("mo",{separator:"true"},","),s("mi",null,"x"),s("mo",null,"="),s("mo",null,"∫"),s("mfrac",null,[s("msub",null,[s("mi",null,"v"),s("mi",null,"x")]),s("msub",null,[s("mi",null,"a"),s("mi",null,"x")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} \\boldsymbol{v}=\\frac{\\mathrm{d} \\boldsymbol{x}}{\\mathrm{d} t}, \\boldsymbol{x}=\\int \\boldsymbol{v} \\mathrm{d} t\\left(x=\\int v_x \\mathrm{~d} t \\text { など }\\right) \\\\ \\boldsymbol{a}=\\frac{\\mathrm{d} \\boldsymbol{v}}{\\mathrm{d} t}=\\frac{\\mathrm{d}^2 \\boldsymbol{x}}{\\mathrm{d} t^2}, \\boldsymbol{v}=\\int \\boldsymbol{a} \\mathrm{d} t \\\\ t=\\int v_x^{-1} \\mathrm{~d} x=\\int a_x^{-1} \\mathrm{~d} v_x, x=\\int \\frac{v_x}{a_x} \\mathrm{~d} v_x \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"7.8756em","vertical-align":"-3.6878em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"4.1878em"}},[s("span",{style:{top:"-6.2289em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"x")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"x")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"など"),s("span",{class:"mord"}," ")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])])])]),s("span",{style:{top:"-3.4878em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.4911em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"t"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"x")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-0.9655em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1076em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.836em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.6878em"}},[s("span")])])])])])])])])])])]),a(" もし "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"a")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a")])])]),a(" が定数ならば, これらの積分は簡単に求めるこ とができて, 例えば"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"x"),s("mo",null,"="),s("msub",null,[s("mi",null,"v"),s("mn",null,"0")]),s("mi",null,"t"),s("mo",null,"+"),s("mi",null,"a"),s("msup",null,[s("mi",null,"t"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",null,"−"),s("msubsup",null,[s("mi",null,"v"),s("mn",null,"0"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mi",null,"a"),s("mtext",null,". ")]),s("annotation",{encoding:"application/x-tex"},"x=v_0 t+a t^2 / 2=\\left(v^2-v_0^2\\right) / 2 a \\text {. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7651em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"t"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/2"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2141em","vertical-align":"-0.35em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/2"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord text"},[s("span",{class:"mord"},". ")])])])])])])])],-1),y=s("h3",{id:"_3-2-回転運動",tabindex:"-1"},[a("3.2: 回転運動 "),s("a",{class:"header-anchor",href:"#_3-2-回転運動","aria-label":'Permalink to "3.2: 回転運動"'},"​")],-1),v=s("ol",{start:"2"},[s("li",null,[a("回転運動は, 並進運動と似ていて："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mi",null,"ω")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mo",{separator:"true"},","),s("mi",null,"ε"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"ω"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mi",{mathvariant:"bold-italic"},"a")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"τ"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"v"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mo",null,"+"),s("mi",{mathvariant:"bold-italic"},"n"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} \\omega & =\\mathrm{d} \\varphi / \\mathrm{d} t, \\varepsilon=\\mathrm{d} \\omega / \\mathrm{d} t \\\\ \\boldsymbol{a} & =\\boldsymbol{\\tau} \\mathrm{d} v / \\mathrm{d} t+\\boldsymbol{n} v^2 / R \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0241em","vertical-align":"-1.2621em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.9221em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.9221em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.13472em"}},"τ")])]),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"n")])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])])])])])])])])])])],-1),b=t('
3.3: 曲線運動 ​
  1. 曲線運動は，ポイント 1 と同じだが，ベクトルは線速 度，加速度，経路長に置き換える.
3.4: 剛体の運動 ​
',3),x=s("ol",{start:"4"},[s("li",null,[a("剛体の運動: "),s("ul",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"v"),s("mi",null,"A")]),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mo",null,"="),s("msub",null,[s("mi",null,"v"),s("mi",null,"B")]),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β")]),s("annotation",{encoding:"application/x-tex"},"v_A \\cos \\alpha=v_B \\cos \\beta")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),a(" ここで, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" は剛体上の点 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A")]),s("annotation",{encoding:"application/x-tex"},"A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" の速度, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"α")]),s("annotation",{encoding:"application/x-tex"},"\\alpha")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"β")]),s("annotation",{encoding:"application/x-tex"},"\\beta")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),a(" は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" が直線 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"A B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" となす角.")]),s("li",null,[a("瞬間回転中心 (#質点の軌道 の曲率中心）は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{a}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"b")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{b}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])])])])]),a(" に下ろした垂線の交点. 又は もし "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")]),s("mo",null,"⊥"),s("mi",null,"A"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A, \\boldsymbol{v}_B \\perp A B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⊥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" ならば, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" の先端を結ぶ 直線と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"A B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" の交点.")])])])],-1),w=s("h3",{id:"_3-5-非慣性系",tabindex:"-1"},[a("3.5: 非慣性系 "),s("a",{class:"header-anchor",href:"#_3-5-非慣性系","aria-label":'Permalink to "3.5: 非慣性系"'},"​")],-1),z=s("ol",{start:"5"},[s("li",null,[a("非慣性系："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.16em",columnalign:"right",columnspacing:"1em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"false"},[s("mrow",null,[s("mspace",{width:"1em"}),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"2")]),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"0")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"1")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mn",null,"2")]),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mn",null,"0")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mn",null,"1")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"ω"),s("mn",null,"2")]),s("mi",{mathvariant:"bold-italic"},"R"),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mrow",null,[s("mi",null,"C"),s("mi",null,"o"),s("mi",null,"r")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"false"},[s("mrow",null,[s("mtext",null," ここで, "),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mrow",null,[s("mi",null,"C"),s("mi",null,"o"),s("mi",null,"r")])]),s("mo",null,"⊥"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"1")]),s("mi",{mathvariant:"normal"},"."),s("mtext",null," もし "),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"1")]),s("mo",null,"="),s("mn",null,"0"),s("mtext",null," なら "),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mrow",null,[s("mi",null,"C"),s("mi",null,"o"),s("mi",null,"r")])]),s("mo",null,"="),s("mn",null,"0.")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{array}{r} \\quad \\boldsymbol{v}_2=\\boldsymbol{v}_0+\\boldsymbol{v}_1, \\boldsymbol{a}_2=\\boldsymbol{a}_0+\\boldsymbol{a}_1+\\omega^2 \\boldsymbol{R}+\\boldsymbol{a}_{C o r} \\\\ \\text { ここで, } \\boldsymbol{a}_{C o r} \\perp \\boldsymbol{v}_1 . \\text { もし } \\boldsymbol{v}_1=0 \\text { なら } \\boldsymbol{a}_{C o r}=0 . \\end{array} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"arraycolsep",style:{width:"0.5em"}}),s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.45em"}},[s("span",{style:{top:"-3.61em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mspace",style:{"margin-right":"1em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.00421em"}},"R")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"or")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-2.41em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"ここで"),s("span",{class:"mord"},", ")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"or")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⊥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"."),s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"もし"),s("span",{class:"mord"}," ")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"なら"),s("span",{class:"mord"}," ")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"or")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.95em"}},[s("span")])])])]),s("span",{class:"arraycolsep",style:{width:"0.5em"}})])])])])])])])])],-1),_={id:"_3-6-弾道問題",tabindex:"-1"},k=s("a",{class:"header-anchor",href:"#_3-6-弾道問題","aria-label":'Permalink to "3.6: 弾道問題 "'},"​",-1),f=s("ol",{start:"6"},[s("li",null,[a("弾道問題：到達可能な範囲は"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"y"),s("mo",null,"≤"),s("msubsup",null,[s("mi",null,"v"),s("mn",null,"0"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mn",null,"2"),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"−"),s("mi",null,"g"),s("msup",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mn",null,"2"),s("msubsup",null,[s("mi",null,"v"),s("mn",null,"0"),s("mn",null,"2")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"y \\leq v_0^2 /(2 g)-g x^2 /\\left(2 v_0^2\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8304em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≤"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2141em","vertical-align":"-0.35em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])])])])])])]),a(" 最適な弾道では, 初速度と終速（衝突時の速度）が垂直 になる.")])],-1),M=t('
3.7: 最短経路 ​
  1. 最短経路を求めるには，Fermat と Huygens の原理が 使える.
3.8: ベクトル ​
  1. ベクトル（速度，加速度）を求めるには，その向きと （場合によっては傾いた）ある軸への射影を求めれば 充分.
',4);function A(B,L,P,C,T,S){const n=e,m=p("Badge");return r(),c("div",null,[h,l(n,{readTime:"2",words:"473"}),g,d,u,y,v,b,x,w,z,s("h3",_,[a("3.6: 弾道問題 "),l(m,{type:"tip",text:"supplemental"}),a(),k]),f,M])}const j=i(o,[["render",A]]);export{V as __pageData,j as default};
diff --git a/assets/academic_physics_ipho-formulas-jpn_3.md.aadd6536.lean.js b/assets/academic_physics_ipho-formulas-jpn_3.md.6485844d.lean.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_3.md.aadd6536.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_3.md.6485844d.lean.js
index a7188f63..8445487f 100644
--- a/assets/academic_physics_ipho-formulas-jpn_3.md.aadd6536.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_3.md.6485844d.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as p,o as r,c,H as l,k as s,a,Q as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const V=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 3","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/3.md","filePath":"academic/physics/ipho-formulas-jpn/3.md","lastUpdated":1695377563000}'),o={name:"academic/physics/ipho-formulas-jpn/3.md"},h=s("h1",{id:"formulas-for-ipho-日本語版-section-3",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 3 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-3","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 3"'},"​")],-1),g=s("h2",{id:"_3-運動学",tabindex:"-1"},[a("3: 運動学 "),s("a",{class:"header-anchor",href:"#_3-運動学","aria-label":'Permalink to "3: 運動学"'},"​")],-1),d=s("h3",{id:"_3-1-質点",tabindex:"-1"},[a("3.1: 質点 "),s("a",{class:"header-anchor",href:"#_3-1-質点","aria-label":'Permalink to "3.1: 質点"'},"​")],-1),u=s("ol",null,[s("li",null,[a("質点または剛体の並進運動の場合（積分 → グラフの下 の面積）："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"x")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"x"),s("mo",null,"="),s("mo",null,"∫"),s("mi",{mathvariant:"bold-italic"},"v"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"x"),s("mo",null,"="),s("mo",null,"∫"),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"t"),s("mtext",null," など "),s("mo",{fence:"true"},")")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"v")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msup",null,[s("mi",{mathvariant:"normal"},"d"),s("mn",null,"2")]),s("mi",{mathvariant:"bold-italic"},"x")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("msup",null,[s("mi",null,"t"),s("mn",null,"2")])])]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"="),s("mo",null,"∫"),s("mi",{mathvariant:"bold-italic"},"a"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"t"),s("mo",null,"="),s("mo",null,"∫"),s("msubsup",null,[s("mi",null,"v"),s("mi",null,"x"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"x"),s("mo",null,"="),s("mo",null,"∫"),s("msubsup",null,[s("mi",null,"a"),s("mi",null,"x"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")]),s("mo",{separator:"true"},","),s("mi",null,"x"),s("mo",null,"="),s("mo",null,"∫"),s("mfrac",null,[s("msub",null,[s("mi",null,"v"),s("mi",null,"x")]),s("msub",null,[s("mi",null,"a"),s("mi",null,"x")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} \\boldsymbol{v}=\\frac{\\mathrm{d} \\boldsymbol{x}}{\\mathrm{d} t}, \\boldsymbol{x}=\\int \\boldsymbol{v} \\mathrm{d} t\\left(x=\\int v_x \\mathrm{~d} t \\text { など }\\right) \\\\ \\boldsymbol{a}=\\frac{\\mathrm{d} \\boldsymbol{v}}{\\mathrm{d} t}=\\frac{\\mathrm{d}^2 \\boldsymbol{x}}{\\mathrm{d} t^2}, \\boldsymbol{v}=\\int \\boldsymbol{a} \\mathrm{d} t \\\\ t=\\int v_x^{-1} \\mathrm{~d} x=\\int a_x^{-1} \\mathrm{~d} v_x, x=\\int \\frac{v_x}{a_x} \\mathrm{~d} v_x \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"7.8756em","vertical-align":"-3.6878em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"4.1878em"}},[s("span",{style:{top:"-6.2289em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"x")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"x")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"など"),s("span",{class:"mord"}," ")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])])])]),s("span",{style:{top:"-3.4878em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.4911em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"t"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"x")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-0.9655em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1076em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.836em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.6878em"}},[s("span")])])])])])])])])])])]),a(" もし "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"a")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a")])])]),a(" が定数ならば, これらの積分は簡単に求めるこ とができて, 例えば"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"x"),s("mo",null,"="),s("msub",null,[s("mi",null,"v"),s("mn",null,"0")]),s("mi",null,"t"),s("mo",null,"+"),s("mi",null,"a"),s("msup",null,[s("mi",null,"t"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",null,"−"),s("msubsup",null,[s("mi",null,"v"),s("mn",null,"0"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mi",null,"a"),s("mtext",null,". ")]),s("annotation",{encoding:"application/x-tex"},"x=v_0 t+a t^2 / 2=\\left(v^2-v_0^2\\right) / 2 a \\text {. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7651em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"t"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/2"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2141em","vertical-align":"-0.35em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/2"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord text"},[s("span",{class:"mord"},". ")])])])])])])])],-1),y=s("h3",{id:"_3-2-回転運動",tabindex:"-1"},[a("3.2: 回転運動 "),s("a",{class:"header-anchor",href:"#_3-2-回転運動","aria-label":'Permalink to "3.2: 回転運動"'},"​")],-1),v=s("ol",{start:"2"},[s("li",null,[a("回転運動は, 並進運動と似ていて："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mi",null,"ω")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mo",{separator:"true"},","),s("mi",null,"ε"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"ω"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mi",{mathvariant:"bold-italic"},"a")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"τ"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"v"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mo",null,"+"),s("mi",{mathvariant:"bold-italic"},"n"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} \\omega & =\\mathrm{d} \\varphi / \\mathrm{d} t, \\varepsilon=\\mathrm{d} \\omega / \\mathrm{d} t \\\\ \\boldsymbol{a} & =\\boldsymbol{\\tau} \\mathrm{d} v / \\mathrm{d} t+\\boldsymbol{n} v^2 / R \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0241em","vertical-align":"-1.2621em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.9221em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.9221em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.13472em"}},"τ")])]),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"n")])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])])])])])])])])])])],-1),b=t("",3),x=s("ol",{start:"4"},[s("li",null,[a("剛体の運動: "),s("ul",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"v"),s("mi",null,"A")]),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mo",null,"="),s("msub",null,[s("mi",null,"v"),s("mi",null,"B")]),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β")]),s("annotation",{encoding:"application/x-tex"},"v_A \\cos \\alpha=v_B \\cos \\beta")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),a(" ここで, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" は剛体上の点 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A")]),s("annotation",{encoding:"application/x-tex"},"A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" の速度, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"α")]),s("annotation",{encoding:"application/x-tex"},"\\alpha")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"β")]),s("annotation",{encoding:"application/x-tex"},"\\beta")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),a(" は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" が直線 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"A B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" となす角.")]),s("li",null,[a("瞬間回転中心 (#質点の軌道 の曲率中心）は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{a}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"b")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{b}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])])])])]),a(" に下ろした垂線の交点. 又は もし "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")]),s("mo",null,"⊥"),s("mi",null,"A"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A, \\boldsymbol{v}_B \\perp A B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⊥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" ならば, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" の先端を結ぶ 直線と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"A B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" の交点.")])])])],-1),w=s("h3",{id:"_3-5-非慣性系",tabindex:"-1"},[a("3.5: 非慣性系 "),s("a",{class:"header-anchor",href:"#_3-5-非慣性系","aria-label":'Permalink to "3.5: 非慣性系"'},"​")],-1),z=s("ol",{start:"5"},[s("li",null,[a("非慣性系："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.16em",columnalign:"right",columnspacing:"1em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"false"},[s("mrow",null,[s("mspace",{width:"1em"}),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"2")]),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"0")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"1")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mn",null,"2")]),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mn",null,"0")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mn",null,"1")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"ω"),s("mn",null,"2")]),s("mi",{mathvariant:"bold-italic"},"R"),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mrow",null,[s("mi",null,"C"),s("mi",null,"o"),s("mi",null,"r")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"false"},[s("mrow",null,[s("mtext",null," ここで, "),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mrow",null,[s("mi",null,"C"),s("mi",null,"o"),s("mi",null,"r")])]),s("mo",null,"⊥"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"1")]),s("mi",{mathvariant:"normal"},"."),s("mtext",null," もし "),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"1")]),s("mo",null,"="),s("mn",null,"0"),s("mtext",null," なら "),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mrow",null,[s("mi",null,"C"),s("mi",null,"o"),s("mi",null,"r")])]),s("mo",null,"="),s("mn",null,"0.")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{array}{r} \\quad \\boldsymbol{v}_2=\\boldsymbol{v}_0+\\boldsymbol{v}_1, \\boldsymbol{a}_2=\\boldsymbol{a}_0+\\boldsymbol{a}_1+\\omega^2 \\boldsymbol{R}+\\boldsymbol{a}_{C o r} \\\\ \\text { ここで, } \\boldsymbol{a}_{C o r} \\perp \\boldsymbol{v}_1 . \\text { もし } \\boldsymbol{v}_1=0 \\text { なら } \\boldsymbol{a}_{C o r}=0 . \\end{array} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"arraycolsep",style:{width:"0.5em"}}),s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.45em"}},[s("span",{style:{top:"-3.61em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mspace",style:{"margin-right":"1em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.00421em"}},"R")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"or")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-2.41em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"ここで"),s("span",{class:"mord"},", ")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"or")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⊥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"."),s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"もし"),s("span",{class:"mord"}," ")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"なら"),s("span",{class:"mord"}," ")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"or")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.95em"}},[s("span")])])])]),s("span",{class:"arraycolsep",style:{width:"0.5em"}})])])])])])])])])],-1),_={id:"_3-6-弾道問題",tabindex:"-1"},k=s("a",{class:"header-anchor",href:"#_3-6-弾道問題","aria-label":'Permalink to "3.6: 弾道問題 "'},"​",-1),f=s("ol",{start:"6"},[s("li",null,[a("弾道問題：到達可能な範囲は"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"y"),s("mo",null,"≤"),s("msubsup",null,[s("mi",null,"v"),s("mn",null,"0"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mn",null,"2"),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"−"),s("mi",null,"g"),s("msup",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mn",null,"2"),s("msubsup",null,[s("mi",null,"v"),s("mn",null,"0"),s("mn",null,"2")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"y \\leq v_0^2 /(2 g)-g x^2 /\\left(2 v_0^2\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8304em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≤"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2141em","vertical-align":"-0.35em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])])])])])])]),a(" 最適な弾道では, 初速度と終速（衝突時の速度）が垂直 になる.")])],-1),M=t("",4);function A(B,L,P,C,T,S){const n=e,m=p("Badge");return r(),c("div",null,[h,l(n,{readTime:"2",words:"473"}),g,d,u,y,v,b,x,w,z,s("h3",_,[a("3.6: 弾道問題 "),l(m,{type:"tip",text:"supplemental"}),a(),k]),f,M])}const j=i(o,[["render",A]]);export{V as __pageData,j as default};
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as p,o as r,c,H as l,k as s,a,Q as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const V=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 3","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/3.md","filePath":"academic/physics/ipho-formulas-jpn/3.md","lastUpdated":1699051935000}'),o={name:"academic/physics/ipho-formulas-jpn/3.md"},h=s("h1",{id:"formulas-for-ipho-日本語版-section-3",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 3 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-3","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 3"'},"​")],-1),g=s("h2",{id:"_3-運動学",tabindex:"-1"},[a("3: 運動学 "),s("a",{class:"header-anchor",href:"#_3-運動学","aria-label":'Permalink to "3: 運動学"'},"​")],-1),d=s("h3",{id:"_3-1-質点",tabindex:"-1"},[a("3.1: 質点 "),s("a",{class:"header-anchor",href:"#_3-1-質点","aria-label":'Permalink to "3.1: 質点"'},"​")],-1),u=s("ol",null,[s("li",null,[a("質点または剛体の並進運動の場合（積分 → グラフの下 の面積）："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"x")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"x"),s("mo",null,"="),s("mo",null,"∫"),s("mi",{mathvariant:"bold-italic"},"v"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"x"),s("mo",null,"="),s("mo",null,"∫"),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"t"),s("mtext",null," など "),s("mo",{fence:"true"},")")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"v")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msup",null,[s("mi",{mathvariant:"normal"},"d"),s("mn",null,"2")]),s("mi",{mathvariant:"bold-italic"},"x")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("msup",null,[s("mi",null,"t"),s("mn",null,"2")])])]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"="),s("mo",null,"∫"),s("mi",{mathvariant:"bold-italic"},"a"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"t"),s("mo",null,"="),s("mo",null,"∫"),s("msubsup",null,[s("mi",null,"v"),s("mi",null,"x"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"x"),s("mo",null,"="),s("mo",null,"∫"),s("msubsup",null,[s("mi",null,"a"),s("mi",null,"x"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")]),s("mo",{separator:"true"},","),s("mi",null,"x"),s("mo",null,"="),s("mo",null,"∫"),s("mfrac",null,[s("msub",null,[s("mi",null,"v"),s("mi",null,"x")]),s("msub",null,[s("mi",null,"a"),s("mi",null,"x")])]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("msub",null,[s("mi",null,"v"),s("mi",null,"x")])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} \\boldsymbol{v}=\\frac{\\mathrm{d} \\boldsymbol{x}}{\\mathrm{d} t}, \\boldsymbol{x}=\\int \\boldsymbol{v} \\mathrm{d} t\\left(x=\\int v_x \\mathrm{~d} t \\text { など }\\right) \\\\ \\boldsymbol{a}=\\frac{\\mathrm{d} \\boldsymbol{v}}{\\mathrm{d} t}=\\frac{\\mathrm{d}^2 \\boldsymbol{x}}{\\mathrm{d} t^2}, \\boldsymbol{v}=\\int \\boldsymbol{a} \\mathrm{d} t \\\\ t=\\int v_x^{-1} \\mathrm{~d} x=\\int a_x^{-1} \\mathrm{~d} v_x, x=\\int \\frac{v_x}{a_x} \\mathrm{~d} v_x \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"7.8756em","vertical-align":"-3.6878em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"4.1878em"}},[s("span",{style:{top:"-6.2289em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"x")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"x")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"など"),s("span",{class:"mord"}," ")]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])])])]),s("span",{style:{top:"-3.4878em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.4911em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"t"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"x")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-0.9655em"}},[s("span",{class:"pstrut",style:{height:"3.4911em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1076em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.836em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.6878em"}},[s("span")])])])])])])])])])])]),a(" もし "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"a")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a")])])]),a(" が定数ならば, これらの積分は簡単に求めるこ とができて, 例えば"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"x"),s("mo",null,"="),s("msub",null,[s("mi",null,"v"),s("mn",null,"0")]),s("mi",null,"t"),s("mo",null,"+"),s("mi",null,"a"),s("msup",null,[s("mi",null,"t"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mo",null,"−"),s("msubsup",null,[s("mi",null,"v"),s("mn",null,"0"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2"),s("mi",null,"a"),s("mtext",null,". ")]),s("annotation",{encoding:"application/x-tex"},"x=v_0 t+a t^2 / 2=\\left(v^2-v_0^2\\right) / 2 a \\text {. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7651em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"t"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/2"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2141em","vertical-align":"-0.35em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/2"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord text"},[s("span",{class:"mord"},". ")])])])])])])])],-1),y=s("h3",{id:"_3-2-回転運動",tabindex:"-1"},[a("3.2: 回転運動 "),s("a",{class:"header-anchor",href:"#_3-2-回転運動","aria-label":'Permalink to "3.2: 回転運動"'},"​")],-1),v=s("ol",{start:"2"},[s("li",null,[a("回転運動は, 並進運動と似ていて："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mi",null,"ω")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mo",{separator:"true"},","),s("mi",null,"ε"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"ω"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mi",{mathvariant:"bold-italic"},"a")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"τ"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"v"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mo",null,"+"),s("mi",{mathvariant:"bold-italic"},"n"),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} \\omega & =\\mathrm{d} \\varphi / \\mathrm{d} t, \\varepsilon=\\mathrm{d} \\omega / \\mathrm{d} t \\\\ \\boldsymbol{a} & =\\boldsymbol{\\tau} \\mathrm{d} v / \\mathrm{d} t+\\boldsymbol{n} v^2 / R \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0241em","vertical-align":"-1.2621em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.9221em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.9221em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.13472em"}},"τ")])]),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"n")])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])])])])])])])])])])],-1),b=t("",3),x=s("ol",{start:"4"},[s("li",null,[a("剛体の運動: "),s("ul",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"v"),s("mi",null,"A")]),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"α"),s("mo",null,"="),s("msub",null,[s("mi",null,"v"),s("mi",null,"B")]),s("mi",null,"cos"),s("mo",null,"⁡"),s("mi",null,"β")]),s("annotation",{encoding:"application/x-tex"},"v_A \\cos \\alpha=v_B \\cos \\beta")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),a(" ここで, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" は剛体上の点 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A")]),s("annotation",{encoding:"application/x-tex"},"A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" の速度, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"α")]),s("annotation",{encoding:"application/x-tex"},"\\alpha")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"β")]),s("annotation",{encoding:"application/x-tex"},"\\beta")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),a(" は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" が直線 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"A B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" となす角.")]),s("li",null,[a("瞬間回転中心 (#質点の軌道 の曲率中心）は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"a")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{a}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"b")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{b}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"b")])])])])]),a(" に下ろした垂線の交点. 又は もし "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")]),s("mo",null,"⊥"),s("mi",null,"A"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A, \\boldsymbol{v}_B \\perp A B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⊥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" ならば, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"A")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"A")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"B")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05017em"}},"B")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" の先端を結ぶ 直線と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"A B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" の交点.")])])])],-1),w=s("h3",{id:"_3-5-非慣性系",tabindex:"-1"},[a("3.5: 非慣性系 "),s("a",{class:"header-anchor",href:"#_3-5-非慣性系","aria-label":'Permalink to "3.5: 非慣性系"'},"​")],-1),z=s("ol",{start:"5"},[s("li",null,[a("非慣性系："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.16em",columnalign:"right",columnspacing:"1em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"false"},[s("mrow",null,[s("mspace",{width:"1em"}),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"2")]),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"0")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"1")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mn",null,"2")]),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mn",null,"0")]),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mn",null,"1")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"ω"),s("mn",null,"2")]),s("mi",{mathvariant:"bold-italic"},"R"),s("mo",null,"+"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mrow",null,[s("mi",null,"C"),s("mi",null,"o"),s("mi",null,"r")])])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"false"},[s("mrow",null,[s("mtext",null," ここで, "),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mrow",null,[s("mi",null,"C"),s("mi",null,"o"),s("mi",null,"r")])]),s("mo",null,"⊥"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"1")]),s("mi",{mathvariant:"normal"},"."),s("mtext",null," もし "),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mn",null,"1")]),s("mo",null,"="),s("mn",null,"0"),s("mtext",null," なら "),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"a"),s("mrow",null,[s("mi",null,"C"),s("mi",null,"o"),s("mi",null,"r")])]),s("mo",null,"="),s("mn",null,"0.")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{array}{r} \\quad \\boldsymbol{v}_2=\\boldsymbol{v}_0+\\boldsymbol{v}_1, \\boldsymbol{a}_2=\\boldsymbol{a}_0+\\boldsymbol{a}_1+\\omega^2 \\boldsymbol{R}+\\boldsymbol{a}_{C o r} \\\\ \\text { ここで, } \\boldsymbol{a}_{C o r} \\perp \\boldsymbol{v}_1 . \\text { もし } \\boldsymbol{v}_1=0 \\text { なら } \\boldsymbol{a}_{C o r}=0 . \\end{array} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"arraycolsep",style:{width:"0.5em"}}),s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.45em"}},[s("span",{style:{top:"-3.61em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mspace",style:{"margin-right":"1em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.00421em"}},"R")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"or")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-2.41em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"ここで"),s("span",{class:"mord"},", ")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"or")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"⊥"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"."),s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"もし"),s("span",{class:"mord"}," ")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mord text"},[s("span",{class:"mord"}," "),s("span",{class:"mord cjk_fallback"},"なら"),s("span",{class:"mord"}," ")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"or")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"0.")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.95em"}},[s("span")])])])]),s("span",{class:"arraycolsep",style:{width:"0.5em"}})])])])])])])])])],-1),_={id:"_3-6-弾道問題",tabindex:"-1"},k=s("a",{class:"header-anchor",href:"#_3-6-弾道問題","aria-label":'Permalink to "3.6: 弾道問題 "'},"​",-1),f=s("ol",{start:"6"},[s("li",null,[a("弾道問題：到達可能な範囲は"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"y"),s("mo",null,"≤"),s("msubsup",null,[s("mi",null,"v"),s("mn",null,"0"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mo",{stretchy:"false"},"("),s("mn",null,"2"),s("mi",null,"g"),s("mo",{stretchy:"false"},")"),s("mo",null,"−"),s("mi",null,"g"),s("msup",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mn",null,"2"),s("msubsup",null,[s("mi",null,"v"),s("mn",null,"0"),s("mn",null,"2")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"y \\leq v_0^2 /(2 g)-g x^2 /\\left(2 v_0^2\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8304em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≤"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1141em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2141em","vertical-align":"-0.35em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])])])])])])]),a(" 最適な弾道では, 初速度と終速（衝突時の速度）が垂直 になる.")])],-1),M=t("",4);function A(B,L,P,C,T,S){const n=e,m=p("Badge");return r(),c("div",null,[h,l(n,{readTime:"2",words:"473"}),g,d,u,y,v,b,x,w,z,s("h3",_,[a("3.6: 弾道問題 "),l(m,{type:"tip",text:"supplemental"}),a(),k]),f,M])}const j=i(o,[["render",A]]);export{V as __pageData,j as default};
diff --git a/assets/academic_physics_ipho-formulas-jpn_4.md.67c0b4f9.js b/assets/academic_physics_ipho-formulas-jpn_4.md.47f0821f.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_4.md.67c0b4f9.js
rename to assets/academic_physics_ipho-formulas-jpn_4.md.47f0821f.js
index 1fc058af..261db708 100644
--- a/assets/academic_physics_ipho-formulas-jpn_4.md.67c0b4f9.js
+++ b/assets/academic_physics_ipho-formulas-jpn_4.md.47f0821f.js
@@ -1,4 +1,4 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as p,o as r,c,H as l,k as s,a,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const bs=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 4","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/4.md","filePath":"academic/physics/ipho-formulas-jpn/4.md","lastUpdated":1695377563000}'),h={name:"academic/physics/ipho-formulas-jpn/4.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-4",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 4 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-4","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 4"'},"​")],-1),g=n('
4: 力学 ​
4.1: 剛体の二次元的な平衡 ​
  1. 剛体の二次元的な平衡 : 力についての 2 つの式とトル クについての 1 つの式. 1 （又は 2 ）個の力についての 式は 1（又は 2）個のトルクについての式で代用でき る. トルクの方が良い場合が多く，原点を適切に選択 することで「退屈な」力を消すことができる. もし 2 点 のみに力がかかっているならば，（正味の）力がかかっ ている直線は一致する. 3 点であれば, 3 つの直線は 1 点で交わる.
4.2: 垂直抗力 ​
',4),u=s("ol",{start:"2"},[s("li",null,[a("垂直抗力と摩擦力は 1 つの力に合成でき, 垂直抗力に 対して "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"arctan"),s("mo",null,"⁡"),s("mi",null,"μ")]),s("annotation",{encoding:"application/x-tex"},"\\arctan \\mu")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8095em","vertical-align":"-0.1944em"}}),s("span",{class:"mop"},"arctan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"μ")])])]),a(" の角度で接触点に加わる.")])],-1),d=s("h3",{id:"_4-3-並進運動と回転運動",tabindex:"-1"},[a("4.3: 並進運動と回転運動 "),s("a",{class:"header-anchor",href:"#_4-3-並進運動と回転運動","aria-label":'Permalink to "4.3: 並進運動と回転運動"'},"​")],-1),y=s("ol",{start:"3"},[s("li",null,[a("並進運動と回転運動についての Newton の第二法則："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"F"),s("mo",null,"="),s("mi",null,"m"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"M"),s("mo",null,"="),s("mi",null,"I"),s("mi",{mathvariant:"bold-italic"},"ε"),s("mspace",{width:"1em"}),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"M"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"F"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{F}=m \\boldsymbol{a}, \\boldsymbol{M}=I \\boldsymbol{\\varepsilon} \\quad(\\boldsymbol{M}=\\boldsymbol{r} \\times \\boldsymbol{F}) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8805em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"ε")])]),s("span",{class:"mspace",style:{"margin-right":"1em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mclose"},")")])])])])]),a(" 二次元の場合には "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"M")]),s("annotation",{encoding:"application/x-tex"},"M")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ε")]),s("annotation",{encoding:"application/x-tex"},"\\varepsilon")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"ε")])])]),a(" は本質的にスカラーで, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"M"),s("mo",null,"="),s("mi",null,"F"),s("mi",null,"l"),s("mo",null,"="),s("msub",null,[s("mi",null,"F"),s("mi",null,"t")]),s("mi",null,"r"),s("mo",{stretchy:"false"},"("),s("mi",null,"l")]),s("annotation",{encoding:"application/x-tex"},"M=F l=F_t r(l")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"Fl"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2806em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"t")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")])])]),a(" は力のうでの長さ "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])])])],-1),v=s("h3",{id:"_4-4-一般化座標",tabindex:"-1"},[a("4.4: 一般化座標 "),s("a",{class:"header-anchor",href:"#_4-4-一般化座標","aria-label":'Permalink to "4.4: 一般化座標"'},"​")],-1),b=s("ol",{start:"4"},[s("li",null,[a("一般化座標. 系の状態が 1 つの変数 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ξ")]),s("annotation",{encoding:"application/x-tex"},"\\xi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")])])]),a(" とその時間微分 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"ξ"),s("mo",null,"˙")])]),s("annotation",{encoding:"application/x-tex"},"\\dot{\\xi}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1257em","vertical-align":"-0.1944em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")]),s("span",{style:{top:"-3.2634em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.0278em"}},[s("span",{class:"mord"},"˙")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1944em"}},[s("span")])])])])])])]),a(" で表され，ポテンシャルエネルギーが "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"U"),s("mo",null,"="),s("mi",null,"U"),s("mo",{stretchy:"false"},"("),s("mi",null,"ξ"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"U=U(\\xi)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ"),s("span",{class:"mclose"},")")])])]),a(", 運動エネルギーが "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"K"),s("mo",null,"="),s("mi",null,"μ"),s("msup",null,[s("mi",null,"ξ"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2")]),s("annotation",{encoding:"application/x-tex"},"K=\\mu \\xi^2 / 2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/2")])])]),a(" であるならば, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"μ"),s("mover",{accent:"true"},[s("mi",null,"ξ"),s("mo",null,"¨")]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\mu \\ddot{\\xi}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1257em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")]),s("span",{style:{top:"-3.2634em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1389em"}},[s("span",{class:"mord"},"¨")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1944em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"−"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"U"),s("mo",{stretchy:"false"},"("),s("mi",null,"ξ"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"ξ")]),s("annotation",{encoding:"application/x-tex"},"-\\mathrm{d} U(\\xi) / \\mathrm{d} \\xi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")])])]),a(". (したがって並進運動では, 力はポテン シャルエネルギーの微分)")])],-1),x=s("h3",{id:"_4-5-系質点",tabindex:"-1"},[a("4.5: 系質点 "),s("a",{class:"header-anchor",href:"#_4-5-系質点","aria-label":'Permalink to "4.5: 系質点"'},"​")],-1),w=s("ol",{start:"5"},[s("li",null,[a("系が質点 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"m"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"m_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" で構成されているとき："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"c")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"i")]),s("mi",{mathvariant:"normal"},"/"),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"j")]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"P"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"i")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"bold-italic"},"L"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"i")]),s("mo",null,"×"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"i")]),s("mo",{separator:"true"},","),s("mi",null,"K"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msubsup",null,[s("mi",null,"v"),s("mi",null,"i"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msub",null,[s("mi",null,"I"),s("mi",null,"z")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msubsup",null,[s("mi",null,"x"),s("mi",null,"i"),s("mn",null,"2")]),s("mo",null,"+"),s("msubsup",null,[s("mi",null,"y"),s("mi",null,"i"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mo",null,"∫"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msup",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"y"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"m")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\boldsymbol{r}_c=\\sum m_i \\boldsymbol{r}_i / \\sum m_j, \\boldsymbol{P}=\\sum m_i \\boldsymbol{v}_i \\\\ & \\boldsymbol{L}=\\sum m_i \\boldsymbol{r}_i \\times \\boldsymbol{v}_i, K=\\sum m_i v_i^2 / 2 \\\\ & I_z=\\sum m_i\\left(x_i^2+y_i^2\\right)=\\int\\left(x^2+y^2\\right) \\mathrm{d} m \\\\ & \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"7.8223em","vertical-align":"-3.6611em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"4.1611em"}},[s("span",{style:{top:"-6.4711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-4.5711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-2.3611em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-0.3589em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.6611em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"4.1611em"}},[s("span",{style:{top:"-6.4711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-4.5711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/2")])]),s("span",{style:{top:"-2.3611em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"m")])]),s("span",{style:{top:"-0.3589em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"})])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.6611em"}},[s("span")])])])])])])])])])])])])],-1),z=s("h3",{id:"_4-6-質量中心の速度",tabindex:"-1"},[a("4.6: 質量中心の速度 "),s("a",{class:"header-anchor",href:"#_4-6-質量中心の速度","aria-label":'Permalink to "4.6: 質量中心の速度"'},"​")],-1),k=s("ol",{start:"6"},[s("li",null,[a("質量中心の速度が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"c")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" であるような系 (添え字 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"c")])])]),a(" は質量 中心についての物理量であることを示す）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"L"),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"L"),s("mi",null,"c")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"R"),s("mi",null,"c")]),s("mo",null,"×"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"c")]),s("mo",{separator:"true"},","),s("mi",null,"K"),s("mo",null,"="),s("msub",null,[s("mi",null,"K"),s("mi",null,"c")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("msubsup",null,[s("mi",null,"v"),s("mi",null,"c"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"P"),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"P"),s("mi",null,"c")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"c")]),s("mi",{mathvariant:"normal"},".")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} \\boldsymbol{L}=\\boldsymbol{L}_c+M_{\\Sigma} \\boldsymbol{R}_c \\times \\boldsymbol{v}_c, K=K_c+M_{\\Sigma} v_c^2 / 2 \\\\ \\boldsymbol{P}=\\boldsymbol{P}_c+M_{\\Sigma} \\boldsymbol{v}_c . \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0241em","vertical-align":"-1.2621em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.8979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.00421em"}},"R")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/2")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},".")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])])])])])])])])])])],-1),_=s("h3",{id:"_4-7-steiner-定理",tabindex:"-1"},[a("4.7: Steiner 定理 "),s("a",{class:"header-anchor",href:"#_4-7-steiner-定理","aria-label":'Permalink to "4.7: Steiner 定理"'},"​")],-1),M=s("ol",{start:"7"},[s("li",null,[a("Steiner の定理（平行軸の定理）も同じような形で は質量中心の回転軸からの距離）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I"),s("mo",null,"="),s("msub",null,[s("mi",null,"I"),s("mi",null,"c")]),s("mo",null,"+"),s("mi",null,"m"),s("msup",null,[s("mi",null,"b"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"I=I_c+m b^2 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8641em"}}),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])])])],-1),f=s("h3",{id:"_4-8-ポイント-6",tabindex:"-1"},[a("4.8: ポイント 6 "),s("a",{class:"header-anchor",href:"#_4-8-ポイント-6","aria-label":'Permalink to "4.8: ポイント 6"'},"​")],-1),L=s("ol",{start:"8"},[s("li",null,[a("ポイント 6 の "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"P")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{P}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"L")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{L}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])])])])]),a(" を用いて, Newton の第二法則 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"F"),s("mi",{mathvariant:"normal"},"Σ")]),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"P"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"L"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{F}_{\\Sigma}=\\mathrm{d} \\boldsymbol{P} / \\mathrm{d} t, \\boldsymbol{M}_{\\Sigma}=\\mathrm{d} \\boldsymbol{L} / \\mathrm{d} t ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8361em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])])])])])])],-1),P=s("h3",{id:"_4-9-ポイント-5",tabindex:"-1"},[a("4.9: ポイント 5 "),s("a",{class:"header-anchor",href:"#_4-9-ポイント-5","aria-label":'Permalink to "4.9: ポイント 5"'},"​")],-1),I=s("ol",{start:"9"},[s("li",null,[a("ポイント 5 にに加えて，質量中心を通る "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"z")]),s("annotation",{encoding:"application/x-tex"},"z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")])])]),a(" 軸に対する慣性モ一メントは "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"I"),s("mrow",null,[s("mi",null,"z"),s("mn",null,"0")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"I_{z 0}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mo",null,"∑"),s("mrow",null,[s("mi",null,"i"),s("mo",{separator:"true"},","),s("mi",null,"j")])]),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",null,"m"),s("mi",null,"j")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mi",null,"i")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"x"),s("mi",null,"j")]),s("mo",{fence:"true"},")")]),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"y"),s("mi",null,"i")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"y"),s("mi",null,"j")]),s("mo",{fence:"true"},")")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mi",{mathvariant:"normal"},"/"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mn",null,"2"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"\\sum_{i, j} m_i m_j\\left[\\left(x_i-x_j\\right)^2+\\left(y_i-y_j\\right)^2\\right] /\\left(2 M_{\\Sigma}\\right)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.8em","vertical-align":"-0.65em"}}),s("span",{class:"mop"},[s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.162em"}},[s("span",{style:{top:"-2.4003em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mpunct mtight"},","),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4358em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size2"},"[")]),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size2"},"]")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])])])])],-1),F=s("h3",{id:"_4-10-原点に対する慣性",tabindex:"-1"},[a("4.10: 原点に対する慣性 "),s("a",{class:"header-anchor",href:"#_4-10-原点に対する慣性","aria-label":'Permalink to "4.10: 原点に対する慣性"'},"​")],-1),T=s("ol",{start:"10"},[s("li",null,[a("原点に対する慣性モ一メント "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"θ"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msubsup",null,[s("mi",null,"r"),s("mi",null,"i"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\theta=\\sum m_i r_i^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0728em","vertical-align":"-0.2587em"}}),s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-2.4413em","margin-left":"-0.0278em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2587em"}},[s("span")])])])])])])])]),a(" は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"θ"),s("mo",null,"="),s("msub",null,[s("mi",null,"I"),s("mi",null,"x")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"y")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"z")])]),s("annotation",{encoding:"application/x-tex"},"2 \\theta=I_x+I_y+I_z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9694em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" を用いることで二次元物体や等 方性のある物体の "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"I"),s("mi",null,"z")])]),s("annotation",{encoding:"application/x-tex"},"I_z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" を計算するのに有用.")])],-1),S=s("h3",{id:"_4-11-相当単振子の長",tabindex:"-1"},[a("4.11: 相当単振子の長 "),s("a",{class:"header-anchor",href:"#_4-11-相当単振子の長","aria-label":'Permalink to "4.11: 相当単振子の長"'},"​")],-1),j=s("ol",{start:"11"},[s("li",null,[a("相当単振子の長さが "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")])]),s("annotation",{encoding:"application/x-tex"},"\\tilde{l}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9313em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")]),s("span",{style:{top:"-3.6134em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1667em"}},[s("span",{class:"mord"},"~")])])])])])])])])]),a(" である物理振子 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mi",null,"ω"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"g"),s("mi",{mathvariant:"normal"},"/"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"l"),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"c")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"m"),s("mi",null,"l"),s("mo",{fence:"true"},")")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"ω"),s("mo",{stretchy:"false"},"("),s("mi",null,"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"ω"),s("mo",{stretchy:"false"},"("),s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")]),s("mo",null,"−"),s("mi",null,"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("msqrt",null,[s("mrow",null,[s("mi",null,"g"),s("mi",{mathvariant:"normal"},"/"),s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")])])]),s("mo",{separator:"true"},","),s("mspace",{width:"1em"}),s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")]),s("mo",null,"="),s("mi",null,"l"),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"c")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"m"),s("mi",null,"l")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\omega^2(l)=g /\\left(l+I_c / m l\\right) \\\\ & \\omega(l)=\\omega(\\tilde{l}-l)=\\sqrt{g / \\tilde{l}}, \\quad \\tilde{l}=l+I_c / m l \\\\ & \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"5.1641em","vertical-align":"-2.3321em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.8321em"}},[s("span",{style:{top:"-5.3425em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-3.3079em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.7025em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.3321em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.8321em"}},[s("span",{style:{top:"-5.3425em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])]),s("span",{style:{top:"-3.3079em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mopen"},"("),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")]),s("span",{style:{top:"-3.6134em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1667em"}},[s("span",{class:"mord"},"~")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3745em"}},[s("span",{class:"svg-align",style:{top:"-3.8em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},"/"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")]),s("span",{style:{top:"-3.6134em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1667em"}},[s("span",{class:"mord"},"~")])])])])])])])]),s("span",{style:{top:"-3.3345em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.88em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.88em",viewBox:"0 0 400000 1944",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M983 90
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as p,o as r,c,H as l,k as s,a,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const bs=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 4","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/4.md","filePath":"academic/physics/ipho-formulas-jpn/4.md","lastUpdated":1699051935000}'),h={name:"academic/physics/ipho-formulas-jpn/4.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-4",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 4 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-4","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 4"'},"​")],-1),g=n('
4: 力学 ​
4.1: 剛体の二次元的な平衡 ​
  1. 剛体の二次元的な平衡 : 力についての 2 つの式とトル クについての 1 つの式. 1 （又は 2 ）個の力についての 式は 1（又は 2）個のトルクについての式で代用でき る. トルクの方が良い場合が多く，原点を適切に選択 することで「退屈な」力を消すことができる. もし 2 点 のみに力がかかっているならば，（正味の）力がかかっ ている直線は一致する. 3 点であれば, 3 つの直線は 1 点で交わる.
4.2: 垂直抗力 ​
',4),u=s("ol",{start:"2"},[s("li",null,[a("垂直抗力と摩擦力は 1 つの力に合成でき, 垂直抗力に 対して "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"arctan"),s("mo",null,"⁡"),s("mi",null,"μ")]),s("annotation",{encoding:"application/x-tex"},"\\arctan \\mu")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8095em","vertical-align":"-0.1944em"}}),s("span",{class:"mop"},"arctan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"μ")])])]),a(" の角度で接触点に加わる.")])],-1),d=s("h3",{id:"_4-3-並進運動と回転運動",tabindex:"-1"},[a("4.3: 並進運動と回転運動 "),s("a",{class:"header-anchor",href:"#_4-3-並進運動と回転運動","aria-label":'Permalink to "4.3: 並進運動と回転運動"'},"​")],-1),y=s("ol",{start:"3"},[s("li",null,[a("並進運動と回転運動についての Newton の第二法則："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"F"),s("mo",null,"="),s("mi",null,"m"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"M"),s("mo",null,"="),s("mi",null,"I"),s("mi",{mathvariant:"bold-italic"},"ε"),s("mspace",{width:"1em"}),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"M"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"F"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{F}=m \\boldsymbol{a}, \\boldsymbol{M}=I \\boldsymbol{\\varepsilon} \\quad(\\boldsymbol{M}=\\boldsymbol{r} \\times \\boldsymbol{F}) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8805em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"ε")])]),s("span",{class:"mspace",style:{"margin-right":"1em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mclose"},")")])])])])]),a(" 二次元の場合には "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"M")]),s("annotation",{encoding:"application/x-tex"},"M")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ε")]),s("annotation",{encoding:"application/x-tex"},"\\varepsilon")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"ε")])])]),a(" は本質的にスカラーで, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"M"),s("mo",null,"="),s("mi",null,"F"),s("mi",null,"l"),s("mo",null,"="),s("msub",null,[s("mi",null,"F"),s("mi",null,"t")]),s("mi",null,"r"),s("mo",{stretchy:"false"},"("),s("mi",null,"l")]),s("annotation",{encoding:"application/x-tex"},"M=F l=F_t r(l")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"Fl"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2806em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"t")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")])])]),a(" は力のうでの長さ "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])])])],-1),v=s("h3",{id:"_4-4-一般化座標",tabindex:"-1"},[a("4.4: 一般化座標 "),s("a",{class:"header-anchor",href:"#_4-4-一般化座標","aria-label":'Permalink to "4.4: 一般化座標"'},"​")],-1),b=s("ol",{start:"4"},[s("li",null,[a("一般化座標. 系の状態が 1 つの変数 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ξ")]),s("annotation",{encoding:"application/x-tex"},"\\xi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")])])]),a(" とその時間微分 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"ξ"),s("mo",null,"˙")])]),s("annotation",{encoding:"application/x-tex"},"\\dot{\\xi}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1257em","vertical-align":"-0.1944em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")]),s("span",{style:{top:"-3.2634em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.0278em"}},[s("span",{class:"mord"},"˙")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1944em"}},[s("span")])])])])])])]),a(" で表され，ポテンシャルエネルギーが "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"U"),s("mo",null,"="),s("mi",null,"U"),s("mo",{stretchy:"false"},"("),s("mi",null,"ξ"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"U=U(\\xi)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ"),s("span",{class:"mclose"},")")])])]),a(", 運動エネルギーが "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"K"),s("mo",null,"="),s("mi",null,"μ"),s("msup",null,[s("mi",null,"ξ"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2")]),s("annotation",{encoding:"application/x-tex"},"K=\\mu \\xi^2 / 2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/2")])])]),a(" であるならば, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"μ"),s("mover",{accent:"true"},[s("mi",null,"ξ"),s("mo",null,"¨")]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\mu \\ddot{\\xi}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1257em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")]),s("span",{style:{top:"-3.2634em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1389em"}},[s("span",{class:"mord"},"¨")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1944em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"−"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"U"),s("mo",{stretchy:"false"},"("),s("mi",null,"ξ"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"ξ")]),s("annotation",{encoding:"application/x-tex"},"-\\mathrm{d} U(\\xi) / \\mathrm{d} \\xi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")])])]),a(". (したがって並進運動では, 力はポテン シャルエネルギーの微分)")])],-1),x=s("h3",{id:"_4-5-系質点",tabindex:"-1"},[a("4.5: 系質点 "),s("a",{class:"header-anchor",href:"#_4-5-系質点","aria-label":'Permalink to "4.5: 系質点"'},"​")],-1),w=s("ol",{start:"5"},[s("li",null,[a("系が質点 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"m"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"m_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" で構成されているとき："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"c")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"i")]),s("mi",{mathvariant:"normal"},"/"),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"j")]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"P"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"i")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"bold-italic"},"L"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"i")]),s("mo",null,"×"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"i")]),s("mo",{separator:"true"},","),s("mi",null,"K"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msubsup",null,[s("mi",null,"v"),s("mi",null,"i"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msub",null,[s("mi",null,"I"),s("mi",null,"z")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msubsup",null,[s("mi",null,"x"),s("mi",null,"i"),s("mn",null,"2")]),s("mo",null,"+"),s("msubsup",null,[s("mi",null,"y"),s("mi",null,"i"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mo",null,"∫"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msup",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"y"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"m")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\boldsymbol{r}_c=\\sum m_i \\boldsymbol{r}_i / \\sum m_j, \\boldsymbol{P}=\\sum m_i \\boldsymbol{v}_i \\\\ & \\boldsymbol{L}=\\sum m_i \\boldsymbol{r}_i \\times \\boldsymbol{v}_i, K=\\sum m_i v_i^2 / 2 \\\\ & I_z=\\sum m_i\\left(x_i^2+y_i^2\\right)=\\int\\left(x^2+y^2\\right) \\mathrm{d} m \\\\ & \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"7.8223em","vertical-align":"-3.6611em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"4.1611em"}},[s("span",{style:{top:"-6.4711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-4.5711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-2.3611em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-0.3589em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.6611em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"4.1611em"}},[s("span",{style:{top:"-6.4711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-4.5711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/2")])]),s("span",{style:{top:"-2.3611em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"m")])]),s("span",{style:{top:"-0.3589em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"})])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.6611em"}},[s("span")])])])])])])])])])])])])],-1),z=s("h3",{id:"_4-6-質量中心の速度",tabindex:"-1"},[a("4.6: 質量中心の速度 "),s("a",{class:"header-anchor",href:"#_4-6-質量中心の速度","aria-label":'Permalink to "4.6: 質量中心の速度"'},"​")],-1),k=s("ol",{start:"6"},[s("li",null,[a("質量中心の速度が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"c")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" であるような系 (添え字 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"c")])])]),a(" は質量 中心についての物理量であることを示す）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"L"),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"L"),s("mi",null,"c")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"R"),s("mi",null,"c")]),s("mo",null,"×"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"c")]),s("mo",{separator:"true"},","),s("mi",null,"K"),s("mo",null,"="),s("msub",null,[s("mi",null,"K"),s("mi",null,"c")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("msubsup",null,[s("mi",null,"v"),s("mi",null,"c"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"P"),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"P"),s("mi",null,"c")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"c")]),s("mi",{mathvariant:"normal"},".")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} \\boldsymbol{L}=\\boldsymbol{L}_c+M_{\\Sigma} \\boldsymbol{R}_c \\times \\boldsymbol{v}_c, K=K_c+M_{\\Sigma} v_c^2 / 2 \\\\ \\boldsymbol{P}=\\boldsymbol{P}_c+M_{\\Sigma} \\boldsymbol{v}_c . \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0241em","vertical-align":"-1.2621em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.8979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.00421em"}},"R")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/2")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},".")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])])])])])])])])])])],-1),_=s("h3",{id:"_4-7-steiner-定理",tabindex:"-1"},[a("4.7: Steiner 定理 "),s("a",{class:"header-anchor",href:"#_4-7-steiner-定理","aria-label":'Permalink to "4.7: Steiner 定理"'},"​")],-1),M=s("ol",{start:"7"},[s("li",null,[a("Steiner の定理（平行軸の定理）も同じような形で は質量中心の回転軸からの距離）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I"),s("mo",null,"="),s("msub",null,[s("mi",null,"I"),s("mi",null,"c")]),s("mo",null,"+"),s("mi",null,"m"),s("msup",null,[s("mi",null,"b"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"I=I_c+m b^2 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8641em"}}),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])])])],-1),f=s("h3",{id:"_4-8-ポイント-6",tabindex:"-1"},[a("4.8: ポイント 6 "),s("a",{class:"header-anchor",href:"#_4-8-ポイント-6","aria-label":'Permalink to "4.8: ポイント 6"'},"​")],-1),L=s("ol",{start:"8"},[s("li",null,[a("ポイント 6 の "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"P")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{P}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"L")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{L}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])])])])]),a(" を用いて, Newton の第二法則 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"F"),s("mi",{mathvariant:"normal"},"Σ")]),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"P"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"L"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{F}_{\\Sigma}=\\mathrm{d} \\boldsymbol{P} / \\mathrm{d} t, \\boldsymbol{M}_{\\Sigma}=\\mathrm{d} \\boldsymbol{L} / \\mathrm{d} t ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8361em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])])])])])])],-1),P=s("h3",{id:"_4-9-ポイント-5",tabindex:"-1"},[a("4.9: ポイント 5 "),s("a",{class:"header-anchor",href:"#_4-9-ポイント-5","aria-label":'Permalink to "4.9: ポイント 5"'},"​")],-1),I=s("ol",{start:"9"},[s("li",null,[a("ポイント 5 にに加えて，質量中心を通る "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"z")]),s("annotation",{encoding:"application/x-tex"},"z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")])])]),a(" 軸に対する慣性モ一メントは "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"I"),s("mrow",null,[s("mi",null,"z"),s("mn",null,"0")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"I_{z 0}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mo",null,"∑"),s("mrow",null,[s("mi",null,"i"),s("mo",{separator:"true"},","),s("mi",null,"j")])]),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",null,"m"),s("mi",null,"j")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mi",null,"i")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"x"),s("mi",null,"j")]),s("mo",{fence:"true"},")")]),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"y"),s("mi",null,"i")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"y"),s("mi",null,"j")]),s("mo",{fence:"true"},")")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mi",{mathvariant:"normal"},"/"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mn",null,"2"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"\\sum_{i, j} m_i m_j\\left[\\left(x_i-x_j\\right)^2+\\left(y_i-y_j\\right)^2\\right] /\\left(2 M_{\\Sigma}\\right)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.8em","vertical-align":"-0.65em"}}),s("span",{class:"mop"},[s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.162em"}},[s("span",{style:{top:"-2.4003em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mpunct mtight"},","),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4358em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size2"},"[")]),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size2"},"]")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])])])])],-1),F=s("h3",{id:"_4-10-原点に対する慣性",tabindex:"-1"},[a("4.10: 原点に対する慣性 "),s("a",{class:"header-anchor",href:"#_4-10-原点に対する慣性","aria-label":'Permalink to "4.10: 原点に対する慣性"'},"​")],-1),T=s("ol",{start:"10"},[s("li",null,[a("原点に対する慣性モ一メント "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"θ"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msubsup",null,[s("mi",null,"r"),s("mi",null,"i"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\theta=\\sum m_i r_i^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0728em","vertical-align":"-0.2587em"}}),s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-2.4413em","margin-left":"-0.0278em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2587em"}},[s("span")])])])])])])])]),a(" は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"θ"),s("mo",null,"="),s("msub",null,[s("mi",null,"I"),s("mi",null,"x")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"y")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"z")])]),s("annotation",{encoding:"application/x-tex"},"2 \\theta=I_x+I_y+I_z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9694em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" を用いることで二次元物体や等 方性のある物体の "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"I"),s("mi",null,"z")])]),s("annotation",{encoding:"application/x-tex"},"I_z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" を計算するのに有用.")])],-1),S=s("h3",{id:"_4-11-相当単振子の長",tabindex:"-1"},[a("4.11: 相当単振子の長 "),s("a",{class:"header-anchor",href:"#_4-11-相当単振子の長","aria-label":'Permalink to "4.11: 相当単振子の長"'},"​")],-1),j=s("ol",{start:"11"},[s("li",null,[a("相当単振子の長さが "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")])]),s("annotation",{encoding:"application/x-tex"},"\\tilde{l}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9313em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")]),s("span",{style:{top:"-3.6134em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1667em"}},[s("span",{class:"mord"},"~")])])])])])])])])]),a(" である物理振子 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mi",null,"ω"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"g"),s("mi",{mathvariant:"normal"},"/"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"l"),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"c")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"m"),s("mi",null,"l"),s("mo",{fence:"true"},")")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"ω"),s("mo",{stretchy:"false"},"("),s("mi",null,"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"ω"),s("mo",{stretchy:"false"},"("),s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")]),s("mo",null,"−"),s("mi",null,"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("msqrt",null,[s("mrow",null,[s("mi",null,"g"),s("mi",{mathvariant:"normal"},"/"),s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")])])]),s("mo",{separator:"true"},","),s("mspace",{width:"1em"}),s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")]),s("mo",null,"="),s("mi",null,"l"),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"c")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"m"),s("mi",null,"l")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\omega^2(l)=g /\\left(l+I_c / m l\\right) \\\\ & \\omega(l)=\\omega(\\tilde{l}-l)=\\sqrt{g / \\tilde{l}}, \\quad \\tilde{l}=l+I_c / m l \\\\ & \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"5.1641em","vertical-align":"-2.3321em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.8321em"}},[s("span",{style:{top:"-5.3425em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-3.3079em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.7025em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.3321em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.8321em"}},[s("span",{style:{top:"-5.3425em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])]),s("span",{style:{top:"-3.3079em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mopen"},"("),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")]),s("span",{style:{top:"-3.6134em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1667em"}},[s("span",{class:"mord"},"~")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3745em"}},[s("span",{class:"svg-align",style:{top:"-3.8em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},"/"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")]),s("span",{style:{top:"-3.6134em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1667em"}},[s("span",{class:"mord"},"~")])])])])])])])]),s("span",{style:{top:"-3.3345em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.88em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.88em",viewBox:"0 0 400000 1944",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M983 90
 l0 -0
 c4,-6.7,10,-10,18,-10 H400000v40
 H1013.1s-83.4,268,-264.1,840c-180.7,572,-277,876.3,-289,913c-4.7,4.7,-12.7,7,-24,7
diff --git a/assets/academic_physics_ipho-formulas-jpn_4.md.67c0b4f9.lean.js b/assets/academic_physics_ipho-formulas-jpn_4.md.47f0821f.lean.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_4.md.67c0b4f9.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_4.md.47f0821f.lean.js
index 90d880ee..44da3c5f 100644
--- a/assets/academic_physics_ipho-formulas-jpn_4.md.67c0b4f9.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_4.md.47f0821f.lean.js
@@ -1,4 +1,4 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as p,o as r,c,H as l,k as s,a,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const bs=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 4","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/4.md","filePath":"academic/physics/ipho-formulas-jpn/4.md","lastUpdated":1695377563000}'),h={name:"academic/physics/ipho-formulas-jpn/4.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-4",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 4 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-4","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 4"'},"​")],-1),g=n("",4),u=s("ol",{start:"2"},[s("li",null,[a("垂直抗力と摩擦力は 1 つの力に合成でき, 垂直抗力に 対して "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"arctan"),s("mo",null,"⁡"),s("mi",null,"μ")]),s("annotation",{encoding:"application/x-tex"},"\\arctan \\mu")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8095em","vertical-align":"-0.1944em"}}),s("span",{class:"mop"},"arctan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"μ")])])]),a(" の角度で接触点に加わる.")])],-1),d=s("h3",{id:"_4-3-並進運動と回転運動",tabindex:"-1"},[a("4.3: 並進運動と回転運動 "),s("a",{class:"header-anchor",href:"#_4-3-並進運動と回転運動","aria-label":'Permalink to "4.3: 並進運動と回転運動"'},"​")],-1),y=s("ol",{start:"3"},[s("li",null,[a("並進運動と回転運動についての Newton の第二法則："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"F"),s("mo",null,"="),s("mi",null,"m"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"M"),s("mo",null,"="),s("mi",null,"I"),s("mi",{mathvariant:"bold-italic"},"ε"),s("mspace",{width:"1em"}),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"M"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"F"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{F}=m \\boldsymbol{a}, \\boldsymbol{M}=I \\boldsymbol{\\varepsilon} \\quad(\\boldsymbol{M}=\\boldsymbol{r} \\times \\boldsymbol{F}) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8805em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"ε")])]),s("span",{class:"mspace",style:{"margin-right":"1em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mclose"},")")])])])])]),a(" 二次元の場合には "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"M")]),s("annotation",{encoding:"application/x-tex"},"M")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ε")]),s("annotation",{encoding:"application/x-tex"},"\\varepsilon")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"ε")])])]),a(" は本質的にスカラーで, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"M"),s("mo",null,"="),s("mi",null,"F"),s("mi",null,"l"),s("mo",null,"="),s("msub",null,[s("mi",null,"F"),s("mi",null,"t")]),s("mi",null,"r"),s("mo",{stretchy:"false"},"("),s("mi",null,"l")]),s("annotation",{encoding:"application/x-tex"},"M=F l=F_t r(l")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"Fl"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2806em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"t")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")])])]),a(" は力のうでの長さ "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])])])],-1),v=s("h3",{id:"_4-4-一般化座標",tabindex:"-1"},[a("4.4: 一般化座標 "),s("a",{class:"header-anchor",href:"#_4-4-一般化座標","aria-label":'Permalink to "4.4: 一般化座標"'},"​")],-1),b=s("ol",{start:"4"},[s("li",null,[a("一般化座標. 系の状態が 1 つの変数 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ξ")]),s("annotation",{encoding:"application/x-tex"},"\\xi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")])])]),a(" とその時間微分 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"ξ"),s("mo",null,"˙")])]),s("annotation",{encoding:"application/x-tex"},"\\dot{\\xi}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1257em","vertical-align":"-0.1944em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")]),s("span",{style:{top:"-3.2634em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.0278em"}},[s("span",{class:"mord"},"˙")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1944em"}},[s("span")])])])])])])]),a(" で表され，ポテンシャルエネルギーが "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"U"),s("mo",null,"="),s("mi",null,"U"),s("mo",{stretchy:"false"},"("),s("mi",null,"ξ"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"U=U(\\xi)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ"),s("span",{class:"mclose"},")")])])]),a(", 運動エネルギーが "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"K"),s("mo",null,"="),s("mi",null,"μ"),s("msup",null,[s("mi",null,"ξ"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2")]),s("annotation",{encoding:"application/x-tex"},"K=\\mu \\xi^2 / 2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/2")])])]),a(" であるならば, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"μ"),s("mover",{accent:"true"},[s("mi",null,"ξ"),s("mo",null,"¨")]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\mu \\ddot{\\xi}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1257em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")]),s("span",{style:{top:"-3.2634em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1389em"}},[s("span",{class:"mord"},"¨")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1944em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"−"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"U"),s("mo",{stretchy:"false"},"("),s("mi",null,"ξ"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"ξ")]),s("annotation",{encoding:"application/x-tex"},"-\\mathrm{d} U(\\xi) / \\mathrm{d} \\xi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")])])]),a(". (したがって並進運動では, 力はポテン シャルエネルギーの微分)")])],-1),x=s("h3",{id:"_4-5-系質点",tabindex:"-1"},[a("4.5: 系質点 "),s("a",{class:"header-anchor",href:"#_4-5-系質点","aria-label":'Permalink to "4.5: 系質点"'},"​")],-1),w=s("ol",{start:"5"},[s("li",null,[a("系が質点 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"m"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"m_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" で構成されているとき："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"c")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"i")]),s("mi",{mathvariant:"normal"},"/"),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"j")]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"P"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"i")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"bold-italic"},"L"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"i")]),s("mo",null,"×"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"i")]),s("mo",{separator:"true"},","),s("mi",null,"K"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msubsup",null,[s("mi",null,"v"),s("mi",null,"i"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msub",null,[s("mi",null,"I"),s("mi",null,"z")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msubsup",null,[s("mi",null,"x"),s("mi",null,"i"),s("mn",null,"2")]),s("mo",null,"+"),s("msubsup",null,[s("mi",null,"y"),s("mi",null,"i"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mo",null,"∫"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msup",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"y"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"m")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\boldsymbol{r}_c=\\sum m_i \\boldsymbol{r}_i / \\sum m_j, \\boldsymbol{P}=\\sum m_i \\boldsymbol{v}_i \\\\ & \\boldsymbol{L}=\\sum m_i \\boldsymbol{r}_i \\times \\boldsymbol{v}_i, K=\\sum m_i v_i^2 / 2 \\\\ & I_z=\\sum m_i\\left(x_i^2+y_i^2\\right)=\\int\\left(x^2+y^2\\right) \\mathrm{d} m \\\\ & \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"7.8223em","vertical-align":"-3.6611em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"4.1611em"}},[s("span",{style:{top:"-6.4711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-4.5711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-2.3611em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-0.3589em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.6611em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"4.1611em"}},[s("span",{style:{top:"-6.4711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-4.5711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/2")])]),s("span",{style:{top:"-2.3611em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"m")])]),s("span",{style:{top:"-0.3589em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"})])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.6611em"}},[s("span")])])])])])])])])])])])])],-1),z=s("h3",{id:"_4-6-質量中心の速度",tabindex:"-1"},[a("4.6: 質量中心の速度 "),s("a",{class:"header-anchor",href:"#_4-6-質量中心の速度","aria-label":'Permalink to "4.6: 質量中心の速度"'},"​")],-1),k=s("ol",{start:"6"},[s("li",null,[a("質量中心の速度が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"c")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" であるような系 (添え字 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"c")])])]),a(" は質量 中心についての物理量であることを示す）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"L"),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"L"),s("mi",null,"c")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"R"),s("mi",null,"c")]),s("mo",null,"×"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"c")]),s("mo",{separator:"true"},","),s("mi",null,"K"),s("mo",null,"="),s("msub",null,[s("mi",null,"K"),s("mi",null,"c")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("msubsup",null,[s("mi",null,"v"),s("mi",null,"c"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"P"),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"P"),s("mi",null,"c")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"c")]),s("mi",{mathvariant:"normal"},".")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} \\boldsymbol{L}=\\boldsymbol{L}_c+M_{\\Sigma} \\boldsymbol{R}_c \\times \\boldsymbol{v}_c, K=K_c+M_{\\Sigma} v_c^2 / 2 \\\\ \\boldsymbol{P}=\\boldsymbol{P}_c+M_{\\Sigma} \\boldsymbol{v}_c . \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0241em","vertical-align":"-1.2621em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.8979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.00421em"}},"R")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/2")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},".")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])])])])])])])])])])],-1),_=s("h3",{id:"_4-7-steiner-定理",tabindex:"-1"},[a("4.7: Steiner 定理 "),s("a",{class:"header-anchor",href:"#_4-7-steiner-定理","aria-label":'Permalink to "4.7: Steiner 定理"'},"​")],-1),M=s("ol",{start:"7"},[s("li",null,[a("Steiner の定理（平行軸の定理）も同じような形で は質量中心の回転軸からの距離）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I"),s("mo",null,"="),s("msub",null,[s("mi",null,"I"),s("mi",null,"c")]),s("mo",null,"+"),s("mi",null,"m"),s("msup",null,[s("mi",null,"b"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"I=I_c+m b^2 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8641em"}}),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])])])],-1),f=s("h3",{id:"_4-8-ポイント-6",tabindex:"-1"},[a("4.8: ポイント 6 "),s("a",{class:"header-anchor",href:"#_4-8-ポイント-6","aria-label":'Permalink to "4.8: ポイント 6"'},"​")],-1),L=s("ol",{start:"8"},[s("li",null,[a("ポイント 6 の "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"P")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{P}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"L")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{L}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])])])])]),a(" を用いて, Newton の第二法則 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"F"),s("mi",{mathvariant:"normal"},"Σ")]),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"P"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"L"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{F}_{\\Sigma}=\\mathrm{d} \\boldsymbol{P} / \\mathrm{d} t, \\boldsymbol{M}_{\\Sigma}=\\mathrm{d} \\boldsymbol{L} / \\mathrm{d} t ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8361em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])])])])])])],-1),P=s("h3",{id:"_4-9-ポイント-5",tabindex:"-1"},[a("4.9: ポイント 5 "),s("a",{class:"header-anchor",href:"#_4-9-ポイント-5","aria-label":'Permalink to "4.9: ポイント 5"'},"​")],-1),I=s("ol",{start:"9"},[s("li",null,[a("ポイント 5 にに加えて，質量中心を通る "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"z")]),s("annotation",{encoding:"application/x-tex"},"z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")])])]),a(" 軸に対する慣性モ一メントは "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"I"),s("mrow",null,[s("mi",null,"z"),s("mn",null,"0")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"I_{z 0}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mo",null,"∑"),s("mrow",null,[s("mi",null,"i"),s("mo",{separator:"true"},","),s("mi",null,"j")])]),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",null,"m"),s("mi",null,"j")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mi",null,"i")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"x"),s("mi",null,"j")]),s("mo",{fence:"true"},")")]),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"y"),s("mi",null,"i")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"y"),s("mi",null,"j")]),s("mo",{fence:"true"},")")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mi",{mathvariant:"normal"},"/"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mn",null,"2"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"\\sum_{i, j} m_i m_j\\left[\\left(x_i-x_j\\right)^2+\\left(y_i-y_j\\right)^2\\right] /\\left(2 M_{\\Sigma}\\right)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.8em","vertical-align":"-0.65em"}}),s("span",{class:"mop"},[s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.162em"}},[s("span",{style:{top:"-2.4003em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mpunct mtight"},","),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4358em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size2"},"[")]),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size2"},"]")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])])])])],-1),F=s("h3",{id:"_4-10-原点に対する慣性",tabindex:"-1"},[a("4.10: 原点に対する慣性 "),s("a",{class:"header-anchor",href:"#_4-10-原点に対する慣性","aria-label":'Permalink to "4.10: 原点に対する慣性"'},"​")],-1),T=s("ol",{start:"10"},[s("li",null,[a("原点に対する慣性モ一メント "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"θ"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msubsup",null,[s("mi",null,"r"),s("mi",null,"i"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\theta=\\sum m_i r_i^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0728em","vertical-align":"-0.2587em"}}),s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-2.4413em","margin-left":"-0.0278em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2587em"}},[s("span")])])])])])])])]),a(" は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"θ"),s("mo",null,"="),s("msub",null,[s("mi",null,"I"),s("mi",null,"x")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"y")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"z")])]),s("annotation",{encoding:"application/x-tex"},"2 \\theta=I_x+I_y+I_z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9694em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" を用いることで二次元物体や等 方性のある物体の "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"I"),s("mi",null,"z")])]),s("annotation",{encoding:"application/x-tex"},"I_z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" を計算するのに有用.")])],-1),S=s("h3",{id:"_4-11-相当単振子の長",tabindex:"-1"},[a("4.11: 相当単振子の長 "),s("a",{class:"header-anchor",href:"#_4-11-相当単振子の長","aria-label":'Permalink to "4.11: 相当単振子の長"'},"​")],-1),j=s("ol",{start:"11"},[s("li",null,[a("相当単振子の長さが "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")])]),s("annotation",{encoding:"application/x-tex"},"\\tilde{l}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9313em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")]),s("span",{style:{top:"-3.6134em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1667em"}},[s("span",{class:"mord"},"~")])])])])])])])])]),a(" である物理振子 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mi",null,"ω"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"g"),s("mi",{mathvariant:"normal"},"/"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"l"),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"c")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"m"),s("mi",null,"l"),s("mo",{fence:"true"},")")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"ω"),s("mo",{stretchy:"false"},"("),s("mi",null,"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"ω"),s("mo",{stretchy:"false"},"("),s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")]),s("mo",null,"−"),s("mi",null,"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("msqrt",null,[s("mrow",null,[s("mi",null,"g"),s("mi",{mathvariant:"normal"},"/"),s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")])])]),s("mo",{separator:"true"},","),s("mspace",{width:"1em"}),s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")]),s("mo",null,"="),s("mi",null,"l"),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"c")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"m"),s("mi",null,"l")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\omega^2(l)=g /\\left(l+I_c / m l\\right) \\\\ & \\omega(l)=\\omega(\\tilde{l}-l)=\\sqrt{g / \\tilde{l}}, \\quad \\tilde{l}=l+I_c / m l \\\\ & \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"5.1641em","vertical-align":"-2.3321em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.8321em"}},[s("span",{style:{top:"-5.3425em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-3.3079em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.7025em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.3321em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.8321em"}},[s("span",{style:{top:"-5.3425em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])]),s("span",{style:{top:"-3.3079em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mopen"},"("),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")]),s("span",{style:{top:"-3.6134em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1667em"}},[s("span",{class:"mord"},"~")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3745em"}},[s("span",{class:"svg-align",style:{top:"-3.8em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},"/"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")]),s("span",{style:{top:"-3.6134em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1667em"}},[s("span",{class:"mord"},"~")])])])])])])])]),s("span",{style:{top:"-3.3345em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.88em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.88em",viewBox:"0 0 400000 1944",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M983 90
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as p,o as r,c,H as l,k as s,a,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const bs=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 4","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/4.md","filePath":"academic/physics/ipho-formulas-jpn/4.md","lastUpdated":1699051935000}'),h={name:"academic/physics/ipho-formulas-jpn/4.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-4",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 4 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-4","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 4"'},"​")],-1),g=n("",4),u=s("ol",{start:"2"},[s("li",null,[a("垂直抗力と摩擦力は 1 つの力に合成でき, 垂直抗力に 対して "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"arctan"),s("mo",null,"⁡"),s("mi",null,"μ")]),s("annotation",{encoding:"application/x-tex"},"\\arctan \\mu")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8095em","vertical-align":"-0.1944em"}}),s("span",{class:"mop"},"arctan"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"μ")])])]),a(" の角度で接触点に加わる.")])],-1),d=s("h3",{id:"_4-3-並進運動と回転運動",tabindex:"-1"},[a("4.3: 並進運動と回転運動 "),s("a",{class:"header-anchor",href:"#_4-3-並進運動と回転運動","aria-label":'Permalink to "4.3: 並進運動と回転運動"'},"​")],-1),y=s("ol",{start:"3"},[s("li",null,[a("並進運動と回転運動についての Newton の第二法則："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"F"),s("mo",null,"="),s("mi",null,"m"),s("mi",{mathvariant:"bold-italic"},"a"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"M"),s("mo",null,"="),s("mi",null,"I"),s("mi",{mathvariant:"bold-italic"},"ε"),s("mspace",{width:"1em"}),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"M"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"F"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{F}=m \\boldsymbol{a}, \\boldsymbol{M}=I \\boldsymbol{\\varepsilon} \\quad(\\boldsymbol{M}=\\boldsymbol{r} \\times \\boldsymbol{F}) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8805em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"a")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"ε")])]),s("span",{class:"mspace",style:{"margin-right":"1em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mclose"},")")])])])])]),a(" 二次元の場合には "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"M")]),s("annotation",{encoding:"application/x-tex"},"M")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ε")]),s("annotation",{encoding:"application/x-tex"},"\\varepsilon")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"ε")])])]),a(" は本質的にスカラーで, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"M"),s("mo",null,"="),s("mi",null,"F"),s("mi",null,"l"),s("mo",null,"="),s("msub",null,[s("mi",null,"F"),s("mi",null,"t")]),s("mi",null,"r"),s("mo",{stretchy:"false"},"("),s("mi",null,"l")]),s("annotation",{encoding:"application/x-tex"},"M=F l=F_t r(l")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"Fl"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2806em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1389em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"t")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")])])]),a(" は力のうでの長さ "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])])])],-1),v=s("h3",{id:"_4-4-一般化座標",tabindex:"-1"},[a("4.4: 一般化座標 "),s("a",{class:"header-anchor",href:"#_4-4-一般化座標","aria-label":'Permalink to "4.4: 一般化座標"'},"​")],-1),b=s("ol",{start:"4"},[s("li",null,[a("一般化座標. 系の状態が 1 つの変数 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ξ")]),s("annotation",{encoding:"application/x-tex"},"\\xi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")])])]),a(" とその時間微分 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"ξ"),s("mo",null,"˙")])]),s("annotation",{encoding:"application/x-tex"},"\\dot{\\xi}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1257em","vertical-align":"-0.1944em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")]),s("span",{style:{top:"-3.2634em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.0278em"}},[s("span",{class:"mord"},"˙")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1944em"}},[s("span")])])])])])])]),a(" で表され，ポテンシャルエネルギーが "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"U"),s("mo",null,"="),s("mi",null,"U"),s("mo",{stretchy:"false"},"("),s("mi",null,"ξ"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"U=U(\\xi)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ"),s("span",{class:"mclose"},")")])])]),a(", 運動エネルギーが "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"K"),s("mo",null,"="),s("mi",null,"μ"),s("msup",null,[s("mi",null,"ξ"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2")]),s("annotation",{encoding:"application/x-tex"},"K=\\mu \\xi^2 / 2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/2")])])]),a(" であるならば, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"μ"),s("mover",{accent:"true"},[s("mi",null,"ξ"),s("mo",null,"¨")]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\mu \\ddot{\\xi}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1257em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")]),s("span",{style:{top:"-3.2634em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1389em"}},[s("span",{class:"mord"},"¨")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1944em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"−"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"U"),s("mo",{stretchy:"false"},"("),s("mi",null,"ξ"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"ξ")]),s("annotation",{encoding:"application/x-tex"},"-\\mathrm{d} U(\\xi) / \\mathrm{d} \\xi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04601em"}},"ξ")])])]),a(". (したがって並進運動では, 力はポテン シャルエネルギーの微分)")])],-1),x=s("h3",{id:"_4-5-系質点",tabindex:"-1"},[a("4.5: 系質点 "),s("a",{class:"header-anchor",href:"#_4-5-系質点","aria-label":'Permalink to "4.5: 系質点"'},"​")],-1),w=s("ol",{start:"5"},[s("li",null,[a("系が質点 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"m"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"m_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" で構成されているとき："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"c")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"i")]),s("mi",{mathvariant:"normal"},"/"),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"j")]),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"P"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"i")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",{mathvariant:"bold-italic"},"L"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"i")]),s("mo",null,"×"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"i")]),s("mo",{separator:"true"},","),s("mi",null,"K"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msubsup",null,[s("mi",null,"v"),s("mi",null,"i"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msub",null,[s("mi",null,"I"),s("mi",null,"z")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("msubsup",null,[s("mi",null,"x"),s("mi",null,"i"),s("mn",null,"2")]),s("mo",null,"+"),s("msubsup",null,[s("mi",null,"y"),s("mi",null,"i"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mo",null,"∫"),s("mrow",null,[s("mo",{fence:"true"},"("),s("msup",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mi",null,"y"),s("mn",null,"2")]),s("mo",{fence:"true"},")")]),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"m")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\boldsymbol{r}_c=\\sum m_i \\boldsymbol{r}_i / \\sum m_j, \\boldsymbol{P}=\\sum m_i \\boldsymbol{v}_i \\\\ & \\boldsymbol{L}=\\sum m_i \\boldsymbol{r}_i \\times \\boldsymbol{v}_i, K=\\sum m_i v_i^2 / 2 \\\\ & I_z=\\sum m_i\\left(x_i^2+y_i^2\\right)=\\int\\left(x^2+y^2\\right) \\mathrm{d} m \\\\ & \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"7.8223em","vertical-align":"-3.6611em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"4.1611em"}},[s("span",{style:{top:"-6.4711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-4.5711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-2.3611em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-0.3589em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.6611em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"4.1611em"}},[s("span",{style:{top:"-6.4711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-4.5711em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/2")])]),s("span",{style:{top:"-2.3611em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"m")])]),s("span",{style:{top:"-0.3589em"}},[s("span",{class:"pstrut",style:{height:"3.36em"}}),s("span",{class:"mord"},[s("span",{class:"mord"})])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"3.6611em"}},[s("span")])])])])])])])])])])])])],-1),z=s("h3",{id:"_4-6-質量中心の速度",tabindex:"-1"},[a("4.6: 質量中心の速度 "),s("a",{class:"header-anchor",href:"#_4-6-質量中心の速度","aria-label":'Permalink to "4.6: 質量中心の速度"'},"​")],-1),k=s("ol",{start:"6"},[s("li",null,[a("質量中心の速度が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"c")])]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{v}_c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5944em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" であるような系 (添え字 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"c")]),s("annotation",{encoding:"application/x-tex"},"c")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"c")])])]),a(" は質量 中心についての物理量であることを示す）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"L"),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"L"),s("mi",null,"c")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"R"),s("mi",null,"c")]),s("mo",null,"×"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"c")]),s("mo",{separator:"true"},","),s("mi",null,"K"),s("mo",null,"="),s("msub",null,[s("mi",null,"K"),s("mi",null,"c")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("msubsup",null,[s("mi",null,"v"),s("mi",null,"c"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mn",null,"2")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"P"),s("mo",null,"="),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"P"),s("mi",null,"c")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"v"),s("mi",null,"c")]),s("mi",{mathvariant:"normal"},".")])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} \\boldsymbol{L}=\\boldsymbol{L}_c+M_{\\Sigma} \\boldsymbol{R}_c \\times \\boldsymbol{v}_c, K=K_c+M_{\\Sigma} v_c^2 / 2 \\\\ \\boldsymbol{P}=\\boldsymbol{P}_c+M_{\\Sigma} \\boldsymbol{v}_c . \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0241em","vertical-align":"-1.2621em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.7621em"}},[s("span",{style:{top:"-3.8979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.00421em"}},"R")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"K"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},"/2")])]),s("span",{style:{top:"-2.3979em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},".")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2621em"}},[s("span")])])])])])])])])])])])])],-1),_=s("h3",{id:"_4-7-steiner-定理",tabindex:"-1"},[a("4.7: Steiner 定理 "),s("a",{class:"header-anchor",href:"#_4-7-steiner-定理","aria-label":'Permalink to "4.7: Steiner 定理"'},"​")],-1),M=s("ol",{start:"7"},[s("li",null,[a("Steiner の定理（平行軸の定理）も同じような形で は質量中心の回転軸からの距離）:"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I"),s("mo",null,"="),s("msub",null,[s("mi",null,"I"),s("mi",null,"c")]),s("mo",null,"+"),s("mi",null,"m"),s("msup",null,[s("mi",null,"b"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"I=I_c+m b^2 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8641em"}}),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"b"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])])])],-1),f=s("h3",{id:"_4-8-ポイント-6",tabindex:"-1"},[a("4.8: ポイント 6 "),s("a",{class:"header-anchor",href:"#_4-8-ポイント-6","aria-label":'Permalink to "4.8: ポイント 6"'},"​")],-1),L=s("ol",{start:"8"},[s("li",null,[a("ポイント 6 の "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"P")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{P}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"L")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{L}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])])])])]),a(" を用いて, Newton の第二法則 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"F"),s("mi",{mathvariant:"normal"},"Σ")]),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"P"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("mo",null,"="),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"L"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"t")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{F}_{\\Sigma}=\\mathrm{d} \\boldsymbol{P} / \\mathrm{d} t, \\boldsymbol{M}_{\\Sigma}=\\mathrm{d} \\boldsymbol{L} / \\mathrm{d} t ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8361em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"P")])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.11424em"}},"M")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"L")])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord mathnormal"},"t")])])])])])])],-1),P=s("h3",{id:"_4-9-ポイント-5",tabindex:"-1"},[a("4.9: ポイント 5 "),s("a",{class:"header-anchor",href:"#_4-9-ポイント-5","aria-label":'Permalink to "4.9: ポイント 5"'},"​")],-1),I=s("ol",{start:"9"},[s("li",null,[a("ポイント 5 にに加えて，質量中心を通る "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"z")]),s("annotation",{encoding:"application/x-tex"},"z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.04398em"}},"z")])])]),a(" 軸に対する慣性モ一メントは "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"I"),s("mrow",null,[s("mi",null,"z"),s("mn",null,"0")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"I_{z 0}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z"),s("span",{class:"mord mtight"},"0")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mo",null,"∑"),s("mrow",null,[s("mi",null,"i"),s("mo",{separator:"true"},","),s("mi",null,"j")])]),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msub",null,[s("mi",null,"m"),s("mi",null,"j")]),s("mrow",null,[s("mo",{fence:"true"},"["),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"x"),s("mi",null,"i")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"x"),s("mi",null,"j")]),s("mo",{fence:"true"},")")]),s("mn",null,"2")]),s("mo",null,"+"),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",null,"y"),s("mi",null,"i")]),s("mo",null,"−"),s("msub",null,[s("mi",null,"y"),s("mi",null,"j")]),s("mo",{fence:"true"},")")]),s("mn",null,"2")]),s("mo",{fence:"true"},"]")]),s("mi",{mathvariant:"normal"},"/"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mn",null,"2"),s("msub",null,[s("mi",null,"M"),s("mi",{mathvariant:"normal"},"Σ")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"\\sum_{i, j} m_i m_j\\left[\\left(x_i-x_j\\right)^2+\\left(y_i-y_j\\right)^2\\right] /\\left(2 M_{\\Sigma}\\right)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.8em","vertical-align":"-0.65em"}}),s("span",{class:"mop"},[s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.162em"}},[s("span",{style:{top:"-2.4003em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mpunct mtight"},","),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4358em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size2"},"[")]),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05724em"}},"j")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.954em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size2"},"]")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},"2"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"M"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.109em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])])])])],-1),F=s("h3",{id:"_4-10-原点に対する慣性",tabindex:"-1"},[a("4.10: 原点に対する慣性 "),s("a",{class:"header-anchor",href:"#_4-10-原点に対する慣性","aria-label":'Permalink to "4.10: 原点に対する慣性"'},"​")],-1),T=s("ol",{start:"10"},[s("li",null,[a("原点に対する慣性モ一メント "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"θ"),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"m"),s("mi",null,"i")]),s("msubsup",null,[s("mi",null,"r"),s("mi",null,"i"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\theta=\\sum m_i r_i^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0728em","vertical-align":"-0.2587em"}}),s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"m"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-2.4413em","margin-left":"-0.0278em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2587em"}},[s("span")])])])])])])])]),a(" は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"θ"),s("mo",null,"="),s("msub",null,[s("mi",null,"I"),s("mi",null,"x")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"y")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"z")])]),s("annotation",{encoding:"application/x-tex"},"2 \\theta=I_x+I_y+I_z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9694em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" を用いることで二次元物体や等 方性のある物体の "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"I"),s("mi",null,"z")])]),s("annotation",{encoding:"application/x-tex"},"I_z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.04398em"}},"z")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" を計算するのに有用.")])],-1),S=s("h3",{id:"_4-11-相当単振子の長",tabindex:"-1"},[a("4.11: 相当単振子の長 "),s("a",{class:"header-anchor",href:"#_4-11-相当単振子の長","aria-label":'Permalink to "4.11: 相当単振子の長"'},"​")],-1),j=s("ol",{start:"11"},[s("li",null,[a("相当単振子の長さが "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")])]),s("annotation",{encoding:"application/x-tex"},"\\tilde{l}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9313em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")]),s("span",{style:{top:"-3.6134em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1667em"}},[s("span",{class:"mord"},"~")])])])])])])])])]),a(" である物理振子 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("msup",null,[s("mi",null,"ω"),s("mn",null,"2")]),s("mo",{stretchy:"false"},"("),s("mi",null,"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"g"),s("mi",{mathvariant:"normal"},"/"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"l"),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"c")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"m"),s("mi",null,"l"),s("mo",{fence:"true"},")")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mrow"),s("mi",null,"ω"),s("mo",{stretchy:"false"},"("),s("mi",null,"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mi",null,"ω"),s("mo",{stretchy:"false"},"("),s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")]),s("mo",null,"−"),s("mi",null,"l"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("msqrt",null,[s("mrow",null,[s("mi",null,"g"),s("mi",{mathvariant:"normal"},"/"),s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")])])]),s("mo",{separator:"true"},","),s("mspace",{width:"1em"}),s("mover",{accent:"true"},[s("mi",null,"l"),s("mo",null,"~")]),s("mo",null,"="),s("mi",null,"l"),s("mo",null,"+"),s("msub",null,[s("mi",null,"I"),s("mi",null,"c")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"m"),s("mi",null,"l")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])]),s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow")])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{aligned} & \\omega^2(l)=g /\\left(l+I_c / m l\\right) \\\\ & \\omega(l)=\\omega(\\tilde{l}-l)=\\sqrt{g / \\tilde{l}}, \\quad \\tilde{l}=l+I_c / m l \\\\ & \\end{aligned} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"5.1641em","vertical-align":"-2.3321em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-r"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.8321em"}},[s("span",{style:{top:"-5.3425em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-3.3079em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"})]),s("span",{style:{top:"-1.7025em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"})])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.3321em"}},[s("span")])])])]),s("span",{class:"col-align-l"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.8321em"}},[s("span",{style:{top:"-5.3425em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"c")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"m"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")])])]),s("span",{style:{top:"-3.3079em"}},[s("span",{class:"pstrut",style:{height:"3.3745em"}}),s("span",{class:"mord"},[s("span",{class:"mord"}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mopen"},"("),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")]),s("span",{style:{top:"-3.6134em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1667em"}},[s("span",{class:"mord"},"~")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3745em"}},[s("span",{class:"svg-align",style:{top:"-3.8em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g"),s("span",{class:"mord"},"/"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9313em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")]),s("span",{style:{top:"-3.6134em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1667em"}},[s("span",{class:"mord"},"~")])])])])])])])]),s("span",{style:{top:"-3.3345em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.88em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.88em",viewBox:"0 0 400000 1944",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M983 90
 l0 -0
 c4,-6.7,10,-10,18,-10 H400000v40
 H1013.1s-83.4,268,-264.1,840c-180.7,572,-277,876.3,-289,913c-4.7,4.7,-12.7,7,-24,7
diff --git a/assets/academic_physics_ipho-formulas-jpn_5.md.6c32aa10.js b/assets/academic_physics_ipho-formulas-jpn_5.md.948cb5df.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_5.md.6c32aa10.js
rename to assets/academic_physics_ipho-formulas-jpn_5.md.948cb5df.js
index fa0d99b4..3552d6ca 100644
--- a/assets/academic_physics_ipho-formulas-jpn_5.md.6c32aa10.js
+++ b/assets/academic_physics_ipho-formulas-jpn_5.md.948cb5df.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const I=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 5","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/5.md","filePath":"academic/physics/ipho-formulas-jpn/5.md","lastUpdated":1695377563000}'),p={name:"academic/physics/ipho-formulas-jpn/5.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-5",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 5 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-5","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 5"'},"​")],-1),r=s("h2",{id:"_5-振動と波",tabindex:"-1"},[a("5. 振動と波 "),s("a",{class:"header-anchor",href:"#_5-振動と波","aria-label":'Permalink to "5. 振動と波"'},"​")],-1),h=s("h3",{id:"_5-1-減衰振動",tabindex:"-1"},[a("5.1: 減衰振動 "),s("a",{class:"header-anchor",href:"#_5-1-減衰振動","aria-label":'Permalink to "5.1: 減衰振動"'},"​")],-1),g=s("ol",null,[s("li",null,[a("減衰振動："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"x"),s("mo",null,"¨")]),s("mo",null,"+"),s("mn",null,"2"),s("mi",null,"γ"),s("mover",{accent:"true"},[s("mi",null,"x"),s("mo",null,"˙")]),s("mo",null,"+"),s("msubsup",null,[s("mi",null,"ω"),s("mn",null,"0"),s("mn",null,"2")]),s("mi",null,"x"),s("mo",null,"="),s("mn",null,"0"),s("mo",{stretchy:"false"},"("),s("mi",null,"γ"),s("mo",null,"<"),s("mi",null,"ω"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\ddot{x}+2 \\gamma \\dot{x}+\\omega_0^2 x=0(\\gamma<\\omega) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7512em","vertical-align":"-0.0833em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6679em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal"},"x")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.2222em"}},[s("span",{class:"mord"},"¨")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8623em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6679em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal"},"x")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1111em"}},[s("span",{class:"mord"},"˙")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1111em","vertical-align":"-0.247em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"<"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mclose"},")")])])])])]),a(" この方程式の解は ((Section 1: #3)[1#_1-3-定数係数線形微分方程式] 参照) :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"x"),s("mo",null,"="),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"γ"),s("mi",null,"t")])]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"t"),s("msqrt",null,[s("mrow",null,[s("msubsup",null,[s("mi",null,"ω"),s("mn",null,"0"),s("mn",null,"2")]),s("mo",null,"−"),s("msup",null,[s("mi",null,"γ"),s("mn",null,"2")])])]),s("mo",null,"−"),s("msub",null,[s("mi",null,"φ"),s("mn",null,"0")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"x=x_0 e^{-\\gamma t} \\sin \\left(t \\sqrt{\\omega_0^2-\\gamma^2}-\\varphi_0\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8436em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mord mathnormal mtight"},"t")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2987em"}},[s("span",{class:"svg-align",style:{top:"-3.8em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7959em"}},[s("span",{style:{top:"-2.4337em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.0448em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2663em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.2587em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.88em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.88em",viewBox:"0 0 400000 1944",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M983 90
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const I=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 5","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/5.md","filePath":"academic/physics/ipho-formulas-jpn/5.md","lastUpdated":1699051935000}'),p={name:"academic/physics/ipho-formulas-jpn/5.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-5",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 5 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-5","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 5"'},"​")],-1),r=s("h2",{id:"_5-振動と波",tabindex:"-1"},[a("5. 振動と波 "),s("a",{class:"header-anchor",href:"#_5-振動と波","aria-label":'Permalink to "5. 振動と波"'},"​")],-1),h=s("h3",{id:"_5-1-減衰振動",tabindex:"-1"},[a("5.1: 減衰振動 "),s("a",{class:"header-anchor",href:"#_5-1-減衰振動","aria-label":'Permalink to "5.1: 減衰振動"'},"​")],-1),g=s("ol",null,[s("li",null,[a("減衰振動："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"x"),s("mo",null,"¨")]),s("mo",null,"+"),s("mn",null,"2"),s("mi",null,"γ"),s("mover",{accent:"true"},[s("mi",null,"x"),s("mo",null,"˙")]),s("mo",null,"+"),s("msubsup",null,[s("mi",null,"ω"),s("mn",null,"0"),s("mn",null,"2")]),s("mi",null,"x"),s("mo",null,"="),s("mn",null,"0"),s("mo",{stretchy:"false"},"("),s("mi",null,"γ"),s("mo",null,"<"),s("mi",null,"ω"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\ddot{x}+2 \\gamma \\dot{x}+\\omega_0^2 x=0(\\gamma<\\omega) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7512em","vertical-align":"-0.0833em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6679em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal"},"x")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.2222em"}},[s("span",{class:"mord"},"¨")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8623em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6679em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal"},"x")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1111em"}},[s("span",{class:"mord"},"˙")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1111em","vertical-align":"-0.247em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"<"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mclose"},")")])])])])]),a(" この方程式の解は ((Section 1: #3)[1#_1-3-定数係数線形微分方程式] 参照) :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"x"),s("mo",null,"="),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"γ"),s("mi",null,"t")])]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"t"),s("msqrt",null,[s("mrow",null,[s("msubsup",null,[s("mi",null,"ω"),s("mn",null,"0"),s("mn",null,"2")]),s("mo",null,"−"),s("msup",null,[s("mi",null,"γ"),s("mn",null,"2")])])]),s("mo",null,"−"),s("msub",null,[s("mi",null,"φ"),s("mn",null,"0")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"x=x_0 e^{-\\gamma t} \\sin \\left(t \\sqrt{\\omega_0^2-\\gamma^2}-\\varphi_0\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8436em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mord mathnormal mtight"},"t")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2987em"}},[s("span",{class:"svg-align",style:{top:"-3.8em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7959em"}},[s("span",{style:{top:"-2.4337em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.0448em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2663em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.2587em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.88em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.88em",viewBox:"0 0 400000 1944",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M983 90
 l0 -0
 c4,-6.7,10,-10,18,-10 H400000v40
 H1013.1s-83.4,268,-264.1,840c-180.7,572,-277,876.3,-289,913c-4.7,4.7,-12.7,7,-24,7
diff --git a/assets/academic_physics_ipho-formulas-jpn_5.md.6c32aa10.lean.js b/assets/academic_physics_ipho-formulas-jpn_5.md.948cb5df.lean.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_5.md.6c32aa10.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_5.md.948cb5df.lean.js
index fa0d99b4..3552d6ca 100644
--- a/assets/academic_physics_ipho-formulas-jpn_5.md.6c32aa10.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_5.md.948cb5df.lean.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const I=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 5","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/5.md","filePath":"academic/physics/ipho-formulas-jpn/5.md","lastUpdated":1695377563000}'),p={name:"academic/physics/ipho-formulas-jpn/5.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-5",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 5 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-5","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 5"'},"​")],-1),r=s("h2",{id:"_5-振動と波",tabindex:"-1"},[a("5. 振動と波 "),s("a",{class:"header-anchor",href:"#_5-振動と波","aria-label":'Permalink to "5. 振動と波"'},"​")],-1),h=s("h3",{id:"_5-1-減衰振動",tabindex:"-1"},[a("5.1: 減衰振動 "),s("a",{class:"header-anchor",href:"#_5-1-減衰振動","aria-label":'Permalink to "5.1: 減衰振動"'},"​")],-1),g=s("ol",null,[s("li",null,[a("減衰振動："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"x"),s("mo",null,"¨")]),s("mo",null,"+"),s("mn",null,"2"),s("mi",null,"γ"),s("mover",{accent:"true"},[s("mi",null,"x"),s("mo",null,"˙")]),s("mo",null,"+"),s("msubsup",null,[s("mi",null,"ω"),s("mn",null,"0"),s("mn",null,"2")]),s("mi",null,"x"),s("mo",null,"="),s("mn",null,"0"),s("mo",{stretchy:"false"},"("),s("mi",null,"γ"),s("mo",null,"<"),s("mi",null,"ω"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\ddot{x}+2 \\gamma \\dot{x}+\\omega_0^2 x=0(\\gamma<\\omega) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7512em","vertical-align":"-0.0833em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6679em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal"},"x")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.2222em"}},[s("span",{class:"mord"},"¨")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8623em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6679em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal"},"x")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1111em"}},[s("span",{class:"mord"},"˙")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1111em","vertical-align":"-0.247em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"<"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mclose"},")")])])])])]),a(" この方程式の解は ((Section 1: #3)[1#_1-3-定数係数線形微分方程式] 参照) :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"x"),s("mo",null,"="),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"γ"),s("mi",null,"t")])]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"t"),s("msqrt",null,[s("mrow",null,[s("msubsup",null,[s("mi",null,"ω"),s("mn",null,"0"),s("mn",null,"2")]),s("mo",null,"−"),s("msup",null,[s("mi",null,"γ"),s("mn",null,"2")])])]),s("mo",null,"−"),s("msub",null,[s("mi",null,"φ"),s("mn",null,"0")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"x=x_0 e^{-\\gamma t} \\sin \\left(t \\sqrt{\\omega_0^2-\\gamma^2}-\\varphi_0\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8436em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mord mathnormal mtight"},"t")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2987em"}},[s("span",{class:"svg-align",style:{top:"-3.8em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7959em"}},[s("span",{style:{top:"-2.4337em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.0448em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2663em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.2587em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.88em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.88em",viewBox:"0 0 400000 1944",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M983 90
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const I=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 5","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/5.md","filePath":"academic/physics/ipho-formulas-jpn/5.md","lastUpdated":1699051935000}'),p={name:"academic/physics/ipho-formulas-jpn/5.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-5",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 5 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-5","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 5"'},"​")],-1),r=s("h2",{id:"_5-振動と波",tabindex:"-1"},[a("5. 振動と波 "),s("a",{class:"header-anchor",href:"#_5-振動と波","aria-label":'Permalink to "5. 振動と波"'},"​")],-1),h=s("h3",{id:"_5-1-減衰振動",tabindex:"-1"},[a("5.1: 減衰振動 "),s("a",{class:"header-anchor",href:"#_5-1-減衰振動","aria-label":'Permalink to "5.1: 減衰振動"'},"​")],-1),g=s("ol",null,[s("li",null,[a("減衰振動："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"x"),s("mo",null,"¨")]),s("mo",null,"+"),s("mn",null,"2"),s("mi",null,"γ"),s("mover",{accent:"true"},[s("mi",null,"x"),s("mo",null,"˙")]),s("mo",null,"+"),s("msubsup",null,[s("mi",null,"ω"),s("mn",null,"0"),s("mn",null,"2")]),s("mi",null,"x"),s("mo",null,"="),s("mn",null,"0"),s("mo",{stretchy:"false"},"("),s("mi",null,"γ"),s("mo",null,"<"),s("mi",null,"ω"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\ddot{x}+2 \\gamma \\dot{x}+\\omega_0^2 x=0(\\gamma<\\omega) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7512em","vertical-align":"-0.0833em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6679em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal"},"x")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.2222em"}},[s("span",{class:"mord"},"¨")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8623em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6679em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal"},"x")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1111em"}},[s("span",{class:"mord"},"˙")])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1111em","vertical-align":"-0.247em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"<"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mclose"},")")])])])])]),a(" この方程式の解は ((Section 1: #3)[1#_1-3-定数係数線形微分方程式] 参照) :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"x"),s("mo",null,"="),s("msub",null,[s("mi",null,"x"),s("mn",null,"0")]),s("msup",null,[s("mi",null,"e"),s("mrow",null,[s("mo",null,"−"),s("mi",null,"γ"),s("mi",null,"t")])]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"t"),s("msqrt",null,[s("mrow",null,[s("msubsup",null,[s("mi",null,"ω"),s("mn",null,"0"),s("mn",null,"2")]),s("mo",null,"−"),s("msup",null,[s("mi",null,"γ"),s("mn",null,"2")])])]),s("mo",null,"−"),s("msub",null,[s("mi",null,"φ"),s("mn",null,"0")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"x=x_0 e^{-\\gamma t} \\sin \\left(t \\sqrt{\\omega_0^2-\\gamma^2}-\\varphi_0\\right) ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"e"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8436em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"mord mathnormal mtight"},"t")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2987em"}},[s("span",{class:"svg-align",style:{top:"-3.8em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7959em"}},[s("span",{style:{top:"-2.4337em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"0")])]),s("span",{style:{top:"-3.0448em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2663em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05556em"}},"γ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.2587em"}},[s("span",{class:"pstrut",style:{height:"3.8em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.88em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.88em",viewBox:"0 0 400000 1944",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M983 90
 l0 -0
 c4,-6.7,10,-10,18,-10 H400000v40
 H1013.1s-83.4,268,-264.1,840c-180.7,572,-277,876.3,-289,913c-4.7,4.7,-12.7,7,-24,7
diff --git a/assets/academic_physics_ipho-formulas-jpn_6.md.bc519d11.js b/assets/academic_physics_ipho-formulas-jpn_6.md.d563d3f1.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_6.md.bc519d11.js
rename to assets/academic_physics_ipho-formulas-jpn_6.md.d563d3f1.js
index 8872b6a0..33e77b21 100644
--- a/assets/academic_physics_ipho-formulas-jpn_6.md.bc519d11.js
+++ b/assets/academic_physics_ipho-formulas-jpn_6.md.d563d3f1.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as e,c as m,H as i,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const C=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 6","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/6.md","filePath":"academic/physics/ipho-formulas-jpn/6.md","lastUpdated":1695377563000}'),p={name:"academic/physics/ipho-formulas-jpn/6.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-6",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 6 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-6","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 6"'},"​")],-1),h=s("h2",{id:"_6-幾何光学-測光",tabindex:"-1"},[a("6: 幾何光学，測光 "),s("a",{class:"header-anchor",href:"#_6-幾何光学-測光","aria-label":'Permalink to "6: 幾何光学，測光"'},"​")],-1),o=s("h3",{id:"_6-1-fermat-原理",tabindex:"-1"},[a("6.1: Fermat 原理 "),s("a",{class:"header-anchor",href:"#_6-1-fermat-原理","aria-label":'Permalink to "6.1: Fermat 原理"'},"​")],-1),g=s("ol",null,[s("li",null,[a("Fermat の原理 : 点 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A")]),s("annotation",{encoding:"application/x-tex"},"A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A")])])]),a(" から "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" への波の経路は波の移動 時間が最も短いもの.")])],-1),u=s("h3",{id:"_6-2-snell-法則",tabindex:"-1"},[a("6.2: Snell 法則 "),s("a",{class:"header-anchor",href:"#_6-2-snell-法則","aria-label":'Permalink to "6.2: Snell 法則"'},"​")],-1),d=s("ol",{start:"2"},[s("li",null,"Snell の法則 :")],-1),y=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"α"),s("mn",null,"1")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"α"),s("mn",null,"2")]),s("mo",null,"="),s("msub",null,[s("mi",null,"n"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"n"),s("mn",null,"1")]),s("mo",null,"="),s("msub",null,[s("mi",null,"v"),s("mn",null,"1")]),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\sin \\alpha_1 / \\sin \\alpha_2=n_2 / n_1=v_1 / v_2 . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},".")])])])])],-1),x=s("h3",{id:"_6-3-屈折率",tabindex:"-1"},[a("6.3: 屈折率 "),s("a",{class:"header-anchor",href:"#_6-3-屈折率","aria-label":'Permalink to "6.3: 屈折率"'},"​")],-1),v=s("ol",{start:"3"},[s("li",null,[a("屈折率が連続的に変化するならば，媒質を屈折率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"n")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n")])])]),a(" で一定のいくつかの仮想的な層に分けて Snell の 法則を適用する. 光線は屈折率一定の層に沿って進む こともでき,もし全反射の条件をわずかに満たせば, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",null,"n"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"n"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r"),s("mspace",{width:"1em"}),s("mo",{stretchy:"false"},"("),s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"n^{\\prime}=n / r \\quad(r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7519em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"1em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" は曲率半径 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])])])],-1),w=s("h3",{id:"_6-4-屈折率な座標",tabindex:"-1"},[a("6.4: 屈折率な座標 "),s("a",{class:"header-anchor",href:"#_6-4-屈折率な座標","aria-label":'Permalink to "6.4: 屈折率な座標"'},"​")],-1),_=s("ol",{start:"4"},[s("li",null,[a("屈折率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"z")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{z}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathrm"},"z")])])]),a(" 座標にのみ依存するならば, 光子の運動量 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"p"),s("mi",null,"y")])]),s("annotation",{encoding:"application/x-tex"},"p_x, p_y")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7167em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])])])])]),a(" とエネルギーは保存される:")])],-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"k"),s("mi",null,"x")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"k"),s("mi",null,"y")]),s("mo",null,"="),s("mtext",null," const., "),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"bold-italic"},"k"),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"n"),s("mo",null,"="),s("mtext",null," const. ")]),s("annotation",{encoding:"application/x-tex"},"k_x, k_y=\\text { const., }|\\boldsymbol{k}| / n=\\text { const. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9805em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," const., ")]),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.01852em"}},"k")])]),s("span",{class:"mord"},"∣/"),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," const. ")])])])])])],-1),k=s("h3",{id:"_6-5-薄いレンズの式",tabindex:"-1"},[a("6.5:薄いレンズの式 "),s("a",{class:"header-anchor",href:"#_6-5-薄いレンズの式","aria-label":'Permalink to "6.5:薄いレンズの式"'},"​")],-1),f=s("ol",{start:"6"},[s("li",null,"薄いレンズの式（符号に注意する）：")],-1),M=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"a"),s("mo",null,"+"),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"b"),s("mo",null,"="),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"f"),s("mo",null,"≡"),s("mi",null,"D")]),s("annotation",{encoding:"application/x-tex"},"1 / a+1 / b=1 / f \\equiv D ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10764em"}},"f"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≡"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"D")])])])])],-1),z=s("h3",{id:"_6-6-newton-の式",tabindex:"-1"},[a("6.6: Newton の式 "),s("a",{class:"header-anchor",href:"#_6-6-newton-の式","aria-label":'Permalink to "6.6: Newton の式"'},"​")],-1),P=s("ol",{start:"6"},[s("li",null,[a("Newton の式 : 物体側焦点から物体までの距離を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"x"),s("mn",null,"1")])]),s("annotation",{encoding:"application/x-tex"},"x_1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(", 像側焦点から像までの距離を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"x"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"x_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" とすると, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"x"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mo",null,"="),s("msup",null,[s("mi",null,"f"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"x_1 x_2=f^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0085em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10764em"}},"f"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])],-1),L=r('
6.7: 像の位置を求める視差法 ​
  1. 像の位置を求める視差法 : 目の位置と垂直に動かした ときに，鉛筆の先が像に対してずれないような位置を 探す.
6.8: レンズを通る光線の経路の幾何学的な描き方 ​
  1. レンズを通る光線の経路の幾何学的な描き方：a) レン ズの中心を通る光線は屈折しない。b) 光軸に平行な光 線は焦点を通る，c) 屈折後, 初めに平行だった光線どうしは焦点面（焦点を通り光軸に垂直な平面）上で集 まる．d) 平面の像は平面であり，この 2 つの平面はレ ンズの平面上で交わる．
6.9: 光束 ​
',5),I=s("ol",{start:"9"},[s("li",null,[a("光束 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ")]),s("annotation",{encoding:"application/x-tex"},"\\Phi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ")])])]),a(" [単位: lumen "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"lm"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(\\operatorname{lm})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"lm")]),s("span",{class:"mclose"},")")])])]),a("] は, 光のエネルギー を示し, 眼の感度に応じて重み付けされる. 光度 [candela (cd)]は（光源から出る）立体角あたりの 光束で, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"Φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"Ω")]),s("annotation",{encoding:"application/x-tex"},"I=\\Phi / \\Omega")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"Φ/Ω")])])]),a(". 照度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"lux"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"l"),s("mi",{mathvariant:"normal"},"x")]),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"[\\operatorname{lux}(\\mathrm{lx})]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"lux")]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"lx")]),s("span",{class:"mclose"},")]")])])]),a(" は（面に入射する） 面積あたりの光束で, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"Φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"S")]),s("annotation",{encoding:"application/x-tex"},"E=\\Phi / S")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"Φ/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"S")])])]),a(".")])],-1),S=s("h3",{id:"_6-10-gauss-定理",tabindex:"-1"},[a("6.10: Gauss 定理 "),s("a",{class:"header-anchor",href:"#_6-10-gauss-定理","aria-label":'Permalink to "6.10: Gauss 定理"'},"​")],-1),N=s("ol",{start:"10"},[s("li",null,[a("光束についての Gauss の定理 : 光度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"I"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"I_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" の点光源を囲 む閉曲面を通って外に出る光束は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ"),s("mo",null,"="),s("mn",null,"4"),s("mi",null,"π"),s("mo",null,"∑"),s("msub",null,[s("mi",null,"I"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"\\Phi=4 \\pi \\sum I_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"4"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". 光 源が 1 つで距離が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" のとき "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mi",null,"I"),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"E=I / r^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])],-1),q=s("h3",{id:"_6-11-実験のヒント",tabindex:"-1"},[a("6.11: 実験のヒント "),s("a",{class:"header-anchor",href:"#_6-11-実験のヒント","aria-label":'Permalink to "6.11: 実験のヒント"'},"​")],-1),E=s("ol",{start:"11"},[s("li",null,"実験のヒント：紙についた油污れが周囲の紙と同じ明 るさならば，その紙は両面から同じように照らされて いる.")],-1);function T(A,B,F,V,D,O){const l=t;return e(),m("div",null,[c,i(l,{readTime:"1",words:"428"}),h,o,g,u,d,y,x,v,w,_,b,k,f,M,z,P,L,I,S,N,q,E])}const H=n(p,[["render",T]]);export{C as __pageData,H as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as e,c as m,H as i,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const C=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 6","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/6.md","filePath":"academic/physics/ipho-formulas-jpn/6.md","lastUpdated":1699051935000}'),p={name:"academic/physics/ipho-formulas-jpn/6.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-6",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 6 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-6","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 6"'},"​")],-1),h=s("h2",{id:"_6-幾何光学-測光",tabindex:"-1"},[a("6: 幾何光学，測光 "),s("a",{class:"header-anchor",href:"#_6-幾何光学-測光","aria-label":'Permalink to "6: 幾何光学，測光"'},"​")],-1),o=s("h3",{id:"_6-1-fermat-原理",tabindex:"-1"},[a("6.1: Fermat 原理 "),s("a",{class:"header-anchor",href:"#_6-1-fermat-原理","aria-label":'Permalink to "6.1: Fermat 原理"'},"​")],-1),g=s("ol",null,[s("li",null,[a("Fermat の原理 : 点 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A")]),s("annotation",{encoding:"application/x-tex"},"A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A")])])]),a(" から "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" への波の経路は波の移動 時間が最も短いもの.")])],-1),u=s("h3",{id:"_6-2-snell-法則",tabindex:"-1"},[a("6.2: Snell 法則 "),s("a",{class:"header-anchor",href:"#_6-2-snell-法則","aria-label":'Permalink to "6.2: Snell 法則"'},"​")],-1),d=s("ol",{start:"2"},[s("li",null,"Snell の法則 :")],-1),y=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"α"),s("mn",null,"1")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"α"),s("mn",null,"2")]),s("mo",null,"="),s("msub",null,[s("mi",null,"n"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"n"),s("mn",null,"1")]),s("mo",null,"="),s("msub",null,[s("mi",null,"v"),s("mn",null,"1")]),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\sin \\alpha_1 / \\sin \\alpha_2=n_2 / n_1=v_1 / v_2 . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},".")])])])])],-1),x=s("h3",{id:"_6-3-屈折率",tabindex:"-1"},[a("6.3: 屈折率 "),s("a",{class:"header-anchor",href:"#_6-3-屈折率","aria-label":'Permalink to "6.3: 屈折率"'},"​")],-1),v=s("ol",{start:"3"},[s("li",null,[a("屈折率が連続的に変化するならば，媒質を屈折率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"n")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n")])])]),a(" で一定のいくつかの仮想的な層に分けて Snell の 法則を適用する. 光線は屈折率一定の層に沿って進む こともでき,もし全反射の条件をわずかに満たせば, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",null,"n"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"n"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r"),s("mspace",{width:"1em"}),s("mo",{stretchy:"false"},"("),s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"n^{\\prime}=n / r \\quad(r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7519em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"1em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" は曲率半径 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])])])],-1),w=s("h3",{id:"_6-4-屈折率な座標",tabindex:"-1"},[a("6.4: 屈折率な座標 "),s("a",{class:"header-anchor",href:"#_6-4-屈折率な座標","aria-label":'Permalink to "6.4: 屈折率な座標"'},"​")],-1),_=s("ol",{start:"4"},[s("li",null,[a("屈折率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"z")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{z}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathrm"},"z")])])]),a(" 座標にのみ依存するならば, 光子の運動量 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"p"),s("mi",null,"y")])]),s("annotation",{encoding:"application/x-tex"},"p_x, p_y")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7167em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])])])])]),a(" とエネルギーは保存される:")])],-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"k"),s("mi",null,"x")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"k"),s("mi",null,"y")]),s("mo",null,"="),s("mtext",null," const., "),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"bold-italic"},"k"),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"n"),s("mo",null,"="),s("mtext",null," const. ")]),s("annotation",{encoding:"application/x-tex"},"k_x, k_y=\\text { const., }|\\boldsymbol{k}| / n=\\text { const. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9805em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," const., ")]),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.01852em"}},"k")])]),s("span",{class:"mord"},"∣/"),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," const. ")])])])])])],-1),k=s("h3",{id:"_6-5-薄いレンズの式",tabindex:"-1"},[a("6.5:薄いレンズの式 "),s("a",{class:"header-anchor",href:"#_6-5-薄いレンズの式","aria-label":'Permalink to "6.5:薄いレンズの式"'},"​")],-1),f=s("ol",{start:"6"},[s("li",null,"薄いレンズの式（符号に注意する）：")],-1),M=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"a"),s("mo",null,"+"),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"b"),s("mo",null,"="),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"f"),s("mo",null,"≡"),s("mi",null,"D")]),s("annotation",{encoding:"application/x-tex"},"1 / a+1 / b=1 / f \\equiv D ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10764em"}},"f"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≡"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"D")])])])])],-1),z=s("h3",{id:"_6-6-newton-の式",tabindex:"-1"},[a("6.6: Newton の式 "),s("a",{class:"header-anchor",href:"#_6-6-newton-の式","aria-label":'Permalink to "6.6: Newton の式"'},"​")],-1),P=s("ol",{start:"6"},[s("li",null,[a("Newton の式 : 物体側焦点から物体までの距離を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"x"),s("mn",null,"1")])]),s("annotation",{encoding:"application/x-tex"},"x_1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(", 像側焦点から像までの距離を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"x"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"x_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" とすると, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"x"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mo",null,"="),s("msup",null,[s("mi",null,"f"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"x_1 x_2=f^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0085em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10764em"}},"f"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])],-1),L=r('
6.7: 像の位置を求める視差法 ​
  1. 像の位置を求める視差法 : 目の位置と垂直に動かした ときに，鉛筆の先が像に対してずれないような位置を 探す.
6.8: レンズを通る光線の経路の幾何学的な描き方 ​
  1. レンズを通る光線の経路の幾何学的な描き方：a) レン ズの中心を通る光線は屈折しない。b) 光軸に平行な光 線は焦点を通る，c) 屈折後, 初めに平行だった光線どうしは焦点面（焦点を通り光軸に垂直な平面）上で集 まる．d) 平面の像は平面であり，この 2 つの平面はレ ンズの平面上で交わる．
6.9: 光束 ​
',5),I=s("ol",{start:"9"},[s("li",null,[a("光束 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ")]),s("annotation",{encoding:"application/x-tex"},"\\Phi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ")])])]),a(" [単位: lumen "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"lm"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(\\operatorname{lm})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"lm")]),s("span",{class:"mclose"},")")])])]),a("] は, 光のエネルギー を示し, 眼の感度に応じて重み付けされる. 光度 [candela (cd)]は（光源から出る）立体角あたりの 光束で, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"Φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"Ω")]),s("annotation",{encoding:"application/x-tex"},"I=\\Phi / \\Omega")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"Φ/Ω")])])]),a(". 照度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"lux"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"l"),s("mi",{mathvariant:"normal"},"x")]),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"[\\operatorname{lux}(\\mathrm{lx})]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"lux")]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"lx")]),s("span",{class:"mclose"},")]")])])]),a(" は（面に入射する） 面積あたりの光束で, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"Φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"S")]),s("annotation",{encoding:"application/x-tex"},"E=\\Phi / S")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"Φ/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"S")])])]),a(".")])],-1),S=s("h3",{id:"_6-10-gauss-定理",tabindex:"-1"},[a("6.10: Gauss 定理 "),s("a",{class:"header-anchor",href:"#_6-10-gauss-定理","aria-label":'Permalink to "6.10: Gauss 定理"'},"​")],-1),N=s("ol",{start:"10"},[s("li",null,[a("光束についての Gauss の定理 : 光度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"I"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"I_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" の点光源を囲 む閉曲面を通って外に出る光束は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ"),s("mo",null,"="),s("mn",null,"4"),s("mi",null,"π"),s("mo",null,"∑"),s("msub",null,[s("mi",null,"I"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"\\Phi=4 \\pi \\sum I_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"4"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". 光 源が 1 つで距離が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" のとき "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mi",null,"I"),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"E=I / r^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])],-1),q=s("h3",{id:"_6-11-実験のヒント",tabindex:"-1"},[a("6.11: 実験のヒント "),s("a",{class:"header-anchor",href:"#_6-11-実験のヒント","aria-label":'Permalink to "6.11: 実験のヒント"'},"​")],-1),E=s("ol",{start:"11"},[s("li",null,"実験のヒント：紙についた油污れが周囲の紙と同じ明 るさならば，その紙は両面から同じように照らされて いる.")],-1);function T(A,B,F,V,D,O){const l=t;return e(),m("div",null,[c,i(l,{readTime:"1",words:"428"}),h,o,g,u,d,y,x,v,w,_,b,k,f,M,z,P,L,I,S,N,q,E])}const H=n(p,[["render",T]]);export{C as __pageData,H as default};
diff --git a/assets/academic_physics_ipho-formulas-jpn_6.md.bc519d11.lean.js b/assets/academic_physics_ipho-formulas-jpn_6.md.d563d3f1.lean.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_6.md.bc519d11.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_6.md.d563d3f1.lean.js
index 27e98367..155bf213 100644
--- a/assets/academic_physics_ipho-formulas-jpn_6.md.bc519d11.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_6.md.d563d3f1.lean.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as e,c as m,H as i,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const C=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 6","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/6.md","filePath":"academic/physics/ipho-formulas-jpn/6.md","lastUpdated":1695377563000}'),p={name:"academic/physics/ipho-formulas-jpn/6.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-6",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 6 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-6","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 6"'},"​")],-1),h=s("h2",{id:"_6-幾何光学-測光",tabindex:"-1"},[a("6: 幾何光学，測光 "),s("a",{class:"header-anchor",href:"#_6-幾何光学-測光","aria-label":'Permalink to "6: 幾何光学，測光"'},"​")],-1),o=s("h3",{id:"_6-1-fermat-原理",tabindex:"-1"},[a("6.1: Fermat 原理 "),s("a",{class:"header-anchor",href:"#_6-1-fermat-原理","aria-label":'Permalink to "6.1: Fermat 原理"'},"​")],-1),g=s("ol",null,[s("li",null,[a("Fermat の原理 : 点 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A")]),s("annotation",{encoding:"application/x-tex"},"A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A")])])]),a(" から "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" への波の経路は波の移動 時間が最も短いもの.")])],-1),u=s("h3",{id:"_6-2-snell-法則",tabindex:"-1"},[a("6.2: Snell 法則 "),s("a",{class:"header-anchor",href:"#_6-2-snell-法則","aria-label":'Permalink to "6.2: Snell 法則"'},"​")],-1),d=s("ol",{start:"2"},[s("li",null,"Snell の法則 :")],-1),y=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"α"),s("mn",null,"1")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"α"),s("mn",null,"2")]),s("mo",null,"="),s("msub",null,[s("mi",null,"n"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"n"),s("mn",null,"1")]),s("mo",null,"="),s("msub",null,[s("mi",null,"v"),s("mn",null,"1")]),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\sin \\alpha_1 / \\sin \\alpha_2=n_2 / n_1=v_1 / v_2 . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},".")])])])])],-1),x=s("h3",{id:"_6-3-屈折率",tabindex:"-1"},[a("6.3: 屈折率 "),s("a",{class:"header-anchor",href:"#_6-3-屈折率","aria-label":'Permalink to "6.3: 屈折率"'},"​")],-1),v=s("ol",{start:"3"},[s("li",null,[a("屈折率が連続的に変化するならば，媒質を屈折率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"n")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n")])])]),a(" で一定のいくつかの仮想的な層に分けて Snell の 法則を適用する. 光線は屈折率一定の層に沿って進む こともでき,もし全反射の条件をわずかに満たせば, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",null,"n"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"n"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r"),s("mspace",{width:"1em"}),s("mo",{stretchy:"false"},"("),s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"n^{\\prime}=n / r \\quad(r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7519em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"1em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" は曲率半径 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])])])],-1),w=s("h3",{id:"_6-4-屈折率な座標",tabindex:"-1"},[a("6.4: 屈折率な座標 "),s("a",{class:"header-anchor",href:"#_6-4-屈折率な座標","aria-label":'Permalink to "6.4: 屈折率な座標"'},"​")],-1),_=s("ol",{start:"4"},[s("li",null,[a("屈折率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"z")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{z}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathrm"},"z")])])]),a(" 座標にのみ依存するならば, 光子の運動量 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"p"),s("mi",null,"y")])]),s("annotation",{encoding:"application/x-tex"},"p_x, p_y")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7167em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])])])])]),a(" とエネルギーは保存される:")])],-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"k"),s("mi",null,"x")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"k"),s("mi",null,"y")]),s("mo",null,"="),s("mtext",null," const., "),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"bold-italic"},"k"),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"n"),s("mo",null,"="),s("mtext",null," const. ")]),s("annotation",{encoding:"application/x-tex"},"k_x, k_y=\\text { const., }|\\boldsymbol{k}| / n=\\text { const. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9805em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," const., ")]),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.01852em"}},"k")])]),s("span",{class:"mord"},"∣/"),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," const. ")])])])])])],-1),k=s("h3",{id:"_6-5-薄いレンズの式",tabindex:"-1"},[a("6.5:薄いレンズの式 "),s("a",{class:"header-anchor",href:"#_6-5-薄いレンズの式","aria-label":'Permalink to "6.5:薄いレンズの式"'},"​")],-1),f=s("ol",{start:"6"},[s("li",null,"薄いレンズの式（符号に注意する）：")],-1),M=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"a"),s("mo",null,"+"),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"b"),s("mo",null,"="),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"f"),s("mo",null,"≡"),s("mi",null,"D")]),s("annotation",{encoding:"application/x-tex"},"1 / a+1 / b=1 / f \\equiv D ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10764em"}},"f"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≡"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"D")])])])])],-1),z=s("h3",{id:"_6-6-newton-の式",tabindex:"-1"},[a("6.6: Newton の式 "),s("a",{class:"header-anchor",href:"#_6-6-newton-の式","aria-label":'Permalink to "6.6: Newton の式"'},"​")],-1),P=s("ol",{start:"6"},[s("li",null,[a("Newton の式 : 物体側焦点から物体までの距離を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"x"),s("mn",null,"1")])]),s("annotation",{encoding:"application/x-tex"},"x_1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(", 像側焦点から像までの距離を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"x"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"x_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" とすると, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"x"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mo",null,"="),s("msup",null,[s("mi",null,"f"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"x_1 x_2=f^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0085em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10764em"}},"f"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])],-1),L=r("",5),I=s("ol",{start:"9"},[s("li",null,[a("光束 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ")]),s("annotation",{encoding:"application/x-tex"},"\\Phi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ")])])]),a(" [単位: lumen "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"lm"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(\\operatorname{lm})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"lm")]),s("span",{class:"mclose"},")")])])]),a("] は, 光のエネルギー を示し, 眼の感度に応じて重み付けされる. 光度 [candela (cd)]は（光源から出る）立体角あたりの 光束で, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"Φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"Ω")]),s("annotation",{encoding:"application/x-tex"},"I=\\Phi / \\Omega")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"Φ/Ω")])])]),a(". 照度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"lux"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"l"),s("mi",{mathvariant:"normal"},"x")]),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"[\\operatorname{lux}(\\mathrm{lx})]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"lux")]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"lx")]),s("span",{class:"mclose"},")]")])])]),a(" は（面に入射する） 面積あたりの光束で, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"Φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"S")]),s("annotation",{encoding:"application/x-tex"},"E=\\Phi / S")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"Φ/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"S")])])]),a(".")])],-1),S=s("h3",{id:"_6-10-gauss-定理",tabindex:"-1"},[a("6.10: Gauss 定理 "),s("a",{class:"header-anchor",href:"#_6-10-gauss-定理","aria-label":'Permalink to "6.10: Gauss 定理"'},"​")],-1),N=s("ol",{start:"10"},[s("li",null,[a("光束についての Gauss の定理 : 光度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"I"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"I_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" の点光源を囲 む閉曲面を通って外に出る光束は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ"),s("mo",null,"="),s("mn",null,"4"),s("mi",null,"π"),s("mo",null,"∑"),s("msub",null,[s("mi",null,"I"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"\\Phi=4 \\pi \\sum I_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"4"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". 光 源が 1 つで距離が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" のとき "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mi",null,"I"),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"E=I / r^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])],-1),q=s("h3",{id:"_6-11-実験のヒント",tabindex:"-1"},[a("6.11: 実験のヒント "),s("a",{class:"header-anchor",href:"#_6-11-実験のヒント","aria-label":'Permalink to "6.11: 実験のヒント"'},"​")],-1),E=s("ol",{start:"11"},[s("li",null,"実験のヒント：紙についた油污れが周囲の紙と同じ明 るさならば，その紙は両面から同じように照らされて いる.")],-1);function T(A,B,F,V,D,O){const l=t;return e(),m("div",null,[c,i(l,{readTime:"1",words:"428"}),h,o,g,u,d,y,x,v,w,_,b,k,f,M,z,P,L,I,S,N,q,E])}const H=n(p,[["render",T]]);export{C as __pageData,H as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as e,c as m,H as i,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const C=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 6","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/6.md","filePath":"academic/physics/ipho-formulas-jpn/6.md","lastUpdated":1699051935000}'),p={name:"academic/physics/ipho-formulas-jpn/6.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-6",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 6 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-6","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 6"'},"​")],-1),h=s("h2",{id:"_6-幾何光学-測光",tabindex:"-1"},[a("6: 幾何光学，測光 "),s("a",{class:"header-anchor",href:"#_6-幾何光学-測光","aria-label":'Permalink to "6: 幾何光学，測光"'},"​")],-1),o=s("h3",{id:"_6-1-fermat-原理",tabindex:"-1"},[a("6.1: Fermat 原理 "),s("a",{class:"header-anchor",href:"#_6-1-fermat-原理","aria-label":'Permalink to "6.1: Fermat 原理"'},"​")],-1),g=s("ol",null,[s("li",null,[a("Fermat の原理 : 点 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"A")]),s("annotation",{encoding:"application/x-tex"},"A")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"A")])])]),a(" から "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" への波の経路は波の移動 時間が最も短いもの.")])],-1),u=s("h3",{id:"_6-2-snell-法則",tabindex:"-1"},[a("6.2: Snell 法則 "),s("a",{class:"header-anchor",href:"#_6-2-snell-法則","aria-label":'Permalink to "6.2: Snell 法則"'},"​")],-1),d=s("ol",{start:"2"},[s("li",null,"Snell の法則 :")],-1),y=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"α"),s("mn",null,"1")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("msub",null,[s("mi",null,"α"),s("mn",null,"2")]),s("mo",null,"="),s("msub",null,[s("mi",null,"n"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"n"),s("mn",null,"1")]),s("mo",null,"="),s("msub",null,[s("mi",null,"v"),s("mn",null,"1")]),s("mi",{mathvariant:"normal"},"/"),s("msub",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\sin \\alpha_1 / \\sin \\alpha_2=n_2 / n_1=v_1 / v_2 . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0037em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},".")])])])])],-1),x=s("h3",{id:"_6-3-屈折率",tabindex:"-1"},[a("6.3: 屈折率 "),s("a",{class:"header-anchor",href:"#_6-3-屈折率","aria-label":'Permalink to "6.3: 屈折率"'},"​")],-1),v=s("ol",{start:"3"},[s("li",null,[a("屈折率が連続的に変化するならば，媒質を屈折率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"n")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n")])])]),a(" で一定のいくつかの仮想的な層に分けて Snell の 法則を適用する. 光線は屈折率一定の層に沿って進む こともでき,もし全反射の条件をわずかに満たせば, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",null,"n"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",null,"="),s("mi",null,"n"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r"),s("mspace",{width:"1em"}),s("mo",{stretchy:"false"},"("),s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"n^{\\prime}=n / r \\quad(r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7519em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"1em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" は曲率半径 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},")")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mclose"},")")])])])])],-1),w=s("h3",{id:"_6-4-屈折率な座標",tabindex:"-1"},[a("6.4: 屈折率な座標 "),s("a",{class:"header-anchor",href:"#_6-4-屈折率な座標","aria-label":'Permalink to "6.4: 屈折率な座標"'},"​")],-1),_=s("ol",{start:"4"},[s("li",null,[a("屈折率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"z")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{z}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathrm"},"z")])])]),a(" 座標にのみ依存するならば, 光子の運動量 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"p"),s("mi",null,"x")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"p"),s("mi",null,"y")])]),s("annotation",{encoding:"application/x-tex"},"p_x, p_y")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7167em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])])])])]),a(" とエネルギーは保存される:")])],-1),b=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"k"),s("mi",null,"x")]),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"k"),s("mi",null,"y")]),s("mo",null,"="),s("mtext",null," const., "),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"bold-italic"},"k"),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"n"),s("mo",null,"="),s("mtext",null," const. ")]),s("annotation",{encoding:"application/x-tex"},"k_x, k_y=\\text { const., }|\\boldsymbol{k}| / n=\\text { const. } ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.9805em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"x")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0315em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"y")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," const., ")]),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.01852em"}},"k")])]),s("span",{class:"mord"},"∣/"),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6151em"}}),s("span",{class:"mord text"},[s("span",{class:"mord"}," const. ")])])])])])],-1),k=s("h3",{id:"_6-5-薄いレンズの式",tabindex:"-1"},[a("6.5:薄いレンズの式 "),s("a",{class:"header-anchor",href:"#_6-5-薄いレンズの式","aria-label":'Permalink to "6.5:薄いレンズの式"'},"​")],-1),f=s("ol",{start:"6"},[s("li",null,"薄いレンズの式（符号に注意する）：")],-1),M=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"a"),s("mo",null,"+"),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"b"),s("mo",null,"="),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"f"),s("mo",null,"≡"),s("mi",null,"D")]),s("annotation",{encoding:"application/x-tex"},"1 / a+1 / b=1 / f \\equiv D ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal"},"b"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10764em"}},"f"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≡"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"D")])])])])],-1),z=s("h3",{id:"_6-6-newton-の式",tabindex:"-1"},[a("6.6: Newton の式 "),s("a",{class:"header-anchor",href:"#_6-6-newton-の式","aria-label":'Permalink to "6.6: Newton の式"'},"​")],-1),P=s("ol",{start:"6"},[s("li",null,[a("Newton の式 : 物体側焦点から物体までの距離を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"x"),s("mn",null,"1")])]),s("annotation",{encoding:"application/x-tex"},"x_1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(", 像側焦点から像までの距離を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"x"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"x_2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" とすると, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"x"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"x"),s("mn",null,"2")]),s("mo",null,"="),s("msup",null,[s("mi",null,"f"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"x_1 x_2=f^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"x"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0085em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.10764em"}},"f"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])],-1),L=r("",5),I=s("ol",{start:"9"},[s("li",null,[a("光束 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ")]),s("annotation",{encoding:"application/x-tex"},"\\Phi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ")])])]),a(" [単位: lumen "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"lm"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(\\operatorname{lm})")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"lm")]),s("span",{class:"mclose"},")")])])]),a("] は, 光のエネルギー を示し, 眼の感度に応じて重み付けされる. 光度 [candela (cd)]は（光源から出る）立体角あたりの 光束で, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"Φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",{mathvariant:"normal"},"Ω")]),s("annotation",{encoding:"application/x-tex"},"I=\\Phi / \\Omega")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"Φ/Ω")])])]),a(". 照度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"["),s("mi",{mathvariant:"normal"},"lux"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mrow",null,[s("mi",{mathvariant:"normal"},"l"),s("mi",{mathvariant:"normal"},"x")]),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"]")]),s("annotation",{encoding:"application/x-tex"},"[\\operatorname{lux}(\\mathrm{lx})]")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"["),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"lux")]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"lx")]),s("span",{class:"mclose"},")]")])])]),a(" は（面に入射する） 面積あたりの光束で, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"Φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"S")]),s("annotation",{encoding:"application/x-tex"},"E=\\Phi / S")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"Φ/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"S")])])]),a(".")])],-1),S=s("h3",{id:"_6-10-gauss-定理",tabindex:"-1"},[a("6.10: Gauss 定理 "),s("a",{class:"header-anchor",href:"#_6-10-gauss-定理","aria-label":'Permalink to "6.10: Gauss 定理"'},"​")],-1),N=s("ol",{start:"10"},[s("li",null,[a("光束についての Gauss の定理 : 光度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"I"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"I_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" の点光源を囲 む閉曲面を通って外に出る光束は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ"),s("mo",null,"="),s("mn",null,"4"),s("mi",null,"π"),s("mo",null,"∑"),s("msub",null,[s("mi",null,"I"),s("mi",null,"i")])]),s("annotation",{encoding:"application/x-tex"},"\\Phi=4 \\pi \\sum I_i")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"4"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(". 光 源が 1 つで距離が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" のとき "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mi",null,"I"),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"E=I / r^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])])])],-1),q=s("h3",{id:"_6-11-実験のヒント",tabindex:"-1"},[a("6.11: 実験のヒント "),s("a",{class:"header-anchor",href:"#_6-11-実験のヒント","aria-label":'Permalink to "6.11: 実験のヒント"'},"​")],-1),E=s("ol",{start:"11"},[s("li",null,"実験のヒント：紙についた油污れが周囲の紙と同じ明 るさならば，その紙は両面から同じように照らされて いる.")],-1);function T(A,B,F,V,D,O){const l=t;return e(),m("div",null,[c,i(l,{readTime:"1",words:"428"}),h,o,g,u,d,y,x,v,w,_,b,k,f,M,z,P,L,I,S,N,q,E])}const H=n(p,[["render",T]]);export{C as __pageData,H as default};
diff --git a/assets/academic_physics_ipho-formulas-jpn_7.md.353d535e.js b/assets/academic_physics_ipho-formulas-jpn_7.md.b0bd68dd.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_7.md.353d535e.js
rename to assets/academic_physics_ipho-formulas-jpn_7.md.b0bd68dd.js
index b0aaca7c..2fceb79b 100644
--- a/assets/academic_physics_ipho-formulas-jpn_7.md.353d535e.js
+++ b/assets/academic_physics_ipho-formulas-jpn_7.md.b0bd68dd.js
@@ -1,4 +1,4 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,C as i,o as p,c as r,H as l,k as s,a,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const ss=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 7","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/7.md","filePath":"academic/physics/ipho-formulas-jpn/7.md","lastUpdated":1695377563000}'),h={name:"academic/physics/ipho-formulas-jpn/7.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-7",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 7 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-7","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 7"'},"​")],-1),g=c('
7: 波動光学 ​
7.1: Huygens の原理に基づいた回折 ​
  1. Huygens の原理に基づいた回折 : 障害物が波面を切断 すると波面は小さな断片に分割され，それが仮想的な 点波源となり，観測点での波の振幅はこれらの波源か らの寄与の重ね合わせとなる.
7.2: 二重スリット ​
',4),u=s("ol",{start:"2"},[s("li",null,[a("二重スリット（幅は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d"),s("mo",null,"≪"),s("mi",null,"a"),s("mo",{separator:"true"},","),s("mi",null,"λ"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"d \\ll a, \\lambda)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7335em","vertical-align":"-0.0391em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mclose"},")")])])]),a(" による干渉:強 め合う角 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"φ"),s("mi",null,"max"),s("mo",null,"⁡")]),s("mo",null,"="),s("mi",null,"arcsin"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"n"),s("mi",null,"λ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",null,"n"),s("mo",null,"∈"),s("mi",{mathvariant:"double-struck"},"Z"),s("mi",{mathvariant:"normal"},"."),s("mi",null,"I"),s("mo",null,"∝")]),s("annotation",{encoding:"application/x-tex"},"\\varphi_{\\max }=\\arcsin (n \\lambda / d), n \\in \\mathbb{Z} . I \\propto")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mop mtight"},[s("span",{class:"mtight"},"m"),s("span",{class:"mtight"},"a"),s("span",{class:"mtight"},"x")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"arcsin"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"nλ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6889em"}}),s("span",{class:"mord mathbb"},"Z"),s("span",{class:"mord"},"."),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"k"),s("mfrac",null,[s("mi",null,"a"),s("mn",null,"2")]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("mo",{stretchy:"false"},"("),s("mi",null,"k"),s("mo",null,"="),s("mn",null,"2"),s("mi",null,"π"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"λ"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\cos ^2\\left(k \\frac{a}{2} \\sin \\varphi\\right),(k=2 \\pi / \\lambda)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"cos"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"a")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mclose"},")")])])])])],-1),d=s("h3",{id:"_7-3-単スリット-弱め合う角",tabindex:"-1"},[a("7.3: 単スリット-弱め合う角 "),s("a",{class:"header-anchor",href:"#_7-3-単スリット-弱め合う角","aria-label":'Permalink to "7.3: 単スリット-弱め合う角"'},"​")],-1),y=s("ol",{start:"3"},[s("li",null,[a("単スリット:弱め合う角: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"φ"),s("mtext",null,"min ")]),s("mo",null,"="),s("mi",null,"arcsin"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"n"),s("mi",null,"λ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",null,"n"),s("mo",null,"∈")]),s("annotation",{encoding:"application/x-tex"},"\\varphi_{\\text {min }}=\\arcsin (n \\lambda / d), n \\in")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3175em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"},"min ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"arcsin"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"nλ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∈")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"double-struck"},"Z"),s("mo",{separator:"true"},","),s("mi",null,"n"),s("mo",{mathvariant:"normal"},"≠"),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\mathbb{Z}, n \\neq 0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathbb"},"Z"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mrel"},[s("span",{class:"mord vbox"},[s("span",{class:"thinbox"},[s("span",{class:"rlap"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"inner"},[s("span",{class:"mord"},[s("span",{class:"mrel"},"")])]),s("span",{class:"fix"})])])])]),s("span",{class:"mrel"},"=")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(". 中央の強め合う部分は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n"),s("mo",null,"="),s("mo",null,"±"),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"n=\\pm 1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"±"),s("span",{class:"mord"},"1")])])]),a(" の間である ことに注意せよ. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I"),s("mo",null,"∝"),s("msup",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"k"),s("mfrac",null,[s("mi",null,"d"),s("mn",null,"2")]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",{fence:"true"},")")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ")]),s("annotation",{encoding:"application/x-tex"},"I \\propto \\sin ^2\\left(k \\frac{d}{2} \\sin \\varphi\\right) / \\sin \\varphi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2301em","vertical-align":"-0.35em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"sin"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8719em"}},[s("span",{style:{top:"-3.1208em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"d")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ")])])])])],-1),x=s("h3",{id:"_7-4-回折格子",tabindex:"-1"},[a("7.4: 回折格子 "),s("a",{class:"header-anchor",href:"#_7-4-回折格子","aria-label":'Permalink to "7.4: 回折格子"'},"​")],-1),v=s("ol",{start:"4"},[s("li",null,[a("回折格子：主な強め合う角はポイント 2 と同じで, 主 な強め合う角の幅は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" を回折格子の正味の長さとすれ ばポイント 3 と同じ. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"n")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n")])])]),a(" 番目の明線のスペクトルの分 解能は，溝の総数を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"N")]),s("annotation",{encoding:"application/x-tex"},"N")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"N")])])]),a(" 本として "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mi",null,"λ"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"λ")])]),s("mo",null,"="),s("mi",null,"n"),s("mi",null,"N")]),s("annotation",{encoding:"application/x-tex"},"\\frac{\\lambda}{\\Delta \\lambda}=n N")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"N")])])]),a(".")])],-1),w=s("h3",{id:"_7-5-分光器の分解能",tabindex:"-1"},[a("7.5: 分光器の分解能 "),s("a",{class:"header-anchor",href:"#_7-5-分光器の分解能","aria-label":'Permalink to "7.5: 分光器の分解能"'},"​")],-1),b=s("ol",{start:"5"},[s("li",null,[a("分光器の分解能 : 最短の光線と最長の光線の光学距離 の差を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"L")]),s("annotation",{encoding:"application/x-tex"},"L")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"L")])])]),a(" として, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mi",null,"λ"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"λ")])]),s("mo",null,"="),s("mfrac",null,[s("mi",null,"L"),s("mi",null,"λ")])]),s("annotation",{encoding:"application/x-tex"},"\\frac{\\lambda}{\\Delta \\lambda}=\\frac{L}{\\lambda}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2173em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8723em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"L")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(".")])],-1),k=s("h3",{id:"_7-6-プリズムの分解能",tabindex:"-1"},[a("7.6: プリズムの分解能 "),s("a",{class:"header-anchor",href:"#_7-6-プリズムの分解能","aria-label":'Permalink to "7.6: プリズムの分解能"'},"​")],-1),_=s("ol",{start:"7"},[s("li",null,[a("プリズムの分解能 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("mfrac",null,[s("mi",null,"λ"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"λ")])]),s("mo",null,"="),s("mi",null,"a"),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",null,"n")]),s("mrow",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"λ")])])]),s("annotation",{encoding:"application/x-tex"},": \\frac{\\lambda}{\\Delta \\lambda}=a \\frac{\\mathrm{d} n}{\\mathrm{~d} \\lambda}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mspace nobreak mtight"},[s("span",{class:"mtight"}," ")]),s("span",{class:"mord mathrm mtight"},"d")]),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"d"),s("span",{class:"mord mathnormal mtight"},"n")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),f=s("h3",{id:"_7-7-角度距離",tabindex:"-1"},[a("7.7: 角度距離 "),s("a",{class:"header-anchor",href:"#_7-7-角度距離","aria-label":'Permalink to "7.7: 角度距離"'},"​")],-1),z=s("ol",{start:"7"},[s("li",null,[a("理想的な望遠鏡 (レンズ) で 2 点を解像するときの角度距離 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"φ"),s("mo",null,"≈"),s("mn",null,"1.22"),s("mi",null,"λ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"\\varphi \\approx 1.22 \\lambda / d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6776em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1.22"),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d")])])]),a(". この角度では, 一方の点の中 心が他方の点の最初の回折最小值に当たる.")])],-1),M=s("h3",{id:"_7-8-bragg-の法則",tabindex:"-1"},[a("7.8: Bragg の法則 "),s("a",{class:"header-anchor",href:"#_7-8-bragg-の法則","aria-label":'Permalink to "7.8: Bragg の法則"'},"​")],-1),L=s("ol",{start:"8"},[s("li",null,[a("Bragg の法則：間隔が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" の平行な結晶面の組は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"d"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"θ"),s("mo",null,"="),s("mi",null,"n"),s("mi",null,"λ")]),s("annotation",{encoding:"application/x-tex"},"2 d \\sin \\theta=n \\lambda")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"nλ")])])]),a(" ならば "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"X")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{X}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"X")])])]),a(" 線を反射する. ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"θ")]),s("annotation",{encoding:"application/x-tex"},"\\theta")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ")])])]),a(" は結 晶面と X 線がなす角 (かすめ角).")])],-1),P=s("h3",{id:"_7-9-高密度電体媒質反射",tabindex:"-1"},[a("7.9: 高密度電体媒質反射 "),s("a",{class:"header-anchor",href:"#_7-9-高密度電体媒質反射","aria-label":'Permalink to "7.9: 高密度電体媒質反射"'},"​")],-1),I=s("ol",{start:"9"},[s("li",null,[a("光学的に高密度な誘電体媒質による反射 : 位相が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"π")]),s("annotation",{encoding:"application/x-tex"},"\\pi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])])]),a(" ず れる. 半透明の薄膜では "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"→")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"←")]),s("mo",null,"="),s("mi",null,"π")]),s("annotation",{encoding:"application/x-tex"},"\\phi_{\\rightarrow}+\\phi_{\\leftarrow}=\\pi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"→")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"←")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])])]),a(". ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"→")])]),s("annotation",{encoding:"application/x-tex"},"\\phi_{\\rightarrow}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"→")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"←")])]),s("annotation",{encoding:"application/x-tex"},"\\phi_{\\leftarrow}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"←")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" は反射波と透過波の位相差（矢印は入射方向を 示す)")])],-1),B=s("h3",{id:"_7-10-fabry-perot-干渉計",tabindex:"-1"},[a("7.10: Fabry-Pérot 干渉計 "),s("a",{class:"header-anchor",href:"#_7-10-fabry-perot-干渉計","aria-label":'Permalink to "7.10: Fabry-Pérot 干渉計"'},"​")],-1),N=s("ol",{start:"10"},[s("li",null,[a("Fabry-Pérot 干渉計 : 高い反射率 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"r"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"−"),s("mi",null,"r"),s("mo",null,"≪"),s("mn",null,"1"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"r(1-r \\ll 1)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5782em","vertical-align":"-0.0391em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},")")])])]),a(" を持 つ 2 枚の平行な半透明の鏡. 分解能は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mi",null,"ν"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"ν")])]),s("mo",null,"≈"),s("mfrac",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"a")]),s("mrow",null,[s("mi",null,"λ"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"−"),s("mi",null,"r"),s("mo",{stretchy:"false"},")")])])]),s("annotation",{encoding:"application/x-tex"},"\\frac{\\nu}{\\Delta \\nu} \\approx \\frac{2 a}{\\lambda(1-r)}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.06366em"}},"ν")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.06366em"}},"ν")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.3651em","vertical-align":"-0.52em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ"),s("span",{class:"mopen mtight"},"("),s("span",{class:"mord mtight"},"1"),s("span",{class:"mbin mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mclose mtight"},")")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight"},"a")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.52em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(". 5 つの平面波 (干渉計の前で左右に進む波, 内部を左右 に進む波，後ろを進む波）を設定して境界条件を課す ことで，透過スペクトルを求められる.")])],-1),q=s("h3",{id:"_7-11-コヒーレントな電磁波",tabindex:"-1"},[a("7.11: コヒーレントな電磁波 "),s("a",{class:"header-anchor",href:"#_7-11-コヒーレントな電磁波","aria-label":'Permalink to "7.11: コヒーレントな電磁波"'},"​")],-1),E=s("ol",{start:"11"},[s("li",null,[a("コヒーレントな電磁波: 電場をベクトル为で表し, ベク トル間の角度を位相差とする. 屈折率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n"),s("mo",null,"="),s("mi",null,"n"),s("mo",{stretchy:"false"},"("),s("mi",null,"ω"),s("mo",{stretchy:"false"},")"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"n=n(\\omega)=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msqrt",null,[s("mrow",null,[s("mi",null,"ε"),s("mo",{stretchy:"false"},"("),s("mi",null,"ω"),s("mo",{stretchy:"false"},")")])])]),s("annotation",{encoding:"application/x-tex"},"\\sqrt{\\varepsilon(\\omega)}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.24em","vertical-align":"-0.305em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.935em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-2.895em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,C as i,o as p,c as r,H as l,k as s,a,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const ss=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 7","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/7.md","filePath":"academic/physics/ipho-formulas-jpn/7.md","lastUpdated":1699051935000}'),h={name:"academic/physics/ipho-formulas-jpn/7.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-7",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 7 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-7","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 7"'},"​")],-1),g=c('
7: 波動光学 ​
7.1: Huygens の原理に基づいた回折 ​
  1. Huygens の原理に基づいた回折 : 障害物が波面を切断 すると波面は小さな断片に分割され，それが仮想的な 点波源となり，観測点での波の振幅はこれらの波源か らの寄与の重ね合わせとなる.
7.2: 二重スリット ​
',4),u=s("ol",{start:"2"},[s("li",null,[a("二重スリット（幅は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d"),s("mo",null,"≪"),s("mi",null,"a"),s("mo",{separator:"true"},","),s("mi",null,"λ"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"d \\ll a, \\lambda)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7335em","vertical-align":"-0.0391em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mclose"},")")])])]),a(" による干渉:強 め合う角 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"φ"),s("mi",null,"max"),s("mo",null,"⁡")]),s("mo",null,"="),s("mi",null,"arcsin"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"n"),s("mi",null,"λ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",null,"n"),s("mo",null,"∈"),s("mi",{mathvariant:"double-struck"},"Z"),s("mi",{mathvariant:"normal"},"."),s("mi",null,"I"),s("mo",null,"∝")]),s("annotation",{encoding:"application/x-tex"},"\\varphi_{\\max }=\\arcsin (n \\lambda / d), n \\in \\mathbb{Z} . I \\propto")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mop mtight"},[s("span",{class:"mtight"},"m"),s("span",{class:"mtight"},"a"),s("span",{class:"mtight"},"x")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"arcsin"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"nλ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6889em"}}),s("span",{class:"mord mathbb"},"Z"),s("span",{class:"mord"},"."),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"k"),s("mfrac",null,[s("mi",null,"a"),s("mn",null,"2")]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("mo",{stretchy:"false"},"("),s("mi",null,"k"),s("mo",null,"="),s("mn",null,"2"),s("mi",null,"π"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"λ"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\cos ^2\\left(k \\frac{a}{2} \\sin \\varphi\\right),(k=2 \\pi / \\lambda)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"cos"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"a")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mclose"},")")])])])])],-1),d=s("h3",{id:"_7-3-単スリット-弱め合う角",tabindex:"-1"},[a("7.3: 単スリット-弱め合う角 "),s("a",{class:"header-anchor",href:"#_7-3-単スリット-弱め合う角","aria-label":'Permalink to "7.3: 単スリット-弱め合う角"'},"​")],-1),y=s("ol",{start:"3"},[s("li",null,[a("単スリット:弱め合う角: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"φ"),s("mtext",null,"min ")]),s("mo",null,"="),s("mi",null,"arcsin"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"n"),s("mi",null,"λ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",null,"n"),s("mo",null,"∈")]),s("annotation",{encoding:"application/x-tex"},"\\varphi_{\\text {min }}=\\arcsin (n \\lambda / d), n \\in")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3175em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"},"min ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"arcsin"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"nλ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∈")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"double-struck"},"Z"),s("mo",{separator:"true"},","),s("mi",null,"n"),s("mo",{mathvariant:"normal"},"≠"),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\mathbb{Z}, n \\neq 0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathbb"},"Z"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mrel"},[s("span",{class:"mord vbox"},[s("span",{class:"thinbox"},[s("span",{class:"rlap"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"inner"},[s("span",{class:"mord"},[s("span",{class:"mrel"},"")])]),s("span",{class:"fix"})])])])]),s("span",{class:"mrel"},"=")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(". 中央の強め合う部分は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n"),s("mo",null,"="),s("mo",null,"±"),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"n=\\pm 1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"±"),s("span",{class:"mord"},"1")])])]),a(" の間である ことに注意せよ. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I"),s("mo",null,"∝"),s("msup",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"k"),s("mfrac",null,[s("mi",null,"d"),s("mn",null,"2")]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",{fence:"true"},")")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ")]),s("annotation",{encoding:"application/x-tex"},"I \\propto \\sin ^2\\left(k \\frac{d}{2} \\sin \\varphi\\right) / \\sin \\varphi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2301em","vertical-align":"-0.35em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"sin"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8719em"}},[s("span",{style:{top:"-3.1208em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"d")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ")])])])])],-1),x=s("h3",{id:"_7-4-回折格子",tabindex:"-1"},[a("7.4: 回折格子 "),s("a",{class:"header-anchor",href:"#_7-4-回折格子","aria-label":'Permalink to "7.4: 回折格子"'},"​")],-1),v=s("ol",{start:"4"},[s("li",null,[a("回折格子：主な強め合う角はポイント 2 と同じで, 主 な強め合う角の幅は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" を回折格子の正味の長さとすれ ばポイント 3 と同じ. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"n")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n")])])]),a(" 番目の明線のスペクトルの分 解能は，溝の総数を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"N")]),s("annotation",{encoding:"application/x-tex"},"N")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"N")])])]),a(" 本として "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mi",null,"λ"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"λ")])]),s("mo",null,"="),s("mi",null,"n"),s("mi",null,"N")]),s("annotation",{encoding:"application/x-tex"},"\\frac{\\lambda}{\\Delta \\lambda}=n N")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"N")])])]),a(".")])],-1),w=s("h3",{id:"_7-5-分光器の分解能",tabindex:"-1"},[a("7.5: 分光器の分解能 "),s("a",{class:"header-anchor",href:"#_7-5-分光器の分解能","aria-label":'Permalink to "7.5: 分光器の分解能"'},"​")],-1),b=s("ol",{start:"5"},[s("li",null,[a("分光器の分解能 : 最短の光線と最長の光線の光学距離 の差を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"L")]),s("annotation",{encoding:"application/x-tex"},"L")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"L")])])]),a(" として, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mi",null,"λ"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"λ")])]),s("mo",null,"="),s("mfrac",null,[s("mi",null,"L"),s("mi",null,"λ")])]),s("annotation",{encoding:"application/x-tex"},"\\frac{\\lambda}{\\Delta \\lambda}=\\frac{L}{\\lambda}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2173em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8723em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"L")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(".")])],-1),k=s("h3",{id:"_7-6-プリズムの分解能",tabindex:"-1"},[a("7.6: プリズムの分解能 "),s("a",{class:"header-anchor",href:"#_7-6-プリズムの分解能","aria-label":'Permalink to "7.6: プリズムの分解能"'},"​")],-1),_=s("ol",{start:"7"},[s("li",null,[a("プリズムの分解能 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("mfrac",null,[s("mi",null,"λ"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"λ")])]),s("mo",null,"="),s("mi",null,"a"),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",null,"n")]),s("mrow",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"λ")])])]),s("annotation",{encoding:"application/x-tex"},": \\frac{\\lambda}{\\Delta \\lambda}=a \\frac{\\mathrm{d} n}{\\mathrm{~d} \\lambda}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mspace nobreak mtight"},[s("span",{class:"mtight"}," ")]),s("span",{class:"mord mathrm mtight"},"d")]),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"d"),s("span",{class:"mord mathnormal mtight"},"n")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),f=s("h3",{id:"_7-7-角度距離",tabindex:"-1"},[a("7.7: 角度距離 "),s("a",{class:"header-anchor",href:"#_7-7-角度距離","aria-label":'Permalink to "7.7: 角度距離"'},"​")],-1),z=s("ol",{start:"7"},[s("li",null,[a("理想的な望遠鏡 (レンズ) で 2 点を解像するときの角度距離 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"φ"),s("mo",null,"≈"),s("mn",null,"1.22"),s("mi",null,"λ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"\\varphi \\approx 1.22 \\lambda / d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6776em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1.22"),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d")])])]),a(". この角度では, 一方の点の中 心が他方の点の最初の回折最小值に当たる.")])],-1),M=s("h3",{id:"_7-8-bragg-の法則",tabindex:"-1"},[a("7.8: Bragg の法則 "),s("a",{class:"header-anchor",href:"#_7-8-bragg-の法則","aria-label":'Permalink to "7.8: Bragg の法則"'},"​")],-1),L=s("ol",{start:"8"},[s("li",null,[a("Bragg の法則：間隔が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" の平行な結晶面の組は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"d"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"θ"),s("mo",null,"="),s("mi",null,"n"),s("mi",null,"λ")]),s("annotation",{encoding:"application/x-tex"},"2 d \\sin \\theta=n \\lambda")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"nλ")])])]),a(" ならば "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"X")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{X}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"X")])])]),a(" 線を反射する. ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"θ")]),s("annotation",{encoding:"application/x-tex"},"\\theta")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ")])])]),a(" は結 晶面と X 線がなす角 (かすめ角).")])],-1),P=s("h3",{id:"_7-9-高密度電体媒質反射",tabindex:"-1"},[a("7.9: 高密度電体媒質反射 "),s("a",{class:"header-anchor",href:"#_7-9-高密度電体媒質反射","aria-label":'Permalink to "7.9: 高密度電体媒質反射"'},"​")],-1),I=s("ol",{start:"9"},[s("li",null,[a("光学的に高密度な誘電体媒質による反射 : 位相が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"π")]),s("annotation",{encoding:"application/x-tex"},"\\pi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])])]),a(" ず れる. 半透明の薄膜では "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"→")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"←")]),s("mo",null,"="),s("mi",null,"π")]),s("annotation",{encoding:"application/x-tex"},"\\phi_{\\rightarrow}+\\phi_{\\leftarrow}=\\pi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"→")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"←")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])])]),a(". ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"→")])]),s("annotation",{encoding:"application/x-tex"},"\\phi_{\\rightarrow}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"→")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"←")])]),s("annotation",{encoding:"application/x-tex"},"\\phi_{\\leftarrow}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"←")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" は反射波と透過波の位相差（矢印は入射方向を 示す)")])],-1),B=s("h3",{id:"_7-10-fabry-perot-干渉計",tabindex:"-1"},[a("7.10: Fabry-Pérot 干渉計 "),s("a",{class:"header-anchor",href:"#_7-10-fabry-perot-干渉計","aria-label":'Permalink to "7.10: Fabry-Pérot 干渉計"'},"​")],-1),N=s("ol",{start:"10"},[s("li",null,[a("Fabry-Pérot 干渉計 : 高い反射率 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"r"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"−"),s("mi",null,"r"),s("mo",null,"≪"),s("mn",null,"1"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"r(1-r \\ll 1)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5782em","vertical-align":"-0.0391em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},")")])])]),a(" を持 つ 2 枚の平行な半透明の鏡. 分解能は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mi",null,"ν"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"ν")])]),s("mo",null,"≈"),s("mfrac",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"a")]),s("mrow",null,[s("mi",null,"λ"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"−"),s("mi",null,"r"),s("mo",{stretchy:"false"},")")])])]),s("annotation",{encoding:"application/x-tex"},"\\frac{\\nu}{\\Delta \\nu} \\approx \\frac{2 a}{\\lambda(1-r)}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.06366em"}},"ν")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.06366em"}},"ν")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.3651em","vertical-align":"-0.52em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ"),s("span",{class:"mopen mtight"},"("),s("span",{class:"mord mtight"},"1"),s("span",{class:"mbin mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mclose mtight"},")")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight"},"a")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.52em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(". 5 つの平面波 (干渉計の前で左右に進む波, 内部を左右 に進む波，後ろを進む波）を設定して境界条件を課す ことで，透過スペクトルを求められる.")])],-1),q=s("h3",{id:"_7-11-コヒーレントな電磁波",tabindex:"-1"},[a("7.11: コヒーレントな電磁波 "),s("a",{class:"header-anchor",href:"#_7-11-コヒーレントな電磁波","aria-label":'Permalink to "7.11: コヒーレントな電磁波"'},"​")],-1),E=s("ol",{start:"11"},[s("li",null,[a("コヒーレントな電磁波: 電場をベクトル为で表し, ベク トル間の角度を位相差とする. 屈折率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n"),s("mo",null,"="),s("mi",null,"n"),s("mo",{stretchy:"false"},"("),s("mi",null,"ω"),s("mo",{stretchy:"false"},")"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"n=n(\\omega)=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msqrt",null,[s("mrow",null,[s("mi",null,"ε"),s("mo",{stretchy:"false"},"("),s("mi",null,"ω"),s("mo",{stretchy:"false"},")")])])]),s("annotation",{encoding:"application/x-tex"},"\\sqrt{\\varepsilon(\\omega)}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.24em","vertical-align":"-0.305em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.935em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-2.895em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
 c34,79.3,68.167,158.7,102.5,238c34.3,79.3,51.8,119.3,52.5,120
 c340,-704.7,510.7,-1060.3,512,-1067
 l0 -0
diff --git a/assets/academic_physics_ipho-formulas-jpn_7.md.353d535e.lean.js b/assets/academic_physics_ipho-formulas-jpn_7.md.b0bd68dd.lean.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_7.md.353d535e.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_7.md.b0bd68dd.lean.js
index ac7e36b8..3b19d9f7 100644
--- a/assets/academic_physics_ipho-formulas-jpn_7.md.353d535e.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_7.md.b0bd68dd.lean.js
@@ -1,4 +1,4 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,C as i,o as p,c as r,H as l,k as s,a,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const ss=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 7","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/7.md","filePath":"academic/physics/ipho-formulas-jpn/7.md","lastUpdated":1695377563000}'),h={name:"academic/physics/ipho-formulas-jpn/7.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-7",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 7 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-7","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 7"'},"​")],-1),g=c("",4),u=s("ol",{start:"2"},[s("li",null,[a("二重スリット（幅は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d"),s("mo",null,"≪"),s("mi",null,"a"),s("mo",{separator:"true"},","),s("mi",null,"λ"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"d \\ll a, \\lambda)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7335em","vertical-align":"-0.0391em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mclose"},")")])])]),a(" による干渉:強 め合う角 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"φ"),s("mi",null,"max"),s("mo",null,"⁡")]),s("mo",null,"="),s("mi",null,"arcsin"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"n"),s("mi",null,"λ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",null,"n"),s("mo",null,"∈"),s("mi",{mathvariant:"double-struck"},"Z"),s("mi",{mathvariant:"normal"},"."),s("mi",null,"I"),s("mo",null,"∝")]),s("annotation",{encoding:"application/x-tex"},"\\varphi_{\\max }=\\arcsin (n \\lambda / d), n \\in \\mathbb{Z} . I \\propto")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mop mtight"},[s("span",{class:"mtight"},"m"),s("span",{class:"mtight"},"a"),s("span",{class:"mtight"},"x")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"arcsin"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"nλ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6889em"}}),s("span",{class:"mord mathbb"},"Z"),s("span",{class:"mord"},"."),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"k"),s("mfrac",null,[s("mi",null,"a"),s("mn",null,"2")]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("mo",{stretchy:"false"},"("),s("mi",null,"k"),s("mo",null,"="),s("mn",null,"2"),s("mi",null,"π"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"λ"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\cos ^2\\left(k \\frac{a}{2} \\sin \\varphi\\right),(k=2 \\pi / \\lambda)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"cos"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"a")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mclose"},")")])])])])],-1),d=s("h3",{id:"_7-3-単スリット-弱め合う角",tabindex:"-1"},[a("7.3: 単スリット-弱め合う角 "),s("a",{class:"header-anchor",href:"#_7-3-単スリット-弱め合う角","aria-label":'Permalink to "7.3: 単スリット-弱め合う角"'},"​")],-1),y=s("ol",{start:"3"},[s("li",null,[a("単スリット:弱め合う角: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"φ"),s("mtext",null,"min ")]),s("mo",null,"="),s("mi",null,"arcsin"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"n"),s("mi",null,"λ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",null,"n"),s("mo",null,"∈")]),s("annotation",{encoding:"application/x-tex"},"\\varphi_{\\text {min }}=\\arcsin (n \\lambda / d), n \\in")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3175em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"},"min ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"arcsin"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"nλ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∈")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"double-struck"},"Z"),s("mo",{separator:"true"},","),s("mi",null,"n"),s("mo",{mathvariant:"normal"},"≠"),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\mathbb{Z}, n \\neq 0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathbb"},"Z"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mrel"},[s("span",{class:"mord vbox"},[s("span",{class:"thinbox"},[s("span",{class:"rlap"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"inner"},[s("span",{class:"mord"},[s("span",{class:"mrel"},"")])]),s("span",{class:"fix"})])])])]),s("span",{class:"mrel"},"=")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(". 中央の強め合う部分は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n"),s("mo",null,"="),s("mo",null,"±"),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"n=\\pm 1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"±"),s("span",{class:"mord"},"1")])])]),a(" の間である ことに注意せよ. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I"),s("mo",null,"∝"),s("msup",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"k"),s("mfrac",null,[s("mi",null,"d"),s("mn",null,"2")]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",{fence:"true"},")")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ")]),s("annotation",{encoding:"application/x-tex"},"I \\propto \\sin ^2\\left(k \\frac{d}{2} \\sin \\varphi\\right) / \\sin \\varphi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2301em","vertical-align":"-0.35em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"sin"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8719em"}},[s("span",{style:{top:"-3.1208em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"d")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ")])])])])],-1),x=s("h3",{id:"_7-4-回折格子",tabindex:"-1"},[a("7.4: 回折格子 "),s("a",{class:"header-anchor",href:"#_7-4-回折格子","aria-label":'Permalink to "7.4: 回折格子"'},"​")],-1),v=s("ol",{start:"4"},[s("li",null,[a("回折格子：主な強め合う角はポイント 2 と同じで, 主 な強め合う角の幅は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" を回折格子の正味の長さとすれ ばポイント 3 と同じ. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"n")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n")])])]),a(" 番目の明線のスペクトルの分 解能は，溝の総数を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"N")]),s("annotation",{encoding:"application/x-tex"},"N")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"N")])])]),a(" 本として "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mi",null,"λ"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"λ")])]),s("mo",null,"="),s("mi",null,"n"),s("mi",null,"N")]),s("annotation",{encoding:"application/x-tex"},"\\frac{\\lambda}{\\Delta \\lambda}=n N")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"N")])])]),a(".")])],-1),w=s("h3",{id:"_7-5-分光器の分解能",tabindex:"-1"},[a("7.5: 分光器の分解能 "),s("a",{class:"header-anchor",href:"#_7-5-分光器の分解能","aria-label":'Permalink to "7.5: 分光器の分解能"'},"​")],-1),b=s("ol",{start:"5"},[s("li",null,[a("分光器の分解能 : 最短の光線と最長の光線の光学距離 の差を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"L")]),s("annotation",{encoding:"application/x-tex"},"L")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"L")])])]),a(" として, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mi",null,"λ"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"λ")])]),s("mo",null,"="),s("mfrac",null,[s("mi",null,"L"),s("mi",null,"λ")])]),s("annotation",{encoding:"application/x-tex"},"\\frac{\\lambda}{\\Delta \\lambda}=\\frac{L}{\\lambda}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2173em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8723em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"L")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(".")])],-1),k=s("h3",{id:"_7-6-プリズムの分解能",tabindex:"-1"},[a("7.6: プリズムの分解能 "),s("a",{class:"header-anchor",href:"#_7-6-プリズムの分解能","aria-label":'Permalink to "7.6: プリズムの分解能"'},"​")],-1),_=s("ol",{start:"7"},[s("li",null,[a("プリズムの分解能 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("mfrac",null,[s("mi",null,"λ"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"λ")])]),s("mo",null,"="),s("mi",null,"a"),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",null,"n")]),s("mrow",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"λ")])])]),s("annotation",{encoding:"application/x-tex"},": \\frac{\\lambda}{\\Delta \\lambda}=a \\frac{\\mathrm{d} n}{\\mathrm{~d} \\lambda}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mspace nobreak mtight"},[s("span",{class:"mtight"}," ")]),s("span",{class:"mord mathrm mtight"},"d")]),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"d"),s("span",{class:"mord mathnormal mtight"},"n")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),f=s("h3",{id:"_7-7-角度距離",tabindex:"-1"},[a("7.7: 角度距離 "),s("a",{class:"header-anchor",href:"#_7-7-角度距離","aria-label":'Permalink to "7.7: 角度距離"'},"​")],-1),z=s("ol",{start:"7"},[s("li",null,[a("理想的な望遠鏡 (レンズ) で 2 点を解像するときの角度距離 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"φ"),s("mo",null,"≈"),s("mn",null,"1.22"),s("mi",null,"λ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"\\varphi \\approx 1.22 \\lambda / d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6776em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1.22"),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d")])])]),a(". この角度では, 一方の点の中 心が他方の点の最初の回折最小值に当たる.")])],-1),M=s("h3",{id:"_7-8-bragg-の法則",tabindex:"-1"},[a("7.8: Bragg の法則 "),s("a",{class:"header-anchor",href:"#_7-8-bragg-の法則","aria-label":'Permalink to "7.8: Bragg の法則"'},"​")],-1),L=s("ol",{start:"8"},[s("li",null,[a("Bragg の法則：間隔が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" の平行な結晶面の組は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"d"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"θ"),s("mo",null,"="),s("mi",null,"n"),s("mi",null,"λ")]),s("annotation",{encoding:"application/x-tex"},"2 d \\sin \\theta=n \\lambda")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"nλ")])])]),a(" ならば "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"X")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{X}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"X")])])]),a(" 線を反射する. ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"θ")]),s("annotation",{encoding:"application/x-tex"},"\\theta")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ")])])]),a(" は結 晶面と X 線がなす角 (かすめ角).")])],-1),P=s("h3",{id:"_7-9-高密度電体媒質反射",tabindex:"-1"},[a("7.9: 高密度電体媒質反射 "),s("a",{class:"header-anchor",href:"#_7-9-高密度電体媒質反射","aria-label":'Permalink to "7.9: 高密度電体媒質反射"'},"​")],-1),I=s("ol",{start:"9"},[s("li",null,[a("光学的に高密度な誘電体媒質による反射 : 位相が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"π")]),s("annotation",{encoding:"application/x-tex"},"\\pi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])])]),a(" ず れる. 半透明の薄膜では "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"→")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"←")]),s("mo",null,"="),s("mi",null,"π")]),s("annotation",{encoding:"application/x-tex"},"\\phi_{\\rightarrow}+\\phi_{\\leftarrow}=\\pi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"→")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"←")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])])]),a(". ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"→")])]),s("annotation",{encoding:"application/x-tex"},"\\phi_{\\rightarrow}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"→")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"←")])]),s("annotation",{encoding:"application/x-tex"},"\\phi_{\\leftarrow}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"←")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" は反射波と透過波の位相差（矢印は入射方向を 示す)")])],-1),B=s("h3",{id:"_7-10-fabry-perot-干渉計",tabindex:"-1"},[a("7.10: Fabry-Pérot 干渉計 "),s("a",{class:"header-anchor",href:"#_7-10-fabry-perot-干渉計","aria-label":'Permalink to "7.10: Fabry-Pérot 干渉計"'},"​")],-1),N=s("ol",{start:"10"},[s("li",null,[a("Fabry-Pérot 干渉計 : 高い反射率 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"r"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"−"),s("mi",null,"r"),s("mo",null,"≪"),s("mn",null,"1"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"r(1-r \\ll 1)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5782em","vertical-align":"-0.0391em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},")")])])]),a(" を持 つ 2 枚の平行な半透明の鏡. 分解能は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mi",null,"ν"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"ν")])]),s("mo",null,"≈"),s("mfrac",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"a")]),s("mrow",null,[s("mi",null,"λ"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"−"),s("mi",null,"r"),s("mo",{stretchy:"false"},")")])])]),s("annotation",{encoding:"application/x-tex"},"\\frac{\\nu}{\\Delta \\nu} \\approx \\frac{2 a}{\\lambda(1-r)}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.06366em"}},"ν")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.06366em"}},"ν")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.3651em","vertical-align":"-0.52em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ"),s("span",{class:"mopen mtight"},"("),s("span",{class:"mord mtight"},"1"),s("span",{class:"mbin mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mclose mtight"},")")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight"},"a")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.52em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(". 5 つの平面波 (干渉計の前で左右に進む波, 内部を左右 に進む波，後ろを進む波）を設定して境界条件を課す ことで，透過スペクトルを求められる.")])],-1),q=s("h3",{id:"_7-11-コヒーレントな電磁波",tabindex:"-1"},[a("7.11: コヒーレントな電磁波 "),s("a",{class:"header-anchor",href:"#_7-11-コヒーレントな電磁波","aria-label":'Permalink to "7.11: コヒーレントな電磁波"'},"​")],-1),E=s("ol",{start:"11"},[s("li",null,[a("コヒーレントな電磁波: 電場をベクトル为で表し, ベク トル間の角度を位相差とする. 屈折率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n"),s("mo",null,"="),s("mi",null,"n"),s("mo",{stretchy:"false"},"("),s("mi",null,"ω"),s("mo",{stretchy:"false"},")"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"n=n(\\omega)=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msqrt",null,[s("mrow",null,[s("mi",null,"ε"),s("mo",{stretchy:"false"},"("),s("mi",null,"ω"),s("mo",{stretchy:"false"},")")])])]),s("annotation",{encoding:"application/x-tex"},"\\sqrt{\\varepsilon(\\omega)}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.24em","vertical-align":"-0.305em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.935em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-2.895em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,C as i,o as p,c as r,H as l,k as s,a,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const ss=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 7","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/7.md","filePath":"academic/physics/ipho-formulas-jpn/7.md","lastUpdated":1699051935000}'),h={name:"academic/physics/ipho-formulas-jpn/7.md"},o=s("h1",{id:"formulas-for-ipho-日本語版-section-7",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 7 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-7","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 7"'},"​")],-1),g=c("",4),u=s("ol",{start:"2"},[s("li",null,[a("二重スリット（幅は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d"),s("mo",null,"≪"),s("mi",null,"a"),s("mo",{separator:"true"},","),s("mi",null,"λ"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"d \\ll a, \\lambda)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7335em","vertical-align":"-0.0391em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mclose"},")")])])]),a(" による干渉:強 め合う角 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"φ"),s("mi",null,"max"),s("mo",null,"⁡")]),s("mo",null,"="),s("mi",null,"arcsin"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"n"),s("mi",null,"λ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",null,"n"),s("mo",null,"∈"),s("mi",{mathvariant:"double-struck"},"Z"),s("mi",{mathvariant:"normal"},"."),s("mi",null,"I"),s("mo",null,"∝")]),s("annotation",{encoding:"application/x-tex"},"\\varphi_{\\max }=\\arcsin (n \\lambda / d), n \\in \\mathbb{Z} . I \\propto")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mop mtight"},[s("span",{class:"mtight"},"m"),s("span",{class:"mtight"},"a"),s("span",{class:"mtight"},"x")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"arcsin"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"nλ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6889em"}}),s("span",{class:"mord mathbb"},"Z"),s("span",{class:"mord"},"."),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mrow",null,[s("mi",null,"cos"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"k"),s("mfrac",null,[s("mi",null,"a"),s("mn",null,"2")]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",{fence:"true"},")")]),s("mo",{separator:"true"},","),s("mo",{stretchy:"false"},"("),s("mi",null,"k"),s("mo",null,"="),s("mn",null,"2"),s("mi",null,"π"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"λ"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"\\cos ^2\\left(k \\frac{a}{2} \\sin \\varphi\\right),(k=2 \\pi / \\lambda)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"cos"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"a")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mclose"},")")])])])])],-1),d=s("h3",{id:"_7-3-単スリット-弱め合う角",tabindex:"-1"},[a("7.3: 単スリット-弱め合う角 "),s("a",{class:"header-anchor",href:"#_7-3-単スリット-弱め合う角","aria-label":'Permalink to "7.3: 単スリット-弱め合う角"'},"​")],-1),y=s("ol",{start:"3"},[s("li",null,[a("単スリット:弱め合う角: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"φ"),s("mtext",null,"min ")]),s("mo",null,"="),s("mi",null,"arcsin"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"n"),s("mi",null,"λ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",null,"n"),s("mo",null,"∈")]),s("annotation",{encoding:"application/x-tex"},"\\varphi_{\\text {min }}=\\arcsin (n \\lambda / d), n \\in")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3175em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"},"min ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mop"},"arcsin"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"nλ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∈")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"double-struck"},"Z"),s("mo",{separator:"true"},","),s("mi",null,"n"),s("mo",{mathvariant:"normal"},"≠"),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\mathbb{Z}, n \\neq 0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathbb"},"Z"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},[s("span",{class:"mrel"},[s("span",{class:"mord vbox"},[s("span",{class:"thinbox"},[s("span",{class:"rlap"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"inner"},[s("span",{class:"mord"},[s("span",{class:"mrel"},"")])]),s("span",{class:"fix"})])])])]),s("span",{class:"mrel"},"=")]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(". 中央の強め合う部分は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n"),s("mo",null,"="),s("mo",null,"±"),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"n=\\pm 1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"±"),s("span",{class:"mord"},"1")])])]),a(" の間である ことに注意せよ. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I"),s("mo",null,"∝"),s("msup",null,[s("mrow",null,[s("mi",null,"sin"),s("mo",null,"⁡")]),s("mn",null,"2")]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"k"),s("mfrac",null,[s("mi",null,"d"),s("mn",null,"2")]),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ"),s("mo",{fence:"true"},")")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"φ")]),s("annotation",{encoding:"application/x-tex"},"I \\propto \\sin ^2\\left(k \\frac{d}{2} \\sin \\varphi\\right) / \\sin \\varphi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2301em","vertical-align":"-0.35em"}}),s("span",{class:"mop"},[s("span",{class:"mop"},"sin"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8719em"}},[s("span",{style:{top:"-3.1208em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"d")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},"/"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"φ")])])])])],-1),x=s("h3",{id:"_7-4-回折格子",tabindex:"-1"},[a("7.4: 回折格子 "),s("a",{class:"header-anchor",href:"#_7-4-回折格子","aria-label":'Permalink to "7.4: 回折格子"'},"​")],-1),v=s("ol",{start:"4"},[s("li",null,[a("回折格子：主な強め合う角はポイント 2 と同じで, 主 な強め合う角の幅は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" を回折格子の正味の長さとすれ ばポイント 3 と同じ. "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n")]),s("annotation",{encoding:"application/x-tex"},"n")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n")])])]),a(" 番目の明線のスペクトルの分 解能は，溝の総数を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"N")]),s("annotation",{encoding:"application/x-tex"},"N")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"N")])])]),a(" 本として "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mi",null,"λ"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"λ")])]),s("mo",null,"="),s("mi",null,"n"),s("mi",null,"N")]),s("annotation",{encoding:"application/x-tex"},"\\frac{\\lambda}{\\Delta \\lambda}=n N")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"N")])])]),a(".")])],-1),w=s("h3",{id:"_7-5-分光器の分解能",tabindex:"-1"},[a("7.5: 分光器の分解能 "),s("a",{class:"header-anchor",href:"#_7-5-分光器の分解能","aria-label":'Permalink to "7.5: 分光器の分解能"'},"​")],-1),b=s("ol",{start:"5"},[s("li",null,[a("分光器の分解能 : 最短の光線と最長の光線の光学距離 の差を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"L")]),s("annotation",{encoding:"application/x-tex"},"L")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"L")])])]),a(" として, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mi",null,"λ"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"λ")])]),s("mo",null,"="),s("mfrac",null,[s("mi",null,"L"),s("mi",null,"λ")])]),s("annotation",{encoding:"application/x-tex"},"\\frac{\\lambda}{\\Delta \\lambda}=\\frac{L}{\\lambda}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2173em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8723em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"L")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(".")])],-1),k=s("h3",{id:"_7-6-プリズムの分解能",tabindex:"-1"},[a("7.6: プリズムの分解能 "),s("a",{class:"header-anchor",href:"#_7-6-プリズムの分解能","aria-label":'Permalink to "7.6: プリズムの分解能"'},"​")],-1),_=s("ol",{start:"7"},[s("li",null,[a("プリズムの分解能 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("mfrac",null,[s("mi",null,"λ"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"λ")])]),s("mo",null,"="),s("mi",null,"a"),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",null,"n")]),s("mrow",null,[s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"λ")])])]),s("annotation",{encoding:"application/x-tex"},": \\frac{\\lambda}{\\Delta \\lambda}=a \\frac{\\mathrm{d} n}{\\mathrm{~d} \\lambda}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2251em","vertical-align":"-0.345em"}}),s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8801em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mspace nobreak mtight"},[s("span",{class:"mtight"}," ")]),s("span",{class:"mord mathrm mtight"},"d")]),s("span",{class:"mord mathnormal mtight"},"λ")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathrm mtight"},"d"),s("span",{class:"mord mathnormal mtight"},"n")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])])])],-1),f=s("h3",{id:"_7-7-角度距離",tabindex:"-1"},[a("7.7: 角度距離 "),s("a",{class:"header-anchor",href:"#_7-7-角度距離","aria-label":'Permalink to "7.7: 角度距離"'},"​")],-1),z=s("ol",{start:"7"},[s("li",null,[a("理想的な望遠鏡 (レンズ) で 2 点を解像するときの角度距離 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"φ"),s("mo",null,"≈"),s("mn",null,"1.22"),s("mi",null,"λ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"\\varphi \\approx 1.22 \\lambda / d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6776em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1.22"),s("span",{class:"mord mathnormal"},"λ"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d")])])]),a(". この角度では, 一方の点の中 心が他方の点の最初の回折最小值に当たる.")])],-1),M=s("h3",{id:"_7-8-bragg-の法則",tabindex:"-1"},[a("7.8: Bragg の法則 "),s("a",{class:"header-anchor",href:"#_7-8-bragg-の法則","aria-label":'Permalink to "7.8: Bragg の法則"'},"​")],-1),L=s("ol",{start:"8"},[s("li",null,[a("Bragg の法則：間隔が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" の平行な結晶面の組は, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"d"),s("mi",null,"sin"),s("mo",null,"⁡"),s("mi",null,"θ"),s("mo",null,"="),s("mi",null,"n"),s("mi",null,"λ")]),s("annotation",{encoding:"application/x-tex"},"2 d \\sin \\theta=n \\lambda")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"sin"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"nλ")])])]),a(" ならば "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"X")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{X}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathrm"},"X")])])]),a(" 線を反射する. ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"θ")]),s("annotation",{encoding:"application/x-tex"},"\\theta")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"θ")])])]),a(" は結 晶面と X 線がなす角 (かすめ角).")])],-1),P=s("h3",{id:"_7-9-高密度電体媒質反射",tabindex:"-1"},[a("7.9: 高密度電体媒質反射 "),s("a",{class:"header-anchor",href:"#_7-9-高密度電体媒質反射","aria-label":'Permalink to "7.9: 高密度電体媒質反射"'},"​")],-1),I=s("ol",{start:"9"},[s("li",null,[a("光学的に高密度な誘電体媒質による反射 : 位相が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"π")]),s("annotation",{encoding:"application/x-tex"},"\\pi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])])]),a(" ず れる. 半透明の薄膜では "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"→")]),s("mo",null,"+"),s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"←")]),s("mo",null,"="),s("mi",null,"π")]),s("annotation",{encoding:"application/x-tex"},"\\phi_{\\rightarrow}+\\phi_{\\leftarrow}=\\pi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"→")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"←")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])])]),a(". ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"→")])]),s("annotation",{encoding:"application/x-tex"},"\\phi_{\\rightarrow}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"→")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"ϕ"),s("mo",{lspace:"0em",rspace:"0em"},"←")])]),s("annotation",{encoding:"application/x-tex"},"\\phi_{\\leftarrow}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1068em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"←")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),a(" は反射波と透過波の位相差（矢印は入射方向を 示す)")])],-1),B=s("h3",{id:"_7-10-fabry-perot-干渉計",tabindex:"-1"},[a("7.10: Fabry-Pérot 干渉計 "),s("a",{class:"header-anchor",href:"#_7-10-fabry-perot-干渉計","aria-label":'Permalink to "7.10: Fabry-Pérot 干渉計"'},"​")],-1),N=s("ol",{start:"10"},[s("li",null,[a("Fabry-Pérot 干渉計 : 高い反射率 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"r"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"−"),s("mi",null,"r"),s("mo",null,"≪"),s("mn",null,"1"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"r(1-r \\ll 1)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5782em","vertical-align":"-0.0391em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≪"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},")")])])]),a(" を持 つ 2 枚の平行な半透明の鏡. 分解能は "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("mi",null,"ν"),s("mrow",null,[s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"ν")])]),s("mo",null,"≈"),s("mfrac",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"a")]),s("mrow",null,[s("mi",null,"λ"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"−"),s("mi",null,"r"),s("mo",{stretchy:"false"},")")])])]),s("annotation",{encoding:"application/x-tex"},"\\frac{\\nu}{\\Delta \\nu} \\approx \\frac{2 a}{\\lambda(1-r)}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"Δ"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.06366em"}},"ν")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.06366em"}},"ν")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.3651em","vertical-align":"-0.52em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8451em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"λ"),s("span",{class:"mopen mtight"},"("),s("span",{class:"mord mtight"},"1"),s("span",{class:"mbin mtight"},"−"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mclose mtight"},")")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight"},"a")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.52em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(". 5 つの平面波 (干渉計の前で左右に進む波, 内部を左右 に進む波，後ろを進む波）を設定して境界条件を課す ことで，透過スペクトルを求められる.")])],-1),q=s("h3",{id:"_7-11-コヒーレントな電磁波",tabindex:"-1"},[a("7.11: コヒーレントな電磁波 "),s("a",{class:"header-anchor",href:"#_7-11-コヒーレントな電磁波","aria-label":'Permalink to "7.11: コヒーレントな電磁波"'},"​")],-1),E=s("ol",{start:"11"},[s("li",null,[a("コヒーレントな電磁波: 電場をベクトル为で表し, ベク トル間の角度を位相差とする. 屈折率が "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"n"),s("mo",null,"="),s("mi",null,"n"),s("mo",{stretchy:"false"},"("),s("mi",null,"ω"),s("mo",{stretchy:"false"},")"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"n=n(\\omega)=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msqrt",null,[s("mrow",null,[s("mi",null,"ε"),s("mo",{stretchy:"false"},"("),s("mi",null,"ω"),s("mo",{stretchy:"false"},")")])])]),s("annotation",{encoding:"application/x-tex"},"\\sqrt{\\varepsilon(\\omega)}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.24em","vertical-align":"-0.305em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.935em"}},[s("span",{class:"svg-align",style:{top:"-3.2em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"mord",style:{"padding-left":"1em"}},[s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"mclose"},")")])]),s("span",{style:{top:"-2.895em"}},[s("span",{class:"pstrut",style:{height:"3.2em"}}),s("span",{class:"hide-tail",style:{"min-width":"1.02em",height:"1.28em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.28em",viewBox:"0 0 400000 1296",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M263,681c0.7,0,18,39.7,52,119
 c34,79.3,68.167,158.7,102.5,238c34.3,79.3,51.8,119.3,52.5,120
 c340,-704.7,510.7,-1060.3,512,-1067
 l0 -0
diff --git a/assets/academic_physics_ipho-formulas-jpn_8.md.f1df91b7.js b/assets/academic_physics_ipho-formulas-jpn_8.md.f05c02fb.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_8.md.f1df91b7.js
rename to assets/academic_physics_ipho-formulas-jpn_8.md.f05c02fb.js
index 79f102a0..8dee8017 100644
--- a/assets/academic_physics_ipho-formulas-jpn_8.md.f1df91b7.js
+++ b/assets/academic_physics_ipho-formulas-jpn_8.md.f05c02fb.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const F=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 8","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/8.md","filePath":"academic/physics/ipho-formulas-jpn/8.md","lastUpdated":1695377563000}'),p={name:"academic/physics/ipho-formulas-jpn/8.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-8",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 8 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-8","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 8"'},"​")],-1),h=s("h2",{id:"_8-電気回路",tabindex:"-1"},[a("8: 電気回路 "),s("a",{class:"header-anchor",href:"#_8-電気回路","aria-label":'Permalink to "8: 電気回路"'},"​")],-1),o=s("h3",{id:"_8-1-v-i-r-p-v-i",tabindex:"-1"},[a("8.1: V=I R, P=V I "),s("a",{class:"header-anchor",href:"#_8-1-v-i-r-p-v-i","aria-label":'Permalink to "8.1: V=I R, P=V I"'},"​")],-1),g=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"V"),s("mo",null,"="),s("mi",null,"I"),s("mi",null,"R"),s("mo",{separator:"true"},","),s("mi",null,"P"),s("mo",null,"="),s("mi",null,"V"),s("mi",null,"I")]),s("annotation",{encoding:"application/x-tex"},"V=I R, P=V I")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"P"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"R"),s("mtext",null,"直列 ")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"R"),s("mi",null,"i")]),s("mo",{separator:"true"},","),s("msubsup",null,[s("mi",null,"R"),s("mtext",null,"並列 "),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"="),s("mo",null,"∑"),s("msubsup",null,[s("mi",null,"R"),s("mi",null,"i"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])]),s("annotation",{encoding:"application/x-tex"},"R_{\\text {直列 }}=\\sum R_i, R_{\\text {並列 }}^{-1}=\\sum R_i^{-1} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord cjk_fallback mtight"},"直列"),s("span",{class:"mord mtight"}," ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.4163em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord cjk_fallback mtight"},"並列"),s("span",{class:"mord mtight"}," ")])])])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2837em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.433em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.267em"}},[s("span")])])])])])])])])])])])],-1),u=s("h3",{id:"_8-2-kirchhoff-の法則",tabindex:"-1"},[a("8.2: Kirchhoff の法則 "),s("a",{class:"header-anchor",href:"#_8-2-kirchhoff-の法則","aria-label":'Permalink to "8.2: Kirchhoff の法則"'},"​")],-1),d=s("ol",{start:"2"},[s("li",null,[a("Kirchhoff の法則 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("munder",null,[s("mo",null,"∑"),s("mstyle",{scriptlevel:"1"},[s("mtable",{rowspacing:"0.1em",columnalign:"center",columnspacing:"1em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"1",displaystyle:"false"},[s("mtext",null," 節点 ")])])])])])]),s("mi",null,"I"),s("mo",null,"="),s("mn",null,"0"),s("mo",{separator:"true"},","),s("munder",null,[s("mo",null,"∑"),s("mtext",null,"閉路 ")]),s("mi",null,"V"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\sum_{\\substack{\\text { 節点 }}} I=0, \\sum_{\\text {閉路 }} V=0 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4703em","vertical-align":"-1.4203em"}}),s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.05em"}},[s("span",{style:{top:"-1.8568em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6817em"}},[s("span",{style:{top:"-2.6983em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"}," "),s("span",{class:"mord cjk_fallback mtight"},"節点"),s("span",{class:"mord mtight"}," ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1817em"}},[s("span")])])])])])])])])]),s("span",{style:{top:"-3.05em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",null,[s("span",{class:"mop op-symbol large-op"},"∑")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.4203em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.3443em","vertical-align":"-1.2943em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.05em"}},[s("span",{style:{top:"-1.8557em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord cjk_fallback mtight"},"閉路"),s("span",{class:"mord mtight"}," ")])])])]),s("span",{style:{top:"-3.05em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",null,[s("span",{class:"mop op-symbol large-op"},"∑")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2943em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])])])])])],-1),y=s("h3",{id:"_8-3-ポイント-2-の方程式を減らすために",tabindex:"-1"},[a("8.3: ポイント 2 の方程式を減らすために "),s("a",{class:"header-anchor",href:"#_8-3-ポイント-2-の方程式を減らすために","aria-label":'Permalink to "8.3: ポイント 2 の方程式を減らすために"'},"​")],-1),v=s("ol",{start:"3"},[s("li",null,[a("ポイント 2 の方程式を減らすために: 節点電位法. ルー プ電流法. 等価回路 (3 端子の場合 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"⇒"),s("mi",{mathvariant:"normal"},"△"),s("mtext",null,"又")]),s("annotation",{encoding:"application/x-tex"},"\\Rightarrow \\triangle 又")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"⇒"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"△"),s("span",{class:"mord cjk_fallback"},"又")])])]),a(" 又 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"Y")]),s("annotation",{encoding:"application/x-tex"},"Y")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"Y")])])]),a(" の形, 起電力のある 2 端子の場合 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"⇒")]),s("annotation",{encoding:"application/x-tex"},"\\Rightarrow")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"⇒")])])]),a(" 抵抗と電池の直列)")])],-1),x=r('
8.4: 無限につながる抵抗 ​
  1. 無限につながる抵抗 : 無限に続く格子の隣り合う節点 間で，自己相似性を使う。鏡像法の一般化された方法.
8.5: 交流回路 ​
',3),w=s("ol",{start:"5"},[s("li",null,[a("交流回路: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"R")]),s("annotation",{encoding:"application/x-tex"},"R")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),a(" を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"Z")]),s("annotation",{encoding:"application/x-tex"},"Z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z")])])]),a(" に置き換えてポイント "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"∼"),s("mn",null,"4")]),s("annotation",{encoding:"application/x-tex"},"1 \\sim 4")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∼"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"4")])])]),a(" を用 いる."),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("msub",null,[s("mi",null,"Z"),s("mi",null,"R")]),s("mo",null,"="),s("mi",null,"R"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"Z"),s("mi",null,"C")]),s("mo",null,"="),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"i"),s("mi",null,"ω"),s("mi",null,"C"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"Z"),s("mi",null,"L")]),s("mo",null,"="),s("mi",null,"i"),s("mi",null,"ω"),s("mi",null,"L")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"φ"),s("mo",null,"="),s("mi",null,"arg"),s("mo",null,"⁡"),s("mi",null,"Z"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"V"),s("mtext",null,"eff ")]),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"Z"),s("mi",{mathvariant:"normal"},"∣"),s("msub",null,[s("mi",null,"I"),s("mtext",null,"eff ")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"P"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"V"),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"I"),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"arg"),s("mo",null,"⁡"),s("mi",null,"Z"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mo",null,"∑"),s("msubsup",null,[s("mi",null,"I"),s("mi",null,"i"),s("mn",null,"2")]),s("msub",null,[s("mi",null,"R"),s("mi",null,"i")])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} Z_R=R, Z_C=1 / i \\omega C, Z_L=i \\omega L \\\\ \\varphi=\\arg Z, V_{\\text {eff }}=|Z| I_{\\text {eff }} \\\\ P=|V||I| \\cos (\\arg Z)=\\sum I_i^2 R_i \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"4.9em","vertical-align":"-2.2em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.7em"}},[s("span",{style:{top:"-4.91em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"iω"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"L")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"iω"),s("span",{class:"mord mathnormal"},"L")])]),s("span",{style:{top:"-3.41em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3361em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.2222em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"},"eff ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3361em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"},"eff ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-1.7em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"P"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord"},"∣∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.2em"}},[s("span")])])])])])])])])])])])])],-1),b=s("h3",{id:"_8-6-特性時間",tabindex:"-1"},[a("8.6: 特性時間 "),s("a",{class:"header-anchor",href:"#_8-6-特性時間","aria-label":'Permalink to "8.6: 特性時間"'},"​")],-1),k=s("ol",{start:"6"},[s("li",null,[a("特性時間: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"τ"),s("mrow",null,[s("mi",null,"R"),s("mi",null,"C")])]),s("mo",null,"="),s("mi",null,"R"),s("mi",null,"C"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"τ"),s("mrow",null,[s("mi",null,"L"),s("mi",null,"R")])]),s("mo",null,"="),s("mi",null,"L"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R"),s("mi",{mathvariant:"normal"},"."),s("msub",null,[s("mi",null,"ω"),s("mrow",null,[s("mi",null,"L"),s("mi",null,"C")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\tau_{R C}=R C, \\tau_{L R}=L / R . \\omega_{L C}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1132em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"RC")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"RC"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1132em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"L"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.00773em"}},"R")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"L"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mord"},"."),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"L"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("msqrt",null,[s("mrow",null,[s("mi",null,"L"),s("mi",null,"C")])])]),s("annotation",{encoding:"application/x-tex"},"1 / \\sqrt{L C}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1767em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9267em"}},[s("span",{class:"svg-align",style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{"padding-left":"0.833em"}},[s("span",{class:"mord mathnormal"},"L"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C")])]),s("span",{style:{top:"-2.8867em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"hide-tail",style:{"min-width":"0.853em",height:"1.08em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.08em",viewBox:"0 0 400000 1080",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M95,702
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const F=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 8","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/8.md","filePath":"academic/physics/ipho-formulas-jpn/8.md","lastUpdated":1699051935000}'),p={name:"academic/physics/ipho-formulas-jpn/8.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-8",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 8 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-8","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 8"'},"​")],-1),h=s("h2",{id:"_8-電気回路",tabindex:"-1"},[a("8: 電気回路 "),s("a",{class:"header-anchor",href:"#_8-電気回路","aria-label":'Permalink to "8: 電気回路"'},"​")],-1),o=s("h3",{id:"_8-1-v-i-r-p-v-i",tabindex:"-1"},[a("8.1: V=I R, P=V I "),s("a",{class:"header-anchor",href:"#_8-1-v-i-r-p-v-i","aria-label":'Permalink to "8.1: V=I R, P=V I"'},"​")],-1),g=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"V"),s("mo",null,"="),s("mi",null,"I"),s("mi",null,"R"),s("mo",{separator:"true"},","),s("mi",null,"P"),s("mo",null,"="),s("mi",null,"V"),s("mi",null,"I")]),s("annotation",{encoding:"application/x-tex"},"V=I R, P=V I")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"P"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"R"),s("mtext",null,"直列 ")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"R"),s("mi",null,"i")]),s("mo",{separator:"true"},","),s("msubsup",null,[s("mi",null,"R"),s("mtext",null,"並列 "),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"="),s("mo",null,"∑"),s("msubsup",null,[s("mi",null,"R"),s("mi",null,"i"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])]),s("annotation",{encoding:"application/x-tex"},"R_{\\text {直列 }}=\\sum R_i, R_{\\text {並列 }}^{-1}=\\sum R_i^{-1} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord cjk_fallback mtight"},"直列"),s("span",{class:"mord mtight"}," ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.4163em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord cjk_fallback mtight"},"並列"),s("span",{class:"mord mtight"}," ")])])])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2837em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.433em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.267em"}},[s("span")])])])])])])])])])])])],-1),u=s("h3",{id:"_8-2-kirchhoff-の法則",tabindex:"-1"},[a("8.2: Kirchhoff の法則 "),s("a",{class:"header-anchor",href:"#_8-2-kirchhoff-の法則","aria-label":'Permalink to "8.2: Kirchhoff の法則"'},"​")],-1),d=s("ol",{start:"2"},[s("li",null,[a("Kirchhoff の法則 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("munder",null,[s("mo",null,"∑"),s("mstyle",{scriptlevel:"1"},[s("mtable",{rowspacing:"0.1em",columnalign:"center",columnspacing:"1em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"1",displaystyle:"false"},[s("mtext",null," 節点 ")])])])])])]),s("mi",null,"I"),s("mo",null,"="),s("mn",null,"0"),s("mo",{separator:"true"},","),s("munder",null,[s("mo",null,"∑"),s("mtext",null,"閉路 ")]),s("mi",null,"V"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\sum_{\\substack{\\text { 節点 }}} I=0, \\sum_{\\text {閉路 }} V=0 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4703em","vertical-align":"-1.4203em"}}),s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.05em"}},[s("span",{style:{top:"-1.8568em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6817em"}},[s("span",{style:{top:"-2.6983em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"}," "),s("span",{class:"mord cjk_fallback mtight"},"節点"),s("span",{class:"mord mtight"}," ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1817em"}},[s("span")])])])])])])])])]),s("span",{style:{top:"-3.05em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",null,[s("span",{class:"mop op-symbol large-op"},"∑")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.4203em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.3443em","vertical-align":"-1.2943em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.05em"}},[s("span",{style:{top:"-1.8557em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord cjk_fallback mtight"},"閉路"),s("span",{class:"mord mtight"}," ")])])])]),s("span",{style:{top:"-3.05em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",null,[s("span",{class:"mop op-symbol large-op"},"∑")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2943em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])])])])])],-1),y=s("h3",{id:"_8-3-ポイント-2-の方程式を減らすために",tabindex:"-1"},[a("8.3: ポイント 2 の方程式を減らすために "),s("a",{class:"header-anchor",href:"#_8-3-ポイント-2-の方程式を減らすために","aria-label":'Permalink to "8.3: ポイント 2 の方程式を減らすために"'},"​")],-1),v=s("ol",{start:"3"},[s("li",null,[a("ポイント 2 の方程式を減らすために: 節点電位法. ルー プ電流法. 等価回路 (3 端子の場合 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"⇒"),s("mi",{mathvariant:"normal"},"△"),s("mtext",null,"又")]),s("annotation",{encoding:"application/x-tex"},"\\Rightarrow \\triangle 又")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"⇒"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"△"),s("span",{class:"mord cjk_fallback"},"又")])])]),a(" 又 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"Y")]),s("annotation",{encoding:"application/x-tex"},"Y")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"Y")])])]),a(" の形, 起電力のある 2 端子の場合 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"⇒")]),s("annotation",{encoding:"application/x-tex"},"\\Rightarrow")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"⇒")])])]),a(" 抵抗と電池の直列)")])],-1),x=r('
8.4: 無限につながる抵抗 ​
  1. 無限につながる抵抗 : 無限に続く格子の隣り合う節点 間で，自己相似性を使う。鏡像法の一般化された方法.
8.5: 交流回路 ​
',3),w=s("ol",{start:"5"},[s("li",null,[a("交流回路: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"R")]),s("annotation",{encoding:"application/x-tex"},"R")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),a(" を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"Z")]),s("annotation",{encoding:"application/x-tex"},"Z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z")])])]),a(" に置き換えてポイント "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"∼"),s("mn",null,"4")]),s("annotation",{encoding:"application/x-tex"},"1 \\sim 4")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∼"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"4")])])]),a(" を用 いる."),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("msub",null,[s("mi",null,"Z"),s("mi",null,"R")]),s("mo",null,"="),s("mi",null,"R"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"Z"),s("mi",null,"C")]),s("mo",null,"="),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"i"),s("mi",null,"ω"),s("mi",null,"C"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"Z"),s("mi",null,"L")]),s("mo",null,"="),s("mi",null,"i"),s("mi",null,"ω"),s("mi",null,"L")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"φ"),s("mo",null,"="),s("mi",null,"arg"),s("mo",null,"⁡"),s("mi",null,"Z"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"V"),s("mtext",null,"eff ")]),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"Z"),s("mi",{mathvariant:"normal"},"∣"),s("msub",null,[s("mi",null,"I"),s("mtext",null,"eff ")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"P"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"V"),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"I"),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"arg"),s("mo",null,"⁡"),s("mi",null,"Z"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mo",null,"∑"),s("msubsup",null,[s("mi",null,"I"),s("mi",null,"i"),s("mn",null,"2")]),s("msub",null,[s("mi",null,"R"),s("mi",null,"i")])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} Z_R=R, Z_C=1 / i \\omega C, Z_L=i \\omega L \\\\ \\varphi=\\arg Z, V_{\\text {eff }}=|Z| I_{\\text {eff }} \\\\ P=|V||I| \\cos (\\arg Z)=\\sum I_i^2 R_i \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"4.9em","vertical-align":"-2.2em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.7em"}},[s("span",{style:{top:"-4.91em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"iω"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"L")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"iω"),s("span",{class:"mord mathnormal"},"L")])]),s("span",{style:{top:"-3.41em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3361em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.2222em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"},"eff ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3361em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"},"eff ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-1.7em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"P"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord"},"∣∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.2em"}},[s("span")])])])])])])])])])])])])],-1),b=s("h3",{id:"_8-6-特性時間",tabindex:"-1"},[a("8.6: 特性時間 "),s("a",{class:"header-anchor",href:"#_8-6-特性時間","aria-label":'Permalink to "8.6: 特性時間"'},"​")],-1),k=s("ol",{start:"6"},[s("li",null,[a("特性時間: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"τ"),s("mrow",null,[s("mi",null,"R"),s("mi",null,"C")])]),s("mo",null,"="),s("mi",null,"R"),s("mi",null,"C"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"τ"),s("mrow",null,[s("mi",null,"L"),s("mi",null,"R")])]),s("mo",null,"="),s("mi",null,"L"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R"),s("mi",{mathvariant:"normal"},"."),s("msub",null,[s("mi",null,"ω"),s("mrow",null,[s("mi",null,"L"),s("mi",null,"C")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\tau_{R C}=R C, \\tau_{L R}=L / R . \\omega_{L C}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1132em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"RC")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"RC"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1132em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"L"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.00773em"}},"R")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"L"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mord"},"."),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"L"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("msqrt",null,[s("mrow",null,[s("mi",null,"L"),s("mi",null,"C")])])]),s("annotation",{encoding:"application/x-tex"},"1 / \\sqrt{L C}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1767em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9267em"}},[s("span",{class:"svg-align",style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{"padding-left":"0.833em"}},[s("span",{class:"mord mathnormal"},"L"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C")])]),s("span",{style:{top:"-2.8867em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"hide-tail",style:{"min-width":"0.853em",height:"1.08em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.08em",viewBox:"0 0 400000 1080",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M95,702
 c-2.7,0,-7.17,-2.7,-13.5,-8c-5.8,-5.3,-9.5,-10,-9.5,-14
 c0,-2,0.3,-3.3,1,-4c1.3,-2.7,23.83,-20.7,67.5,-54
 c44.2,-33.3,65.8,-50.3,66.5,-51c1.3,-1.3,3,-2,5,-2c4.7,0,8.7,3.3,12,10
diff --git a/assets/academic_physics_ipho-formulas-jpn_8.md.f1df91b7.lean.js b/assets/academic_physics_ipho-formulas-jpn_8.md.f05c02fb.lean.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_8.md.f1df91b7.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_8.md.f05c02fb.lean.js
index d3d4f517..1c70c580 100644
--- a/assets/academic_physics_ipho-formulas-jpn_8.md.f1df91b7.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_8.md.f05c02fb.lean.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const F=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 8","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/8.md","filePath":"academic/physics/ipho-formulas-jpn/8.md","lastUpdated":1695377563000}'),p={name:"academic/physics/ipho-formulas-jpn/8.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-8",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 8 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-8","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 8"'},"​")],-1),h=s("h2",{id:"_8-電気回路",tabindex:"-1"},[a("8: 電気回路 "),s("a",{class:"header-anchor",href:"#_8-電気回路","aria-label":'Permalink to "8: 電気回路"'},"​")],-1),o=s("h3",{id:"_8-1-v-i-r-p-v-i",tabindex:"-1"},[a("8.1: V=I R, P=V I "),s("a",{class:"header-anchor",href:"#_8-1-v-i-r-p-v-i","aria-label":'Permalink to "8.1: V=I R, P=V I"'},"​")],-1),g=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"V"),s("mo",null,"="),s("mi",null,"I"),s("mi",null,"R"),s("mo",{separator:"true"},","),s("mi",null,"P"),s("mo",null,"="),s("mi",null,"V"),s("mi",null,"I")]),s("annotation",{encoding:"application/x-tex"},"V=I R, P=V I")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"P"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"R"),s("mtext",null,"直列 ")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"R"),s("mi",null,"i")]),s("mo",{separator:"true"},","),s("msubsup",null,[s("mi",null,"R"),s("mtext",null,"並列 "),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"="),s("mo",null,"∑"),s("msubsup",null,[s("mi",null,"R"),s("mi",null,"i"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])]),s("annotation",{encoding:"application/x-tex"},"R_{\\text {直列 }}=\\sum R_i, R_{\\text {並列 }}^{-1}=\\sum R_i^{-1} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord cjk_fallback mtight"},"直列"),s("span",{class:"mord mtight"}," ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.4163em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord cjk_fallback mtight"},"並列"),s("span",{class:"mord mtight"}," ")])])])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2837em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.433em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.267em"}},[s("span")])])])])])])])])])])])],-1),u=s("h3",{id:"_8-2-kirchhoff-の法則",tabindex:"-1"},[a("8.2: Kirchhoff の法則 "),s("a",{class:"header-anchor",href:"#_8-2-kirchhoff-の法則","aria-label":'Permalink to "8.2: Kirchhoff の法則"'},"​")],-1),d=s("ol",{start:"2"},[s("li",null,[a("Kirchhoff の法則 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("munder",null,[s("mo",null,"∑"),s("mstyle",{scriptlevel:"1"},[s("mtable",{rowspacing:"0.1em",columnalign:"center",columnspacing:"1em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"1",displaystyle:"false"},[s("mtext",null," 節点 ")])])])])])]),s("mi",null,"I"),s("mo",null,"="),s("mn",null,"0"),s("mo",{separator:"true"},","),s("munder",null,[s("mo",null,"∑"),s("mtext",null,"閉路 ")]),s("mi",null,"V"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\sum_{\\substack{\\text { 節点 }}} I=0, \\sum_{\\text {閉路 }} V=0 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4703em","vertical-align":"-1.4203em"}}),s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.05em"}},[s("span",{style:{top:"-1.8568em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6817em"}},[s("span",{style:{top:"-2.6983em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"}," "),s("span",{class:"mord cjk_fallback mtight"},"節点"),s("span",{class:"mord mtight"}," ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1817em"}},[s("span")])])])])])])])])]),s("span",{style:{top:"-3.05em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",null,[s("span",{class:"mop op-symbol large-op"},"∑")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.4203em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.3443em","vertical-align":"-1.2943em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.05em"}},[s("span",{style:{top:"-1.8557em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord cjk_fallback mtight"},"閉路"),s("span",{class:"mord mtight"}," ")])])])]),s("span",{style:{top:"-3.05em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",null,[s("span",{class:"mop op-symbol large-op"},"∑")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2943em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])])])])])],-1),y=s("h3",{id:"_8-3-ポイント-2-の方程式を減らすために",tabindex:"-1"},[a("8.3: ポイント 2 の方程式を減らすために "),s("a",{class:"header-anchor",href:"#_8-3-ポイント-2-の方程式を減らすために","aria-label":'Permalink to "8.3: ポイント 2 の方程式を減らすために"'},"​")],-1),v=s("ol",{start:"3"},[s("li",null,[a("ポイント 2 の方程式を減らすために: 節点電位法. ルー プ電流法. 等価回路 (3 端子の場合 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"⇒"),s("mi",{mathvariant:"normal"},"△"),s("mtext",null,"又")]),s("annotation",{encoding:"application/x-tex"},"\\Rightarrow \\triangle 又")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"⇒"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"△"),s("span",{class:"mord cjk_fallback"},"又")])])]),a(" 又 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"Y")]),s("annotation",{encoding:"application/x-tex"},"Y")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"Y")])])]),a(" の形, 起電力のある 2 端子の場合 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"⇒")]),s("annotation",{encoding:"application/x-tex"},"\\Rightarrow")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"⇒")])])]),a(" 抵抗と電池の直列)")])],-1),x=r("",3),w=s("ol",{start:"5"},[s("li",null,[a("交流回路: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"R")]),s("annotation",{encoding:"application/x-tex"},"R")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),a(" を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"Z")]),s("annotation",{encoding:"application/x-tex"},"Z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z")])])]),a(" に置き換えてポイント "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"∼"),s("mn",null,"4")]),s("annotation",{encoding:"application/x-tex"},"1 \\sim 4")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∼"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"4")])])]),a(" を用 いる."),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("msub",null,[s("mi",null,"Z"),s("mi",null,"R")]),s("mo",null,"="),s("mi",null,"R"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"Z"),s("mi",null,"C")]),s("mo",null,"="),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"i"),s("mi",null,"ω"),s("mi",null,"C"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"Z"),s("mi",null,"L")]),s("mo",null,"="),s("mi",null,"i"),s("mi",null,"ω"),s("mi",null,"L")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"φ"),s("mo",null,"="),s("mi",null,"arg"),s("mo",null,"⁡"),s("mi",null,"Z"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"V"),s("mtext",null,"eff ")]),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"Z"),s("mi",{mathvariant:"normal"},"∣"),s("msub",null,[s("mi",null,"I"),s("mtext",null,"eff ")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"P"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"V"),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"I"),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"arg"),s("mo",null,"⁡"),s("mi",null,"Z"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mo",null,"∑"),s("msubsup",null,[s("mi",null,"I"),s("mi",null,"i"),s("mn",null,"2")]),s("msub",null,[s("mi",null,"R"),s("mi",null,"i")])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} Z_R=R, Z_C=1 / i \\omega C, Z_L=i \\omega L \\\\ \\varphi=\\arg Z, V_{\\text {eff }}=|Z| I_{\\text {eff }} \\\\ P=|V||I| \\cos (\\arg Z)=\\sum I_i^2 R_i \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"4.9em","vertical-align":"-2.2em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.7em"}},[s("span",{style:{top:"-4.91em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"iω"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"L")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"iω"),s("span",{class:"mord mathnormal"},"L")])]),s("span",{style:{top:"-3.41em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3361em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.2222em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"},"eff ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3361em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"},"eff ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-1.7em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"P"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord"},"∣∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.2em"}},[s("span")])])])])])])])])])])])])],-1),b=s("h3",{id:"_8-6-特性時間",tabindex:"-1"},[a("8.6: 特性時間 "),s("a",{class:"header-anchor",href:"#_8-6-特性時間","aria-label":'Permalink to "8.6: 特性時間"'},"​")],-1),k=s("ol",{start:"6"},[s("li",null,[a("特性時間: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"τ"),s("mrow",null,[s("mi",null,"R"),s("mi",null,"C")])]),s("mo",null,"="),s("mi",null,"R"),s("mi",null,"C"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"τ"),s("mrow",null,[s("mi",null,"L"),s("mi",null,"R")])]),s("mo",null,"="),s("mi",null,"L"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R"),s("mi",{mathvariant:"normal"},"."),s("msub",null,[s("mi",null,"ω"),s("mrow",null,[s("mi",null,"L"),s("mi",null,"C")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\tau_{R C}=R C, \\tau_{L R}=L / R . \\omega_{L C}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1132em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"RC")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"RC"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1132em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"L"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.00773em"}},"R")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"L"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mord"},"."),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"L"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("msqrt",null,[s("mrow",null,[s("mi",null,"L"),s("mi",null,"C")])])]),s("annotation",{encoding:"application/x-tex"},"1 / \\sqrt{L C}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1767em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9267em"}},[s("span",{class:"svg-align",style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{"padding-left":"0.833em"}},[s("span",{class:"mord mathnormal"},"L"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C")])]),s("span",{style:{top:"-2.8867em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"hide-tail",style:{"min-width":"0.853em",height:"1.08em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.08em",viewBox:"0 0 400000 1080",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M95,702
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as m,c as e,H as i,k as s,a,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const F=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 8","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/8.md","filePath":"academic/physics/ipho-formulas-jpn/8.md","lastUpdated":1699051935000}'),p={name:"academic/physics/ipho-formulas-jpn/8.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-8",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 8 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-8","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 8"'},"​")],-1),h=s("h2",{id:"_8-電気回路",tabindex:"-1"},[a("8: 電気回路 "),s("a",{class:"header-anchor",href:"#_8-電気回路","aria-label":'Permalink to "8: 電気回路"'},"​")],-1),o=s("h3",{id:"_8-1-v-i-r-p-v-i",tabindex:"-1"},[a("8.1: V=I R, P=V I "),s("a",{class:"header-anchor",href:"#_8-1-v-i-r-p-v-i","aria-label":'Permalink to "8.1: V=I R, P=V I"'},"​")],-1),g=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"V"),s("mo",null,"="),s("mi",null,"I"),s("mi",null,"R"),s("mo",{separator:"true"},","),s("mi",null,"P"),s("mo",null,"="),s("mi",null,"V"),s("mi",null,"I")]),s("annotation",{encoding:"application/x-tex"},"V=I R, P=V I")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"P"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"R"),s("mtext",null,"直列 ")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"R"),s("mi",null,"i")]),s("mo",{separator:"true"},","),s("msubsup",null,[s("mi",null,"R"),s("mtext",null,"並列 "),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"="),s("mo",null,"∑"),s("msubsup",null,[s("mi",null,"R"),s("mi",null,"i"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])]),s("annotation",{encoding:"application/x-tex"},"R_{\\text {直列 }}=\\sum R_i, R_{\\text {並列 }}^{-1}=\\sum R_i^{-1} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8333em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord cjk_fallback mtight"},"直列"),s("span",{class:"mord mtight"}," ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.4163em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord cjk_fallback mtight"},"並列"),s("span",{class:"mord mtight"}," ")])])])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2837em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.433em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.267em"}},[s("span")])])])])])])])])])])])],-1),u=s("h3",{id:"_8-2-kirchhoff-の法則",tabindex:"-1"},[a("8.2: Kirchhoff の法則 "),s("a",{class:"header-anchor",href:"#_8-2-kirchhoff-の法則","aria-label":'Permalink to "8.2: Kirchhoff の法則"'},"​")],-1),d=s("ol",{start:"2"},[s("li",null,[a("Kirchhoff の法則 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("munder",null,[s("mo",null,"∑"),s("mstyle",{scriptlevel:"1"},[s("mtable",{rowspacing:"0.1em",columnalign:"center",columnspacing:"1em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"1",displaystyle:"false"},[s("mtext",null," 節点 ")])])])])])]),s("mi",null,"I"),s("mo",null,"="),s("mn",null,"0"),s("mo",{separator:"true"},","),s("munder",null,[s("mo",null,"∑"),s("mtext",null,"閉路 ")]),s("mi",null,"V"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\sum_{\\substack{\\text { 節点 }}} I=0, \\sum_{\\text {閉路 }} V=0 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4703em","vertical-align":"-1.4203em"}}),s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.05em"}},[s("span",{style:{top:"-1.8568em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6817em"}},[s("span",{style:{top:"-2.6983em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"}," "),s("span",{class:"mord cjk_fallback mtight"},"節点"),s("span",{class:"mord mtight"}," ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1817em"}},[s("span")])])])])])])])])]),s("span",{style:{top:"-3.05em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",null,[s("span",{class:"mop op-symbol large-op"},"∑")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.4203em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.3443em","vertical-align":"-1.2943em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.05em"}},[s("span",{style:{top:"-1.8557em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord cjk_fallback mtight"},"閉路"),s("span",{class:"mord mtight"}," ")])])])]),s("span",{style:{top:"-3.05em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",null,[s("span",{class:"mop op-symbol large-op"},"∑")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2943em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])])])])])],-1),y=s("h3",{id:"_8-3-ポイント-2-の方程式を減らすために",tabindex:"-1"},[a("8.3: ポイント 2 の方程式を減らすために "),s("a",{class:"header-anchor",href:"#_8-3-ポイント-2-の方程式を減らすために","aria-label":'Permalink to "8.3: ポイント 2 の方程式を減らすために"'},"​")],-1),v=s("ol",{start:"3"},[s("li",null,[a("ポイント 2 の方程式を減らすために: 節点電位法. ルー プ電流法. 等価回路 (3 端子の場合 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"⇒"),s("mi",{mathvariant:"normal"},"△"),s("mtext",null,"又")]),s("annotation",{encoding:"application/x-tex"},"\\Rightarrow \\triangle 又")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"⇒"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"△"),s("span",{class:"mord cjk_fallback"},"又")])])]),a(" 又 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"Y")]),s("annotation",{encoding:"application/x-tex"},"Y")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"Y")])])]),a(" の形, 起電力のある 2 端子の場合 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"⇒")]),s("annotation",{encoding:"application/x-tex"},"\\Rightarrow")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.3669em"}}),s("span",{class:"mrel"},"⇒")])])]),a(" 抵抗と電池の直列)")])],-1),x=r("",3),w=s("ol",{start:"5"},[s("li",null,[a("交流回路: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"R")]),s("annotation",{encoding:"application/x-tex"},"R")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),a(" を "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"Z")]),s("annotation",{encoding:"application/x-tex"},"Z")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z")])])]),a(" に置き換えてポイント "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("mo",null,"∼"),s("mn",null,"4")]),s("annotation",{encoding:"application/x-tex"},"1 \\sim 4")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∼"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"4")])])]),a(" を用 いる."),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mtable",{rowspacing:"0.25em",columnalign:"center",columnspacing:"0em"},[s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("msub",null,[s("mi",null,"Z"),s("mi",null,"R")]),s("mo",null,"="),s("mi",null,"R"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"Z"),s("mi",null,"C")]),s("mo",null,"="),s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"i"),s("mi",null,"ω"),s("mi",null,"C"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"Z"),s("mi",null,"L")]),s("mo",null,"="),s("mi",null,"i"),s("mi",null,"ω"),s("mi",null,"L")])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"φ"),s("mo",null,"="),s("mi",null,"arg"),s("mo",null,"⁡"),s("mi",null,"Z"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"V"),s("mtext",null,"eff ")]),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"Z"),s("mi",{mathvariant:"normal"},"∣"),s("msub",null,[s("mi",null,"I"),s("mtext",null,"eff ")])])])])]),s("mtr",null,[s("mtd",null,[s("mstyle",{scriptlevel:"0",displaystyle:"true"},[s("mrow",null,[s("mi",null,"P"),s("mo",null,"="),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"V"),s("mi",{mathvariant:"normal"},"∣"),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"I"),s("mi",{mathvariant:"normal"},"∣"),s("mi",null,"cos"),s("mo",null,"⁡"),s("mo",{stretchy:"false"},"("),s("mi",null,"arg"),s("mo",null,"⁡"),s("mi",null,"Z"),s("mo",{stretchy:"false"},")"),s("mo",null,"="),s("mo",null,"∑"),s("msubsup",null,[s("mi",null,"I"),s("mi",null,"i"),s("mn",null,"2")]),s("msub",null,[s("mi",null,"R"),s("mi",null,"i")])])])])])]),s("annotation",{encoding:"application/x-tex"},"\\begin{gathered} Z_R=R, Z_C=1 / i \\omega C, Z_L=i \\omega L \\\\ \\varphi=\\arg Z, V_{\\text {eff }}=|Z| I_{\\text {eff }} \\\\ P=|V||I| \\cos (\\arg Z)=\\sum I_i^2 R_i \\end{gathered} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"4.9em","vertical-align":"-2.2em"}}),s("span",{class:"mord"},[s("span",{class:"mtable"},[s("span",{class:"col-align-c"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.7em"}},[s("span",{style:{top:"-4.91em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"iω"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0715em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"L")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"iω"),s("span",{class:"mord mathnormal"},"L")])]),s("span",{style:{top:"-3.41em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3361em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.2222em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"},"eff ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"mord"},"∣"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3361em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord text mtight"},[s("span",{class:"mord mtight"},"eff ")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])]),s("span",{style:{top:"-1.7em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"P"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},"∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V"),s("span",{class:"mord"},"∣∣"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},"∣"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop"},"cos"),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[a("ar"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"Z"),s("span",{class:"mclose"},")"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8641em"}},[s("span",{style:{top:"-2.453em","margin-left":"-0.0785em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])]),s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.247em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0077em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"2.2em"}},[s("span")])])])])])])])])])])])])],-1),b=s("h3",{id:"_8-6-特性時間",tabindex:"-1"},[a("8.6: 特性時間 "),s("a",{class:"header-anchor",href:"#_8-6-特性時間","aria-label":'Permalink to "8.6: 特性時間"'},"​")],-1),k=s("ol",{start:"6"},[s("li",null,[a("特性時間: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"τ"),s("mrow",null,[s("mi",null,"R"),s("mi",null,"C")])]),s("mo",null,"="),s("mi",null,"R"),s("mi",null,"C"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",null,"τ"),s("mrow",null,[s("mi",null,"L"),s("mi",null,"R")])]),s("mo",null,"="),s("mi",null,"L"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R"),s("mi",{mathvariant:"normal"},"."),s("msub",null,[s("mi",null,"ω"),s("mrow",null,[s("mi",null,"L"),s("mi",null,"C")])]),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"\\tau_{R C}=R C, \\tau_{L R}=L / R . \\omega_{L C}=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1132em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"RC")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"RC"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.1132em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"L"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.00773em"}},"R")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"L"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mord"},"."),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3283em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"L"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07153em"}},"C")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("mi",{mathvariant:"normal"},"/"),s("msqrt",null,[s("mrow",null,[s("mi",null,"L"),s("mi",null,"C")])])]),s("annotation",{encoding:"application/x-tex"},"1 / \\sqrt{L C}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1767em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1/"),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9267em"}},[s("span",{class:"svg-align",style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{"padding-left":"0.833em"}},[s("span",{class:"mord mathnormal"},"L"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C")])]),s("span",{style:{top:"-2.8867em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"hide-tail",style:{"min-width":"0.853em",height:"1.08em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.08em",viewBox:"0 0 400000 1080",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M95,702
 c-2.7,0,-7.17,-2.7,-13.5,-8c-5.8,-5.3,-9.5,-10,-9.5,-14
 c0,-2,0.3,-3.3,1,-4c1.3,-2.7,23.83,-20.7,67.5,-54
 c44.2,-33.3,65.8,-50.3,66.5,-51c1.3,-1.3,3,-2,5,-2c4.7,0,8.7,3.3,12,10
diff --git a/assets/academic_physics_ipho-formulas-jpn_9.md.da4d857a.js b/assets/academic_physics_ipho-formulas-jpn_9.md.083302ab.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_9.md.da4d857a.js
rename to assets/academic_physics_ipho-formulas-jpn_9.md.083302ab.js
index 0376888b..840dcdbc 100644
--- a/assets/academic_physics_ipho-formulas-jpn_9.md.da4d857a.js
+++ b/assets/academic_physics_ipho-formulas-jpn_9.md.083302ab.js
@@ -1 +1 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,o as e,c as i,H as r,k as s,a,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const ns=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 9","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/9.md","filePath":"academic/physics/ipho-formulas-jpn/9.md","lastUpdated":1695377563000}'),p={name:"academic/physics/ipho-formulas-jpn/9.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-9",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 9 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-9","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 9"'},"​")],-1),h=s("h2",{id:"_9-電磁気学",tabindex:"-1"},[a("9: 電磁気学 "),s("a",{class:"header-anchor",href:"#_9-電磁気学","aria-label":'Permalink to "9: 電磁気学"'},"​")],-1),o=s("h3",{id:"_9-1-coulomb-の法則",tabindex:"-1"},[a("9.1: Coulomb の法則 "),s("a",{class:"header-anchor",href:"#_9-1-coulomb-の法則","aria-label":'Permalink to "9.1: Coulomb の法則"'},"​")],-1),g=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",null,"="),s("mi",null,"k"),s("msub",null,[s("mi",null,"q"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"q"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"U"),s("mo",null,"="),s("mi",null,"k"),s("msub",null,[s("mi",null,"q"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"q"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"F=k q_1 q_2 / r^2, U=k q_1 q_2 / r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" で, Kepler の法則が 使える ("),s("a",{href:"./12"},"Section 12 参照"),a(").")])],-1),d=s("h3",{id:"_9-2-gauss-の法則",tabindex:"-1"},[a("9.2: Gauss の法則 "),s("a",{class:"header-anchor",href:"#_9-2-gauss-の法則","aria-label":'Permalink to "9.2: Gauss の法則"'},"​")],-1),u=s("ol",{start:"2"},[s("li",null,[s("p",null,[a("Gauss の法則 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∮"),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"S"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\oint \\boldsymbol{B} \\cdot \\mathrm{d} \\boldsymbol{S}=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1111em","vertical-align":"-0.3061em"}}),s("span",{class:"mop op-symbol small-op",style:{"margin-right":"0.19445em",position:"relative",top:"-0.0006em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05382em"}},"S")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(",")]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∮"),s("mi",null,"ε"),s("mi",{mathvariant:"bold-italic"},"E"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"S"),s("mo",null,"="),s("mi",null,"Q"),s("mo",{separator:"true"},","),s("mo",null,"∮"),s("mi",{mathvariant:"bold-italic"},"g"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"S"),s("mo",null,"="),s("mo",null,"−"),s("mn",null,"4"),s("mi",null,"π"),s("mi",null,"G"),s("mi",null,"M")]),s("annotation",{encoding:"application/x-tex"},"\\oint \\varepsilon \\boldsymbol{E} \\cdot \\mathrm{d} \\boldsymbol{S}=Q, \\oint \\boldsymbol{g} \\cdot \\mathrm{d} \\boldsymbol{S}=-4 \\pi G M ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2222em","vertical-align":"-0.8622em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05382em"}},"S")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2222em","vertical-align":"-0.8622em"}}),s("span",{class:"mord mathnormal"},"Q"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"g")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05382em"}},"S")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},"4"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM")])])])])])])],-1),y=s("h3",{id:"_9-3-循環定理",tabindex:"-1"},[a("9.3: 循環定理 "),s("a",{class:"header-anchor",href:"#_9-3-循環定理","aria-label":'Permalink to "9.3: 循環定理"'},"​")],-1),b=s("ol",{start:"3"},[s("li",null,[s("p",null,"循環定理 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∮"),s("mi",{mathvariant:"bold-italic"},"E"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"l"),s("mo",null,"="),s("mn",null,"0"),s("mo",{stretchy:"false"},"("),s("mo",null,"="),s("mover",{accent:"true"},[s("mi",{mathvariant:"normal"},"Φ"),s("mo",null,"˙")]),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mo",null,"∮"),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"B"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"l")]),s("mi",null,"μ")]),s("mo",null,"="),s("mi",null,"I"),s("mo",{separator:"true"},","),s("mo",null,"∮"),s("mi",{mathvariant:"bold-italic"},"g"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"l"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\oint \\boldsymbol{E} \\cdot \\mathrm{d} \\boldsymbol{l}=0(=\\dot{\\Phi}), \\oint \\frac{\\boldsymbol{B} \\cdot \\mathrm{d} \\boldsymbol{l}}{\\mu}=I, \\oint \\boldsymbol{g} \\cdot \\mathrm{d} \\boldsymbol{l}=0 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2222em","vertical-align":"-0.8622em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.0088em"}},"l")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mopen"},"("),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2519em","vertical-align":"-0.8804em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9202em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},"Φ")]),s("span",{style:{top:"-3.2523em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1389em"}},[s("span",{class:"mord"},"˙")])])])])])]),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"μ")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.0088em"}},"l")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8804em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2222em","vertical-align":"-0.8622em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"g")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.0088em"}},"l")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])])])])])],-1),v=s("h3",{id:"_9-4-電流素片により生じる磁束密度",tabindex:"-1"},[a("9.4: 電流素片により生じる磁束密度 "),s("a",{class:"header-anchor",href:"#_9-4-電流素片により生じる磁束密度","aria-label":'Permalink to "9.4: 電流素片により生じる磁束密度"'},"​")],-1),x=s("ol",{start:"4"},[s("li",null,[a("電流素片により生じる磁束密度 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"μ"),s("mi",null,"I")]),s("mrow",null,[s("mn",null,"4"),s("mi",null,"π")])]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"l"),s("mo",null,"×"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"r")])]),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")])]),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{d} \\boldsymbol{B}=\\frac{\\mu I}{4 \\pi} \\frac{\\mathrm{d} \\boldsymbol{l} \\times \\boldsymbol{e}_r}{r^2} . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0574em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3603em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"4"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.0088em"}},"l")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},".")])])])])]),a(" したがって電流 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I")]),s("annotation",{encoding:"application/x-tex"},"I")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),a(" が流れる円形回路の中心では "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",null,"μ"),s("mn",null,"0")]),s("mi",null,"I")]),s("mrow",null,[s("mn",null,"2"),s("mi",null,"r")])])]),s("annotation",{encoding:"application/x-tex"},"B=\\frac{\\mu_0 I}{2 r}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2694em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9244em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.4461em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"μ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(".")])],-1),w=s("h3",{id:"_9-5-ローレンツ力",tabindex:"-1"},[a("9.5: ローレンツ力 "),s("a",{class:"header-anchor",href:"#_9-5-ローレンツ力","aria-label":'Permalink to "9.5: ローレンツ力"'},"​")],-1),k=s("ol",{start:"5"},[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"F"),s("mo",null,"="),s("mi",null,"e"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"E"),s("mo",null,"+"),s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"F"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"I"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"B"),s("mi",null,"l")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{F}=e(\\boldsymbol{E}+\\boldsymbol{v} \\times \\boldsymbol{B}), \\boldsymbol{F}=\\boldsymbol{I} \\times \\boldsymbol{B} l")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"e"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7694em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.07778em"}},"I")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")])])]),a(".")])],-1),_=s("h3",{id:"_9-6-gauss-の定理と循環定理より",tabindex:"-1"},[a("9.6: Gauss の定理と循環定理より "),s("a",{class:"header-anchor",href:"#_9-6-gauss-の定理と循環定理より","aria-label":'Permalink to "9.6: Gauss の定理と循環定理より"'},"​")],-1),z=s("ol",{start:"6"},[s("li",null,[a("Gauss の定理と循環定理より：帯電した導線について "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"σ"),s("mrow",null,[s("mn",null,"2"),s("mi",null,"π"),s("msub",null,[s("mi",null,"ε"),s("mn",null,"0")]),s("mi",null,"r")])])]),s("annotation",{encoding:"application/x-tex"},"E=\\frac{\\sigma}{2 \\pi \\varepsilon_0 r}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1405em","vertical-align":"-0.4451em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"ε"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4451em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(", 電流が流れる導線について "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",null,"μ"),s("mn",null,"0")]),s("mi",null,"I")]),s("mrow",null,[s("mn",null,"2"),s("mi",null,"π"),s("mi",null,"r")])])]),s("annotation",{encoding:"application/x-tex"},"B=\\frac{\\mu_0 I}{2 \\pi r}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2694em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9244em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.4461em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"μ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(". 帯電した面について "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"σ"),s("mrow",null,[s("mn",null,"2"),s("msub",null,[s("mi",null,"ε"),s("mn",null,"0")])])])]),s("annotation",{encoding:"application/x-tex"},"E=\\frac{\\sigma}{2 \\varepsilon_0}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1405em","vertical-align":"-0.4451em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"ε"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4451em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(", 電流が流れる面につい て "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",null,"μ"),s("mn",null,"0")]),s("mi",null,"i")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"B=\\frac{\\mu_0 i}{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2528em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9078em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.4461em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"μ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight"},"i")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(". 一様に帯電した球殼（又は無限に長い円 筒）の内部で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"E=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(", 軸に沿って表面に電流が流れる 円筒の内部で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"B=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(". 密度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ρ")]),s("annotation",{encoding:"application/x-tex"},"\\rho")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ρ")])])]),a(" で一様に帯電, 又は一様 な電流 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"i")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{i}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6933em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"i")])])])])]),a(" が流れる, 球 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"d"),s("mo",null,"="),s("mn",null,"3"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/")]),s("annotation",{encoding:"application/x-tex"},"(d=3) /")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"3"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/")])])]),a(" 円柱 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"d"),s("mo",null,"−"),s("mn",null,"2"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/")]),s("annotation",{encoding:"application/x-tex"},"(d-2) /")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/")])])]),a(" 平面 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"d"),s("mo",null,"="),s("mn",null,"1"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(d=1)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},")")])])]),a(" の内部で,"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"E"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"ρ"),s("mrow",null,[s("mi",null,"ε"),s("mi",null,"d")])]),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mrow",null,[s("mi",null,"μ"),s("mi",null,"d")])]),s("mi",{mathvariant:"bold-italic"},"i"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"r")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{E}=\\frac{\\rho}{\\varepsilon d} \\boldsymbol{r}, \\boldsymbol{B}=\\frac{1}{\\mu d} \\boldsymbol{i} \\times \\boldsymbol{r} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.7936em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1076em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mord mathnormal"},"d")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ρ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2019em","vertical-align":"-0.8804em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord mathnormal"},"d")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8804em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"i")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])])])])])])])])],-1),f=s("h3",{id:"_9-7-長いソレノイド",tabindex:"-1"},[a("9.7: 長いソレノイド "),s("a",{class:"header-anchor",href:"#_9-7-長いソレノイド","aria-label":'Permalink to "9.7: 長いソレノイド"'},"​")],-1),M=s("ol",{start:"7"},[s("li",null,[a("長いソレノイド: 内部で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mi",null,"μ"),s("mi",null,"n"),s("mi",null,"I")]),s("annotation",{encoding:"application/x-tex"},"B=\\mu n I")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),a(", 外部で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"B=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(". 磁束 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ"),s("mo",null,"="),s("mi",null,"N"),s("mi",null,"B"),s("mi",null,"S"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"n"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"N"),s("mi",null,"l")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"\\Phi=N B S\\left(n=\\frac{N}{l}\\right)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2223em","vertical-align":"-0.35em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"NBS"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8723em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.01968em"}},"l")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"N")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])])])])]),a(". インダクタンス "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"L"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"L=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"I"),s("mo",null,"="),s("mi",null,"μ"),s("msup",null,[s("mi",null,"n"),s("mn",null,"2")]),s("mi",null,"V")]),s("annotation",{encoding:"application/x-tex"},"\\Phi / I=\\mu n^2 V")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"Φ/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0085em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V")])])]),a(". 短いソレノイド "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("msub",null,[s("mi",null,"B"),s("mi",{mathvariant:"normal"},"∥")]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"μ"),s("mi",null,"n"),s("mi",null,"I"),s("mi",{mathvariant:"normal"},"Ω")]),s("mrow",null,[s("mn",null,"4"),s("mi",null,"π")])]),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"Ω")]),s("annotation",{encoding:"application/x-tex"},": B_{\\|}=\\frac{\\mu n I \\Omega}{4 \\pi}(\\Omega")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0385em","vertical-align":"-0.3552em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3448em"}},[s("span",{style:{top:"-2.5198em","margin-left":"-0.0502em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"∥")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3552em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2694em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9244em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"π")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.4461em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"μ"),s("span",{class:"mord mathnormal mtight"},"n"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord mtight"},"Ω")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"Ω")])])]),a(" は 立体角).")])],-1),B=s("h3",{id:"_9-8-磁場を小型コイルや衝撃検流計で測定する",tabindex:"-1"},[a("9.8: 磁場を小型コイルや衝撃検流計で測定する "),s("a",{class:"header-anchor",href:"#_9-8-磁場を小型コイルや衝撃検流計で測定する","aria-label":'Permalink to "9.8: 磁場を小型コイルや衝撃検流計で測定する"'},"​")],-1),L=s("ol",{start:"9"},[s("li",null,[a("磁場を小型コイルや衝撃検流計で測定する： "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"q"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"q=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∫"),s("mfrac",null,[s("mi",null,"V"),s("mi",null,"R")]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"t"),s("mo",null,"="),s("mi",null,"N"),s("mi",null,"S"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"B"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R")]),s("annotation",{encoding:"application/x-tex"},"\\int \\frac{V}{R} \\mathrm{~d} t=N S \\Delta B / R")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2173em","vertical-align":"-0.345em"}}),s("span",{class:"mop op-symbol small-op",style:{"margin-right":"0.19445em",position:"relative",top:"-0.0006em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8723em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.22222em"}},"V")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"NS"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),a(".")])],-1),q=s("h3",{id:"_9-9-静電場のエネルギー",tabindex:"-1"},[a("9.9: 静電場のエネルギー "),s("a",{class:"header-anchor",href:"#_9-9-静電場のエネルギー","aria-label":'Permalink to "9.9: 静電場のエネルギー"'},"​")],-1),I=s("ol",{start:"9"},[s("li",null,[a("静電場のエネルギー："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"U"),s("mo",null,"="),s("mi",null,"k"),s("munder",null,[s("mo",null,"∑"),s("mrow",null,[s("mi",null,"i"),s("mo",null,"<"),s("mi",null,"j")])]),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",null,"q"),s("mi",null,"i")]),s("msub",null,[s("mi",null,"q"),s("mi",null,"j")])]),s("msub",null,[s("mi",null,"r"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"j")])])]),s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mo",null,"∫"),s("mi",null,"ϕ"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"q"),s("mo",{separator:"true"},","),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"q"),s("mo",null,"="),s("mi",null,"ρ"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"V")]),s("annotation",{encoding:"application/x-tex"},"U=k \\sum_{i9.10: 一様に帯電した球面や円筒面の各部分の間に働く力 ​
  1. 一様に帯電した球面や円筒面の各部分の間に働く力 : 帯電による力を静水圧による力に置き換える.
9.11: 全ての電荷 ​
',3),S=s("ol",{start:"12"},[s("li",null,[a("全ての電荷が距離 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" にある場合（例えば，不均一に帯 電した球やリングの中心） "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ϕ"),s("mi",null,"ϕ"),s("mo",null,"="),s("mi",null,"k"),s("mi",null,"Q"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"\\phi \\phi=k Q / r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ϕϕ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord mathnormal"},"Q"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])])])],-1),E=l('
9.12: 外部電荷 ​
  1. 外部電荷によって引き起こされる正味の電荷（又は電 位）を求めるには, 電荷を「出現」させて問題を対称的 にし，重ね合わせの原理を用いる.
9.14: 導体 ​
',3),F=s("ol",{start:"14"},[s("li",null,[a("導体は電荷や電場を遮蔽する．例えば，中空の球体の 内部の電荷分布は外から見えない（あたかも "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"Q")]),s("annotation",{encoding:"application/x-tex"},"Q")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"Q")])])]),a(" という 電荷を持った導電性の球があるように見える).")])],-1),T=s("h3",{id:"_9-15-静電容量",tabindex:"-1"},[a("9.15: 静電容量 "),s("a",{class:"header-anchor",href:"#_9-15-静電容量","aria-label":'Permalink to "9.15: 静電容量"'},"​")],-1),V=s("ol",{start:"15"},[s("li",null,[a("静電容量: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"C"),s("mo",null,"="),s("mi",null,"ε"),s("mi",null,"S"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"C=\\varepsilon S / d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"εS"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d")])])]),a(" (平板), "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"4"),s("mi",null,"π"),s("mi",null,"ε"),s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"4 \\pi \\varepsilon r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"4"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" (球), "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"π"),s("mi",null,"ε"),s("mi",null,"l"),s("mo",{stretchy:"false"},"("),s("mi",null,"ln"),s("mo",null,"⁡"),s("mi",null,"R"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])]),s("annotation",{encoding:"application/x-tex"},"2 \\pi \\varepsilon l(\\ln R / r)^{-1}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"εl"),s("span",{class:"mopen"},"("),s("span",{class:"mop"},"ln"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])])]),a(" (同軸円筒).")])],-1),N=s("h3",{id:"_9-16-双極子モーメント",tabindex:"-1"},[a("9.16: 双極子モーメント "),s("a",{class:"header-anchor",href:"#_9-16-双極子モーメント","aria-label":'Permalink to "9.16: 双極子モーメント"'},"​")],-1),j=s("ol",{start:"16"},[s("li",null,[s("p",null,"双極子モーメント："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"p"),s("mi",null,"e")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"q"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"i")]),s("mo",null,"="),s("mi",null,"q"),s("mi",{mathvariant:"bold-italic"},"d"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"p"),s("mi",null,"μ")]),s("mo",null,"="),s("mi",null,"I"),s("mi",{mathvariant:"bold-italic"},"S")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{p}_e=\\sum q_i \\boldsymbol{r}_i=q \\boldsymbol{d}, \\boldsymbol{p}_\\mu=I \\boldsymbol{S} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6886em","vertical-align":"-0.2441em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.0573em"}},[s("span",{style:{top:"-2.4559em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"e")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2441em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0747em","vertical-align":"-0.3802em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"d")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.0573em"}},[s("span",{style:{top:"-2.4559em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"μ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3802em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05382em"}},"S")])])])])])])])])],-1),R=s("h3",{id:"_9-17-双極子場",tabindex:"-1"},[a("9.17: 双極子場 "),s("a",{class:"header-anchor",href:"#_9-17-双極子場","aria-label":'Permalink to "9.17: 双極子場"'},"​")],-1),C=s("ol",{start:"17"},[s("li",null,[a("双極子場 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ϕ"),s("mo",null,"="),s("mi",null,"k"),s("mi",{mathvariant:"bold-italic"},"p"),s("mo",null,"⋅"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"r")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"E"),s("mo",{separator:"true"},","),s("mi",null,"B"),s("mo",null,"∝"),s("msup",null,[s("mi",null,"r"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"3")])])]),s("annotation",{encoding:"application/x-tex"},"\\phi=k \\boldsymbol{p} \\cdot \\boldsymbol{e}_r / r^2, E, B \\propto r^{-3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"3")])])])])])])])])])])])])],-1),Q=s("h3",{id:"_9-18-双極子に働く力",tabindex:"-1"},[a("9.18: 双極子に働く力 "),s("a",{class:"header-anchor",href:"#_9-18-双極子に働く力","aria-label":'Permalink to "9.18: 双極子に働く力"'},"​")],-1),A=s("ol",{start:"19"},[s("li",null,[a("双極子に働く力 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",null,"="),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"p"),s("mi",null,"e")]),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"E"),s("mo",{fence:"true"},")")]),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",{separator:"true"},","),s("mi",null,"F"),s("mo",null,"="),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"p"),s("mi",null,"μ")]),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",{fence:"true"},")")]),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")])]),s("annotation",{encoding:"application/x-tex"},"F=\\left(\\boldsymbol{p}_e \\cdot \\boldsymbol{E}\\right)^{\\prime}, F=\\left(\\boldsymbol{p}_\\mu \\cdot \\boldsymbol{B}\\right)^{\\prime}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1418em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.0573em"}},[s("span",{style:{top:"-2.4559em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"e")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2441em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8918em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.372em","vertical-align":"-0.3802em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.0573em"}},[s("span",{style:{top:"-2.4559em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"μ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3802em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9918em"}},[s("span",{style:{top:"-3.3029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])])])])]),a(" [訳 者注 : ここの微分はむしろ "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"grad"),s("mo",null,"⁡")]),s("annotation",{encoding:"application/x-tex"},"\\operatorname{grad}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"grad")])])])]),a(" である]. 2 つの双極 子間の相互作用 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("mi",null,"F"),s("mo",null,"∝"),s("msup",null,[s("mi",null,"r"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"4")])])]),s("annotation",{encoding:"application/x-tex"},": F \\propto r^{-4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"4")])])])])])])])])])])]),a(".")])],-1),G=s("h3",{id:"_9-19-磁気双極子としての点電荷",tabindex:"-1"},[a("9.19: 磁気双極子としての点電荷 "),s("a",{class:"header-anchor",href:"#_9-19-磁気双極子としての点電荷","aria-label":'Permalink to "9.19: 磁気双極子としての点電荷"'},"​")],-1),U=s("ol",{start:"19"},[s("li",null,[a("磁気双極子としての点電荷 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"p"),s("mi",null,"μ")]),s("mo",null,"∝"),s("mi",{mathvariant:"normal"},"Φ"),s("mo",null,"∝"),s("msubsup",null,[s("mi",null,"v"),s("mo",{lspace:"0em",rspace:"0em"},"⊥"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"p_\\mu \\propto \\Phi \\propto v_{\\perp}^2 / B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7167em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"μ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0972em","vertical-align":"-0.2831em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-2.4169em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"⊥")])])]),s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2831em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" は断熱 不変量 ("),s("a",{href:"./4#_4-22-断熱不変量"},"Section 4: #22"),a(" 参照).")])],-1),O=l('
9.20: 鏡像法 ​
  1. 鏡像法 : 接地された（磁石の場合は超電導の）平面が鏡 の役割をする. 接地された（又は孤立した）球体の場 は, 球体の内部にある 1 つ（又は 2 つ）の架空の電荷 のつくる場として求められる. 平面導波管（金属板の 間のスリット）内の場は, 電磁平面波の重ね合わせと して求められる.
9.21: 一様（電）場中の球 (円柱) の分極 ​
',3),D=s("ol",{start:"21"},[s("li",null,[a("一様（電）場中の球 (円柱) の分極 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mo",null,"+"),s("mi",null,"ρ")]),s("annotation",{encoding:"application/x-tex"},"(+\\rho")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"+"),s("span",{class:"mord mathnormal"},"ρ")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"−"),s("mi",null,"ρ")]),s("annotation",{encoding:"application/x-tex"},"-\\rho")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathnormal"},"ρ")])])]),a(" に一 様に帯電した球 (円柱) の重ね合わせで， "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d"),s("mo",null,"∝"),s("mi",null,"E")]),s("annotation",{encoding:"application/x-tex"},"d \\propto E")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E")])])]),a(".")])],-1),$=s("h3",{id:"_9-22-渦電流",tabindex:"-1"},[a("9.22: 渦電流 "),s("a",{class:"header-anchor",href:"#_9-22-渦電流","aria-label":'Permalink to "9.22: 渦電流"'},"​")],-1),H=s("ol",{start:"22"},[s("li",null,[a("渦電流: 電流損失密度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"≈"),s("msup",null,[s("mi",null,"B"),s("mn",null,"2")]),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"ρ"),s("mi",{mathvariant:"normal"},"."),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"\\approx B^2 v^2 / \\rho .1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4831em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"mord"},".1")])])]),a(" 回の通過で与え られる運動量 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mi",null,"τ"),s("mo",null,"≈"),s("msup",null,[s("mi",null,"B"),s("mn",null,"2")]),s("msup",null,[s("mi",null,"a"),s("mn",null,"3")]),s("mi",null,"d"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"ρ")]),s("annotation",{encoding:"application/x-tex"},"F \\tau \\approx B^2 a^3 d / \\rho")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])])])])])]),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"ρ")])])]),a(" (ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" は厚さ, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"a")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a")])])]),a(" は大きさ).")])],-1);function J(K,W,X,Y,Z,ss){const t=n;return e(),i("div",null,[c,r(t,{readTime:"4",words:"950"}),h,o,g,d,u,y,b,v,x,w,k,_,z,f,M,B,L,q,I,P,S,E,F,T,V,N,j,R,C,Q,A,G,U,O,D,$,H])}const ms=m(p,[["render",J]]);export{ns as __pageData,ms as default};
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,o as e,c as i,H as r,k as s,a,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const ns=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 9","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/9.md","filePath":"academic/physics/ipho-formulas-jpn/9.md","lastUpdated":1699051935000}'),p={name:"academic/physics/ipho-formulas-jpn/9.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-9",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 9 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-9","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 9"'},"​")],-1),h=s("h2",{id:"_9-電磁気学",tabindex:"-1"},[a("9: 電磁気学 "),s("a",{class:"header-anchor",href:"#_9-電磁気学","aria-label":'Permalink to "9: 電磁気学"'},"​")],-1),o=s("h3",{id:"_9-1-coulomb-の法則",tabindex:"-1"},[a("9.1: Coulomb の法則 "),s("a",{class:"header-anchor",href:"#_9-1-coulomb-の法則","aria-label":'Permalink to "9.1: Coulomb の法則"'},"​")],-1),g=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",null,"="),s("mi",null,"k"),s("msub",null,[s("mi",null,"q"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"q"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"U"),s("mo",null,"="),s("mi",null,"k"),s("msub",null,[s("mi",null,"q"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"q"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"F=k q_1 q_2 / r^2, U=k q_1 q_2 / r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" で, Kepler の法則が 使える ("),s("a",{href:"./12"},"Section 12 参照"),a(").")])],-1),d=s("h3",{id:"_9-2-gauss-の法則",tabindex:"-1"},[a("9.2: Gauss の法則 "),s("a",{class:"header-anchor",href:"#_9-2-gauss-の法則","aria-label":'Permalink to "9.2: Gauss の法則"'},"​")],-1),u=s("ol",{start:"2"},[s("li",null,[s("p",null,[a("Gauss の法則 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∮"),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"S"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\oint \\boldsymbol{B} \\cdot \\mathrm{d} \\boldsymbol{S}=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1111em","vertical-align":"-0.3061em"}}),s("span",{class:"mop op-symbol small-op",style:{"margin-right":"0.19445em",position:"relative",top:"-0.0006em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05382em"}},"S")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(",")]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∮"),s("mi",null,"ε"),s("mi",{mathvariant:"bold-italic"},"E"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"S"),s("mo",null,"="),s("mi",null,"Q"),s("mo",{separator:"true"},","),s("mo",null,"∮"),s("mi",{mathvariant:"bold-italic"},"g"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"S"),s("mo",null,"="),s("mo",null,"−"),s("mn",null,"4"),s("mi",null,"π"),s("mi",null,"G"),s("mi",null,"M")]),s("annotation",{encoding:"application/x-tex"},"\\oint \\varepsilon \\boldsymbol{E} \\cdot \\mathrm{d} \\boldsymbol{S}=Q, \\oint \\boldsymbol{g} \\cdot \\mathrm{d} \\boldsymbol{S}=-4 \\pi G M ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2222em","vertical-align":"-0.8622em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05382em"}},"S")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2222em","vertical-align":"-0.8622em"}}),s("span",{class:"mord mathnormal"},"Q"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"g")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05382em"}},"S")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},"4"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM")])])])])])])],-1),y=s("h3",{id:"_9-3-循環定理",tabindex:"-1"},[a("9.3: 循環定理 "),s("a",{class:"header-anchor",href:"#_9-3-循環定理","aria-label":'Permalink to "9.3: 循環定理"'},"​")],-1),b=s("ol",{start:"3"},[s("li",null,[s("p",null,"循環定理 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∮"),s("mi",{mathvariant:"bold-italic"},"E"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"l"),s("mo",null,"="),s("mn",null,"0"),s("mo",{stretchy:"false"},"("),s("mo",null,"="),s("mover",{accent:"true"},[s("mi",{mathvariant:"normal"},"Φ"),s("mo",null,"˙")]),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mo",null,"∮"),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"B"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"l")]),s("mi",null,"μ")]),s("mo",null,"="),s("mi",null,"I"),s("mo",{separator:"true"},","),s("mo",null,"∮"),s("mi",{mathvariant:"bold-italic"},"g"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"l"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\oint \\boldsymbol{E} \\cdot \\mathrm{d} \\boldsymbol{l}=0(=\\dot{\\Phi}), \\oint \\frac{\\boldsymbol{B} \\cdot \\mathrm{d} \\boldsymbol{l}}{\\mu}=I, \\oint \\boldsymbol{g} \\cdot \\mathrm{d} \\boldsymbol{l}=0 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2222em","vertical-align":"-0.8622em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.0088em"}},"l")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mopen"},"("),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2519em","vertical-align":"-0.8804em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9202em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},"Φ")]),s("span",{style:{top:"-3.2523em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1389em"}},[s("span",{class:"mord"},"˙")])])])])])]),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"μ")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.0088em"}},"l")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8804em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2222em","vertical-align":"-0.8622em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"g")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.0088em"}},"l")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])])])])])],-1),v=s("h3",{id:"_9-4-電流素片により生じる磁束密度",tabindex:"-1"},[a("9.4: 電流素片により生じる磁束密度 "),s("a",{class:"header-anchor",href:"#_9-4-電流素片により生じる磁束密度","aria-label":'Permalink to "9.4: 電流素片により生じる磁束密度"'},"​")],-1),x=s("ol",{start:"4"},[s("li",null,[a("電流素片により生じる磁束密度 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"μ"),s("mi",null,"I")]),s("mrow",null,[s("mn",null,"4"),s("mi",null,"π")])]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"l"),s("mo",null,"×"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"r")])]),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")])]),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{d} \\boldsymbol{B}=\\frac{\\mu I}{4 \\pi} \\frac{\\mathrm{d} \\boldsymbol{l} \\times \\boldsymbol{e}_r}{r^2} . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0574em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3603em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"4"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.0088em"}},"l")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},".")])])])])]),a(" したがって電流 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I")]),s("annotation",{encoding:"application/x-tex"},"I")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),a(" が流れる円形回路の中心では "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",null,"μ"),s("mn",null,"0")]),s("mi",null,"I")]),s("mrow",null,[s("mn",null,"2"),s("mi",null,"r")])])]),s("annotation",{encoding:"application/x-tex"},"B=\\frac{\\mu_0 I}{2 r}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2694em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9244em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.4461em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"μ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(".")])],-1),w=s("h3",{id:"_9-5-ローレンツ力",tabindex:"-1"},[a("9.5: ローレンツ力 "),s("a",{class:"header-anchor",href:"#_9-5-ローレンツ力","aria-label":'Permalink to "9.5: ローレンツ力"'},"​")],-1),k=s("ol",{start:"5"},[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"F"),s("mo",null,"="),s("mi",null,"e"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"E"),s("mo",null,"+"),s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"F"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"I"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"B"),s("mi",null,"l")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{F}=e(\\boldsymbol{E}+\\boldsymbol{v} \\times \\boldsymbol{B}), \\boldsymbol{F}=\\boldsymbol{I} \\times \\boldsymbol{B} l")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"e"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7694em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.07778em"}},"I")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")])])]),a(".")])],-1),_=s("h3",{id:"_9-6-gauss-の定理と循環定理より",tabindex:"-1"},[a("9.6: Gauss の定理と循環定理より "),s("a",{class:"header-anchor",href:"#_9-6-gauss-の定理と循環定理より","aria-label":'Permalink to "9.6: Gauss の定理と循環定理より"'},"​")],-1),z=s("ol",{start:"6"},[s("li",null,[a("Gauss の定理と循環定理より：帯電した導線について "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"σ"),s("mrow",null,[s("mn",null,"2"),s("mi",null,"π"),s("msub",null,[s("mi",null,"ε"),s("mn",null,"0")]),s("mi",null,"r")])])]),s("annotation",{encoding:"application/x-tex"},"E=\\frac{\\sigma}{2 \\pi \\varepsilon_0 r}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1405em","vertical-align":"-0.4451em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"ε"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4451em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(", 電流が流れる導線について "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",null,"μ"),s("mn",null,"0")]),s("mi",null,"I")]),s("mrow",null,[s("mn",null,"2"),s("mi",null,"π"),s("mi",null,"r")])])]),s("annotation",{encoding:"application/x-tex"},"B=\\frac{\\mu_0 I}{2 \\pi r}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2694em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9244em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.4461em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"μ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(". 帯電した面について "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"σ"),s("mrow",null,[s("mn",null,"2"),s("msub",null,[s("mi",null,"ε"),s("mn",null,"0")])])])]),s("annotation",{encoding:"application/x-tex"},"E=\\frac{\\sigma}{2 \\varepsilon_0}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1405em","vertical-align":"-0.4451em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"ε"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4451em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(", 電流が流れる面につい て "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",null,"μ"),s("mn",null,"0")]),s("mi",null,"i")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"B=\\frac{\\mu_0 i}{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2528em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9078em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.4461em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"μ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight"},"i")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(". 一様に帯電した球殼（又は無限に長い円 筒）の内部で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"E=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(", 軸に沿って表面に電流が流れる 円筒の内部で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"B=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(". 密度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ρ")]),s("annotation",{encoding:"application/x-tex"},"\\rho")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ρ")])])]),a(" で一様に帯電, 又は一様 な電流 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"i")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{i}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6933em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"i")])])])])]),a(" が流れる, 球 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"d"),s("mo",null,"="),s("mn",null,"3"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/")]),s("annotation",{encoding:"application/x-tex"},"(d=3) /")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"3"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/")])])]),a(" 円柱 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"d"),s("mo",null,"−"),s("mn",null,"2"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/")]),s("annotation",{encoding:"application/x-tex"},"(d-2) /")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/")])])]),a(" 平面 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"d"),s("mo",null,"="),s("mn",null,"1"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(d=1)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},")")])])]),a(" の内部で,"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"E"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"ρ"),s("mrow",null,[s("mi",null,"ε"),s("mi",null,"d")])]),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mrow",null,[s("mi",null,"μ"),s("mi",null,"d")])]),s("mi",{mathvariant:"bold-italic"},"i"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"r")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{E}=\\frac{\\rho}{\\varepsilon d} \\boldsymbol{r}, \\boldsymbol{B}=\\frac{1}{\\mu d} \\boldsymbol{i} \\times \\boldsymbol{r} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.7936em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1076em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mord mathnormal"},"d")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ρ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2019em","vertical-align":"-0.8804em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord mathnormal"},"d")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8804em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"i")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])])])])])])])])],-1),f=s("h3",{id:"_9-7-長いソレノイド",tabindex:"-1"},[a("9.7: 長いソレノイド "),s("a",{class:"header-anchor",href:"#_9-7-長いソレノイド","aria-label":'Permalink to "9.7: 長いソレノイド"'},"​")],-1),M=s("ol",{start:"7"},[s("li",null,[a("長いソレノイド: 内部で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mi",null,"μ"),s("mi",null,"n"),s("mi",null,"I")]),s("annotation",{encoding:"application/x-tex"},"B=\\mu n I")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),a(", 外部で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"B=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(". 磁束 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ"),s("mo",null,"="),s("mi",null,"N"),s("mi",null,"B"),s("mi",null,"S"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"n"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"N"),s("mi",null,"l")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"\\Phi=N B S\\left(n=\\frac{N}{l}\\right)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2223em","vertical-align":"-0.35em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"NBS"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8723em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.01968em"}},"l")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"N")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])])])])]),a(". インダクタンス "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"L"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"L=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"I"),s("mo",null,"="),s("mi",null,"μ"),s("msup",null,[s("mi",null,"n"),s("mn",null,"2")]),s("mi",null,"V")]),s("annotation",{encoding:"application/x-tex"},"\\Phi / I=\\mu n^2 V")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"Φ/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0085em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V")])])]),a(". 短いソレノイド "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("msub",null,[s("mi",null,"B"),s("mi",{mathvariant:"normal"},"∥")]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"μ"),s("mi",null,"n"),s("mi",null,"I"),s("mi",{mathvariant:"normal"},"Ω")]),s("mrow",null,[s("mn",null,"4"),s("mi",null,"π")])]),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"Ω")]),s("annotation",{encoding:"application/x-tex"},": B_{\\|}=\\frac{\\mu n I \\Omega}{4 \\pi}(\\Omega")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0385em","vertical-align":"-0.3552em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3448em"}},[s("span",{style:{top:"-2.5198em","margin-left":"-0.0502em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"∥")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3552em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2694em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9244em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"π")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.4461em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"μ"),s("span",{class:"mord mathnormal mtight"},"n"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord mtight"},"Ω")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"Ω")])])]),a(" は 立体角).")])],-1),B=s("h3",{id:"_9-8-磁場を小型コイルや衝撃検流計で測定する",tabindex:"-1"},[a("9.8: 磁場を小型コイルや衝撃検流計で測定する "),s("a",{class:"header-anchor",href:"#_9-8-磁場を小型コイルや衝撃検流計で測定する","aria-label":'Permalink to "9.8: 磁場を小型コイルや衝撃検流計で測定する"'},"​")],-1),L=s("ol",{start:"9"},[s("li",null,[a("磁場を小型コイルや衝撃検流計で測定する： "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"q"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"q=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∫"),s("mfrac",null,[s("mi",null,"V"),s("mi",null,"R")]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"t"),s("mo",null,"="),s("mi",null,"N"),s("mi",null,"S"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"B"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R")]),s("annotation",{encoding:"application/x-tex"},"\\int \\frac{V}{R} \\mathrm{~d} t=N S \\Delta B / R")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2173em","vertical-align":"-0.345em"}}),s("span",{class:"mop op-symbol small-op",style:{"margin-right":"0.19445em",position:"relative",top:"-0.0006em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8723em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.22222em"}},"V")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"NS"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),a(".")])],-1),q=s("h3",{id:"_9-9-静電場のエネルギー",tabindex:"-1"},[a("9.9: 静電場のエネルギー "),s("a",{class:"header-anchor",href:"#_9-9-静電場のエネルギー","aria-label":'Permalink to "9.9: 静電場のエネルギー"'},"​")],-1),I=s("ol",{start:"9"},[s("li",null,[a("静電場のエネルギー："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"U"),s("mo",null,"="),s("mi",null,"k"),s("munder",null,[s("mo",null,"∑"),s("mrow",null,[s("mi",null,"i"),s("mo",null,"<"),s("mi",null,"j")])]),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",null,"q"),s("mi",null,"i")]),s("msub",null,[s("mi",null,"q"),s("mi",null,"j")])]),s("msub",null,[s("mi",null,"r"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"j")])])]),s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mo",null,"∫"),s("mi",null,"ϕ"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"q"),s("mo",{separator:"true"},","),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"q"),s("mo",null,"="),s("mi",null,"ρ"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"V")]),s("annotation",{encoding:"application/x-tex"},"U=k \\sum_{i9.10: 一様に帯電した球面や円筒面の各部分の間に働く力 ​
  1. 一様に帯電した球面や円筒面の各部分の間に働く力 : 帯電による力を静水圧による力に置き換える.
9.11: 全ての電荷 ​
',3),S=s("ol",{start:"12"},[s("li",null,[a("全ての電荷が距離 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" にある場合（例えば，不均一に帯 電した球やリングの中心） "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ϕ"),s("mi",null,"ϕ"),s("mo",null,"="),s("mi",null,"k"),s("mi",null,"Q"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"\\phi \\phi=k Q / r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ϕϕ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord mathnormal"},"Q"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])])])],-1),E=l('
9.12: 外部電荷 ​
  1. 外部電荷によって引き起こされる正味の電荷（又は電 位）を求めるには, 電荷を「出現」させて問題を対称的 にし，重ね合わせの原理を用いる.
9.14: 導体 ​
',3),F=s("ol",{start:"14"},[s("li",null,[a("導体は電荷や電場を遮蔽する．例えば，中空の球体の 内部の電荷分布は外から見えない（あたかも "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"Q")]),s("annotation",{encoding:"application/x-tex"},"Q")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"Q")])])]),a(" という 電荷を持った導電性の球があるように見える).")])],-1),T=s("h3",{id:"_9-15-静電容量",tabindex:"-1"},[a("9.15: 静電容量 "),s("a",{class:"header-anchor",href:"#_9-15-静電容量","aria-label":'Permalink to "9.15: 静電容量"'},"​")],-1),V=s("ol",{start:"15"},[s("li",null,[a("静電容量: "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"C"),s("mo",null,"="),s("mi",null,"ε"),s("mi",null,"S"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"C=\\varepsilon S / d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07153em"}},"C"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"εS"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"d")])])]),a(" (平板), "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"4"),s("mi",null,"π"),s("mi",null,"ε"),s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"4 \\pi \\varepsilon r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"4"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" (球), "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2"),s("mi",null,"π"),s("mi",null,"ε"),s("mi",null,"l"),s("mo",{stretchy:"false"},"("),s("mi",null,"ln"),s("mo",null,"⁡"),s("mi",null,"R"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"1")])])]),s("annotation",{encoding:"application/x-tex"},"2 \\pi \\varepsilon l(\\ln R / r)^{-1}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"εl"),s("span",{class:"mopen"},"("),s("span",{class:"mop"},"ln"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"1")])])])])])])])])])])]),a(" (同軸円筒).")])],-1),N=s("h3",{id:"_9-16-双極子モーメント",tabindex:"-1"},[a("9.16: 双極子モーメント "),s("a",{class:"header-anchor",href:"#_9-16-双極子モーメント","aria-label":'Permalink to "9.16: 双極子モーメント"'},"​")],-1),j=s("ol",{start:"16"},[s("li",null,[s("p",null,"双極子モーメント："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",{mathvariant:"bold-italic"},"p"),s("mi",null,"e")]),s("mo",null,"="),s("mo",null,"∑"),s("msub",null,[s("mi",null,"q"),s("mi",null,"i")]),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"r"),s("mi",null,"i")]),s("mo",null,"="),s("mi",null,"q"),s("mi",{mathvariant:"bold-italic"},"d"),s("mo",{separator:"true"},","),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"p"),s("mi",null,"μ")]),s("mo",null,"="),s("mi",null,"I"),s("mi",{mathvariant:"bold-italic"},"S")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{p}_e=\\sum q_i \\boldsymbol{r}_i=q \\boldsymbol{d}, \\boldsymbol{p}_\\mu=I \\boldsymbol{S} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6886em","vertical-align":"-0.2441em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.0573em"}},[s("span",{style:{top:"-2.4559em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"e")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2441em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.6em","vertical-align":"-0.55em"}}),s("span",{class:"mop op-symbol large-op",style:{position:"relative",top:"0em"}},"∑"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3117em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0747em","vertical-align":"-0.3802em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"d")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.0573em"}},[s("span",{style:{top:"-2.4559em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"μ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3802em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05382em"}},"S")])])])])])])])])],-1),R=s("h3",{id:"_9-17-双極子場",tabindex:"-1"},[a("9.17: 双極子場 "),s("a",{class:"header-anchor",href:"#_9-17-双極子場","aria-label":'Permalink to "9.17: 双極子場"'},"​")],-1),C=s("ol",{start:"17"},[s("li",null,[a("双極子場 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ϕ"),s("mo",null,"="),s("mi",null,"k"),s("mi",{mathvariant:"bold-italic"},"p"),s("mo",null,"⋅"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"r")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"E"),s("mo",{separator:"true"},","),s("mi",null,"B"),s("mo",null,"∝"),s("msup",null,[s("mi",null,"r"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"3")])])]),s("annotation",{encoding:"application/x-tex"},"\\phi=k \\boldsymbol{p} \\cdot \\boldsymbol{e}_r / r^2, E, B \\propto r^{-3}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ϕ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"3")])])])])])])])])])])])])],-1),Q=s("h3",{id:"_9-18-双極子に働く力",tabindex:"-1"},[a("9.18: 双極子に働く力 "),s("a",{class:"header-anchor",href:"#_9-18-双極子に働く力","aria-label":'Permalink to "9.18: 双極子に働く力"'},"​")],-1),A=s("ol",{start:"19"},[s("li",null,[a("双極子に働く力 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",null,"="),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"p"),s("mi",null,"e")]),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"E"),s("mo",{fence:"true"},")")]),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")]),s("mo",{separator:"true"},","),s("mi",null,"F"),s("mo",null,"="),s("msup",null,[s("mrow",null,[s("mo",{fence:"true"},"("),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"p"),s("mi",null,"μ")]),s("mo",null,"⋅"),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",{fence:"true"},")")]),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")])]),s("annotation",{encoding:"application/x-tex"},"F=\\left(\\boldsymbol{p}_e \\cdot \\boldsymbol{E}\\right)^{\\prime}, F=\\left(\\boldsymbol{p}_\\mu \\cdot \\boldsymbol{B}\\right)^{\\prime}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1418em","vertical-align":"-0.25em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.0573em"}},[s("span",{style:{top:"-2.4559em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"e")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2441em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},")")]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8918em"}},[s("span",{style:{top:"-3.2029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.372em","vertical-align":"-0.3802em"}}),s("span",{class:"minner"},[s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"p")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.0573em"}},[s("span",{style:{top:"-2.4559em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"μ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3802em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9918em"}},[s("span",{style:{top:"-3.3029em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])])])])]),a(" [訳 者注 : ここの微分はむしろ "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"grad"),s("mo",null,"⁡")]),s("annotation",{encoding:"application/x-tex"},"\\operatorname{grad}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mop"},[s("span",{class:"mord mathrm"},"grad")])])])]),a(" である]. 2 つの双極 子間の相互作用 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("mi",null,"F"),s("mo",null,"∝"),s("msup",null,[s("mi",null,"r"),s("mrow",null,[s("mo",null,"−"),s("mn",null,"4")])])]),s("annotation",{encoding:"application/x-tex"},": F \\propto r^{-4}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"−"),s("span",{class:"mord mtight"},"4")])])])])])])])])])])]),a(".")])],-1),G=s("h3",{id:"_9-19-磁気双極子としての点電荷",tabindex:"-1"},[a("9.19: 磁気双極子としての点電荷 "),s("a",{class:"header-anchor",href:"#_9-19-磁気双極子としての点電荷","aria-label":'Permalink to "9.19: 磁気双極子としての点電荷"'},"​")],-1),U=s("ol",{start:"19"},[s("li",null,[a("磁気双極子としての点電荷 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msub",null,[s("mi",null,"p"),s("mi",null,"μ")]),s("mo",null,"∝"),s("mi",{mathvariant:"normal"},"Φ"),s("mo",null,"∝"),s("msubsup",null,[s("mi",null,"v"),s("mo",{lspace:"0em",rspace:"0em"},"⊥"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"B")]),s("annotation",{encoding:"application/x-tex"},"p_\\mu \\propto \\Phi \\propto v_{\\perp}^2 / B")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7167em","vertical-align":"-0.2861em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"p"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"μ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2861em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0972em","vertical-align":"-0.2831em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-2.4169em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mrel mtight"},"⊥")])])]),s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2831em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B")])])]),a(" は断熱 不変量 ("),s("a",{href:"./4#_4-22-断熱不変量"},"Section 4: #22"),a(" 参照).")])],-1),O=l('
9.20: 鏡像法 ​
  1. 鏡像法 : 接地された（磁石の場合は超電導の）平面が鏡 の役割をする. 接地された（又は孤立した）球体の場 は, 球体の内部にある 1 つ（又は 2 つ）の架空の電荷 のつくる場として求められる. 平面導波管（金属板の 間のスリット）内の場は, 電磁平面波の重ね合わせと して求められる.
9.21: 一様（電）場中の球 (円柱) の分極 ​
',3),D=s("ol",{start:"21"},[s("li",null,[a("一様（電）場中の球 (円柱) の分極 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mo",null,"+"),s("mi",null,"ρ")]),s("annotation",{encoding:"application/x-tex"},"(+\\rho")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"+"),s("span",{class:"mord mathnormal"},"ρ")])])]),a(" と "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"−"),s("mi",null,"ρ")]),s("annotation",{encoding:"application/x-tex"},"-\\rho")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord mathnormal"},"ρ")])])]),a(" に一 様に帯電した球 (円柱) の重ね合わせで， "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d"),s("mo",null,"∝"),s("mi",null,"E")]),s("annotation",{encoding:"application/x-tex"},"d \\propto E")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"∝"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E")])])]),a(".")])],-1),$=s("h3",{id:"_9-22-渦電流",tabindex:"-1"},[a("9.22: 渦電流 "),s("a",{class:"header-anchor",href:"#_9-22-渦電流","aria-label":'Permalink to "9.22: 渦電流"'},"​")],-1),H=s("ol",{start:"22"},[s("li",null,[a("渦電流: 電流損失密度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"≈"),s("msup",null,[s("mi",null,"B"),s("mn",null,"2")]),s("msup",null,[s("mi",null,"v"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"ρ"),s("mi",{mathvariant:"normal"},"."),s("mn",null,"1")]),s("annotation",{encoding:"application/x-tex"},"\\approx B^2 v^2 / \\rho .1")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4831em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"v"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"ρ"),s("span",{class:"mord"},".1")])])]),a(" 回の通過で与え られる運動量 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mi",null,"τ"),s("mo",null,"≈"),s("msup",null,[s("mi",null,"B"),s("mn",null,"2")]),s("msup",null,[s("mi",null,"a"),s("mn",null,"3")]),s("mi",null,"d"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"ρ")]),s("annotation",{encoding:"application/x-tex"},"F \\tau \\approx B^2 a^3 d / \\rho")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.1132em"}},"τ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"≈"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"3")])])])])])])]),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal"},"ρ")])])]),a(" (ここで "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"d")]),s("annotation",{encoding:"application/x-tex"},"d")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathnormal"},"d")])])]),a(" は厚さ, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"a")]),s("annotation",{encoding:"application/x-tex"},"a")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal"},"a")])])]),a(" は大きさ).")])],-1);function J(K,W,X,Y,Z,ss){const t=n;return e(),i("div",null,[c,r(t,{readTime:"4",words:"950"}),h,o,g,d,u,y,b,v,x,w,k,_,z,f,M,B,L,q,I,P,S,E,F,T,V,N,j,R,C,Q,A,G,U,O,D,$,H])}const ms=m(p,[["render",J]]);export{ns as __pageData,ms as default};
diff --git a/assets/academic_physics_ipho-formulas-jpn_9.md.da4d857a.lean.js b/assets/academic_physics_ipho-formulas-jpn_9.md.083302ab.lean.js
similarity index 99%
rename from assets/academic_physics_ipho-formulas-jpn_9.md.da4d857a.lean.js
rename to assets/academic_physics_ipho-formulas-jpn_9.md.083302ab.lean.js
index a308dcb8..010cee8f 100644
--- a/assets/academic_physics_ipho-formulas-jpn_9.md.da4d857a.lean.js
+++ b/assets/academic_physics_ipho-formulas-jpn_9.md.083302ab.lean.js
@@ -1 +1 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as m,o as e,c as i,H as r,k as s,a,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const ns=JSON.parse('{"title":"Formulas for IPhO 日本語版: Section 9","description":"","frontmatter":{},"headers":[],"relativePath":"academic/physics/ipho-formulas-jpn/9.md","filePath":"academic/physics/ipho-formulas-jpn/9.md","lastUpdated":1695377563000}'),p={name:"academic/physics/ipho-formulas-jpn/9.md"},c=s("h1",{id:"formulas-for-ipho-日本語版-section-9",tabindex:"-1"},[a("Formulas for IPhO 日本語版: Section 9 "),s("a",{class:"header-anchor",href:"#formulas-for-ipho-日本語版-section-9","aria-label":'Permalink to "Formulas for IPhO 日本語版: Section 9"'},"​")],-1),h=s("h2",{id:"_9-電磁気学",tabindex:"-1"},[a("9: 電磁気学 "),s("a",{class:"header-anchor",href:"#_9-電磁気学","aria-label":'Permalink to "9: 電磁気学"'},"​")],-1),o=s("h3",{id:"_9-1-coulomb-の法則",tabindex:"-1"},[a("9.1: Coulomb の法則 "),s("a",{class:"header-anchor",href:"#_9-1-coulomb-の法則","aria-label":'Permalink to "9.1: Coulomb の法則"'},"​")],-1),g=s("ol",null,[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"F"),s("mo",null,"="),s("mi",null,"k"),s("msub",null,[s("mi",null,"q"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"q"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")]),s("mo",{separator:"true"},","),s("mi",null,"U"),s("mo",null,"="),s("mi",null,"k"),s("msub",null,[s("mi",null,"q"),s("mn",null,"1")]),s("msub",null,[s("mi",null,"q"),s("mn",null,"2")]),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"r")]),s("annotation",{encoding:"application/x-tex"},"F=k q_1 q_2 / r^2, U=k q_1 q_2 / r")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.13889em"}},"F"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"U"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03148em"}},"k"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3011em"}},[s("span",{style:{top:"-2.55em","margin-left":"-0.0359em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])]),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r")])])]),a(" で, Kepler の法則が 使える ("),s("a",{href:"./12"},"Section 12 参照"),a(").")])],-1),d=s("h3",{id:"_9-2-gauss-の法則",tabindex:"-1"},[a("9.2: Gauss の法則 "),s("a",{class:"header-anchor",href:"#_9-2-gauss-の法則","aria-label":'Permalink to "9.2: Gauss の法則"'},"​")],-1),u=s("ol",{start:"2"},[s("li",null,[s("p",null,[a("Gauss の法則 : "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∮"),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"S"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\oint \\boldsymbol{B} \\cdot \\mathrm{d} \\boldsymbol{S}=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1111em","vertical-align":"-0.3061em"}}),s("span",{class:"mop op-symbol small-op",style:{"margin-right":"0.19445em",position:"relative",top:"-0.0006em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05382em"}},"S")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(",")]),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∮"),s("mi",null,"ε"),s("mi",{mathvariant:"bold-italic"},"E"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"S"),s("mo",null,"="),s("mi",null,"Q"),s("mo",{separator:"true"},","),s("mo",null,"∮"),s("mi",{mathvariant:"bold-italic"},"g"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"S"),s("mo",null,"="),s("mo",null,"−"),s("mn",null,"4"),s("mi",null,"π"),s("mi",null,"G"),s("mi",null,"M")]),s("annotation",{encoding:"application/x-tex"},"\\oint \\varepsilon \\boldsymbol{E} \\cdot \\mathrm{d} \\boldsymbol{S}=Q, \\oint \\boldsymbol{g} \\cdot \\mathrm{d} \\boldsymbol{S}=-4 \\pi G M ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2222em","vertical-align":"-0.8622em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05382em"}},"S")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2222em","vertical-align":"-0.8622em"}}),s("span",{class:"mord mathnormal"},"Q"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"g")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05382em"}},"S")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"−"),s("span",{class:"mord"},"4"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.10903em"}},"GM")])])])])])])],-1),y=s("h3",{id:"_9-3-循環定理",tabindex:"-1"},[a("9.3: 循環定理 "),s("a",{class:"header-anchor",href:"#_9-3-循環定理","aria-label":'Permalink to "9.3: 循環定理"'},"​")],-1),b=s("ol",{start:"3"},[s("li",null,[s("p",null,"循環定理 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∮"),s("mi",{mathvariant:"bold-italic"},"E"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"l"),s("mo",null,"="),s("mn",null,"0"),s("mo",{stretchy:"false"},"("),s("mo",null,"="),s("mover",{accent:"true"},[s("mi",{mathvariant:"normal"},"Φ"),s("mo",null,"˙")]),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mo",null,"∮"),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"B"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"l")]),s("mi",null,"μ")]),s("mo",null,"="),s("mi",null,"I"),s("mo",{separator:"true"},","),s("mo",null,"∮"),s("mi",{mathvariant:"bold-italic"},"g"),s("mo",null,"⋅"),s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"l"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"\\oint \\boldsymbol{E} \\cdot \\mathrm{d} \\boldsymbol{l}=0(=\\dot{\\Phi}), \\oint \\frac{\\boldsymbol{B} \\cdot \\mathrm{d} \\boldsymbol{l}}{\\mu}=I, \\oint \\boldsymbol{g} \\cdot \\mathrm{d} \\boldsymbol{l}=0 ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2222em","vertical-align":"-0.8622em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.0088em"}},"l")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"0"),s("span",{class:"mopen"},"("),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2519em","vertical-align":"-0.8804em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9202em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},"Φ")]),s("span",{style:{top:"-3.2523em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.1389em"}},[s("span",{class:"mord"},"˙")])])])])])]),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"μ")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.0088em"}},"l")])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8804em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2222em","vertical-align":"-0.8622em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mop op-symbol large-op",style:{"margin-right":"0.44445em",position:"relative",top:"-0.0011em"}},"∮"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"g")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"⋅"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.0088em"}},"l")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])])])])])],-1),v=s("h3",{id:"_9-4-電流素片により生じる磁束密度",tabindex:"-1"},[a("9.4: 電流素片により生じる磁束密度 "),s("a",{class:"header-anchor",href:"#_9-4-電流素片により生じる磁束密度","aria-label":'Permalink to "9.4: 電流素片により生じる磁束密度"'},"​")],-1),x=s("ol",{start:"4"},[s("li",null,[a("電流素片により生じる磁束密度 :"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"μ"),s("mi",null,"I")]),s("mrow",null,[s("mn",null,"4"),s("mi",null,"π")])]),s("mfrac",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"d"),s("mi",{mathvariant:"bold-italic"},"l"),s("mo",null,"×"),s("msub",null,[s("mi",{mathvariant:"bold-italic"},"e"),s("mi",null,"r")])]),s("msup",null,[s("mi",null,"r"),s("mn",null,"2")])]),s("mi",{mathvariant:"normal"},".")]),s("annotation",{encoding:"application/x-tex"},"\\mathrm{d} \\boldsymbol{B}=\\frac{\\mu I}{4 \\pi} \\frac{\\mathrm{d} \\boldsymbol{l} \\times \\boldsymbol{e}_r}{r^2} . ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.0574em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3603em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"4"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7401em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathrm"},"d"),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.0088em"}},"l")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"e")])]),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1514em"}},[s("span",{style:{top:"-2.55em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.15em"}},[s("span")])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},".")])])])])]),a(" したがって電流 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"I")]),s("annotation",{encoding:"application/x-tex"},"I")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),a(" が流れる円形回路の中心では "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",null,"μ"),s("mn",null,"0")]),s("mi",null,"I")]),s("mrow",null,[s("mn",null,"2"),s("mi",null,"r")])])]),s("annotation",{encoding:"application/x-tex"},"B=\\frac{\\mu_0 I}{2 r}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2694em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9244em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.4461em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"μ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(".")])],-1),w=s("h3",{id:"_9-5-ローレンツ力",tabindex:"-1"},[a("9.5: ローレンツ力 "),s("a",{class:"header-anchor",href:"#_9-5-ローレンツ力","aria-label":'Permalink to "9.5: ローレンツ力"'},"​")],-1),k=s("ol",{start:"5"},[s("li",null,[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"F"),s("mo",null,"="),s("mi",null,"e"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"E"),s("mo",null,"+"),s("mi",{mathvariant:"bold-italic"},"v"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",{stretchy:"false"},")"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"F"),s("mo",null,"="),s("mi",{mathvariant:"bold-italic"},"I"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"B"),s("mi",null,"l")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{F}=e(\\boldsymbol{E}+\\boldsymbol{v} \\times \\boldsymbol{B}), \\boldsymbol{F}=\\boldsymbol{I} \\times \\boldsymbol{B} l")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"e"),s("span",{class:"mopen"},"("),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6667em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03704em"}},"v")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mclose"},")"),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.15972em"}},"F")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7694em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.07778em"}},"I")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6944em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.01968em"}},"l")])])]),a(".")])],-1),_=s("h3",{id:"_9-6-gauss-の定理と循環定理より",tabindex:"-1"},[a("9.6: Gauss の定理と循環定理より "),s("a",{class:"header-anchor",href:"#_9-6-gauss-の定理と循環定理より","aria-label":'Permalink to "9.6: Gauss の定理と循環定理より"'},"​")],-1),z=s("ol",{start:"6"},[s("li",null,[a("Gauss の定理と循環定理より：帯電した導線について "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"σ"),s("mrow",null,[s("mn",null,"2"),s("mi",null,"π"),s("msub",null,[s("mi",null,"ε"),s("mn",null,"0")]),s("mi",null,"r")])])]),s("annotation",{encoding:"application/x-tex"},"E=\\frac{\\sigma}{2 \\pi \\varepsilon_0 r}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1405em","vertical-align":"-0.4451em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"ε"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4451em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(", 電流が流れる導線について "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",null,"μ"),s("mn",null,"0")]),s("mi",null,"I")]),s("mrow",null,[s("mn",null,"2"),s("mi",null,"π"),s("mi",null,"r")])])]),s("annotation",{encoding:"application/x-tex"},"B=\\frac{\\mu_0 I}{2 \\pi r}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2694em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9244em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"π"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.4461em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"μ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(". 帯電した面について "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"σ"),s("mrow",null,[s("mn",null,"2"),s("msub",null,[s("mi",null,"ε"),s("mn",null,"0")])])])]),s("annotation",{encoding:"application/x-tex"},"E=\\frac{\\sigma}{2 \\varepsilon_0}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.1405em","vertical-align":"-0.4451em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6954em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2"),s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"ε"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"σ")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4451em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(", 電流が流れる面につい て "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",null,"μ"),s("mn",null,"0")]),s("mi",null,"i")]),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"B=\\frac{\\mu_0 i}{2}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2528em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9078em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"2")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.4461em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"μ"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3173em"}},[s("span",{style:{top:"-2.357em","margin-left":"0em","margin-right":"0.0714em"}},[s("span",{class:"pstrut",style:{height:"2.5em"}}),s("span",{class:"sizing reset-size3 size1 mtight"},[s("span",{class:"mord mtight"},"0")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.143em"}},[s("span")])])])])]),s("span",{class:"mord mathnormal mtight"},"i")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})])])])]),a(". 一様に帯電した球殼（又は無限に長い円 筒）の内部で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"E"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"E=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"E"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(", 軸に沿って表面に電流が流れる 円筒の内部で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"B=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(". 密度 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"ρ")]),s("annotation",{encoding:"application/x-tex"},"\\rho")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"ρ")])])]),a(" で一様に帯電, 又は一様 な電流 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"i")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{i}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6933em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"i")])])])])]),a(" が流れる, 球 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"d"),s("mo",null,"="),s("mn",null,"3"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/")]),s("annotation",{encoding:"application/x-tex"},"(d=3) /")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"3"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/")])])]),a(" 円柱 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"d"),s("mo",null,"−"),s("mn",null,"2"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"/")]),s("annotation",{encoding:"application/x-tex"},"(d-2) /")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"2"),s("span",{class:"mclose"},")"),s("span",{class:"mord"},"/")])])]),a(" 平面 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mi",null,"d"),s("mo",null,"="),s("mn",null,"1"),s("mo",{stretchy:"false"},")")]),s("annotation",{encoding:"application/x-tex"},"(d=1)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal"},"d"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},")")])])]),a(" の内部で,"),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"bold-italic"},"E"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"ρ"),s("mrow",null,[s("mi",null,"ε"),s("mi",null,"d")])]),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",{separator:"true"},","),s("mi",{mathvariant:"bold-italic"},"B"),s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mrow",null,[s("mi",null,"μ"),s("mi",null,"d")])]),s("mi",{mathvariant:"bold-italic"},"i"),s("mo",null,"×"),s("mi",{mathvariant:"bold-italic"},"r")]),s("annotation",{encoding:"application/x-tex"},"\\boldsymbol{E}=\\frac{\\rho}{\\varepsilon d} \\boldsymbol{r}, \\boldsymbol{B}=\\frac{1}{\\mu d} \\boldsymbol{i} \\times \\boldsymbol{r} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6861em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.05451em"}},"E")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.7936em","vertical-align":"-0.686em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.1076em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ε"),s("span",{class:"mord mathnormal"},"d")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"ρ")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])]),s("span",{class:"mpunct"},","),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.04835em"}},"B")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.2019em","vertical-align":"-0.8804em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3214em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord mathnormal"},"d")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"1")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8804em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol"},"i")])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4444em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord boldsymbol",style:{"margin-right":"0.03194em"}},"r")])])])])])])])])],-1),f=s("h3",{id:"_9-7-長いソレノイド",tabindex:"-1"},[a("9.7: 長いソレノイド "),s("a",{class:"header-anchor",href:"#_9-7-長いソレノイド","aria-label":'Permalink to "9.7: 長いソレノイド"'},"​")],-1),M=s("ol",{start:"7"},[s("li",null,[a("長いソレノイド: 内部で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mi",null,"μ"),s("mi",null,"n"),s("mi",null,"I")]),s("annotation",{encoding:"application/x-tex"},"B=\\mu n I")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8778em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I")])])]),a(", 外部で "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"B"),s("mo",null,"="),s("mn",null,"0")]),s("annotation",{encoding:"application/x-tex"},"B=0")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"0")])])]),a(". 磁束 "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ"),s("mo",null,"="),s("mi",null,"N"),s("mi",null,"B"),s("mi",null,"S"),s("mrow",null,[s("mo",{fence:"true"},"("),s("mi",null,"n"),s("mo",null,"="),s("mfrac",null,[s("mi",null,"N"),s("mi",null,"l")]),s("mo",{fence:"true"},")")])]),s("annotation",{encoding:"application/x-tex"},"\\Phi=N B S\\left(n=\\frac{N}{l}\\right)")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord"},"Φ"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2223em","vertical-align":"-0.35em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"NBS"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},"(")]),s("span",{class:"mord mathnormal"},"n"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8723em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.01968em"}},"l")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.10903em"}},"N")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size1"},")")])])])])]),a(". インダクタンス "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"L"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"L=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6833em"}}),s("span",{class:"mord mathnormal"},"L"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",{mathvariant:"normal"},"Φ"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"I"),s("mo",null,"="),s("mi",null,"μ"),s("msup",null,[s("mi",null,"n"),s("mn",null,"2")]),s("mi",null,"V")]),s("annotation",{encoding:"application/x-tex"},"\\Phi / I=\\mu n^2 V")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord"},"Φ/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0085em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal"},"μ"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"n"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.22222em"}},"V")])])]),a(". 短いソレノイド "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,":"),s("msub",null,[s("mi",null,"B"),s("mi",{mathvariant:"normal"},"∥")]),s("mo",null,"="),s("mfrac",null,[s("mrow",null,[s("mi",null,"μ"),s("mi",null,"n"),s("mi",null,"I"),s("mi",{mathvariant:"normal"},"Ω")]),s("mrow",null,[s("mn",null,"4"),s("mi",null,"π")])]),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"normal"},"Ω")]),s("annotation",{encoding:"application/x-tex"},": B_{\\|}=\\frac{\\mu n I \\Omega}{4 \\pi}(\\Omega")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mrel"},":"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0385em","vertical-align":"-0.3552em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3448em"}},[s("span",{style:{top:"-2.5198em","margin-left":"-0.0502em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"∥")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.3552em"}},[s("span")])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2694em","vertical-align":"-0.345em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.9244em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"4"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"π")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.4461em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"μ"),s("span",{class:"mord mathnormal mtight"},"n"),s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I"),s("span",{class:"mord mtight"},"Ω")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"Ω")])])]),a(" は 立体角).")])],-1),B=s("h3",{id:"_9-8-磁場を小型コイルや衝撃検流計で測定する",tabindex:"-1"},[a("9.8: 磁場を小型コイルや衝撃検流計で測定する "),s("a",{class:"header-anchor",href:"#_9-8-磁場を小型コイルや衝撃検流計で測定する","aria-label":'Permalink to "9.8: 磁場を小型コイルや衝撃検流計で測定する"'},"​")],-1),L=s("ol",{start:"9"},[s("li",null,[a("磁場を小型コイルや衝撃検流計で測定する： "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"q"),s("mo",null,"=")]),s("annotation",{encoding:"application/x-tex"},"q=")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"q"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"=")])])]),a(),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mo",null,"∫"),s("mfrac",null,[s("mi",null,"V"),s("mi",null,"R")]),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"t"),s("mo",null,"="),s("mi",null,"N"),s("mi",null,"S"),s("mi",{mathvariant:"normal"},"Δ"),s("mi",null,"B"),s("mi",{mathvariant:"normal"},"/"),s("mi",null,"R")]),s("annotation",{encoding:"application/x-tex"},"\\int \\frac{V}{R} \\mathrm{~d} t=N S \\Delta B / R")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.2173em","vertical-align":"-0.345em"}}),s("span",{class:"mop op-symbol small-op",style:{"margin-right":"0.19445em",position:"relative",top:"-0.0006em"}},"∫"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8723em"}},[s("span",{style:{top:"-2.655em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.00773em"}},"R")])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.394em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.22222em"}},"V")])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.345em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mord"},[s("span",{class:"mspace nobreak"}," "),s("span",{class:"mord mathrm"},"d")]),s("span",{class:"mord mathnormal"},"t"),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05764em"}},"NS"),s("span",{class:"mord"},"Δ"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.05017em"}},"B"),s("span",{class:"mord"},"/"),s("span",{class:"mord mathnormal",style:{"margin-right":"0.00773em"}},"R")])])]),a(".")])],-1),q=s("h3",{id:"_9-9-静電場のエネルギー",tabindex:"-1"},[a("9.9: 静電場のエネルギー "),s("a",{class:"header-anchor",href:"#_9-9-静電場のエネルギー","aria-label":'Permalink to "9.9: 静電場のエネルギー"'},"​")],-1),I=s("ol",{start:"9"},[s("li",null,[a("静電場のエネルギー："),s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mi",null,"U"),s("mo",null,"="),s("mi",null,"k"),s("munder",null,[s("mo",null,"∑"),s("mrow",null,[s("mi",null,"i"),s("mo",null,"<"),s("mi",null,"j")])]),s("mfrac",null,[s("mrow",null,[s("msub",null,[s("mi",null,"q"),s("mi",null,"i")]),s("msub",null,[s("mi",null,"q"),s("mi",null,"j")])]),s("msub",null,[s("mi",null,"r"),s("mrow",null,[s("mi",null,"i"),s("mi",null,"j")])])]),s("mo",null,"="),s("mfrac",null,[s("mn",null,"1"),s("mn",null,"2")]),s("mo",null,"∫"),s("mi",null,"ϕ"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"q"),s("mo",{separator:"true"},","),s("mrow",null,[s("mtext",null," "),s("mi",{mathvariant:"normal"},"d")]),s("mi",null,"q"),s("mo",null,"="),s("mi",null,"ρ"),s("mo",{stretchy:"false"},"("),s("mi",{mathvariant:"bold-italic"},"r"),s("mo",{stretchy:"false"},")"),s("mi",{mathvariant:"normal"},"d"),s("mi",null,"V")]),s("annotation",{encoding:"application/x-tex"},"U=k \\sum_{i
This table of vocabularies are from "Sadlier Vocabulary Workshop-Level G (Unit 4)" with their corresponding textbook definitions and part of speeches (from some of them) made into a collection.
VocabularyDefinition
Atrophy(n.) the wasting away of a body organ or tissue; any progressive decline or failure; (v.) to waste away
BastionA fortified place, stronghold
ConcordA state of agreement, harmony, unanimity; a treaty, pact, covenant
Consummate(adj.) complete or perfect in the highest degree; (v.) to bring to a state of completion or perfection
Disarray(n.) disorder, confusion; (v.) to throw into disorder
ExigencyUrgency, pressure; urgent demand, pressing need; an emergency
FlotsamFloating debris; homeless, impoverished people
FreneticFrenzied, highly agitated
GleanTo gather bit by bit; to gather small quantities of grain left in a field by the reapers.
Grouse(n.) A type of game bird; a complaint; (v.) to complain, grumble
IncarcerateTo imprison, confine, jail
Incumbent(adj.) obligatory, required; (n.) one who holds a specific office at the time spoken of
JocularHumorous, jesting, jolly, joking
LudicrousRidiculous, laughable, absurd
MordantBiting or caustic in thought, manner, or style; sharply or bitterly harsh.
Nettle(n.) a prickly or stinging plant; (v.) to arouse displeasure, impatience, or anger; to vex or irritate severely
PecuniaryConsisting of or measured in money; of or related to money
PusillanimousContemptibly cowardly or mean-spirited
RecumbentIn a reclining position, lying down, in the posture of one sleeping or resting.
StratagemA scheme to outwit or deceive an opponent or to gain and end.
Reference
',3);function p(m,h,f,y,b,g){const e=r;return a(),d("div",null,[c,i(e,{readTime:"1",words:"299"}),u])}const w=o(l,[["render",p]]);export{V as __pageData,w as default};
+import{_ as r}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as a,c as d,H as i,k as t,a as n,Q as s}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const V=JSON.parse('{"title":"2023-2-27: Vocabulary","description":"Vocabulary list collected for 2023-2-27","frontmatter":{"title":"2023-2-27: Vocabulary","description":"Vocabulary list collected for 2023-2-27"},"headers":[],"relativePath":"academic/vocabulary/2023/02/2023-02-27.md","filePath":"academic/vocabulary/2023/02/2023-02-27.md","lastUpdated":1699051935000}'),l={name:"academic/vocabulary/2023/02/2023-02-27.md"},c=t("h1",{id:"_2023-2-27-vocabulary",tabindex:"-1"},[n("2023-2-27: Vocabulary "),t("a",{class:"header-anchor",href:"#_2023-2-27-vocabulary","aria-label":'Permalink to "2023-2-27: Vocabulary"'},"​")],-1),u=s('
This table of vocabularies are from "Sadlier Vocabulary Workshop-Level G (Unit 4)" with their corresponding textbook definitions and part of speeches (from some of them) made into a collection.
VocabularyDefinition
Atrophy(n.) the wasting away of a body organ or tissue; any progressive decline or failure; (v.) to waste away
BastionA fortified place, stronghold
ConcordA state of agreement, harmony, unanimity; a treaty, pact, covenant
Consummate(adj.) complete or perfect in the highest degree; (v.) to bring to a state of completion or perfection
Disarray(n.) disorder, confusion; (v.) to throw into disorder
ExigencyUrgency, pressure; urgent demand, pressing need; an emergency
FlotsamFloating debris; homeless, impoverished people
FreneticFrenzied, highly agitated
GleanTo gather bit by bit; to gather small quantities of grain left in a field by the reapers.
Grouse(n.) A type of game bird; a complaint; (v.) to complain, grumble
IncarcerateTo imprison, confine, jail
Incumbent(adj.) obligatory, required; (n.) one who holds a specific office at the time spoken of
JocularHumorous, jesting, jolly, joking
LudicrousRidiculous, laughable, absurd
MordantBiting or caustic in thought, manner, or style; sharply or bitterly harsh.
Nettle(n.) a prickly or stinging plant; (v.) to arouse displeasure, impatience, or anger; to vex or irritate severely
PecuniaryConsisting of or measured in money; of or related to money
PusillanimousContemptibly cowardly or mean-spirited
RecumbentIn a reclining position, lying down, in the posture of one sleeping or resting.
StratagemA scheme to outwit or deceive an opponent or to gain and end.
Reference
',3);function p(m,h,f,y,b,g){const e=r;return a(),d("div",null,[c,i(e,{readTime:"1",words:"299"}),u])}const w=o(l,[["render",p]]);export{V as __pageData,w as default};
diff --git a/assets/academic_vocabulary_2023_02_2023-02-27.md.06541670.lean.js b/assets/academic_vocabulary_2023_02_2023-02-27.md.3ec19aaf.lean.js
similarity index 93%
rename from assets/academic_vocabulary_2023_02_2023-02-27.md.06541670.lean.js
rename to assets/academic_vocabulary_2023_02_2023-02-27.md.3ec19aaf.lean.js
index bc9ca483..7aecef46 100644
--- a/assets/academic_vocabulary_2023_02_2023-02-27.md.06541670.lean.js
+++ b/assets/academic_vocabulary_2023_02_2023-02-27.md.3ec19aaf.lean.js
@@ -1 +1 @@
-import{_ as r}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as a,c as d,H as i,k as t,a as n,Q as s}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const V=JSON.parse('{"title":"2023-2-27: Vocabulary","description":"Vocabulary list collected for 2023-2-27","frontmatter":{"title":"2023-2-27: Vocabulary","description":"Vocabulary list collected for 2023-2-27"},"headers":[],"relativePath":"academic/vocabulary/2023/02/2023-02-27.md","filePath":"academic/vocabulary/2023/02/2023-02-27.md","lastUpdated":1695377563000}'),l={name:"academic/vocabulary/2023/02/2023-02-27.md"},c=t("h1",{id:"_2023-2-27-vocabulary",tabindex:"-1"},[n("2023-2-27: Vocabulary "),t("a",{class:"header-anchor",href:"#_2023-2-27-vocabulary","aria-label":'Permalink to "2023-2-27: Vocabulary"'},"​")],-1),u=s("",3);function p(m,h,f,y,b,g){const e=r;return a(),d("div",null,[c,i(e,{readTime:"1",words:"299"}),u])}const w=o(l,[["render",p]]);export{V as __pageData,w as default};
+import{_ as r}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as a,c as d,H as i,k as t,a as n,Q as s}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const V=JSON.parse('{"title":"2023-2-27: Vocabulary","description":"Vocabulary list collected for 2023-2-27","frontmatter":{"title":"2023-2-27: Vocabulary","description":"Vocabulary list collected for 2023-2-27"},"headers":[],"relativePath":"academic/vocabulary/2023/02/2023-02-27.md","filePath":"academic/vocabulary/2023/02/2023-02-27.md","lastUpdated":1699051935000}'),l={name:"academic/vocabulary/2023/02/2023-02-27.md"},c=t("h1",{id:"_2023-2-27-vocabulary",tabindex:"-1"},[n("2023-2-27: Vocabulary "),t("a",{class:"header-anchor",href:"#_2023-2-27-vocabulary","aria-label":'Permalink to "2023-2-27: Vocabulary"'},"​")],-1),u=s("",3);function p(m,h,f,y,b,g){const e=r;return a(),d("div",null,[c,i(e,{readTime:"1",words:"299"}),u])}const w=o(l,[["render",p]]);export{V as __pageData,w as default};
diff --git a/assets/academic_vocabulary_index.md.f4afb44a.lean.js b/assets/academic_vocabulary_index.md.37eb0530.js
similarity index 92%
rename from assets/academic_vocabulary_index.md.f4afb44a.lean.js
rename to assets/academic_vocabulary_index.md.37eb0530.js
index eef554b6..29b861ed 100644
--- a/assets/academic_vocabulary_index.md.f4afb44a.lean.js
+++ b/assets/academic_vocabulary_index.md.37eb0530.js
@@ -1 +1 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as c,c as r,H as s,k as e,a as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Welcome to My Vocabulary List!","description":"","frontmatter":{},"headers":[],"relativePath":"academic/vocabulary/index.md","filePath":"academic/vocabulary/index.md","lastUpdated":1695377563000}'),l={name:"academic/vocabulary/index.md"},n=e("h1",{id:"welcome-to-my-vocabulary-list",tabindex:"-1"},[i("Welcome to My Vocabulary List! "),e("a",{class:"header-anchor",href:"#welcome-to-my-vocabulary-list","aria-label":'Permalink to "Welcome to My Vocabulary List!"'},"​")],-1);function d(m,_,p,u,y,f){const a=o;return c(),r("div",null,[n,s(a,{readTime:"1",words:"5"})])}const V=t(l,[["render",d]]);export{v as __pageData,V as default};
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as c,c as r,H as s,k as e,a as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Welcome to My Vocabulary List!","description":"","frontmatter":{},"headers":[],"relativePath":"academic/vocabulary/index.md","filePath":"academic/vocabulary/index.md","lastUpdated":1699051935000}'),l={name:"academic/vocabulary/index.md"},n=e("h1",{id:"welcome-to-my-vocabulary-list",tabindex:"-1"},[i("Welcome to My Vocabulary List! "),e("a",{class:"header-anchor",href:"#welcome-to-my-vocabulary-list","aria-label":'Permalink to "Welcome to My Vocabulary List!"'},"​")],-1);function d(m,_,p,u,y,f){const a=o;return c(),r("div",null,[n,s(a,{readTime:"1",words:"5"})])}const V=t(l,[["render",d]]);export{v as __pageData,V as default};
diff --git a/assets/academic_vocabulary_index.md.f4afb44a.js b/assets/academic_vocabulary_index.md.37eb0530.lean.js
similarity index 92%
rename from assets/academic_vocabulary_index.md.f4afb44a.js
rename to assets/academic_vocabulary_index.md.37eb0530.lean.js
index eef554b6..29b861ed 100644
--- a/assets/academic_vocabulary_index.md.f4afb44a.js
+++ b/assets/academic_vocabulary_index.md.37eb0530.lean.js
@@ -1 +1 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as c,c as r,H as s,k as e,a as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Welcome to My Vocabulary List!","description":"","frontmatter":{},"headers":[],"relativePath":"academic/vocabulary/index.md","filePath":"academic/vocabulary/index.md","lastUpdated":1695377563000}'),l={name:"academic/vocabulary/index.md"},n=e("h1",{id:"welcome-to-my-vocabulary-list",tabindex:"-1"},[i("Welcome to My Vocabulary List! "),e("a",{class:"header-anchor",href:"#welcome-to-my-vocabulary-list","aria-label":'Permalink to "Welcome to My Vocabulary List!"'},"​")],-1);function d(m,_,p,u,y,f){const a=o;return c(),r("div",null,[n,s(a,{readTime:"1",words:"5"})])}const V=t(l,[["render",d]]);export{v as __pageData,V as default};
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as c,c as r,H as s,k as e,a as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Welcome to My Vocabulary List!","description":"","frontmatter":{},"headers":[],"relativePath":"academic/vocabulary/index.md","filePath":"academic/vocabulary/index.md","lastUpdated":1699051935000}'),l={name:"academic/vocabulary/index.md"},n=e("h1",{id:"welcome-to-my-vocabulary-list",tabindex:"-1"},[i("Welcome to My Vocabulary List! "),e("a",{class:"header-anchor",href:"#welcome-to-my-vocabulary-list","aria-label":'Permalink to "Welcome to My Vocabulary List!"'},"​")],-1);function d(m,_,p,u,y,f){const a=o;return c(),r("div",null,[n,s(a,{readTime:"1",words:"5"})])}const V=t(l,[["render",d]]);export{v as __pageData,V as default};
diff --git a/assets/app.6020b1dd.js b/assets/app.11c168a7.js
similarity index 99%
rename from assets/app.6020b1dd.js
rename to assets/app.11c168a7.js
index a4464355..71ade6f8 100644
--- a/assets/app.6020b1dd.js
+++ b/assets/app.11c168a7.js
@@ -1,4 +1,4 @@
-import{d as pt,o as ut,b as qt,l as mr,u as hn,h as vr,C as Ft,w as wr,k as Ze,t as Pr,p as Gr,m as Qr,a as Mr,_ as Jr,M as Zr,a0 as qr,c as Ct,r as fr,n as Tt,g as bt,N as ma,x as jr,j as ja,a1 as ei,R as ti,B as ai,z as ni,e as ar,H as wa,a2 as ri,a3 as ii,a4 as Ar,a5 as Er,a6 as oi,a7 as xa,K as si,O as ui,s as cr,a8 as di,a9 as li,aa as mi,ab as fi,ac as ci,ad as hi,ae as vi,af as _i,ag as gi,ah as pi,U as Pi,y as Mi,ai as Ei,aj as yi,ak as Di}from"./chunks/framework.b7580407.js";import{_ as Oi,t as yr}from"./chunks/theme.7de1b093.js";import{c as ua,g as vn}from"./chunks/commonjsHelpers.725317a4.js";/*! medium-zoom 1.0.8 | MIT License | https://github.com/francoischalifour/medium-zoom */var Zt=Object.assign||function(I){for(var F=1;F1&&arguments[1]!==void 0?arguments[1]:{},n=window.Promise||function(P){function W(){}P(W,W)},e=function(P){var W=P.target;if(W===R){c();return}y.indexOf(W)!==-1&&p({target:W})},t=function(){if(!(T||!U.original)){var P=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(L-P)>h.scrollOffset&&setTimeout(c,150)}},a=function(P){var W=P.key||P.keyCode;(W==="Escape"||W==="Esc"||W===27)&&c()},r=function(){var P=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},W=P;if(P.background&&(R.style.background=P.background),P.container&&P.container instanceof Object&&(W.container=Zt({},h.container,P.container)),P.template){var b=mn(P.template)?P.template:document.querySelector(P.template);W.template=b}return h=Zt({},h,W),y.forEach(function(A){A.dispatchEvent(sa("medium-zoom:update",{detail:{zoom:B}}))}),B},i=function(){var P=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return I(Zt({},h,P))},o=function(){for(var P=arguments.length,W=Array(P),b=0;b0?W.reduce(function(Y,J){return[].concat(Y,Or(J))},[]):y;return A.forEach(function(Y){Y.classList.remove("medium-zoom-image"),Y.dispatchEvent(sa("medium-zoom:detach",{detail:{zoom:B}}))}),y=y.filter(function(Y){return A.indexOf(Y)===-1}),B},u=function(P,W){var b=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};return y.forEach(function(A){A.addEventListener("medium-zoom:"+P,W,b)}),g.push({type:"medium-zoom:"+P,listener:W,options:b}),B},l=function(P,W){var b=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};return y.forEach(function(A){A.removeEventListener("medium-zoom:"+P,W,b)}),g=g.filter(function(A){return!(A.type==="medium-zoom:"+P&&A.listener.toString()===W.toString())}),B},f=function(){var P=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},W=P.target,b=function(){var Y={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},J=void 0,Me=void 0;if(h.container)if(h.container instanceof Object)Y=Zt({},Y,h.container),J=Y.width-Y.left-Y.right-h.margin*2,Me=Y.height-Y.top-Y.bottom-h.margin*2;else{var Pe=mn(h.container)?h.container:document.querySelector(h.container),xe=Pe.getBoundingClientRect(),we=xe.width,We=xe.height,Oe=xe.left,Le=xe.top;Y=Zt({},Y,{width:we,height:We,left:Oe,top:Le})}J=J||Y.width-h.margin*2,Me=Me||Y.height-h.margin*2;var ne=U.zoomedHd||U.original,ee=Dr(ne)?J:ne.naturalWidth||J,de=Dr(ne)?Me:ne.naturalHeight||Me,ve=ne.getBoundingClientRect(),ue=ve.top,C=ve.left,K=ve.width,Q=ve.height,V=Math.min(Math.max(K,ee),J)/K,ie=Math.min(Math.max(Q,de),Me)/Q,$=Math.min(V,ie),le=(-C+(J-K)/2+h.margin+Y.left)/$,pe=(-ue+(Me-Q)/2+h.margin+Y.top)/$,_e="scale("+$+") translate3d("+le+"px, "+pe+"px, 0)";U.zoomed.style.transform=_e,U.zoomedHd&&(U.zoomedHd.style.transform=_e)};return new n(function(A){if(W&&y.indexOf(W)===-1){A(B);return}var Y=function we(){T=!1,U.zoomed.removeEventListener("transitionend",we),U.original.dispatchEvent(sa("medium-zoom:opened",{detail:{zoom:B}})),A(B)};if(U.zoomed){A(B);return}if(W)U.original=W;else if(y.length>0){var J=y;U.original=J[0]}else{A(B);return}if(U.original.dispatchEvent(sa("medium-zoom:open",{detail:{zoom:B}})),L=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,T=!0,U.zoomed=Ti(U.original),document.body.appendChild(R),h.template){var Me=mn(h.template)?h.template:document.querySelector(h.template);U.template=document.createElement("div"),U.template.appendChild(Me.content.cloneNode(!0)),document.body.appendChild(U.template)}if(U.original.parentElement&&U.original.parentElement.tagName==="PICTURE"&&U.original.currentSrc&&(U.zoomed.src=U.original.currentSrc),document.body.appendChild(U.zoomed),window.requestAnimationFrame(function(){document.body.classList.add("medium-zoom--opened")}),U.original.classList.add("medium-zoom-image--hidden"),U.zoomed.classList.add("medium-zoom-image--opened"),U.zoomed.addEventListener("click",c),U.zoomed.addEventListener("transitionend",Y),U.original.getAttribute("data-zoom-src")){U.zoomedHd=U.zoomed.cloneNode(),U.zoomedHd.removeAttribute("srcset"),U.zoomedHd.removeAttribute("sizes"),U.zoomedHd.removeAttribute("loading"),U.zoomedHd.src=U.zoomed.getAttribute("data-zoom-src"),U.zoomedHd.onerror=function(){clearInterval(Pe),console.warn("Unable to reach the zoom image target "+U.zoomedHd.src),U.zoomedHd=null,b()};var Pe=setInterval(function(){U.zoomedHd.complete&&(clearInterval(Pe),U.zoomedHd.classList.add("medium-zoom-image--opened"),U.zoomedHd.addEventListener("click",c),document.body.appendChild(U.zoomedHd),b())},10)}else if(U.original.hasAttribute("srcset")){U.zoomedHd=U.zoomed.cloneNode(),U.zoomedHd.removeAttribute("sizes"),U.zoomedHd.removeAttribute("loading");var xe=U.zoomedHd.addEventListener("load",function(){U.zoomedHd.removeEventListener("load",xe),U.zoomedHd.classList.add("medium-zoom-image--opened"),U.zoomedHd.addEventListener("click",c),document.body.appendChild(U.zoomedHd),b()})}else b()})},c=function(){return new n(function(P){if(T||!U.original){P(B);return}var W=function b(){U.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(U.zoomed),U.zoomedHd&&document.body.removeChild(U.zoomedHd),document.body.removeChild(R),U.zoomed.classList.remove("medium-zoom-image--opened"),U.template&&document.body.removeChild(U.template),T=!1,U.zoomed.removeEventListener("transitionend",b),U.original.dispatchEvent(sa("medium-zoom:closed",{detail:{zoom:B}})),U.original=null,U.zoomed=null,U.zoomedHd=null,U.template=null,P(B)};T=!0,document.body.classList.remove("medium-zoom--opened"),U.zoomed.style.transform="",U.zoomedHd&&(U.zoomedHd.style.transform=""),U.template&&(U.template.style.transition="opacity 150ms",U.template.style.opacity=0),U.original.dispatchEvent(sa("medium-zoom:close",{detail:{zoom:B}})),U.zoomed.addEventListener("transitionend",W)})},p=function(){var P=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},W=P.target;return U.original?c():f({target:W})},_=function(){return h},M=function(){return y},D=function(){return U.original},y=[],g=[],T=!1,L=0,h=m,U={original:null,zoomed:null,zoomedHd:null,template:null};Object.prototype.toString.call(F)==="[object Object]"?h=F:(F||typeof F=="string")&&o(F),h=Zt({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},h);var R=Wi(h.background);document.addEventListener("click",e),document.addEventListener("keyup",a),document.addEventListener("scroll",t),window.addEventListener("resize",c);var B={open:f,close:c,toggle:p,update:r,clone:i,attach:o,detach:s,on:u,off:l,getOptions:_,getImages:M,getZoomedImage:D};return B};function xi(I,F){F===void 0&&(F={});var m=F.insertAt;if(!(!I||typeof document>"u")){var n=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",m==="top"&&n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.styleSheet?e.styleSheet.cssText=I:e.appendChild(document.createTextNode(I))}}var wi=".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}";xi(wi);const ji=Ci;var Ir={exports:{}};(function(I,F){(function(m,n){I.exports=n()})(ua,function(){var m=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof ua<"u"?ua:typeof self<"u"?self:{},n={exports:{}};/* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress
 * @license MIT */(function(t,a){(function(r,i){t.exports=i()})(m,function(){var r={};r.version="0.2.0";var i=r.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'
'};r.configure=function(y){var g,T;for(g in y)T=y[g],T!==void 0&&y.hasOwnProperty(g)&&(i[g]=T);return this},r.status=null,r.set=function(y){var g=r.isStarted();y=o(y,i.minimum,1),r.status=y===1?null:y;var T=r.render(!g),L=T.querySelector(i.barSelector),h=i.speed,U=i.easing;return T.offsetWidth,l(function(R){i.positionUsing===""&&(i.positionUsing=r.getPositioningCSS()),f(L,u(y,h,U)),y===1?(f(T,{transition:"none",opacity:1}),T.offsetWidth,setTimeout(function(){f(T,{transition:"all "+h+"ms linear",opacity:0}),setTimeout(function(){r.remove(),R()},h)},h)):setTimeout(R,h)}),this},r.isStarted=function(){return typeof r.status=="number"},r.start=function(){r.status||r.set(0);var y=function(){setTimeout(function(){!r.status||(r.trickle(),y())},i.trickleSpeed)};return i.trickle&&y(),this},r.done=function(y){return!y&&!r.status?this:r.inc(.3+.5*Math.random()).set(1)},r.inc=function(y){var g=r.status;return g?(typeof y!="number"&&(y=(1-g)*o(Math.random()*g,.1,.95)),g=o(g+y,0,.994),r.set(g)):r.start()},r.trickle=function(){return r.inc(Math.random()*i.trickleRate)},function(){var y=0,g=0;r.promise=function(T){return!T||T.state()==="resolved"?this:(g===0&&r.start(),y++,g++,T.always(function(){g--,g===0?(y=0,r.done()):r.set((y-g)/y)}),this)}}(),r.render=function(y){if(r.isRendered())return document.getElementById("nprogress");p(document.documentElement,"nprogress-busy");var g=document.createElement("div");g.id="nprogress",g.innerHTML=i.template;var T=g.querySelector(i.barSelector),L=y?"-100":s(r.status||0),h=document.querySelector(i.parent),U;return f(T,{transition:"all 0 linear",transform:"translate3d("+L+"%,0,0)"}),i.showSpinner||(U=g.querySelector(i.spinnerSelector),U&&D(U)),h!=document.body&&p(h,"nprogress-custom-parent"),h.appendChild(g),g},r.remove=function(){_(document.documentElement,"nprogress-busy"),_(document.querySelector(i.parent),"nprogress-custom-parent");var y=document.getElementById("nprogress");y&&D(y)},r.isRendered=function(){return!!document.getElementById("nprogress")},r.getPositioningCSS=function(){var y=document.body.style,g="WebkitTransform"in y?"Webkit":"MozTransform"in y?"Moz":"msTransform"in y?"ms":"OTransform"in y?"O":"";return g+"Perspective"in y?"translate3d":g+"Transform"in y?"translate":"margin"};function o(y,g,T){return yT?T:y}function s(y){return(-1+y)*100}function u(y,g,T){var L;return i.positionUsing==="translate3d"?L={transform:"translate3d("+s(y)+"%,0,0)"}:i.positionUsing==="translate"?L={transform:"translate("+s(y)+"%,0)"}:L={"margin-left":s(y)+"%"},L.transition="all "+g+"ms "+T,L}var l=function(){var y=[];function g(){var T=y.shift();T&&T(g)}return function(T){y.push(T),y.length==1&&g()}}(),f=function(){var y=["Webkit","O","Moz","ms"],g={};function T(R){return R.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,function(B,z){return z.toUpperCase()})}function L(R){var B=document.body.style;if(R in B)return R;for(var z=y.length,P=R.charAt(0).toUpperCase()+R.slice(1),W;z--;)if(W=y[z]+P,W in B)return W;return R}function h(R){return R=T(R),g[R]||(g[R]=L(R))}function U(R,B,z){B=h(B),R.style[B]=z}return function(R,B){var z=arguments,P,W;if(z.length==2)for(P in B)W=B[P],W!==void 0&&B.hasOwnProperty(P)&&U(R,P,W);else U(R,z[1],z[2])}}();function c(y,g){var T=typeof y=="string"?y:M(y);return T.indexOf(" "+g+" ")>=0}function p(y,g){var T=M(y),L=T+g;c(T,g)||(y.className=L.substring(1))}function _(y,g){var T=M(y),L;!c(y,g)||(L=T.replace(" "+g+" "," "),y.className=L.substring(1,L.length-1))}function M(y){return(" "+(y.className||"")+" ").replace(/\s+/gi," ")}function D(y){y&&y.parentNode&&y.parentNode.removeChild(y)}return r})})(n);const e=n.exports;return t=>{if(typeof window>"u")return;const{router:a}=t;return setTimeout(()=>{e.configure({showSpinner:!1});const r=a.onBeforeRouteChange,i=a.onAfterRouteChanged;a.onBeforeRouteChange=o=>{e.start(),r==null||r(o)},a.onAfterRouteChanged=o=>{e.done(),i==null||i(o)}}),e}})})(Ir);var Ai=Ir.exports;const Ii=vn(Ai);const Li=pt({__name:"AsideSponsors",setup(I){const F=[{items:[{img:"https://jsd.toshiki.dev/gh/andatoshiki/toshiki-notebook@master/assets/logo/sponsor/telegram.png"}]}];return(m,n)=>(ut(),qt(mr(Oi),{data:F}))}});const Aa=I=>(Gr("data-v-ddda9334"),I=I(),Qr(),I),Ri={class:"copyright"},Ui={class:"content"},Si={class:"item"},Bi=Aa(()=>Ze("svg",{class:"icon",width:"20",height:"20",viewBox:"0 0 1024 1024"},[Ze("title",null,"original author"),Ze("path",{d:"M614.72 554.538c-49.086-6.399-100.27-2.1-149.256-2.1-119.465 0-209.04 95.972-206.84 215.437 0 17.095 8.498 31.99 23.493 40.488 14.896 10.697 34.09 14.896 53.285 17.095 61.882 6.398 123.664 6.398 198.342 6.398 40.488 0 93.872-2.1 142.858-4.298 27.692 0 53.284-4.3 78.877-14.896 19.194-8.498 29.89-19.194 31.99-40.488 8.498-104.57-72.478-204.84-172.75-217.636zM680.8 375.39c0-87.474-74.678-162.053-164.251-162.053-89.574 0-162.053 74.679-162.053 162.053-2.1 87.474 74.678 164.252 162.053 164.252 89.673 0 164.252-74.678 164.252-164.252z",fill:"#FFF"}),Ze("path",{d:"M512.35 0C228.733 0 .5 228.233.5 511.85s228.233 511.85 511.85 511.85 511.85-228.233 511.85-511.85S795.967 0 512.35 0zm275.12 772.074c-2.1 21.294-12.797 31.99-31.991 40.488-25.593 10.697-51.185 14.896-78.877 14.896-49.086 2.099-102.37 4.298-142.858 4.298-74.678 0-136.46 0-198.342-6.398-19.195-2.1-38.389-6.398-53.285-17.095-14.895-8.497-23.493-23.493-23.493-40.488-2.1-119.465 87.475-215.437 206.84-215.437 49.085 0 100.27-4.299 149.256 2.1 100.27 12.896 181.247 113.166 172.75 217.636zM354.495 375.39c0-87.474 72.479-162.053 162.053-162.053S680.8 288.016 680.8 375.39c0 89.574-74.679 164.252-164.252 164.252-87.375 0-164.152-76.778-162.053-164.252z",fill:"#249FF8"})],-1)),Ki=Aa(()=>Ze("span",{class:"copyrightText"},"Author: ",-1)),Ni={class:"item"},zi=Aa(()=>Ze("svg",{class:"icon",width:"20",height:"20",viewBox:"0 0 1024 1024"},[Ze("title",null,"Original Link"),Ze("path",{d:"M511.854 0A511.854 511.854 0 1 0 1024 511.854 511.854 511.854 0 0 0 511.854 0z",fill:"#39B54A"}),Ze("path",{d:"M576.491 630.355L460.028 746.818a129.565 129.565 0 0 1-182.555 0l-2.038-2.038a128.983 128.983 0 0 1 0-182.264l81.233-81.233a179.644 179.644 0 0 0 13.102 70.46l-52.7 52.408a69.878 69.878 0 0 0 0 98.703l2.038 2.038a70.169 70.169 0 0 0 98.703 0l116.463-116.463a69.878 69.878 0 0 0 0-98.703l-2.039-2.038a69.587 69.587 0 0 0-13.975-10.772l42.509-42.51a128.11 128.11 0 0 1 13.102 11.356l2.038 2.038a129.274 129.274 0 0 1 0 182.264z",fill:"#FFF"}),Ze("path",{d:"M746.236 460.902l-81.233 81.233a179.353 179.353 0 0 0-13.102-70.46l52.7-52.409a69.878 69.878 0 0 0 0-98.702l-2.039-2.038a69.878 69.878 0 0 0-98.702 0L487.397 434.989a69.878 69.878 0 0 0 0 98.702l2.038 2.038a68.422 68.422 0 0 0 13.976 10.773l-42.51 42.51a136.553 136.553 0 0 1-13.101-11.356l-2.038-2.038a128.983 128.983 0 0 1 0-182.265l116.463-116.462a129.565 129.565 0 0 1 182.555 0l2.038 2.038a128.983 128.983 0 0 1 0 182.264z",fill:"#FFF"})],-1)),ki=Aa(()=>Ze("span",{class:"copyrightText"},"Link: ",-1)),Fi=["href"],Hi=Aa(()=>Ze("div",{class:"item"},[Ze("svg",{class:"icon",width:"20",height:"20",viewBox:"0 0 1024 1024"},[Ze("title",null,"documentation license"),Ze("path",{d:"M0 512a512 512 0 1 0 1024 0A512 512 0 1 0 0 512z",fill:"#F3B243"}),Ze("path",{d:"M540.672 323.584a90.112 90.112 0 1 0 180.224 0 90.112 90.112 0 1 0-180.224 0zM540.672 688.128a90.112 90.112 0 1 0 180.224 0 90.112 90.112 0 1 0-180.224 0zM229.376 512a90.112 90.112 0 1 0 180.224 0 90.112 90.112 0 1 0-180.224 0z",fill:"#FFF"}),Ze("path",{d:"M341.037 480.37l257.344-175.718 27.713 40.592-257.34 175.718z",fill:"#FFF"}),Ze("path",{d:"M349.053 488.452L601.907 670.56l-28.725 39.887L320.307 528.34z",fill:"#FFF"})]),Ze("span",{class:"copyrightText"},"Licensing: "),Ze("span",null,[Mr(" This documentation and all content contained herein, including but not limited to text, graphics, images, and logos, are licensed under "),Ze("a",{href:"https://creativecommons.org/licenses/by-nc-sa/4.0/",rel:"noreferrer",target:"_blank"},"CC BY-NC 4.0"),Mr(", unless specifically noted, attribute the source when reprint. ")])],-1)),Yi="Anda Toshiki (安田俊樹)",Vi="https://www.toshiki.dev",Xi=pt({__name:"Copyright",setup(I){var e,t;const{frontmatter:F}=hn(),m=vr(Yi);(e=F.value)!=null&&e.author&&(m.value=(t=F.value)==null?void 0:t.author);const n=location.href;return(a,r)=>{const i=Ft("ClientOnly");return ut(),qt(i,null,{default:wr(()=>[Ze("div",Ri,[Ze("div",Ui,[Ze("div",Si,[Bi,Ki,Ze("span",null,[Ze("a",{href:Vi,rel:"noreferrer",target:"_blank"},Pr(m.value),1)])]),Ze("div",Ni,[zi,ki,Ze("span",null,[Ze("a",{href:mr(n),rel:"noreferrer",target:"_blank"},Pr(mr(n)),9,Fi)])]),Hi])])]),_:1})}}});const $i=Jr(Xi,[["__scopeId","data-v-ddda9334"]]);var Lr={exports:{}};(function(I){(function(F){function m(T,L){var h=(T&65535)+(L&65535),U=(T>>16)+(L>>16)+(h>>16);return U<<16|h&65535}function n(T,L){return T<>>32-L}function e(T,L,h,U,R,B){return m(n(m(m(L,T),m(U,B)),R),h)}function t(T,L,h,U,R,B,z){return e(L&h|~L&U,T,L,R,B,z)}function a(T,L,h,U,R,B,z){return e(L&U|h&~U,T,L,R,B,z)}function r(T,L,h,U,R,B,z){return e(L^h^U,T,L,R,B,z)}function i(T,L,h,U,R,B,z){return e(h^(L|~U),T,L,R,B,z)}function o(T,L){T[L>>5]|=128<>>9<<4)+14]=L;var h,U,R,B,z,P=1732584193,W=-271733879,b=-1732584194,A=271733878;for(h=0;h>5]>>>L%32&255);return h}function u(T){var L,h=[];for(h[(T.length>>2)-1]=void 0,L=0;L>5]|=(T.charCodeAt(L/8)&255)<16&&(U=o(U,T.length*8)),h=0;h<16;h+=1)R[h]=U[h]^909522486,B[h]=U[h]^1549556828;return z=o(R.concat(u(L)),512+L.length*8),s(o(B.concat(z),512+128))}function c(T){var L="0123456789abcdef",h="",U,R;for(R=0;R>>4&15)+L.charAt(U&15);return h}function p(T){return unescape(encodeURIComponent(T))}function _(T){return l(p(T))}function M(T){return c(_(T))}function D(T,L){return f(p(T),p(L))}function y(T,L){return c(D(T,L))}function g(T,L,h){return L?h?D(L,T):y(L,T):h?_(T):M(T)}I.exports?I.exports=g:F.md5=g})(ua)})(Lr);var Gi=Lr.exports;const Qi=vn(Gi);var Rr={exports:{}};/*!
diff --git a/assets/application_markdown-it-katex_how-to-use.md.b10dd06e.js b/assets/application_markdown-it-katex_how-to-use.md.b10dd06e.js
new file mode 100644
index 00000000..5f46d957
--- /dev/null
+++ b/assets/application_markdown-it-katex_how-to-use.md.b10dd06e.js
@@ -0,0 +1,50 @@
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as p,c as o,H as r,k as s,a,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const x=JSON.parse(`{"title":"@andatoshiki/markdown-it-katex","description":"Documentation for Toshiki's markdown-it-katex fork as an alternative for GitHub readme mirror in case site inaccessibility due to SNI interference by GFW for users in China","frontmatter":{"title":"@andatoshiki/markdown-it-katex","description":"Documentation for Toshiki's markdown-it-katex fork as an alternative for GitHub readme mirror in case site inaccessibility due to SNI interference by GFW for users in China"},"headers":[],"relativePath":"application/markdown-it-katex/how-to-use.md","filePath":"application/markdown-it-katex/how-to-use.md","lastUpdated":1699051935000}`),c={name:"application/markdown-it-katex/how-to-use.md"},i=s("h1",{id:"andatoshiki-markdown-it-katex",tabindex:"-1"},[a("@andatoshiki/markdown-it-katex "),s("a",{class:"header-anchor",href:"#andatoshiki-markdown-it-katex","aria-label":'Permalink to "@andatoshiki/markdown-it-katex"'},"​")],-1),m=s("blockquote",null,[s("p",null,[a("Add graceful "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null,"KaTeX")]),s("annotation",{encoding:"application/x-tex"},"\\KaTeX")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8988em","vertical-align":"-0.2155em"}}),s("span",{class:"mord text"},[s("span",{class:"mord textrm"},"K"),s("span",{class:"mspace",style:{"margin-right":"-0.17em"}}),s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6833em"}},[s("span",{style:{top:"-2.905em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"mord"},[s("span",{class:"mord textrm mtight sizing reset-size6 size3"},"A")])])])])]),s("span",{class:"mspace",style:{"margin-right":"-0.15em"}}),s("span",{class:"mord text"},[s("span",{class:"mord textrm"},"T"),s("span",{class:"mspace",style:{"margin-right":"-0.1667em"}}),s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4678em"}},[s("span",{style:{top:"-2.7845em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord textrm"},"E")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2155em"}},[s("span")])])]),s("span",{class:"mspace",style:{"margin-right":"-0.125em"}}),s("span",{class:"mord textrm"},"X")])])])])]),a(" rendering to your Markdown like a charm with "),s("code",null,"markdown-it"),a(" plugin.")])],-1),d=l(`
1: Installation ​
Before you start using this plugin, make sure you have already installed the default markdown-it parser; if not, please run the following command or refer to the official markdown-it documentation.
sh
$ npm install markdown-it --save
$ npm install markdown-it --save
First install package with your preferred package manager (npm, yarn, pnpm), or include javascript before the closing </body> for markdown-it-katex's core utils to be loaded for the static page.
sh
$ npm install -D @andatoshiki/markdown-it-katex
$ npm install -D @andatoshiki/markdown-it-katex
sh
$ yarn add --dev @andatoshiki/markdown-it-katex
$ yarn add --dev @andatoshiki/markdown-it-katex
sh
$ pnpm add -D @andatoshiki/markdown-it-katex
$ pnpm add -D @andatoshiki/markdown-it-katex
html
<!-- your other body contents ... -->
+    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
+</body>
<!-- your other body contents ... -->
+    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
+</body>
Including KaTeX CSS is necessary in the way you are convenient with, either link the stylesheet from a third party CDN into the local HTML <head> tag or import it into a currently linked CSS stylesheets to enable styles for KaTeX globally as follows,
Or, you could clone or download the entire repository source of KaTeX and self load the fonts/styles/scripts locally, but if you prefer loading from third-party CDN with faster load speed when deployed to save your server resources, the following CDN links might be your choice, you can always switch to other platforms based on your need.
html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
html
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
html
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
html
<link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
<link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
scss
// ... your other styles
+@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
// ... your other styles
+@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
If you are using the default markdown-it parser, I personally recommend that you use the GitHub markdown CSS (github-markdown-css) for styling your HTML output with a similar style replica of GitHub's markdown styling to your familiarity.
html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
This forked project maintained by Anda Toshiki comes with the update of KaTeX components with higher style version support (this documentation uses KaTeX version 16.0, without hassels), later versions may works, but no guarantees are given by the developers, if you are not obsessed with the latest released version, 16.0 may fits your need for loading KaTeX on a personal blog site or small educational sites; yet it should work fully functionally.
Warning
Since this project is a fork of the original markdown-it-katex project that hasn't been receiving any active updates of its code source for years, the latest katex style version supported is somewhere around ver. 0.9.0 which clearly is outdated and results in broken styles with overflowing and other potential bug presents.
2: Usage ​
RTo render equations, you need to include the markdown-it-katex plugin in the markdown-it components in your JavaScript or TypeScript file as follows,
js
var md = require('markdown-it')(),
+    mk = require('andatoshiki/markdown-it-katex')
+
+md.use(mk)
+
+// double backslash is required for javascript strings, but not html input
+var result = md.render('# Math Rulez! \\n  $\\\\sqrt{3x-1}+(1+x)^2$')
var md = require('markdown-it')(),
+    mk = require('andatoshiki/markdown-it-katex')
+
+md.use(mk)
+
+// double backslash is required for javascript strings, but not html input
+var result = md.render('# Math Rulez! \\n  $\\\\sqrt{3x-1}+(1+x)^2$')
ts
import * as mk from 'markdown-it-katex'
+import * as MarkdownIt from '@andatoshiki/markdown-it'
+
+const md = new MarkdownIt()
+md.use(mk)
+
+// double backslash is not required for TypeScript strings or template literals
+const result = md.render('# Math Rulez! \\n  $\\\\sqrt{3x-1}+(1+x)^2$')
import * as mk from 'markdown-it-katex'
+import * as MarkdownIt from '@andatoshiki/markdown-it'
+
+const md = new MarkdownIt()
+md.use(mk)
+
+// double backslash is not required for TypeScript strings or template literals
+const result = md.render('# Math Rulez! \\n  $\\\\sqrt{3x-1}+(1+x)^2$')
3: Configuration ​
The following list of variable are the customizable components of markdown-it-katex, adjust to your needs,
  • katex: You can change KaTeX version by passing the instance.
  • blockClass: Class added to KaTeX block.
  • Apply any other KaTeX options if needed as a regard to the docs
js
md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
4: Examples ​
4.1: Inline math ​
To render your LaTeX equations inline, enclose them with a single dollar sign $ on each side of the equation as follows,
tex
$\\sqrt{3x-1}+(1+x)^2$
$\\sqrt{3x-1}+(1+x)^2$
`,23),y=s("p",null,[a("rendered output equation as follows, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msqrt",null,[s("mrow",null,[s("mn",null,"3"),s("mi",null,"x"),s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"+"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\sqrt{3x-1}+(1+x)^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.04em","vertical-align":"-0.1744em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8656em"}},[s("span",{class:"svg-align",style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{"padding-left":"0.833em"}},[s("span",{class:"mord"},"3"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1")])]),s("span",{style:{top:"-2.8256em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"hide-tail",style:{"min-width":"0.853em",height:"1.08em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.08em",viewBox:"0 0 400000 1080",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M95,702
+c-2.7,0,-7.17,-2.7,-13.5,-8c-5.8,-5.3,-9.5,-10,-9.5,-14
+c0,-2,0.3,-3.3,1,-4c1.3,-2.7,23.83,-20.7,67.5,-54
+c44.2,-33.3,65.8,-50.3,66.5,-51c1.3,-1.3,3,-2,5,-2c4.7,0,8.7,3.3,12,10
+s173,378,173,378c0.7,0,35.3,-71,104,-213c68.7,-142,137.5,-285,206.5,-429
+c69,-144,104.5,-217.7,106.5,-221
+l0 -0
+c5.3,-9.3,12,-14,20,-14
+H400000v40H845.2724
+s-225.272,467,-225.272,467s-235,486,-235,486c-2.7,4.7,-9,7,-19,7
+c-6,0,-10,-1,-12,-3s-194,-422,-194,-422s-65,47,-65,47z
+M834 80h400000v40h-400000z`})])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1744em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])]),a(".")],-1),h=l(`
4.2: Blocked math ​
To render blocks, use double dollar sign ($$). This mode utilizes larger symbols and centers the result as a block displayed as a <div> block in HTML output, as follows,
tex
$$
+\\frac {\\partial^r} {\\partial \\omega^r} \\left(\\frac {y^{\\omega}} {\\omega}\\right)
+= \\left(\\frac {y^{\\omega}} {\\omega}\\right) \\left\\{(\\log y)^r + \\sum_{i=1}^r \\frac {(-1)^ Ir \\cdots (r-i+1) (\\log y)^{ri}} {\\omega^i} \\right\\}
+$$
$$
+\\frac {\\partial^r} {\\partial \\omega^r} \\left(\\frac {y^{\\omega}} {\\omega}\\right)
+= \\left(\\frac {y^{\\omega}} {\\omega}\\right) \\left\\{(\\log y)^r + \\sum_{i=1}^r \\frac {(-1)^ Ir \\cdots (r-i+1) (\\log y)^{ri}} {\\omega^i} \\right\\}
+$$
the above block equation renders the LaTeX equation as a block with output as follows,
`,4),u=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("msup",null,[s("mi",{mathvariant:"normal"},"∂"),s("mi",null,"r")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"∂"),s("msup",null,[s("mi",null,"ω"),s("mi",null,"r")])])]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mfrac",null,[s("msup",null,[s("mi",null,"y"),s("mi",null,"ω")]),s("mi",null,"ω")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("mfrac",null,[s("msup",null,[s("mi",null,"y"),s("mi",null,"ω")]),s("mi",null,"ω")]),s("mo",{fence:"true"},")")]),s("mrow",null,[s("mo",{fence:"true"},"{"),s("mo",{stretchy:"false"},"("),s("mi",null,"log"),s("mo",null,"⁡"),s("mi",null,"y"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mi",null,"r")]),s("mo",null,"+"),s("munderover",null,[s("mo",null,"∑"),s("mrow",null,[s("mi",null,"i"),s("mo",null,"="),s("mn",null,"1")]),s("mi",null,"r")]),s("mfrac",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mo",null,"−"),s("mn",null,"1"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mi",null,"I")]),s("mi",null,"r"),s("mo",null,"⋯"),s("mo",{stretchy:"false"},"("),s("mi",null,"r"),s("mo",null,"−"),s("mi",null,"i"),s("mo",null,"+"),s("mn",null,"1"),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"("),s("mi",null,"log"),s("mo",null,"⁡"),s("mi",null,"y"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mrow",null,[s("mi",null,"r"),s("mi",null,"i")])])]),s("msup",null,[s("mi",null,"ω"),s("mi",null,"i")])]),s("mo",{fence:"true"},"}")])]),s("annotation",{encoding:"application/x-tex"},"\\frac {\\partial^r} {\\partial \\omega^r} \\left(\\frac {y^{\\omega}} {\\omega}\\right) = \\left(\\frac {y^{\\omega}} {\\omega}\\right) \\left\\{(\\log y)^r + \\sum_{i=1}^r \\frac {(-1)^ Ir \\cdots (r-i+1) (\\log y)^{ri}} {\\omega^i} \\right\\} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord",style:{"margin-right":"0.05556em"}},"∂"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5904em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord",style:{"margin-right":"0.05556em"}},"∂"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3414em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"ω")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0277em","vertical-align":"-1.2777em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3414em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"ω")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size4"},"{")]),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[a("lo"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.6514em"}},[s("span",{style:{top:"-1.8723em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mrel mtight"},"="),s("span",{class:"mord mtight"},"1")])])]),s("span",{style:{top:"-3.05em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",null,[s("span",{class:"mop op-symbol large-op"},"∑")])]),s("span",{style:{top:"-4.3em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2777em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5183em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7507em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"−"),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8413em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I")])])])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},"⋯"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},")"),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[a("lo"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mord mathnormal mtight"},"i")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size4"},"}")])])])])])])],-1),g=l('
5: Syntax ​
Math parsing in markdown is designed to comply with the "latex-in-markdown" conventions set by Pandoc,
Anything between two $ characters will be treated as TeX math. The opening $ must have a non-space character immediately to its right, while the closing $ must have a non-space character immediately to its left, and must not be followed immediately by a digit. Thus, $20,000 and $30,000 won’t parse as math. If for some reason you need to enclose text in literal $ characters, backslash-escape them and they won’t be treated as math delimiters.
  • Pandoc. “Pandoc - Pandoc User’s Guide.” Pandoc.org, pandoc.org/MANUAL.html#math. Accessed 2 Mar. 2023.
6: Supported math syntax ​
KaTeX is a popular, open-source math typesetting library that is based on TeX and LaTeX. It is designed to be easy to use, and to provide high-quality mathematical typesetting for web applications, refer to the following pages of the document for the full list of function support in KaTeX.
Note
Due to the large number of equations rendered on the next following pages, it might takes time to entirely load the webpage, please be patient if the webpage seems to not respond; or it could be a result of slow network connection to correctly render all the equation that causes broken formulas, refresh the page to proceed.
',7);function b(k,v,F,C,A,D){const n=e;return p(),o("div",null,[i,r(n,{readTime:"7",words:"1.1k"}),m,d,y,h,u,g])}const q=t(c,[["render",b]]);export{x as __pageData,q as default};
diff --git a/assets/application_markdown-it-katex_how-to-use.md.e6ab0018.lean.js b/assets/application_markdown-it-katex_how-to-use.md.b10dd06e.lean.js
similarity index 76%
rename from assets/application_markdown-it-katex_how-to-use.md.e6ab0018.lean.js
rename to assets/application_markdown-it-katex_how-to-use.md.b10dd06e.lean.js
index 1648ab50..2c916fa6 100644
--- a/assets/application_markdown-it-katex_how-to-use.md.e6ab0018.lean.js
+++ b/assets/application_markdown-it-katex_how-to-use.md.b10dd06e.lean.js
@@ -1,4 +1,4 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o,c as p,H as r,k as s,a,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const D=JSON.parse(`{"title":"@andatoshiki/markdown-it-katex","description":"Documentation for Toshiki's markdown-it-katex fork as an alternative for GitHub readme mirror in case site inaccessibility due to SNI interference by GFW for users in China","frontmatter":{"title":"@andatoshiki/markdown-it-katex","description":"Documentation for Toshiki's markdown-it-katex fork as an alternative for GitHub readme mirror in case site inaccessibility due to SNI interference by GFW for users in China"},"headers":[],"relativePath":"application/markdown-it-katex/how-to-use.md","filePath":"application/markdown-it-katex/how-to-use.md","lastUpdated":1695377563000}`),c={name:"application/markdown-it-katex/how-to-use.md"},i=s("h1",{id:"andatoshiki-markdown-it-katex",tabindex:"-1"},[a("@andatoshiki/markdown-it-katex "),s("a",{class:"header-anchor",href:"#andatoshiki-markdown-it-katex","aria-label":'Permalink to "@andatoshiki/markdown-it-katex"'},"​")],-1),m=s("blockquote",null,[s("p",null,[a("Add graceful "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null,"KaTeX")]),s("annotation",{encoding:"application/x-tex"},"\\KaTeX")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8988em","vertical-align":"-0.2155em"}}),s("span",{class:"mord text"},[s("span",{class:"mord textrm"},"K"),s("span",{class:"mspace",style:{"margin-right":"-0.17em"}}),s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6833em"}},[s("span",{style:{top:"-2.905em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"mord"},[s("span",{class:"mord textrm mtight sizing reset-size6 size3"},"A")])])])])]),s("span",{class:"mspace",style:{"margin-right":"-0.15em"}}),s("span",{class:"mord text"},[s("span",{class:"mord textrm"},"T"),s("span",{class:"mspace",style:{"margin-right":"-0.1667em"}}),s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4678em"}},[s("span",{style:{top:"-2.7845em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord textrm"},"E")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2155em"}},[s("span")])])]),s("span",{class:"mspace",style:{"margin-right":"-0.125em"}}),s("span",{class:"mord textrm"},"X")])])])])]),a(" rendering to your Markdown like a charm with "),s("code",null,"markdown-it"),a(" plugin.")])],-1),y=l("",23),d=s("p",null,[a("rendered output equation as follows, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msqrt",null,[s("mrow",null,[s("mn",null,"3"),s("mi",null,"x"),s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"+"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\sqrt{3x-1}+(1+x)^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.04em","vertical-align":"-0.1744em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8656em"}},[s("span",{class:"svg-align",style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{"padding-left":"0.833em"}},[s("span",{class:"mord"},"3"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1")])]),s("span",{style:{top:"-2.8256em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"hide-tail",style:{"min-width":"0.853em",height:"1.08em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.08em",viewBox:"0 0 400000 1080",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M95,702
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as p,c as o,H as r,k as s,a,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const x=JSON.parse(`{"title":"@andatoshiki/markdown-it-katex","description":"Documentation for Toshiki's markdown-it-katex fork as an alternative for GitHub readme mirror in case site inaccessibility due to SNI interference by GFW for users in China","frontmatter":{"title":"@andatoshiki/markdown-it-katex","description":"Documentation for Toshiki's markdown-it-katex fork as an alternative for GitHub readme mirror in case site inaccessibility due to SNI interference by GFW for users in China"},"headers":[],"relativePath":"application/markdown-it-katex/how-to-use.md","filePath":"application/markdown-it-katex/how-to-use.md","lastUpdated":1699051935000}`),c={name:"application/markdown-it-katex/how-to-use.md"},i=s("h1",{id:"andatoshiki-markdown-it-katex",tabindex:"-1"},[a("@andatoshiki/markdown-it-katex "),s("a",{class:"header-anchor",href:"#andatoshiki-markdown-it-katex","aria-label":'Permalink to "@andatoshiki/markdown-it-katex"'},"​")],-1),m=s("blockquote",null,[s("p",null,[a("Add graceful "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null,"KaTeX")]),s("annotation",{encoding:"application/x-tex"},"\\KaTeX")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8988em","vertical-align":"-0.2155em"}}),s("span",{class:"mord text"},[s("span",{class:"mord textrm"},"K"),s("span",{class:"mspace",style:{"margin-right":"-0.17em"}}),s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6833em"}},[s("span",{style:{top:"-2.905em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"mord"},[s("span",{class:"mord textrm mtight sizing reset-size6 size3"},"A")])])])])]),s("span",{class:"mspace",style:{"margin-right":"-0.15em"}}),s("span",{class:"mord text"},[s("span",{class:"mord textrm"},"T"),s("span",{class:"mspace",style:{"margin-right":"-0.1667em"}}),s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4678em"}},[s("span",{style:{top:"-2.7845em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord textrm"},"E")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2155em"}},[s("span")])])]),s("span",{class:"mspace",style:{"margin-right":"-0.125em"}}),s("span",{class:"mord textrm"},"X")])])])])]),a(" rendering to your Markdown like a charm with "),s("code",null,"markdown-it"),a(" plugin.")])],-1),d=l("",23),y=s("p",null,[a("rendered output equation as follows, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msqrt",null,[s("mrow",null,[s("mn",null,"3"),s("mi",null,"x"),s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"+"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\sqrt{3x-1}+(1+x)^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.04em","vertical-align":"-0.1744em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8656em"}},[s("span",{class:"svg-align",style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{"padding-left":"0.833em"}},[s("span",{class:"mord"},"3"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1")])]),s("span",{style:{top:"-2.8256em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"hide-tail",style:{"min-width":"0.853em",height:"1.08em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.08em",viewBox:"0 0 400000 1080",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M95,702
 c-2.7,0,-7.17,-2.7,-13.5,-8c-5.8,-5.3,-9.5,-10,-9.5,-14
 c0,-2,0.3,-3.3,1,-4c1.3,-2.7,23.83,-20.7,67.5,-54
 c44.2,-33.3,65.8,-50.3,66.5,-51c1.3,-1.3,3,-2,5,-2c4.7,0,8.7,3.3,12,10
@@ -9,4 +9,4 @@ c5.3,-9.3,12,-14,20,-14
 H400000v40H845.2724
 s-225.272,467,-225.272,467s-235,486,-235,486c-2.7,4.7,-9,7,-19,7
 c-6,0,-10,-1,-12,-3s-194,-422,-194,-422s-65,47,-65,47z
-M834 80h400000v40h-400000z`})])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1744em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])]),a(".")],-1),h=l("",4),u=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("msup",null,[s("mi",{mathvariant:"normal"},"∂"),s("mi",null,"r")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"∂"),s("msup",null,[s("mi",null,"ω"),s("mi",null,"r")])])]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mfrac",null,[s("msup",null,[s("mi",null,"y"),s("mi",null,"ω")]),s("mi",null,"ω")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("mfrac",null,[s("msup",null,[s("mi",null,"y"),s("mi",null,"ω")]),s("mi",null,"ω")]),s("mo",{fence:"true"},")")]),s("mrow",null,[s("mo",{fence:"true"},"{"),s("mo",{stretchy:"false"},"("),s("mi",null,"log"),s("mo",null,"⁡"),s("mi",null,"y"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mi",null,"r")]),s("mo",null,"+"),s("munderover",null,[s("mo",null,"∑"),s("mrow",null,[s("mi",null,"i"),s("mo",null,"="),s("mn",null,"1")]),s("mi",null,"r")]),s("mfrac",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mo",null,"−"),s("mn",null,"1"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mi",null,"I")]),s("mi",null,"r"),s("mo",null,"⋯"),s("mo",{stretchy:"false"},"("),s("mi",null,"r"),s("mo",null,"−"),s("mi",null,"i"),s("mo",null,"+"),s("mn",null,"1"),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"("),s("mi",null,"log"),s("mo",null,"⁡"),s("mi",null,"y"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mrow",null,[s("mi",null,"r"),s("mi",null,"i")])])]),s("msup",null,[s("mi",null,"ω"),s("mi",null,"i")])]),s("mo",{fence:"true"},"}")])]),s("annotation",{encoding:"application/x-tex"},"\\frac {\\partial^r} {\\partial \\omega^r} \\left(\\frac {y^{\\omega}} {\\omega}\\right) = \\left(\\frac {y^{\\omega}} {\\omega}\\right) \\left\\{(\\log y)^r + \\sum_{i=1}^r \\frac {(-1)^ Ir \\cdots (r-i+1) (\\log y)^{ri}} {\\omega^i} \\right\\} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord",style:{"margin-right":"0.05556em"}},"∂"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5904em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord",style:{"margin-right":"0.05556em"}},"∂"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3414em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"ω")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0277em","vertical-align":"-1.2777em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3414em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"ω")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size4"},"{")]),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[a("lo"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.6514em"}},[s("span",{style:{top:"-1.8723em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mrel mtight"},"="),s("span",{class:"mord mtight"},"1")])])]),s("span",{style:{top:"-3.05em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",null,[s("span",{class:"mop op-symbol large-op"},"∑")])]),s("span",{style:{top:"-4.3em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2777em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5183em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7507em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"−"),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8413em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I")])])])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},"⋯"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},")"),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[a("lo"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mord mathnormal mtight"},"i")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size4"},"}")])])])])])])],-1),g=l("",7);function b(k,v,B,A,f,w){const n=e;return o(),p("div",null,[i,r(n,{readTime:"7",words:"1.1k"}),m,y,d,h,u,g])}const _=t(c,[["render",b]]);export{D as __pageData,_ as default};
+M834 80h400000v40h-400000z`})])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1744em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])]),a(".")],-1),h=l("",4),u=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("msup",null,[s("mi",{mathvariant:"normal"},"∂"),s("mi",null,"r")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"∂"),s("msup",null,[s("mi",null,"ω"),s("mi",null,"r")])])]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mfrac",null,[s("msup",null,[s("mi",null,"y"),s("mi",null,"ω")]),s("mi",null,"ω")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("mfrac",null,[s("msup",null,[s("mi",null,"y"),s("mi",null,"ω")]),s("mi",null,"ω")]),s("mo",{fence:"true"},")")]),s("mrow",null,[s("mo",{fence:"true"},"{"),s("mo",{stretchy:"false"},"("),s("mi",null,"log"),s("mo",null,"⁡"),s("mi",null,"y"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mi",null,"r")]),s("mo",null,"+"),s("munderover",null,[s("mo",null,"∑"),s("mrow",null,[s("mi",null,"i"),s("mo",null,"="),s("mn",null,"1")]),s("mi",null,"r")]),s("mfrac",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mo",null,"−"),s("mn",null,"1"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mi",null,"I")]),s("mi",null,"r"),s("mo",null,"⋯"),s("mo",{stretchy:"false"},"("),s("mi",null,"r"),s("mo",null,"−"),s("mi",null,"i"),s("mo",null,"+"),s("mn",null,"1"),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"("),s("mi",null,"log"),s("mo",null,"⁡"),s("mi",null,"y"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mrow",null,[s("mi",null,"r"),s("mi",null,"i")])])]),s("msup",null,[s("mi",null,"ω"),s("mi",null,"i")])]),s("mo",{fence:"true"},"}")])]),s("annotation",{encoding:"application/x-tex"},"\\frac {\\partial^r} {\\partial \\omega^r} \\left(\\frac {y^{\\omega}} {\\omega}\\right) = \\left(\\frac {y^{\\omega}} {\\omega}\\right) \\left\\{(\\log y)^r + \\sum_{i=1}^r \\frac {(-1)^ Ir \\cdots (r-i+1) (\\log y)^{ri}} {\\omega^i} \\right\\} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord",style:{"margin-right":"0.05556em"}},"∂"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5904em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord",style:{"margin-right":"0.05556em"}},"∂"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3414em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"ω")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0277em","vertical-align":"-1.2777em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3414em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"ω")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size4"},"{")]),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[a("lo"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.6514em"}},[s("span",{style:{top:"-1.8723em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mrel mtight"},"="),s("span",{class:"mord mtight"},"1")])])]),s("span",{style:{top:"-3.05em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",null,[s("span",{class:"mop op-symbol large-op"},"∑")])]),s("span",{style:{top:"-4.3em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2777em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5183em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7507em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"−"),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8413em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I")])])])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},"⋯"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},")"),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[a("lo"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mord mathnormal mtight"},"i")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size4"},"}")])])])])])])],-1),g=l("",7);function b(k,v,F,C,A,D){const n=e;return p(),o("div",null,[i,r(n,{readTime:"7",words:"1.1k"}),m,d,y,h,u,g])}const q=t(c,[["render",b]]);export{x as __pageData,q as default};
diff --git a/assets/application_markdown-it-katex_how-to-use.md.e6ab0018.js b/assets/application_markdown-it-katex_how-to-use.md.e6ab0018.js
deleted file mode 100644
index db9f6f8a..00000000
--- a/assets/application_markdown-it-katex_how-to-use.md.e6ab0018.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o,c as p,H as r,k as s,a,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const D=JSON.parse(`{"title":"@andatoshiki/markdown-it-katex","description":"Documentation for Toshiki's markdown-it-katex fork as an alternative for GitHub readme mirror in case site inaccessibility due to SNI interference by GFW for users in China","frontmatter":{"title":"@andatoshiki/markdown-it-katex","description":"Documentation for Toshiki's markdown-it-katex fork as an alternative for GitHub readme mirror in case site inaccessibility due to SNI interference by GFW for users in China"},"headers":[],"relativePath":"application/markdown-it-katex/how-to-use.md","filePath":"application/markdown-it-katex/how-to-use.md","lastUpdated":1695377563000}`),c={name:"application/markdown-it-katex/how-to-use.md"},i=s("h1",{id:"andatoshiki-markdown-it-katex",tabindex:"-1"},[a("@andatoshiki/markdown-it-katex "),s("a",{class:"header-anchor",href:"#andatoshiki-markdown-it-katex","aria-label":'Permalink to "@andatoshiki/markdown-it-katex"'},"​")],-1),m=s("blockquote",null,[s("p",null,[a("Add graceful "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mtext",null,"KaTeX")]),s("annotation",{encoding:"application/x-tex"},"\\KaTeX")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8988em","vertical-align":"-0.2155em"}}),s("span",{class:"mord text"},[s("span",{class:"mord textrm"},"K"),s("span",{class:"mspace",style:{"margin-right":"-0.17em"}}),s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6833em"}},[s("span",{style:{top:"-2.905em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"mord"},[s("span",{class:"mord textrm mtight sizing reset-size6 size3"},"A")])])])])]),s("span",{class:"mspace",style:{"margin-right":"-0.15em"}}),s("span",{class:"mord text"},[s("span",{class:"mord textrm"},"T"),s("span",{class:"mspace",style:{"margin-right":"-0.1667em"}}),s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.4678em"}},[s("span",{style:{top:"-2.7845em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord textrm"},"E")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.2155em"}},[s("span")])])]),s("span",{class:"mspace",style:{"margin-right":"-0.125em"}}),s("span",{class:"mord textrm"},"X")])])])])]),a(" rendering to your Markdown like a charm with "),s("code",null,"markdown-it"),a(" plugin.")])],-1),y=l(`
1: Installation ​
Before you start using this plugin, make sure you have already installed the default markdown-it parser; if not, please run the following command or refer to the official markdown-it documentation.
sh
$ npm install markdown-it --save
$ npm install markdown-it --save
First install package with your preferred package manager (npm, yarn, pnpm), or include javascript before the closing </body> for markdown-it-katex's core utils to be loaded for the static page.
sh
$ npm install -D @andatoshiki/markdown-it-katex
$ npm install -D @andatoshiki/markdown-it-katex
sh
$ yarn add --dev @andatoshiki/markdown-it-katex
$ yarn add --dev @andatoshiki/markdown-it-katex
sh
$ pnpm add -D @andatoshiki/markdown-it-katex
$ pnpm add -D @andatoshiki/markdown-it-katex
html
<!-- your other body contents ... -->
-    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
-</body>
<!-- your other body contents ... -->
-    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
-</body>
Including KaTeX CSS is necessary in the way you are convenient with, either link the stylesheet from a third party CDN into the local HTML <head> tag or import it into a currently linked CSS stylesheets to enable styles for KaTeX globally as follows,
Or, you could clone or download the entire repository source of KaTeX and self load the fonts/styles/scripts locally, but if you prefer loading from third-party CDN with faster load speed when deployed to save your server resources, the following CDN links might be your choice, you can always switch to other platforms based on your need.
html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
html
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
html
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
html
<link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
<link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
scss
// ... your other styles
-@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
// ... your other styles
-@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
If you are using the default markdown-it parser, I personally recommend that you use the GitHub markdown CSS (github-markdown-css) for styling your HTML output with a similar style replica of GitHub's markdown styling to your familiarity.
html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
This forked project maintained by Anda Toshiki comes with the update of KaTeX components with higher style version support (this documentation uses KaTeX version 16.0, without hassels), later versions may works, but no guarantees are given by the developers, if you are not obsessed with the latest released version, 16.0 may fits your need for loading KaTeX on a personal blog site or small educational sites; yet it should work fully functionally.
Warning
Since this project is a fork of the original markdown-it-katex project that hasn't been receiving any active updates of its code source for years, the latest katex style version supported is somewhere around ver. 0.9.0 which clearly is outdated and results in broken styles with overflowing and other potential bug presents.
2: Usage ​
RTo render equations, you need to include the markdown-it-katex plugin in the markdown-it components in your JavaScript or TypeScript file as follows,
js
var md = require('markdown-it')(),
-    mk = require('andatoshiki/markdown-it-katex')
-
-md.use(mk)
-
-// double backslash is required for javascript strings, but not html input
-var result = md.render('# Math Rulez! \\n  $\\\\sqrt{3x-1}+(1+x)^2$')
var md = require('markdown-it')(),
-    mk = require('andatoshiki/markdown-it-katex')
-
-md.use(mk)
-
-// double backslash is required for javascript strings, but not html input
-var result = md.render('# Math Rulez! \\n  $\\\\sqrt{3x-1}+(1+x)^2$')
ts
import * as mk from 'markdown-it-katex'
-import * as MarkdownIt from '@andatoshiki/markdown-it'
-
-const md = new MarkdownIt()
-md.use(mk)
-
-// double backslash is not required for TypeScript strings or template literals
-const result = md.render('# Math Rulez! \\n  $\\\\sqrt{3x-1}+(1+x)^2$')
import * as mk from 'markdown-it-katex'
-import * as MarkdownIt from '@andatoshiki/markdown-it'
-
-const md = new MarkdownIt()
-md.use(mk)
-
-// double backslash is not required for TypeScript strings or template literals
-const result = md.render('# Math Rulez! \\n  $\\\\sqrt{3x-1}+(1+x)^2$')
3: Configuration ​
The following list of variable are the customizable components of markdown-it-katex, adjust to your needs,
  • katex: You can change KaTeX version by passing the instance.
  • blockClass: Class added to KaTeX block.
  • Apply any other KaTeX options if needed as a regard to the docs
js
md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
4: Examples ​
4.1: Inline math ​
To render your LaTeX equations inline, enclose them with a single dollar sign $ on each side of the equation as follows,
tex
$\\sqrt{3x-1}+(1+x)^2$
$\\sqrt{3x-1}+(1+x)^2$
`,23),d=s("p",null,[a("rendered output equation as follows, "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msqrt",null,[s("mrow",null,[s("mn",null,"3"),s("mi",null,"x"),s("mo",null,"−"),s("mn",null,"1")])]),s("mo",null,"+"),s("mo",{stretchy:"false"},"("),s("mn",null,"1"),s("mo",null,"+"),s("mi",null,"x"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mn",null,"2")])]),s("annotation",{encoding:"application/x-tex"},"\\sqrt{3x-1}+(1+x)^2")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.04em","vertical-align":"-0.1744em"}}),s("span",{class:"mord sqrt"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8656em"}},[s("span",{class:"svg-align",style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord",style:{"padding-left":"0.833em"}},[s("span",{class:"mord"},"3"),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1")])]),s("span",{style:{top:"-2.8256em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"hide-tail",style:{"min-width":"0.853em",height:"1.08em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"400em",height:"1.08em",viewBox:"0 0 400000 1080",preserveAspectRatio:"xMinYMin slice"},[s("path",{d:`M95,702
-c-2.7,0,-7.17,-2.7,-13.5,-8c-5.8,-5.3,-9.5,-10,-9.5,-14
-c0,-2,0.3,-3.3,1,-4c1.3,-2.7,23.83,-20.7,67.5,-54
-c44.2,-33.3,65.8,-50.3,66.5,-51c1.3,-1.3,3,-2,5,-2c4.7,0,8.7,3.3,12,10
-s173,378,173,378c0.7,0,35.3,-71,104,-213c68.7,-142,137.5,-285,206.5,-429
-c69,-144,104.5,-217.7,106.5,-221
-l0 -0
-c5.3,-9.3,12,-14,20,-14
-H400000v40H845.2724
-s-225.272,467,-225.272,467s-235,486,-235,486c-2.7,4.7,-9,7,-19,7
-c-6,0,-10,-1,-12,-3s-194,-422,-194,-422s-65,47,-65,47z
-M834 80h400000v40h-400000z`})])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1744em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord"},"1"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"1.0641em","vertical-align":"-0.25em"}}),s("span",{class:"mord mathnormal"},"x"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"2")])])])])])])])])])]),a(".")],-1),h=l(`
4.2: Blocked math ​
To render blocks, use double dollar sign ($$). This mode utilizes larger symbols and centers the result as a block displayed as a <div> block in HTML output, as follows,
tex
$$
-\\frac {\\partial^r} {\\partial \\omega^r} \\left(\\frac {y^{\\omega}} {\\omega}\\right)
-= \\left(\\frac {y^{\\omega}} {\\omega}\\right) \\left\\{(\\log y)^r + \\sum_{i=1}^r \\frac {(-1)^ Ir \\cdots (r-i+1) (\\log y)^{ri}} {\\omega^i} \\right\\}
-$$
$$
-\\frac {\\partial^r} {\\partial \\omega^r} \\left(\\frac {y^{\\omega}} {\\omega}\\right)
-= \\left(\\frac {y^{\\omega}} {\\omega}\\right) \\left\\{(\\log y)^r + \\sum_{i=1}^r \\frac {(-1)^ Ir \\cdots (r-i+1) (\\log y)^{ri}} {\\omega^i} \\right\\}
-$$
the above block equation renders the LaTeX equation as a block with output as follows,
`,4),u=s("p",{class:"katex-block"},[s("span",{class:"katex-display"},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block"},[s("semantics",null,[s("mrow",null,[s("mfrac",null,[s("msup",null,[s("mi",{mathvariant:"normal"},"∂"),s("mi",null,"r")]),s("mrow",null,[s("mi",{mathvariant:"normal"},"∂"),s("msup",null,[s("mi",null,"ω"),s("mi",null,"r")])])]),s("mrow",null,[s("mo",{fence:"true"},"("),s("mfrac",null,[s("msup",null,[s("mi",null,"y"),s("mi",null,"ω")]),s("mi",null,"ω")]),s("mo",{fence:"true"},")")]),s("mo",null,"="),s("mrow",null,[s("mo",{fence:"true"},"("),s("mfrac",null,[s("msup",null,[s("mi",null,"y"),s("mi",null,"ω")]),s("mi",null,"ω")]),s("mo",{fence:"true"},")")]),s("mrow",null,[s("mo",{fence:"true"},"{"),s("mo",{stretchy:"false"},"("),s("mi",null,"log"),s("mo",null,"⁡"),s("mi",null,"y"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mi",null,"r")]),s("mo",null,"+"),s("munderover",null,[s("mo",null,"∑"),s("mrow",null,[s("mi",null,"i"),s("mo",null,"="),s("mn",null,"1")]),s("mi",null,"r")]),s("mfrac",null,[s("mrow",null,[s("mo",{stretchy:"false"},"("),s("mo",null,"−"),s("mn",null,"1"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mi",null,"I")]),s("mi",null,"r"),s("mo",null,"⋯"),s("mo",{stretchy:"false"},"("),s("mi",null,"r"),s("mo",null,"−"),s("mi",null,"i"),s("mo",null,"+"),s("mn",null,"1"),s("mo",{stretchy:"false"},")"),s("mo",{stretchy:"false"},"("),s("mi",null,"log"),s("mo",null,"⁡"),s("mi",null,"y"),s("msup",null,[s("mo",{stretchy:"false"},")"),s("mrow",null,[s("mi",null,"r"),s("mi",null,"i")])])]),s("msup",null,[s("mi",null,"ω"),s("mi",null,"i")])]),s("mo",{fence:"true"},"}")])]),s("annotation",{encoding:"application/x-tex"},"\\frac {\\partial^r} {\\partial \\omega^r} \\left(\\frac {y^{\\omega}} {\\omega}\\right) = \\left(\\frac {y^{\\omega}} {\\omega}\\right) \\left\\{(\\log y)^r + \\sum_{i=1}^r \\frac {(-1)^ Ir \\cdots (r-i+1) (\\log y)^{ri}} {\\omega^i} \\right\\} ")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3714em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord",style:{"margin-right":"0.05556em"}},"∂"),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.5904em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord",style:{"margin-right":"0.05556em"}},"∂"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3414em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"ω")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"3.0277em","vertical-align":"-1.2777em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},"(")]),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.3414em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω")])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6644em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.03588em"}},"ω")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size3"},")")])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},[s("span",{class:"mopen delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size4"},"{")]),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[a("lo"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7144em"}},[s("span",{style:{top:"-3.113em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mop op-limits"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.6514em"}},[s("span",{style:{top:"-1.8723em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight"},"i"),s("span",{class:"mrel mtight"},"="),s("span",{class:"mord mtight"},"1")])])]),s("span",{style:{top:"-3.05em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",null,[s("span",{class:"mop op-symbol large-op"},"∑")])]),s("span",{style:{top:"-4.3em","margin-left":"0em"}},[s("span",{class:"pstrut",style:{height:"3.05em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.2777em"}},[s("span")])])])]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord"},[s("span",{class:"mopen nulldelimiter"}),s("span",{class:"mfrac"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"1.5183em"}},[s("span",{style:{top:"-2.314em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},[s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"ω"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7507em"}},[s("span",{style:{top:"-2.989em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight"},"i")])])])])])])])])]),s("span",{style:{top:"-3.23em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),s("span",{style:{top:"-3.677em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mopen"},"("),s("span",{class:"mord"},"−"),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8413em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.07847em"}},"I")])])])])])])]),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"minner"},"⋯"),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mopen"},"("),s("span",{class:"mord mathnormal",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"−"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord mathnormal"},"i"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"+"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mclose"},")"),s("span",{class:"mopen"},"("),s("span",{class:"mop"},[a("lo"),s("span",{style:{"margin-right":"0.01389em"}},"g")]),s("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),s("span",{class:"mclose"},[s("span",{class:"mclose"},")"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8247em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mathnormal mtight",style:{"margin-right":"0.02778em"}},"r"),s("span",{class:"mord mathnormal mtight"},"i")])])])])])])])])])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.686em"}},[s("span")])])])]),s("span",{class:"mclose nulldelimiter"})]),s("span",{class:"mclose delimcenter",style:{top:"0em"}},[s("span",{class:"delimsizing size4"},"}")])])])])])])],-1),g=l('
5: Syntax ​
Math parsing in markdown is designed to comply with the "latex-in-markdown" conventions set by Pandoc,
Anything between two $ characters will be treated as TeX math. The opening $ must have a non-space character immediately to its right, while the closing $ must have a non-space character immediately to its left, and must not be followed immediately by a digit. Thus, $20,000 and $30,000 won’t parse as math. If for some reason you need to enclose text in literal $ characters, backslash-escape them and they won’t be treated as math delimiters.
  • Pandoc. “Pandoc - Pandoc User’s Guide.” Pandoc.org, pandoc.org/MANUAL.html#math. Accessed 2 Mar. 2023.
6: Supported math syntax ​
KaTeX is a popular, open-source math typesetting library that is based on TeX and LaTeX. It is designed to be easy to use, and to provide high-quality mathematical typesetting for web applications, refer to the following pages of the document for the full list of function support in KaTeX.
Note
Due to the large number of equations rendered on the next following pages, it might takes time to entirely load the webpage, please be patient if the webpage seems to not respond; or it could be a result of slow network connection to correctly render all the equation that causes broken formulas, refresh the page to proceed.
',7);function b(k,v,B,A,f,w){const n=e;return o(),p("div",null,[i,r(n,{readTime:"7",words:"1.1k"}),m,y,d,h,u,g])}const _=t(c,[["render",b]]);export{D as __pageData,_ as default};
diff --git a/assets/application_markdown-it-katex_support-function.md.009fe258.js b/assets/application_markdown-it-katex_support-function.md.59634b4a.js
similarity index 99%
rename from assets/application_markdown-it-katex_support-function.md.009fe258.js
rename to assets/application_markdown-it-katex_support-function.md.59634b4a.js
index bb3757be..7959320c 100644
--- a/assets/application_markdown-it-katex_support-function.md.009fe258.js
+++ b/assets/application_markdown-it-katex_support-function.md.59634b4a.js
@@ -1,4 +1,4 @@
-import{_ as m}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,o as l,c as n,H as c,k as s,a,Q as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const Lt=JSON.parse('{"title":"KaTeX: Supported functions","description":"Supported functions within KaTeX syntaxes.","frontmatter":{"title":"KaTeX: Supported functions","description":"Supported functions within KaTeX syntaxes."},"headers":[],"relativePath":"application/markdown-it-katex/support-function.md","filePath":"application/markdown-it-katex/support-function.md","lastUpdated":1695377563000}'),p={name:"application/markdown-it-katex/support-function.md"},r=s("h1",{id:"katex-supported-function",tabindex:"-1"},[a("KaTeX: Supported function "),s("a",{class:"header-anchor",href:"#katex-supported-function","aria-label":'Permalink to "KaTeX: Supported function"'},"​")],-1),h=t('
note
This is an direct shameful copy of the documentation pulled from KaTeX documentation, I do not own any of the content below on behalf of this part of the documentation, the table might be outdated as versions migrates, please also refer to KaTeX's official documentation.
This following is a list of TeX functions supported by KaTeX. It is sorted into logical groups.
There is a similar Support Table on the next page, sorted alphabetically in am more intuitive way with the lists both supported and un-supported functions, viewing both tables are suggested comprehensibly and interchangeably is highly suggested.
1: Accents ​
',4),o=s("thead",null,[s("tr",null,[s("th",{style:{"text-align":"left"}}),s("th",{style:{"text-align":"left"}}),s("th",{style:{"text-align":"left"}})])],-1),u=s("tr",null,[s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",null,"a"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")])]),s("annotation",{encoding:"application/x-tex"},"a'")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7519em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])])])])]),a(),s("code",null,"a'")]),s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"a"),s("mo",null,"~")])]),s("annotation",{encoding:"application/x-tex"},"\\tilde{a}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6679em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6679em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal"},"a")]),s("span",{style:{top:"-3.35em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.25em"}},[s("span",{class:"mord"},"~")])])])])])])])])]),a(),s("code",null,"\\tilde{a}")]),s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"g"),s("mo",null,"˚")])]),s("annotation",{encoding:"application/x-tex"},"\\mathring{g}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6944em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.3472em"}},[s("span",{class:"mord"},"˚")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1944em"}},[s("span")])])])])])])]),a(),s("code",null,"\\mathring{g}")])],-1),d=s("tr",null,[s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",null,"a"),s("mrow",null,[s("mo",{mathvariant:"normal"},"′"),s("mo",{mathvariant:"normal"},"′")])])]),s("annotation",{encoding:"application/x-tex"},"a''")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7519em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′′")])])])])])])])])])])]),a(),s("code",null,"a''")]),s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mrow",null,[s("mi",null,"a"),s("mi",null,"c")]),s("mo",{stretchy:"true"},"~")])]),s("annotation",{encoding:"application/x-tex"},"\\widetilde{ac}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7166em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7166em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord mathnormal"},"c")])]),s("span",{class:"svg-align",style:{top:"-3.4306em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{style:{height:"0.286em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"0.286em",viewBox:"0 0 1033 286",preserveAspectRatio:"none"},[s("path",{d:`M344 55.266c-142 0-300.638 81.316-311.5 86.418
+import{_ as m}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,o as l,c as n,H as c,k as s,a,Q as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const Lt=JSON.parse('{"title":"KaTeX: Supported functions","description":"Supported functions within KaTeX syntaxes.","frontmatter":{"title":"KaTeX: Supported functions","description":"Supported functions within KaTeX syntaxes."},"headers":[],"relativePath":"application/markdown-it-katex/support-function.md","filePath":"application/markdown-it-katex/support-function.md","lastUpdated":1699051935000}'),p={name:"application/markdown-it-katex/support-function.md"},r=s("h1",{id:"katex-supported-function",tabindex:"-1"},[a("KaTeX: Supported function "),s("a",{class:"header-anchor",href:"#katex-supported-function","aria-label":'Permalink to "KaTeX: Supported function"'},"​")],-1),h=t('
note
This is an direct shameful copy of the documentation pulled from KaTeX documentation, I do not own any of the content below on behalf of this part of the documentation, the table might be outdated as versions migrates, please also refer to KaTeX's official documentation.
This following is a list of TeX functions supported by KaTeX. It is sorted into logical groups.
There is a similar Support Table on the next page, sorted alphabetically in am more intuitive way with the lists both supported and un-supported functions, viewing both tables are suggested comprehensibly and interchangeably is highly suggested.
1: Accents ​
',4),o=s("thead",null,[s("tr",null,[s("th",{style:{"text-align":"left"}}),s("th",{style:{"text-align":"left"}}),s("th",{style:{"text-align":"left"}})])],-1),u=s("tr",null,[s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",null,"a"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")])]),s("annotation",{encoding:"application/x-tex"},"a'")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7519em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])])])])]),a(),s("code",null,"a'")]),s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"a"),s("mo",null,"~")])]),s("annotation",{encoding:"application/x-tex"},"\\tilde{a}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6679em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6679em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal"},"a")]),s("span",{style:{top:"-3.35em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.25em"}},[s("span",{class:"mord"},"~")])])])])])])])])]),a(),s("code",null,"\\tilde{a}")]),s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"g"),s("mo",null,"˚")])]),s("annotation",{encoding:"application/x-tex"},"\\mathring{g}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6944em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.3472em"}},[s("span",{class:"mord"},"˚")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1944em"}},[s("span")])])])])])])]),a(),s("code",null,"\\mathring{g}")])],-1),d=s("tr",null,[s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",null,"a"),s("mrow",null,[s("mo",{mathvariant:"normal"},"′"),s("mo",{mathvariant:"normal"},"′")])])]),s("annotation",{encoding:"application/x-tex"},"a''")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7519em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′′")])])])])])])])])])])]),a(),s("code",null,"a''")]),s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mrow",null,[s("mi",null,"a"),s("mi",null,"c")]),s("mo",{stretchy:"true"},"~")])]),s("annotation",{encoding:"application/x-tex"},"\\widetilde{ac}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7166em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7166em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord mathnormal"},"c")])]),s("span",{class:"svg-align",style:{top:"-3.4306em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{style:{height:"0.286em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"0.286em",viewBox:"0 0 1033 286",preserveAspectRatio:"none"},[s("path",{d:`M344 55.266c-142 0-300.638 81.316-311.5 86.418
 -8.01 3.762-22.5 10.91-23.5 5.562L1 120c-1-2-1-3-1-4 0-5 3-9 8-10l18.4-9C160.9
  31.9 283 0 358 0c148 0 188 122 331 122s314-97 326-97c4 0 8 2 10 7l7 21.114
 c1 2.14 1 3.21 1 4.28 0 5.347-3 9.626-7 10.696l-22.3 12.622C852.6 158.372 751
diff --git a/assets/application_markdown-it-katex_support-function.md.009fe258.lean.js b/assets/application_markdown-it-katex_support-function.md.59634b4a.lean.js
similarity index 99%
rename from assets/application_markdown-it-katex_support-function.md.009fe258.lean.js
rename to assets/application_markdown-it-katex_support-function.md.59634b4a.lean.js
index 4e416f77..42304727 100644
--- a/assets/application_markdown-it-katex_support-function.md.009fe258.lean.js
+++ b/assets/application_markdown-it-katex_support-function.md.59634b4a.lean.js
@@ -1,4 +1,4 @@
-import{_ as m}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,o as l,c as n,H as c,k as s,a,Q as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const Lt=JSON.parse('{"title":"KaTeX: Supported functions","description":"Supported functions within KaTeX syntaxes.","frontmatter":{"title":"KaTeX: Supported functions","description":"Supported functions within KaTeX syntaxes."},"headers":[],"relativePath":"application/markdown-it-katex/support-function.md","filePath":"application/markdown-it-katex/support-function.md","lastUpdated":1695377563000}'),p={name:"application/markdown-it-katex/support-function.md"},r=s("h1",{id:"katex-supported-function",tabindex:"-1"},[a("KaTeX: Supported function "),s("a",{class:"header-anchor",href:"#katex-supported-function","aria-label":'Permalink to "KaTeX: Supported function"'},"​")],-1),h=t("",4),o=s("thead",null,[s("tr",null,[s("th",{style:{"text-align":"left"}}),s("th",{style:{"text-align":"left"}}),s("th",{style:{"text-align":"left"}})])],-1),u=s("tr",null,[s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",null,"a"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")])]),s("annotation",{encoding:"application/x-tex"},"a'")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7519em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])])])])]),a(),s("code",null,"a'")]),s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"a"),s("mo",null,"~")])]),s("annotation",{encoding:"application/x-tex"},"\\tilde{a}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6679em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6679em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal"},"a")]),s("span",{style:{top:"-3.35em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.25em"}},[s("span",{class:"mord"},"~")])])])])])])])])]),a(),s("code",null,"\\tilde{a}")]),s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"g"),s("mo",null,"˚")])]),s("annotation",{encoding:"application/x-tex"},"\\mathring{g}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6944em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.3472em"}},[s("span",{class:"mord"},"˚")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1944em"}},[s("span")])])])])])])]),a(),s("code",null,"\\mathring{g}")])],-1),d=s("tr",null,[s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",null,"a"),s("mrow",null,[s("mo",{mathvariant:"normal"},"′"),s("mo",{mathvariant:"normal"},"′")])])]),s("annotation",{encoding:"application/x-tex"},"a''")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7519em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′′")])])])])])])])])])])]),a(),s("code",null,"a''")]),s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mrow",null,[s("mi",null,"a"),s("mi",null,"c")]),s("mo",{stretchy:"true"},"~")])]),s("annotation",{encoding:"application/x-tex"},"\\widetilde{ac}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7166em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7166em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord mathnormal"},"c")])]),s("span",{class:"svg-align",style:{top:"-3.4306em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{style:{height:"0.286em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"0.286em",viewBox:"0 0 1033 286",preserveAspectRatio:"none"},[s("path",{d:`M344 55.266c-142 0-300.638 81.316-311.5 86.418
+import{_ as m}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,o as l,c as n,H as c,k as s,a,Q as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const Lt=JSON.parse('{"title":"KaTeX: Supported functions","description":"Supported functions within KaTeX syntaxes.","frontmatter":{"title":"KaTeX: Supported functions","description":"Supported functions within KaTeX syntaxes."},"headers":[],"relativePath":"application/markdown-it-katex/support-function.md","filePath":"application/markdown-it-katex/support-function.md","lastUpdated":1699051935000}'),p={name:"application/markdown-it-katex/support-function.md"},r=s("h1",{id:"katex-supported-function",tabindex:"-1"},[a("KaTeX: Supported function "),s("a",{class:"header-anchor",href:"#katex-supported-function","aria-label":'Permalink to "KaTeX: Supported function"'},"​")],-1),h=t("",4),o=s("thead",null,[s("tr",null,[s("th",{style:{"text-align":"left"}}),s("th",{style:{"text-align":"left"}}),s("th",{style:{"text-align":"left"}})])],-1),u=s("tr",null,[s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",null,"a"),s("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")])]),s("annotation",{encoding:"application/x-tex"},"a'")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7519em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′")])])])])])])])])])])]),a(),s("code",null,"a'")]),s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"a"),s("mo",null,"~")])]),s("annotation",{encoding:"application/x-tex"},"\\tilde{a}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6679em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6679em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal"},"a")]),s("span",{style:{top:"-3.35em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.25em"}},[s("span",{class:"mord"},"~")])])])])])])])])]),a(),s("code",null,"\\tilde{a}")]),s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mi",null,"g"),s("mo",null,"˚")])]),s("annotation",{encoding:"application/x-tex"},"\\mathring{g}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t vlist-t2"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.6944em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"g")]),s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"accent-body",style:{left:"-0.3472em"}},[s("span",{class:"mord"},"˚")])])]),s("span",{class:"vlist-s"},"​")]),s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.1944em"}},[s("span")])])])])])])]),a(),s("code",null,"\\mathring{g}")])],-1),d=s("tr",null,[s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mi",null,"a"),s("mrow",null,[s("mo",{mathvariant:"normal"},"′"),s("mo",{mathvariant:"normal"},"′")])])]),s("annotation",{encoding:"application/x-tex"},"a''")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7519em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7519em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"′′")])])])])])])])])])])]),a(),s("code",null,"a''")]),s("td",{style:{"text-align":"left"}},[s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mover",{accent:"true"},[s("mrow",null,[s("mi",null,"a"),s("mi",null,"c")]),s("mo",{stretchy:"true"},"~")])]),s("annotation",{encoding:"application/x-tex"},"\\widetilde{ac}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7166em"}}),s("span",{class:"mord accent"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.7166em"}},[s("span",{style:{top:"-3em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{class:"mord"},[s("span",{class:"mord mathnormal"},"a"),s("span",{class:"mord mathnormal"},"c")])]),s("span",{class:"svg-align",style:{top:"-3.4306em"}},[s("span",{class:"pstrut",style:{height:"3em"}}),s("span",{style:{height:"0.286em"}},[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"0.286em",viewBox:"0 0 1033 286",preserveAspectRatio:"none"},[s("path",{d:`M344 55.266c-142 0-300.638 81.316-311.5 86.418
 -8.01 3.762-22.5 10.91-23.5 5.562L1 120c-1-2-1-3-1-4 0-5 3-9 8-10l18.4-9C160.9
  31.9 283 0 358 0c148 0 188 122 331 122s314-97 326-97c4 0 8 2 10 7l7 21.114
 c1 2.14 1 3.21 1 4.28 0 5.347-3 9.626-7 10.696l-22.3 12.622C852.6 158.372 751
diff --git a/assets/application_markdown-it-katex_support-table.md.52b042b8.js b/assets/application_markdown-it-katex_support-table.md.419e3a5e.js
similarity index 99%
rename from assets/application_markdown-it-katex_support-table.md.52b042b8.js
rename to assets/application_markdown-it-katex_support-table.md.419e3a5e.js
index 92d796e1..2a6d9fc1 100644
--- a/assets/application_markdown-it-katex_support-table.md.52b042b8.js
+++ b/assets/application_markdown-it-katex_support-table.md.419e3a5e.js
@@ -1,4 +1,4 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,o as a,c as l,H as m,k as t,a as s,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const sl=JSON.parse('{"title":"KaTeX: Support table","description":"Supported table of KaTeX syntax ordered alphabetically.","frontmatter":{"title":"KaTeX: Support table","description":"Supported table of KaTeX syntax ordered alphabetically."},"headers":[],"relativePath":"application/markdown-it-katex/support-table.md","filePath":"application/markdown-it-katex/support-table.md","lastUpdated":1695377563000}'),p={name:"application/markdown-it-katex/support-table.md"},r=t("h1",{id:"katex-support-table",tabindex:"-1"},[s("KaTeX: Support table "),t("a",{class:"header-anchor",href:"#katex-support-table","aria-label":'Permalink to "KaTeX: Support table"'},"​")],-1),h=c('
note
This is an direct shameful copy of the documentation pulled from KaTeX documentation, I do not own any of the content below on behalf of this part of the documentation, the table might be outdated as versions migrates, please also refer to KaTeX's official documentation.
Symbols ​
',2),o=t("table",null,[t("thead",null,[t("tr",null,[t("th",{style:{"text-align":"left"}},"Symbol/Function"),t("th",{style:{"text-align":"left"}},"Rendered"),t("th",{style:{"text-align":"left"}},"Source or Comment")])]),t("tbody",null,[t("tr",null,[t("td",{style:{"text-align":"left"}},"!"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"n"),t("mo",{stretchy:"false"},"!")]),t("annotation",{encoding:"application/x-tex"},"n!")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"n"),t("span",{class:"mclose"},"!")])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"n!")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\!"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," ⁣"),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\!b")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"-0.1667em"}}),t("span",{class:"mord mathnormal"},"b")])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\!b")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"#"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msup",null,[t("mi",null,"y"),t("mn",null,"2")])]),t("annotation",{encoding:"application/x-tex"},"\\def\\bar#1{#1^2} \\bar{y}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0085em","vertical-align":"-0.1944em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8141em"}},[t("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},"2")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\def\\bar#1{#1^2} \\bar{y}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\#"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"#")]),t("annotation",{encoding:"application/x-tex"},"\\#")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),t("span",{class:"mord"},"#")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"%"),t("td",{style:{"text-align":"left"}}),t("td",{style:{"text-align":"left"}},[t("code",null,"%this is a comment")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\%"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"%")]),t("annotation",{encoding:"application/x-tex"},"\\%")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8056em","vertical-align":"-0.0556em"}}),t("span",{class:"mord"},"%")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"&"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{matrix} a & b\\cr c & d \\end{matrix}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{matrix}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{matrix}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\&"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"&")]),t("annotation",{encoding:"application/x-tex"},"\\&")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"&")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"'"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msup",null,[t("mrow"),t("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")])]),t("annotation",{encoding:"application/x-tex"},"'")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.7519em"}}),t("span",{class:"mord"},[t("span"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.7519em"}},[t("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mtight"},"′")])])])])])])])])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\'"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˊ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\'{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˊ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\'{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"("),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"(")]),t("annotation",{encoding:"application/x-tex"},"(")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mopen"},"(")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},")"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},")")]),t("annotation",{encoding:"application/x-tex"},")")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mclose"},")")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\(…\\)"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mfrac",null,[t("mi",null,"a"),t("mi",null,"b")])])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\(\\frac a b\\)}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},[t("span",{class:"mopen nulldelimiter"}),t("span",{class:"mfrac"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6954em"}},[t("span",{style:{top:"-2.655em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"b")])])]),t("span",{style:{top:"-3.23em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),t("span",{style:{top:"-3.394em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"a")])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.345em"}},[t("span")])])])]),t("span",{class:"mclose nulldelimiter"})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\(\\frac a b\\)}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\ b")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace"}," "),t("span",{class:"mord mathnormal"},"b")])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\ b")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},'\\"'),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"¨")])]),t("annotation",{encoding:"application/x-tex"},'\\text{\\"{a}}')])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6679em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"¨")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,'\\text{\\"{a}}')])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\$"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"$")]),t("annotation",{encoding:"application/x-tex"},"\\text{\\textdollar}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8056em","vertical-align":"-0.0556em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"$")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\,"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\,\\,{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\,\\,{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\."),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"˙")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\.{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6679em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.1389em"}},[t("span",{class:"mord"},"˙")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\.{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\:"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\:\\:{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\:\\:{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\;"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null,"  "),t("mtext",null,"  "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\;\\;{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[s("a"),t("code",null,"\\;\\;{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"_"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msub",null,[t("mi",null,"x"),t("mi",null,"i")])]),t("annotation",{encoding:"application/x-tex"},"x_i")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"x"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.3117em"}},[t("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mathnormal mtight"},"i")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.15em"}},[t("span")])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"x_i")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\_"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"_")]),t("annotation",{encoding:"application/x-tex"},"\\_")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em","vertical-align":"-0.31em"}}),t("span",{class:"mord",style:{"margin-right":"0.02778em"}},"_")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},[s("\\"),t("code",null,"`")]),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˋ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\`{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˋ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\'{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"<"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"<")]),t("annotation",{encoding:"application/x-tex"},"<")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5782em","vertical-align":"-0.0391em"}}),t("span",{class:"mrel"},"<")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\="),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˉ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\={a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5678em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.5678em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˉ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\\\={a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},">"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,">")]),t("annotation",{encoding:"application/x-tex"},">")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5782em","vertical-align":"-0.0391em"}}),t("span",{class:"mrel"},">")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\>"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\>\\>{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\>\\>{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"["),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"[")]),t("annotation",{encoding:"application/x-tex"},"[")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mopen"},"[")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"]"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"]")]),t("annotation",{encoding:"application/x-tex"},"]")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mclose"},"]")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"{"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a")]),t("annotation",{encoding:"application/x-tex"},"{a}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"}"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a")]),t("annotation",{encoding:"application/x-tex"},"{a}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\{"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"{")]),t("annotation",{encoding:"application/x-tex"},"\\{")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mopen"},"{")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\}"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"}")]),t("annotation",{encoding:"application/x-tex"},"\\}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mclose"},"}")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"|"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"∣")]),t("annotation",{encoding:"application/x-tex"},"\\vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mord"},"∣")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\|"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"∥")]),t("annotation",{encoding:"application/x-tex"},"\\Vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mord"},"∥")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"~"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"no no no breaks")]),t("annotation",{encoding:"application/x-tex"},"\\text{no~no~no~breaks}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"no"),t("span",{class:"mord nobreak"}," "),t("span",{class:"mord"},"no"),t("span",{class:"mord nobreak"}," "),t("span",{class:"mord"},"no"),t("span",{class:"mord nobreak"}," "),t("span",{class:"mord"},"breaks")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{no~no~no~breaks}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\~"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"˜")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\~{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6679em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"˜")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\\\~{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\\\"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{matrix} a & b\\\\ c & d\\end{matrix}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{matrix}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{matrix}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"^"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msup",null,[t("mi",null,"x"),t("mi",null,"i")])]),t("annotation",{encoding:"application/x-tex"},"x^i")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8247em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"x"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8247em"}},[t("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mathnormal mtight"},"i")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"x^i")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\^"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˆ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\^{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˆ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\\\^{a}}")])])])],-1),d=t("h2",{id:"a",tabindex:"-1"},[s("A "),t("a",{class:"header-anchor",href:"#a","aria-label":'Permalink to "A"'},"​")],-1),x=t("table",null,[t("thead",null,[t("tr",null,[t("th",{style:{"text-align":"left"}},"Symbol/Function"),t("th",{style:{"text-align":"left"}},"Rendered"),t("th",{style:{"text-align":"left"}},"Source or Comment")])]),t("tbody",null,[t("tr",null,[t("td",{style:{"text-align":"left"}},"\\AA"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"A"),t("mo",null,"˚")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\AA}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.9468em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.9468em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},"A")]),t("span",{style:{top:"-3.2523em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.375em"}},[t("span",{class:"mord"},"˚")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\AA}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\aa"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"˚")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\aa}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},"a")]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.375em"}},[t("span",{class:"mord"},"˚")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\aa}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\above"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mfrac",{linethickness:"0.2em"},[t("mi",null,"a"),t("mrow",null,[t("mi",null,"b"),t("mo",null,"+"),t("mn",null,"1")])])]),t("annotation",{encoding:"application/x-tex"},"{a \\above{2pt} b+1}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.4458em","vertical-align":"-0.5944em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},[t("span",{class:"mopen nulldelimiter"}),t("span",{class:"mfrac"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8514em"}},[t("span",{style:{top:"-2.4639em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"b"),t("span",{class:"mbin mtight"},"+"),t("span",{class:"mord mtight"},"1")])])]),t("span",{style:{top:"-3.15em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"frac-line",style:{"border-bottom-width":"0.2em"}})]),t("span",{style:{top:"-3.55em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"a")])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.5944em"}},[t("span")])])])]),t("span",{class:"mclose nulldelimiter"})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a \\above{2pt} b+1}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\abovewithdelims"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\acute"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mi",null,"e"),t("mo",null,"ˊ")])]),t("annotation",{encoding:"application/x-tex"},"\\acute e")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord mathnormal"},"e")]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.1944em"}},[t("span",{class:"mord"},"ˊ")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\acute e")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\AE"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"Æ")]),t("annotation",{encoding:"application/x-tex"},"\\text{\\AE}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"Æ")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\AE}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\ae"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"æ")]),t("annotation",{encoding:"application/x-tex"},"\\text{\\ae}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"æ")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\ae}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\alef"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℵ")]),t("annotation",{encoding:"application/x-tex"},"\\alef")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"ℵ")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\alefsym"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℵ")]),t("annotation",{encoding:"application/x-tex"},"\\alefsym")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"ℵ")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\aleph"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℵ")]),t("annotation",{encoding:"application/x-tex"},"\\aleph")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"ℵ")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"},align:""}),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[s("see "),t("code",null,"{aligned}")])]),t("tr",null,[t("td",{style:{"text-align":"left"},aligned:""}),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mo",null,"="),t("mi",null,"b"),t("mo",null,"+"),t("mi",null,"c")])])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mi",null,"d"),t("mo",null,"+"),t("mi",null,"e")])])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mo",null,"="),t("mi",null,"f")])])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{aligned}a&=b+c\\\\d+e&=f\\end{aligned}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-r"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mbin"},"+"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord mathnormal"},"e")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-l"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord mathnormal"},"b"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mbin"},"+"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord mathnormal"},"c")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.10764em"}},"f")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{aligned}"),t("br"),s("   "),t("code",null,"a&=b+c \\\\"),t("br"),s("   "),t("code",null,"d+e&=f"),t("br"),t("code",null,"\\end{aligned}")])]),t("tr",null,[t("td",{style:{"text-align":"left"},alignat:""}),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[s("see "),t("code",null,"{alignedat}")])]),t("tr",null,[t("td",{style:{"text-align":"left"},alignedat:""}),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.25em",columnalign:"right left right left",columnspacing:"0em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"10")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"x"),t("mo",null,"+")])])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"3")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"y"),t("mo",null,"="),t("mn",null,"2")])])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"3")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"x"),t("mo",null,"+")])])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"13")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"y"),t("mo",null,"="),t("mn",null,"4")])])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{alignedat}{2}10&x+&3&y=2\\\\3&x+&13&y=4\\end{alignedat}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-r"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"10")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"3")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-l"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal"},"x"),t("span",{class:"mord"},"+")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal"},"x"),t("span",{class:"mord"},"+")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-r"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"3")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"13")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-l"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord"},"2")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord"},"4")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{alignedat}{2}"),t("br"),s("   "),t("code",null,"10&x+ &3&y = 2 \\\\"),t("br"),s("   "),t("code",null," 3&x+&13&y = 4"),t("br"),t("code",null,"\\end{alignedat}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\allowbreak"),t("td",{style:{"text-align":"left"}}),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\Alpha"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"A")]),t("annotation",{encoding:"application/x-tex"},"\\Alpha")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord mathrm"},"A")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\alpha"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"α")]),t("annotation",{encoding:"application/x-tex"},"\\alpha")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\amalg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⨿")]),t("annotation",{encoding:"application/x-tex"},"\\amalg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord"},"⨿")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\And"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"&")]),t("annotation",{encoding:"application/x-tex"},"\\And")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"&")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\and"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[t("a",{href:"https://en.wikipedia.org/wiki/Help:Displaying_a_formula#Deprecated_syntax",target:"_blank",rel:"noreferrer"},"Deprecated")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\ang"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[t("a",{href:"https://en.wikipedia.org/wiki/Help:Displaying_a_formula#Deprecated_syntax",target:"_blank",rel:"noreferrer"},"Deprecated")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\angl"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\angle"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"∠")]),t("annotation",{encoding:"application/x-tex"},"\\angle")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6922em"}}),t("span",{class:"mord"},"∠")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\approx"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≈")]),t("annotation",{encoding:"application/x-tex"},"\\approx")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4831em"}}),t("span",{class:"mrel"},"≈")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\approxeq"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≊")]),t("annotation",{encoding:"application/x-tex"},"\\approxeq")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6633em","vertical-align":"-0.0817em"}}),t("span",{class:"mrel amsrm"},"≊")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arccos"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arccos"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arccos")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mop"},"arccos")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arcctg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arcctg"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arcctg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8095em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[s("arcct"),t("span",{style:{"margin-right":"0.01389em"}},"g")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arcsin"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arcsin"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arcsin")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mop"},"arcsin")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arctan"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arctan"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arctan")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6151em"}}),t("span",{class:"mop"},"arctan")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arctg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arctg"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arctg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8095em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[s("arct"),t("span",{style:{"margin-right":"0.01389em"}},"g")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arg"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[s("ar"),t("span",{style:{"margin-right":"0.01389em"}},"g")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\argmax"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"arg max"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\argmax")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[t("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"arg"),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mord mathrm"},"max")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\argmin"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"arg min"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\argmin")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8623em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[t("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"arg"),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mord mathrm"},"min")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"},array:""}),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{array}{cc}a&b\\\\c&d\\end{array}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{array}{cc}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{array}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\array"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[s("see "),t("code",null,"{array}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arraystretch"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.66em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\def\\arraystretch{1.5}\\begin{array}{cc}a&b\\\\c&d\\end{array}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3.6em","vertical-align":"-1.55em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"2.05em"}},[t("span",{style:{top:"-4.05em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.25em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.55em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"2.05em"}},[t("span",{style:{top:"-4.05em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.25em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.55em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\def\\arraystretch{1.5}"),t("br"),t("code",null,"\\begin{array}{cc}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{array}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\Arrowvert"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arrowvert"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\ast"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∗")]),t("annotation",{encoding:"application/x-tex"},"\\ast")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4653em"}}),t("span",{class:"mord"},"∗")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\asymp"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≍")]),t("annotation",{encoding:"application/x-tex"},"\\asymp")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4637em"}}),t("span",{class:"mrel"},"≍")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\atop"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mfrac",{linethickness:"0px"},[t("mi",null,"a"),t("mi",null,"b")])]),t("annotation",{encoding:"application/x-tex"},"{a \\atop b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0904em","vertical-align":"-0.345em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},[t("span",{class:"mopen nulldelimiter"}),t("span",{class:"mfrac"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.7454em"}},[t("span",{style:{top:"-2.355em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"b")])])]),t("span",{style:{top:"-3.144em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"a")])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.345em"}},[t("span")])])])]),t("span",{class:"mclose nulldelimiter"})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a \\atop b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\atopwithdelims"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})])])],-1),g=t("h2",{id:"b",tabindex:"-1"},[s("B "),t("a",{class:"header-anchor",href:"#b","aria-label":'Permalink to "B"'},"​")],-1),u=t("p",null,[s("| Symbol/Function | Rendered | Source or Comment | | :------------------ | :-------------------------------------------------- | :------------------------------------------------------------------------------------------------ | ------ | | \\backepsilon | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∍")]),t("annotation",{encoding:"application/x-tex"},"\\backepsilon")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mrel amsrm"},"∍")])])]),s(" | | | \\backprime | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"‵")]),t("annotation",{encoding:"application/x-tex"},"\\backprime")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5499em"}}),t("span",{class:"mord amsrm"},"‵")])])]),s(" | | | \\backsim | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∽")]),t("annotation",{encoding:"application/x-tex"},"\\backsim")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.3779em"}}),t("span",{class:"mrel amsrm"},"∽")])])]),s(" | | | \\backsimeq | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⋍")]),t("annotation",{encoding:"application/x-tex"},"\\backsimeq")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.464em"}}),t("span",{class:"mrel amsrm"},"⋍")])])]),s(" | | | \\backslash | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"\\")]),t("annotation",{encoding:"application/x-tex"},"\\backslash")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mord"},"\\")])])]),s(" | | | \\bar | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mi",null,"y"),t("mo",null,"ˉ")])]),t("annotation",{encoding:"application/x-tex"},"\\bar{y}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.7622em","vertical-align":"-0.1944em"}}),t("span",{class:"mord accent"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.5678em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y")]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.1944em"}},[t("span",{class:"mord"},"ˉ")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.1944em"}},[t("span")])])])])])])]),s(" | "),t("code",null,"\\bar{y}"),s(" | | \\barwedge | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⊼")]),t("annotation",{encoding:"application/x-tex"},"\\barwedge")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8867em","vertical-align":"-0.1944em"}}),t("span",{class:"mord amsrm"},"⊼")])])]),s(" | | | \\Bbb | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"double-struck"},"A"),t("mi",{mathvariant:"double-struck"},"B"),t("mi",{mathvariant:"double-struck"},"C")]),t("annotation",{encoding:"application/x-tex"},"\\Bbb{ABC}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6889em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathbb"},"ABC")])])])]),s(" | "),t("code",null,"\\Bbb{ABC}"),t("br"),s("KaTeX supports A-Z & k | | \\Bbbk | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"double-struck"},"k")]),t("annotation",{encoding:"application/x-tex"},"\\Bbbk")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6889em"}}),t("span",{class:"mord mathbb"},"k")])])]),s(" | | | \\bbox | "),t("span",{style:{color:"firebrick"}},"Not supported"),s(" | | | \\bcancel | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("menclose",{notation:"downdiagonalstrike"},[t("mn",null,"5")])]),t("annotation",{encoding:"application/x-tex"},"\\bcancel{5}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6444em"}}),t("span",{class:"mord"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8444em"}},[t("span",{style:{top:"-3.0444em"}},[t("span",{class:"pstrut",style:{height:"3.0444em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"5")])]),t("span",{class:"svg-align",style:{top:"-2.8444em"}},[t("span",{class:"pstrut",style:{height:"3.0444em"}}),t("span",{style:{height:"1.0444em"}},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"1.0444em"},[t("line",{x1:"0",y1:"0",x2:"100%",y2:"100%","stroke-width":"0.046em"})])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.2em"}},[t("span")])])])])])])]),s(" | "),t("code",null,"\\bcancel{5}"),s(" | | \\because | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∵")]),t("annotation",{encoding:"application/x-tex"},"\\because")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6922em"}}),t("span",{class:"mrel amsrm"},"∵")])])]),s(" | | | \\begin | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{matrix} a & b\\\\ c & d\\end{matrix}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])])]),s(" | "),t("code",null,"\\begin{matrix}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{matrix}"),s(" | | \\begingroup | "),t("span",{class:"katex-error",title:"ParseError: KaTeX parse error: Expected '\\endgroup', got '}' at position 14: \\begingroup a}̲"},"\\begingroup a}"),s(" | "),t("code",null,"\\begingroup a}"),s(" | | \\Beta | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"B")]),t("annotation",{encoding:"application/x-tex"},"\\Beta")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord mathrm"},"B")])])]),s(" | | | \\beta | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"β")]),t("annotation",{encoding:"application/x-tex"},"\\beta")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),s(" | | | \\beth | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℶ")]),t("annotation",{encoding:"application/x-tex"},"\\beth")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6889em"}}),t("span",{class:"mord amsrm"},"ℶ")])])]),s(" | | | \\between | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≬")]),t("annotation",{encoding:"application/x-tex"},"\\between")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0117em","vertical-align":"-0.2558em"}}),t("span",{class:"mrel amsrm"},"≬")])])]),s(" | | | \\bf | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"bold"},"A"),t("mi",{mathvariant:"bold"},"a"),t("mi",{mathvariant:"bold"},"B"),t("mi",{mathvariant:"bold"},"b"),t("mn",{mathvariant:"bold"},"12")]),t("annotation",{encoding:"application/x-tex"},"\\bf AaBb12")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathbf"},"AaBb12")])])])]),s(" | "),t("code",null,"\\bf AaBb12"),s(" | | \\bfseries | "),t("span",{style:{color:"firebrick"}},"Not supported"),s(" | | | \\big | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"1.2em",maxsize:"1.2em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"1.2em",maxsize:"1.2em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\big(\\big)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size1"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size1"},")")])])])]),s(" | "),t("code",null,"\\big(\\big)"),s(" | | \\Big | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"1.8em",maxsize:"1.8em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"1.8em",maxsize:"1.8em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\Big(\\Big)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.8em","vertical-align":"-0.65em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size2"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size2"},")")])])])]),s(" | "),t("code",null,"\\Big(\\Big)"),s(" | | \\bigcap | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⋂")]),t("annotation",{encoding:"application/x-tex"},"\\bigcap")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"⋂")])])]),s(" | | | \\bigcirc | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"◯")]),t("annotation",{encoding:"application/x-tex"},"\\bigcirc")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),t("span",{class:"mord"},"◯")])])]),s(" | | | \\bigcup | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⋃")]),t("annotation",{encoding:"application/x-tex"},"\\bigcup")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"⋃")])])]),s(" | | | \\bigg | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\bigg(\\bigg)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size3"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size3"},")")])])])]),s(" | "),t("code",null,"\\bigg(\\bigg)"),s(" | | \\Bigg | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"3em",maxsize:"3em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"3em",maxsize:"3em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\Bigg(\\Bigg)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size4"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size4"},")")])])])]),s(" | "),t("code",null,"\\Bigg(\\Bigg)"),s(" | | \\biggl | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"true",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},"(")]),t("annotation",{encoding:"application/x-tex"},"\\biggl(")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mopen"},[t("span",{class:"delimsizing size3"},"(")])])])]),s(" | "),t("code",null,"\\biggl("),s(" | | \\Biggl | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"true",stretchy:"true",minsize:"3em",maxsize:"3em"},"(")]),t("annotation",{encoding:"application/x-tex"},"\\Biggl(")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mopen"},[t("span",{class:"delimsizing size4"},"(")])])])]),s(" | "),t("code",null,"\\Biggl("),s(" | | \\biggm | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},"∣")]),t("annotation",{encoding:"application/x-tex"},"\\biggm\\vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mrel"},[t("span",{class:"delimsizing mult"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.45em"}},[t("span",{class:"pstrut",style:{height:"4.4em"}}),t("span",{style:{width:"0.333em",height:"2.400em"}},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"0.333em",height:"2.400em",viewBox:"0 0 333 2400"},[t("path",{d:`M145 15 v585 v1200 v585 c2.667,10,9.667,15,21,15
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,o as a,c as l,H as m,k as t,a as s,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const sl=JSON.parse('{"title":"KaTeX: Support table","description":"Supported table of KaTeX syntax ordered alphabetically.","frontmatter":{"title":"KaTeX: Support table","description":"Supported table of KaTeX syntax ordered alphabetically."},"headers":[],"relativePath":"application/markdown-it-katex/support-table.md","filePath":"application/markdown-it-katex/support-table.md","lastUpdated":1699051935000}'),p={name:"application/markdown-it-katex/support-table.md"},r=t("h1",{id:"katex-support-table",tabindex:"-1"},[s("KaTeX: Support table "),t("a",{class:"header-anchor",href:"#katex-support-table","aria-label":'Permalink to "KaTeX: Support table"'},"​")],-1),h=c('
note
This is an direct shameful copy of the documentation pulled from KaTeX documentation, I do not own any of the content below on behalf of this part of the documentation, the table might be outdated as versions migrates, please also refer to KaTeX's official documentation.
Symbols ​
',2),o=t("table",null,[t("thead",null,[t("tr",null,[t("th",{style:{"text-align":"left"}},"Symbol/Function"),t("th",{style:{"text-align":"left"}},"Rendered"),t("th",{style:{"text-align":"left"}},"Source or Comment")])]),t("tbody",null,[t("tr",null,[t("td",{style:{"text-align":"left"}},"!"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"n"),t("mo",{stretchy:"false"},"!")]),t("annotation",{encoding:"application/x-tex"},"n!")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"n"),t("span",{class:"mclose"},"!")])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"n!")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\!"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," ⁣"),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\!b")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"-0.1667em"}}),t("span",{class:"mord mathnormal"},"b")])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\!b")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"#"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msup",null,[t("mi",null,"y"),t("mn",null,"2")])]),t("annotation",{encoding:"application/x-tex"},"\\def\\bar#1{#1^2} \\bar{y}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0085em","vertical-align":"-0.1944em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8141em"}},[t("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},"2")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\def\\bar#1{#1^2} \\bar{y}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\#"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"#")]),t("annotation",{encoding:"application/x-tex"},"\\#")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),t("span",{class:"mord"},"#")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"%"),t("td",{style:{"text-align":"left"}}),t("td",{style:{"text-align":"left"}},[t("code",null,"%this is a comment")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\%"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"%")]),t("annotation",{encoding:"application/x-tex"},"\\%")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8056em","vertical-align":"-0.0556em"}}),t("span",{class:"mord"},"%")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"&"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{matrix} a & b\\cr c & d \\end{matrix}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{matrix}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{matrix}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\&"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"&")]),t("annotation",{encoding:"application/x-tex"},"\\&")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"&")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"'"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msup",null,[t("mrow"),t("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")])]),t("annotation",{encoding:"application/x-tex"},"'")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.7519em"}}),t("span",{class:"mord"},[t("span"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.7519em"}},[t("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mtight"},"′")])])])])])])])])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\'"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˊ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\'{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˊ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\'{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"("),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"(")]),t("annotation",{encoding:"application/x-tex"},"(")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mopen"},"(")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},")"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},")")]),t("annotation",{encoding:"application/x-tex"},")")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mclose"},")")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\(…\\)"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mfrac",null,[t("mi",null,"a"),t("mi",null,"b")])])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\(\\frac a b\\)}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},[t("span",{class:"mopen nulldelimiter"}),t("span",{class:"mfrac"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6954em"}},[t("span",{style:{top:"-2.655em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"b")])])]),t("span",{style:{top:"-3.23em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),t("span",{style:{top:"-3.394em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"a")])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.345em"}},[t("span")])])])]),t("span",{class:"mclose nulldelimiter"})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\(\\frac a b\\)}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\ b")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace"}," "),t("span",{class:"mord mathnormal"},"b")])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\ b")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},'\\"'),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"¨")])]),t("annotation",{encoding:"application/x-tex"},'\\text{\\"{a}}')])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6679em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"¨")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,'\\text{\\"{a}}')])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\$"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"$")]),t("annotation",{encoding:"application/x-tex"},"\\text{\\textdollar}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8056em","vertical-align":"-0.0556em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"$")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\,"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\,\\,{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\,\\,{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\."),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"˙")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\.{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6679em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.1389em"}},[t("span",{class:"mord"},"˙")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\.{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\:"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\:\\:{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\:\\:{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\;"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null,"  "),t("mtext",null,"  "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\;\\;{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[s("a"),t("code",null,"\\;\\;{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"_"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msub",null,[t("mi",null,"x"),t("mi",null,"i")])]),t("annotation",{encoding:"application/x-tex"},"x_i")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"x"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.3117em"}},[t("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mathnormal mtight"},"i")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.15em"}},[t("span")])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"x_i")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\_"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"_")]),t("annotation",{encoding:"application/x-tex"},"\\_")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em","vertical-align":"-0.31em"}}),t("span",{class:"mord",style:{"margin-right":"0.02778em"}},"_")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},[s("\\"),t("code",null,"`")]),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˋ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\`{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˋ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\'{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"<"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"<")]),t("annotation",{encoding:"application/x-tex"},"<")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5782em","vertical-align":"-0.0391em"}}),t("span",{class:"mrel"},"<")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\="),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˉ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\={a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5678em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.5678em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˉ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\\\={a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},">"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,">")]),t("annotation",{encoding:"application/x-tex"},">")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5782em","vertical-align":"-0.0391em"}}),t("span",{class:"mrel"},">")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\>"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\>\\>{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\>\\>{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"["),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"[")]),t("annotation",{encoding:"application/x-tex"},"[")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mopen"},"[")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"]"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"]")]),t("annotation",{encoding:"application/x-tex"},"]")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mclose"},"]")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"{"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a")]),t("annotation",{encoding:"application/x-tex"},"{a}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"}"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a")]),t("annotation",{encoding:"application/x-tex"},"{a}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\{"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"{")]),t("annotation",{encoding:"application/x-tex"},"\\{")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mopen"},"{")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\}"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"}")]),t("annotation",{encoding:"application/x-tex"},"\\}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mclose"},"}")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"|"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"∣")]),t("annotation",{encoding:"application/x-tex"},"\\vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mord"},"∣")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\|"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"∥")]),t("annotation",{encoding:"application/x-tex"},"\\Vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mord"},"∥")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"~"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"no no no breaks")]),t("annotation",{encoding:"application/x-tex"},"\\text{no~no~no~breaks}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"no"),t("span",{class:"mord nobreak"}," "),t("span",{class:"mord"},"no"),t("span",{class:"mord nobreak"}," "),t("span",{class:"mord"},"no"),t("span",{class:"mord nobreak"}," "),t("span",{class:"mord"},"breaks")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{no~no~no~breaks}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\~"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"˜")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\~{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6679em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"˜")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\\\~{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\\\"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{matrix} a & b\\\\ c & d\\end{matrix}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{matrix}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{matrix}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"^"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msup",null,[t("mi",null,"x"),t("mi",null,"i")])]),t("annotation",{encoding:"application/x-tex"},"x^i")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8247em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"x"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8247em"}},[t("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mathnormal mtight"},"i")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"x^i")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\^"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˆ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\^{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˆ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\\\^{a}}")])])])],-1),d=t("h2",{id:"a",tabindex:"-1"},[s("A "),t("a",{class:"header-anchor",href:"#a","aria-label":'Permalink to "A"'},"​")],-1),x=t("table",null,[t("thead",null,[t("tr",null,[t("th",{style:{"text-align":"left"}},"Symbol/Function"),t("th",{style:{"text-align":"left"}},"Rendered"),t("th",{style:{"text-align":"left"}},"Source or Comment")])]),t("tbody",null,[t("tr",null,[t("td",{style:{"text-align":"left"}},"\\AA"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"A"),t("mo",null,"˚")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\AA}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.9468em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.9468em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},"A")]),t("span",{style:{top:"-3.2523em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.375em"}},[t("span",{class:"mord"},"˚")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\AA}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\aa"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"˚")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\aa}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},"a")]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.375em"}},[t("span",{class:"mord"},"˚")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\aa}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\above"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mfrac",{linethickness:"0.2em"},[t("mi",null,"a"),t("mrow",null,[t("mi",null,"b"),t("mo",null,"+"),t("mn",null,"1")])])]),t("annotation",{encoding:"application/x-tex"},"{a \\above{2pt} b+1}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.4458em","vertical-align":"-0.5944em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},[t("span",{class:"mopen nulldelimiter"}),t("span",{class:"mfrac"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8514em"}},[t("span",{style:{top:"-2.4639em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"b"),t("span",{class:"mbin mtight"},"+"),t("span",{class:"mord mtight"},"1")])])]),t("span",{style:{top:"-3.15em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"frac-line",style:{"border-bottom-width":"0.2em"}})]),t("span",{style:{top:"-3.55em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"a")])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.5944em"}},[t("span")])])])]),t("span",{class:"mclose nulldelimiter"})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a \\above{2pt} b+1}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\abovewithdelims"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\acute"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mi",null,"e"),t("mo",null,"ˊ")])]),t("annotation",{encoding:"application/x-tex"},"\\acute e")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord mathnormal"},"e")]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.1944em"}},[t("span",{class:"mord"},"ˊ")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\acute e")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\AE"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"Æ")]),t("annotation",{encoding:"application/x-tex"},"\\text{\\AE}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"Æ")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\AE}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\ae"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"æ")]),t("annotation",{encoding:"application/x-tex"},"\\text{\\ae}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"æ")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\ae}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\alef"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℵ")]),t("annotation",{encoding:"application/x-tex"},"\\alef")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"ℵ")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\alefsym"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℵ")]),t("annotation",{encoding:"application/x-tex"},"\\alefsym")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"ℵ")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\aleph"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℵ")]),t("annotation",{encoding:"application/x-tex"},"\\aleph")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"ℵ")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"},align:""}),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[s("see "),t("code",null,"{aligned}")])]),t("tr",null,[t("td",{style:{"text-align":"left"},aligned:""}),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mo",null,"="),t("mi",null,"b"),t("mo",null,"+"),t("mi",null,"c")])])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mi",null,"d"),t("mo",null,"+"),t("mi",null,"e")])])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mo",null,"="),t("mi",null,"f")])])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{aligned}a&=b+c\\\\d+e&=f\\end{aligned}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-r"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mbin"},"+"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord mathnormal"},"e")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-l"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord mathnormal"},"b"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mbin"},"+"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord mathnormal"},"c")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.10764em"}},"f")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{aligned}"),t("br"),s("   "),t("code",null,"a&=b+c \\\\"),t("br"),s("   "),t("code",null,"d+e&=f"),t("br"),t("code",null,"\\end{aligned}")])]),t("tr",null,[t("td",{style:{"text-align":"left"},alignat:""}),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[s("see "),t("code",null,"{alignedat}")])]),t("tr",null,[t("td",{style:{"text-align":"left"},alignedat:""}),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.25em",columnalign:"right left right left",columnspacing:"0em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"10")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"x"),t("mo",null,"+")])])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"3")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"y"),t("mo",null,"="),t("mn",null,"2")])])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"3")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"x"),t("mo",null,"+")])])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"13")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"y"),t("mo",null,"="),t("mn",null,"4")])])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{alignedat}{2}10&x+&3&y=2\\\\3&x+&13&y=4\\end{alignedat}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-r"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"10")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"3")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-l"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal"},"x"),t("span",{class:"mord"},"+")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal"},"x"),t("span",{class:"mord"},"+")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-r"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"3")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"13")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-l"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord"},"2")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord"},"4")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{alignedat}{2}"),t("br"),s("   "),t("code",null,"10&x+ &3&y = 2 \\\\"),t("br"),s("   "),t("code",null," 3&x+&13&y = 4"),t("br"),t("code",null,"\\end{alignedat}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\allowbreak"),t("td",{style:{"text-align":"left"}}),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\Alpha"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"A")]),t("annotation",{encoding:"application/x-tex"},"\\Alpha")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord mathrm"},"A")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\alpha"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"α")]),t("annotation",{encoding:"application/x-tex"},"\\alpha")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\amalg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⨿")]),t("annotation",{encoding:"application/x-tex"},"\\amalg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord"},"⨿")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\And"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"&")]),t("annotation",{encoding:"application/x-tex"},"\\And")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"&")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\and"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[t("a",{href:"https://en.wikipedia.org/wiki/Help:Displaying_a_formula#Deprecated_syntax",target:"_blank",rel:"noreferrer"},"Deprecated")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\ang"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[t("a",{href:"https://en.wikipedia.org/wiki/Help:Displaying_a_formula#Deprecated_syntax",target:"_blank",rel:"noreferrer"},"Deprecated")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\angl"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\angle"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"∠")]),t("annotation",{encoding:"application/x-tex"},"\\angle")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6922em"}}),t("span",{class:"mord"},"∠")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\approx"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≈")]),t("annotation",{encoding:"application/x-tex"},"\\approx")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4831em"}}),t("span",{class:"mrel"},"≈")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\approxeq"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≊")]),t("annotation",{encoding:"application/x-tex"},"\\approxeq")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6633em","vertical-align":"-0.0817em"}}),t("span",{class:"mrel amsrm"},"≊")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arccos"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arccos"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arccos")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mop"},"arccos")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arcctg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arcctg"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arcctg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8095em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[s("arcct"),t("span",{style:{"margin-right":"0.01389em"}},"g")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arcsin"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arcsin"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arcsin")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mop"},"arcsin")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arctan"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arctan"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arctan")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6151em"}}),t("span",{class:"mop"},"arctan")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arctg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arctg"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arctg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8095em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[s("arct"),t("span",{style:{"margin-right":"0.01389em"}},"g")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arg"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[s("ar"),t("span",{style:{"margin-right":"0.01389em"}},"g")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\argmax"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"arg max"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\argmax")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[t("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"arg"),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mord mathrm"},"max")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\argmin"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"arg min"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\argmin")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8623em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[t("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"arg"),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mord mathrm"},"min")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"},array:""}),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{array}{cc}a&b\\\\c&d\\end{array}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{array}{cc}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{array}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\array"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[s("see "),t("code",null,"{array}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arraystretch"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.66em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\def\\arraystretch{1.5}\\begin{array}{cc}a&b\\\\c&d\\end{array}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3.6em","vertical-align":"-1.55em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"2.05em"}},[t("span",{style:{top:"-4.05em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.25em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.55em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"2.05em"}},[t("span",{style:{top:"-4.05em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.25em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.55em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\def\\arraystretch{1.5}"),t("br"),t("code",null,"\\begin{array}{cc}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{array}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\Arrowvert"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arrowvert"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\ast"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∗")]),t("annotation",{encoding:"application/x-tex"},"\\ast")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4653em"}}),t("span",{class:"mord"},"∗")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\asymp"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≍")]),t("annotation",{encoding:"application/x-tex"},"\\asymp")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4637em"}}),t("span",{class:"mrel"},"≍")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\atop"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mfrac",{linethickness:"0px"},[t("mi",null,"a"),t("mi",null,"b")])]),t("annotation",{encoding:"application/x-tex"},"{a \\atop b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0904em","vertical-align":"-0.345em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},[t("span",{class:"mopen nulldelimiter"}),t("span",{class:"mfrac"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.7454em"}},[t("span",{style:{top:"-2.355em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"b")])])]),t("span",{style:{top:"-3.144em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"a")])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.345em"}},[t("span")])])])]),t("span",{class:"mclose nulldelimiter"})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a \\atop b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\atopwithdelims"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})])])],-1),g=t("h2",{id:"b",tabindex:"-1"},[s("B "),t("a",{class:"header-anchor",href:"#b","aria-label":'Permalink to "B"'},"​")],-1),u=t("p",null,[s("| Symbol/Function | Rendered | Source or Comment | | :------------------ | :-------------------------------------------------- | :------------------------------------------------------------------------------------------------ | ------ | | \\backepsilon | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∍")]),t("annotation",{encoding:"application/x-tex"},"\\backepsilon")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mrel amsrm"},"∍")])])]),s(" | | | \\backprime | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"‵")]),t("annotation",{encoding:"application/x-tex"},"\\backprime")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5499em"}}),t("span",{class:"mord amsrm"},"‵")])])]),s(" | | | \\backsim | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∽")]),t("annotation",{encoding:"application/x-tex"},"\\backsim")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.3779em"}}),t("span",{class:"mrel amsrm"},"∽")])])]),s(" | | | \\backsimeq | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⋍")]),t("annotation",{encoding:"application/x-tex"},"\\backsimeq")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.464em"}}),t("span",{class:"mrel amsrm"},"⋍")])])]),s(" | | | \\backslash | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"\\")]),t("annotation",{encoding:"application/x-tex"},"\\backslash")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mord"},"\\")])])]),s(" | | | \\bar | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mi",null,"y"),t("mo",null,"ˉ")])]),t("annotation",{encoding:"application/x-tex"},"\\bar{y}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.7622em","vertical-align":"-0.1944em"}}),t("span",{class:"mord accent"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.5678em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y")]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.1944em"}},[t("span",{class:"mord"},"ˉ")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.1944em"}},[t("span")])])])])])])]),s(" | "),t("code",null,"\\bar{y}"),s(" | | \\barwedge | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⊼")]),t("annotation",{encoding:"application/x-tex"},"\\barwedge")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8867em","vertical-align":"-0.1944em"}}),t("span",{class:"mord amsrm"},"⊼")])])]),s(" | | | \\Bbb | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"double-struck"},"A"),t("mi",{mathvariant:"double-struck"},"B"),t("mi",{mathvariant:"double-struck"},"C")]),t("annotation",{encoding:"application/x-tex"},"\\Bbb{ABC}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6889em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathbb"},"ABC")])])])]),s(" | "),t("code",null,"\\Bbb{ABC}"),t("br"),s("KaTeX supports A-Z & k | | \\Bbbk | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"double-struck"},"k")]),t("annotation",{encoding:"application/x-tex"},"\\Bbbk")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6889em"}}),t("span",{class:"mord mathbb"},"k")])])]),s(" | | | \\bbox | "),t("span",{style:{color:"firebrick"}},"Not supported"),s(" | | | \\bcancel | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("menclose",{notation:"downdiagonalstrike"},[t("mn",null,"5")])]),t("annotation",{encoding:"application/x-tex"},"\\bcancel{5}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6444em"}}),t("span",{class:"mord"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8444em"}},[t("span",{style:{top:"-3.0444em"}},[t("span",{class:"pstrut",style:{height:"3.0444em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"5")])]),t("span",{class:"svg-align",style:{top:"-2.8444em"}},[t("span",{class:"pstrut",style:{height:"3.0444em"}}),t("span",{style:{height:"1.0444em"}},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"1.0444em"},[t("line",{x1:"0",y1:"0",x2:"100%",y2:"100%","stroke-width":"0.046em"})])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.2em"}},[t("span")])])])])])])]),s(" | "),t("code",null,"\\bcancel{5}"),s(" | | \\because | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∵")]),t("annotation",{encoding:"application/x-tex"},"\\because")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6922em"}}),t("span",{class:"mrel amsrm"},"∵")])])]),s(" | | | \\begin | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{matrix} a & b\\\\ c & d\\end{matrix}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])])]),s(" | "),t("code",null,"\\begin{matrix}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{matrix}"),s(" | | \\begingroup | "),t("span",{class:"katex-error",title:"ParseError: KaTeX parse error: Expected '\\endgroup', got '}' at position 14: \\begingroup a}̲"},"\\begingroup a}"),s(" | "),t("code",null,"\\begingroup a}"),s(" | | \\Beta | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"B")]),t("annotation",{encoding:"application/x-tex"},"\\Beta")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord mathrm"},"B")])])]),s(" | | | \\beta | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"β")]),t("annotation",{encoding:"application/x-tex"},"\\beta")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),s(" | | | \\beth | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℶ")]),t("annotation",{encoding:"application/x-tex"},"\\beth")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6889em"}}),t("span",{class:"mord amsrm"},"ℶ")])])]),s(" | | | \\between | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≬")]),t("annotation",{encoding:"application/x-tex"},"\\between")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0117em","vertical-align":"-0.2558em"}}),t("span",{class:"mrel amsrm"},"≬")])])]),s(" | | | \\bf | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"bold"},"A"),t("mi",{mathvariant:"bold"},"a"),t("mi",{mathvariant:"bold"},"B"),t("mi",{mathvariant:"bold"},"b"),t("mn",{mathvariant:"bold"},"12")]),t("annotation",{encoding:"application/x-tex"},"\\bf AaBb12")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathbf"},"AaBb12")])])])]),s(" | "),t("code",null,"\\bf AaBb12"),s(" | | \\bfseries | "),t("span",{style:{color:"firebrick"}},"Not supported"),s(" | | | \\big | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"1.2em",maxsize:"1.2em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"1.2em",maxsize:"1.2em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\big(\\big)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size1"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size1"},")")])])])]),s(" | "),t("code",null,"\\big(\\big)"),s(" | | \\Big | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"1.8em",maxsize:"1.8em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"1.8em",maxsize:"1.8em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\Big(\\Big)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.8em","vertical-align":"-0.65em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size2"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size2"},")")])])])]),s(" | "),t("code",null,"\\Big(\\Big)"),s(" | | \\bigcap | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⋂")]),t("annotation",{encoding:"application/x-tex"},"\\bigcap")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"⋂")])])]),s(" | | | \\bigcirc | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"◯")]),t("annotation",{encoding:"application/x-tex"},"\\bigcirc")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),t("span",{class:"mord"},"◯")])])]),s(" | | | \\bigcup | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⋃")]),t("annotation",{encoding:"application/x-tex"},"\\bigcup")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"⋃")])])]),s(" | | | \\bigg | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\bigg(\\bigg)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size3"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size3"},")")])])])]),s(" | "),t("code",null,"\\bigg(\\bigg)"),s(" | | \\Bigg | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"3em",maxsize:"3em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"3em",maxsize:"3em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\Bigg(\\Bigg)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size4"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size4"},")")])])])]),s(" | "),t("code",null,"\\Bigg(\\Bigg)"),s(" | | \\biggl | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"true",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},"(")]),t("annotation",{encoding:"application/x-tex"},"\\biggl(")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mopen"},[t("span",{class:"delimsizing size3"},"(")])])])]),s(" | "),t("code",null,"\\biggl("),s(" | | \\Biggl | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"true",stretchy:"true",minsize:"3em",maxsize:"3em"},"(")]),t("annotation",{encoding:"application/x-tex"},"\\Biggl(")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mopen"},[t("span",{class:"delimsizing size4"},"(")])])])]),s(" | "),t("code",null,"\\Biggl("),s(" | | \\biggm | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},"∣")]),t("annotation",{encoding:"application/x-tex"},"\\biggm\\vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mrel"},[t("span",{class:"delimsizing mult"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.45em"}},[t("span",{class:"pstrut",style:{height:"4.4em"}}),t("span",{style:{width:"0.333em",height:"2.400em"}},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"0.333em",height:"2.400em",viewBox:"0 0 333 2400"},[t("path",{d:`M145 15 v585 v1200 v585 c2.667,10,9.667,15,21,15
 c10,0,16.667,-5,20,-15 v-585 v-1200 v-585 c-2.667,-10,-9.667,-15,-21,-15
 c-10,0,-16.667,5,-20,15z M188 15 H145 v585 v1200 v585 h43z`})])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])]),s(" | "),t("code",null,"\\biggm\\vert"),s(" | | \\Biggm | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"3em",maxsize:"3em"},"∣")]),t("annotation",{encoding:"application/x-tex"},"\\Biggm\\vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mrel"},[t("span",{class:"delimsizing mult"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.75em"}},[t("span",{class:"pstrut",style:{height:"5em"}}),t("span",{style:{width:"0.333em",height:"3.000em"}},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"0.333em",height:"3.000em",viewBox:"0 0 333 3000"},[t("path",{d:`M145 15 v585 v1800 v585 c2.667,10,9.667,15,21,15
 c10,0,16.667,-5,20,-15 v-585 v-1800 v-585 c-2.667,-10,-9.667,-15,-21,-15
diff --git a/assets/application_markdown-it-katex_support-table.md.52b042b8.lean.js b/assets/application_markdown-it-katex_support-table.md.419e3a5e.lean.js
similarity index 99%
rename from assets/application_markdown-it-katex_support-table.md.52b042b8.lean.js
rename to assets/application_markdown-it-katex_support-table.md.419e3a5e.lean.js
index bc167b20..1eb4bc89 100644
--- a/assets/application_markdown-it-katex_support-table.md.52b042b8.lean.js
+++ b/assets/application_markdown-it-katex_support-table.md.419e3a5e.lean.js
@@ -1,4 +1,4 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,o as a,c as l,H as m,k as t,a as s,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const sl=JSON.parse('{"title":"KaTeX: Support table","description":"Supported table of KaTeX syntax ordered alphabetically.","frontmatter":{"title":"KaTeX: Support table","description":"Supported table of KaTeX syntax ordered alphabetically."},"headers":[],"relativePath":"application/markdown-it-katex/support-table.md","filePath":"application/markdown-it-katex/support-table.md","lastUpdated":1695377563000}'),p={name:"application/markdown-it-katex/support-table.md"},r=t("h1",{id:"katex-support-table",tabindex:"-1"},[s("KaTeX: Support table "),t("a",{class:"header-anchor",href:"#katex-support-table","aria-label":'Permalink to "KaTeX: Support table"'},"​")],-1),h=c("",2),o=t("table",null,[t("thead",null,[t("tr",null,[t("th",{style:{"text-align":"left"}},"Symbol/Function"),t("th",{style:{"text-align":"left"}},"Rendered"),t("th",{style:{"text-align":"left"}},"Source or Comment")])]),t("tbody",null,[t("tr",null,[t("td",{style:{"text-align":"left"}},"!"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"n"),t("mo",{stretchy:"false"},"!")]),t("annotation",{encoding:"application/x-tex"},"n!")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"n"),t("span",{class:"mclose"},"!")])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"n!")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\!"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," ⁣"),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\!b")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"-0.1667em"}}),t("span",{class:"mord mathnormal"},"b")])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\!b")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"#"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msup",null,[t("mi",null,"y"),t("mn",null,"2")])]),t("annotation",{encoding:"application/x-tex"},"\\def\\bar#1{#1^2} \\bar{y}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0085em","vertical-align":"-0.1944em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8141em"}},[t("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},"2")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\def\\bar#1{#1^2} \\bar{y}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\#"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"#")]),t("annotation",{encoding:"application/x-tex"},"\\#")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),t("span",{class:"mord"},"#")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"%"),t("td",{style:{"text-align":"left"}}),t("td",{style:{"text-align":"left"}},[t("code",null,"%this is a comment")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\%"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"%")]),t("annotation",{encoding:"application/x-tex"},"\\%")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8056em","vertical-align":"-0.0556em"}}),t("span",{class:"mord"},"%")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"&"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{matrix} a & b\\cr c & d \\end{matrix}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{matrix}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{matrix}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\&"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"&")]),t("annotation",{encoding:"application/x-tex"},"\\&")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"&")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"'"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msup",null,[t("mrow"),t("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")])]),t("annotation",{encoding:"application/x-tex"},"'")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.7519em"}}),t("span",{class:"mord"},[t("span"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.7519em"}},[t("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mtight"},"′")])])])])])])])])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\'"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˊ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\'{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˊ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\'{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"("),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"(")]),t("annotation",{encoding:"application/x-tex"},"(")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mopen"},"(")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},")"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},")")]),t("annotation",{encoding:"application/x-tex"},")")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mclose"},")")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\(…\\)"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mfrac",null,[t("mi",null,"a"),t("mi",null,"b")])])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\(\\frac a b\\)}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},[t("span",{class:"mopen nulldelimiter"}),t("span",{class:"mfrac"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6954em"}},[t("span",{style:{top:"-2.655em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"b")])])]),t("span",{style:{top:"-3.23em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),t("span",{style:{top:"-3.394em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"a")])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.345em"}},[t("span")])])])]),t("span",{class:"mclose nulldelimiter"})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\(\\frac a b\\)}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\ b")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace"}," "),t("span",{class:"mord mathnormal"},"b")])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\ b")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},'\\"'),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"¨")])]),t("annotation",{encoding:"application/x-tex"},'\\text{\\"{a}}')])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6679em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"¨")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,'\\text{\\"{a}}')])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\$"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"$")]),t("annotation",{encoding:"application/x-tex"},"\\text{\\textdollar}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8056em","vertical-align":"-0.0556em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"$")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\,"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\,\\,{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\,\\,{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\."),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"˙")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\.{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6679em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.1389em"}},[t("span",{class:"mord"},"˙")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\.{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\:"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\:\\:{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\:\\:{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\;"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null,"  "),t("mtext",null,"  "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\;\\;{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[s("a"),t("code",null,"\\;\\;{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"_"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msub",null,[t("mi",null,"x"),t("mi",null,"i")])]),t("annotation",{encoding:"application/x-tex"},"x_i")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"x"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.3117em"}},[t("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mathnormal mtight"},"i")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.15em"}},[t("span")])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"x_i")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\_"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"_")]),t("annotation",{encoding:"application/x-tex"},"\\_")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em","vertical-align":"-0.31em"}}),t("span",{class:"mord",style:{"margin-right":"0.02778em"}},"_")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},[s("\\"),t("code",null,"`")]),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˋ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\`{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˋ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\'{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"<"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"<")]),t("annotation",{encoding:"application/x-tex"},"<")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5782em","vertical-align":"-0.0391em"}}),t("span",{class:"mrel"},"<")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\="),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˉ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\={a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5678em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.5678em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˉ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\\\={a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},">"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,">")]),t("annotation",{encoding:"application/x-tex"},">")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5782em","vertical-align":"-0.0391em"}}),t("span",{class:"mrel"},">")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\>"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\>\\>{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\>\\>{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"["),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"[")]),t("annotation",{encoding:"application/x-tex"},"[")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mopen"},"[")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"]"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"]")]),t("annotation",{encoding:"application/x-tex"},"]")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mclose"},"]")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"{"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a")]),t("annotation",{encoding:"application/x-tex"},"{a}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"}"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a")]),t("annotation",{encoding:"application/x-tex"},"{a}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\{"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"{")]),t("annotation",{encoding:"application/x-tex"},"\\{")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mopen"},"{")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\}"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"}")]),t("annotation",{encoding:"application/x-tex"},"\\}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mclose"},"}")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"|"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"∣")]),t("annotation",{encoding:"application/x-tex"},"\\vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mord"},"∣")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\|"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"∥")]),t("annotation",{encoding:"application/x-tex"},"\\Vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mord"},"∥")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"~"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"no no no breaks")]),t("annotation",{encoding:"application/x-tex"},"\\text{no~no~no~breaks}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"no"),t("span",{class:"mord nobreak"}," "),t("span",{class:"mord"},"no"),t("span",{class:"mord nobreak"}," "),t("span",{class:"mord"},"no"),t("span",{class:"mord nobreak"}," "),t("span",{class:"mord"},"breaks")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{no~no~no~breaks}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\~"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"˜")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\~{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6679em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"˜")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\\\~{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\\\"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{matrix} a & b\\\\ c & d\\end{matrix}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{matrix}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{matrix}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"^"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msup",null,[t("mi",null,"x"),t("mi",null,"i")])]),t("annotation",{encoding:"application/x-tex"},"x^i")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8247em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"x"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8247em"}},[t("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mathnormal mtight"},"i")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"x^i")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\^"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˆ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\^{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˆ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\\\^{a}}")])])])],-1),d=t("h2",{id:"a",tabindex:"-1"},[s("A "),t("a",{class:"header-anchor",href:"#a","aria-label":'Permalink to "A"'},"​")],-1),x=t("table",null,[t("thead",null,[t("tr",null,[t("th",{style:{"text-align":"left"}},"Symbol/Function"),t("th",{style:{"text-align":"left"}},"Rendered"),t("th",{style:{"text-align":"left"}},"Source or Comment")])]),t("tbody",null,[t("tr",null,[t("td",{style:{"text-align":"left"}},"\\AA"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"A"),t("mo",null,"˚")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\AA}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.9468em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.9468em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},"A")]),t("span",{style:{top:"-3.2523em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.375em"}},[t("span",{class:"mord"},"˚")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\AA}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\aa"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"˚")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\aa}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},"a")]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.375em"}},[t("span",{class:"mord"},"˚")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\aa}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\above"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mfrac",{linethickness:"0.2em"},[t("mi",null,"a"),t("mrow",null,[t("mi",null,"b"),t("mo",null,"+"),t("mn",null,"1")])])]),t("annotation",{encoding:"application/x-tex"},"{a \\above{2pt} b+1}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.4458em","vertical-align":"-0.5944em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},[t("span",{class:"mopen nulldelimiter"}),t("span",{class:"mfrac"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8514em"}},[t("span",{style:{top:"-2.4639em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"b"),t("span",{class:"mbin mtight"},"+"),t("span",{class:"mord mtight"},"1")])])]),t("span",{style:{top:"-3.15em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"frac-line",style:{"border-bottom-width":"0.2em"}})]),t("span",{style:{top:"-3.55em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"a")])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.5944em"}},[t("span")])])])]),t("span",{class:"mclose nulldelimiter"})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a \\above{2pt} b+1}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\abovewithdelims"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\acute"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mi",null,"e"),t("mo",null,"ˊ")])]),t("annotation",{encoding:"application/x-tex"},"\\acute e")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord mathnormal"},"e")]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.1944em"}},[t("span",{class:"mord"},"ˊ")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\acute e")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\AE"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"Æ")]),t("annotation",{encoding:"application/x-tex"},"\\text{\\AE}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"Æ")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\AE}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\ae"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"æ")]),t("annotation",{encoding:"application/x-tex"},"\\text{\\ae}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"æ")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\ae}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\alef"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℵ")]),t("annotation",{encoding:"application/x-tex"},"\\alef")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"ℵ")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\alefsym"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℵ")]),t("annotation",{encoding:"application/x-tex"},"\\alefsym")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"ℵ")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\aleph"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℵ")]),t("annotation",{encoding:"application/x-tex"},"\\aleph")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"ℵ")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"},align:""}),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[s("see "),t("code",null,"{aligned}")])]),t("tr",null,[t("td",{style:{"text-align":"left"},aligned:""}),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mo",null,"="),t("mi",null,"b"),t("mo",null,"+"),t("mi",null,"c")])])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mi",null,"d"),t("mo",null,"+"),t("mi",null,"e")])])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mo",null,"="),t("mi",null,"f")])])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{aligned}a&=b+c\\\\d+e&=f\\end{aligned}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-r"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mbin"},"+"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord mathnormal"},"e")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-l"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord mathnormal"},"b"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mbin"},"+"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord mathnormal"},"c")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.10764em"}},"f")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{aligned}"),t("br"),s("   "),t("code",null,"a&=b+c \\\\"),t("br"),s("   "),t("code",null,"d+e&=f"),t("br"),t("code",null,"\\end{aligned}")])]),t("tr",null,[t("td",{style:{"text-align":"left"},alignat:""}),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[s("see "),t("code",null,"{alignedat}")])]),t("tr",null,[t("td",{style:{"text-align":"left"},alignedat:""}),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.25em",columnalign:"right left right left",columnspacing:"0em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"10")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"x"),t("mo",null,"+")])])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"3")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"y"),t("mo",null,"="),t("mn",null,"2")])])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"3")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"x"),t("mo",null,"+")])])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"13")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"y"),t("mo",null,"="),t("mn",null,"4")])])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{alignedat}{2}10&x+&3&y=2\\\\3&x+&13&y=4\\end{alignedat}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-r"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"10")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"3")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-l"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal"},"x"),t("span",{class:"mord"},"+")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal"},"x"),t("span",{class:"mord"},"+")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-r"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"3")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"13")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-l"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord"},"2")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord"},"4")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{alignedat}{2}"),t("br"),s("   "),t("code",null,"10&x+ &3&y = 2 \\\\"),t("br"),s("   "),t("code",null," 3&x+&13&y = 4"),t("br"),t("code",null,"\\end{alignedat}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\allowbreak"),t("td",{style:{"text-align":"left"}}),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\Alpha"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"A")]),t("annotation",{encoding:"application/x-tex"},"\\Alpha")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord mathrm"},"A")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\alpha"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"α")]),t("annotation",{encoding:"application/x-tex"},"\\alpha")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\amalg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⨿")]),t("annotation",{encoding:"application/x-tex"},"\\amalg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord"},"⨿")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\And"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"&")]),t("annotation",{encoding:"application/x-tex"},"\\And")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"&")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\and"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[t("a",{href:"https://en.wikipedia.org/wiki/Help:Displaying_a_formula#Deprecated_syntax",target:"_blank",rel:"noreferrer"},"Deprecated")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\ang"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[t("a",{href:"https://en.wikipedia.org/wiki/Help:Displaying_a_formula#Deprecated_syntax",target:"_blank",rel:"noreferrer"},"Deprecated")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\angl"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\angle"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"∠")]),t("annotation",{encoding:"application/x-tex"},"\\angle")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6922em"}}),t("span",{class:"mord"},"∠")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\approx"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≈")]),t("annotation",{encoding:"application/x-tex"},"\\approx")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4831em"}}),t("span",{class:"mrel"},"≈")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\approxeq"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≊")]),t("annotation",{encoding:"application/x-tex"},"\\approxeq")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6633em","vertical-align":"-0.0817em"}}),t("span",{class:"mrel amsrm"},"≊")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arccos"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arccos"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arccos")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mop"},"arccos")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arcctg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arcctg"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arcctg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8095em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[s("arcct"),t("span",{style:{"margin-right":"0.01389em"}},"g")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arcsin"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arcsin"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arcsin")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mop"},"arcsin")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arctan"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arctan"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arctan")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6151em"}}),t("span",{class:"mop"},"arctan")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arctg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arctg"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arctg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8095em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[s("arct"),t("span",{style:{"margin-right":"0.01389em"}},"g")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arg"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[s("ar"),t("span",{style:{"margin-right":"0.01389em"}},"g")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\argmax"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"arg max"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\argmax")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[t("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"arg"),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mord mathrm"},"max")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\argmin"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"arg min"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\argmin")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8623em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[t("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"arg"),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mord mathrm"},"min")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"},array:""}),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{array}{cc}a&b\\\\c&d\\end{array}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{array}{cc}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{array}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\array"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[s("see "),t("code",null,"{array}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arraystretch"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.66em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\def\\arraystretch{1.5}\\begin{array}{cc}a&b\\\\c&d\\end{array}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3.6em","vertical-align":"-1.55em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"2.05em"}},[t("span",{style:{top:"-4.05em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.25em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.55em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"2.05em"}},[t("span",{style:{top:"-4.05em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.25em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.55em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\def\\arraystretch{1.5}"),t("br"),t("code",null,"\\begin{array}{cc}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{array}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\Arrowvert"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arrowvert"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\ast"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∗")]),t("annotation",{encoding:"application/x-tex"},"\\ast")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4653em"}}),t("span",{class:"mord"},"∗")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\asymp"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≍")]),t("annotation",{encoding:"application/x-tex"},"\\asymp")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4637em"}}),t("span",{class:"mrel"},"≍")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\atop"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mfrac",{linethickness:"0px"},[t("mi",null,"a"),t("mi",null,"b")])]),t("annotation",{encoding:"application/x-tex"},"{a \\atop b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0904em","vertical-align":"-0.345em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},[t("span",{class:"mopen nulldelimiter"}),t("span",{class:"mfrac"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.7454em"}},[t("span",{style:{top:"-2.355em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"b")])])]),t("span",{style:{top:"-3.144em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"a")])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.345em"}},[t("span")])])])]),t("span",{class:"mclose nulldelimiter"})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a \\atop b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\atopwithdelims"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})])])],-1),g=t("h2",{id:"b",tabindex:"-1"},[s("B "),t("a",{class:"header-anchor",href:"#b","aria-label":'Permalink to "B"'},"​")],-1),u=t("p",null,[s("| Symbol/Function | Rendered | Source or Comment | | :------------------ | :-------------------------------------------------- | :------------------------------------------------------------------------------------------------ | ------ | | \\backepsilon | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∍")]),t("annotation",{encoding:"application/x-tex"},"\\backepsilon")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mrel amsrm"},"∍")])])]),s(" | | | \\backprime | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"‵")]),t("annotation",{encoding:"application/x-tex"},"\\backprime")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5499em"}}),t("span",{class:"mord amsrm"},"‵")])])]),s(" | | | \\backsim | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∽")]),t("annotation",{encoding:"application/x-tex"},"\\backsim")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.3779em"}}),t("span",{class:"mrel amsrm"},"∽")])])]),s(" | | | \\backsimeq | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⋍")]),t("annotation",{encoding:"application/x-tex"},"\\backsimeq")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.464em"}}),t("span",{class:"mrel amsrm"},"⋍")])])]),s(" | | | \\backslash | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"\\")]),t("annotation",{encoding:"application/x-tex"},"\\backslash")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mord"},"\\")])])]),s(" | | | \\bar | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mi",null,"y"),t("mo",null,"ˉ")])]),t("annotation",{encoding:"application/x-tex"},"\\bar{y}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.7622em","vertical-align":"-0.1944em"}}),t("span",{class:"mord accent"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.5678em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y")]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.1944em"}},[t("span",{class:"mord"},"ˉ")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.1944em"}},[t("span")])])])])])])]),s(" | "),t("code",null,"\\bar{y}"),s(" | | \\barwedge | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⊼")]),t("annotation",{encoding:"application/x-tex"},"\\barwedge")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8867em","vertical-align":"-0.1944em"}}),t("span",{class:"mord amsrm"},"⊼")])])]),s(" | | | \\Bbb | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"double-struck"},"A"),t("mi",{mathvariant:"double-struck"},"B"),t("mi",{mathvariant:"double-struck"},"C")]),t("annotation",{encoding:"application/x-tex"},"\\Bbb{ABC}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6889em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathbb"},"ABC")])])])]),s(" | "),t("code",null,"\\Bbb{ABC}"),t("br"),s("KaTeX supports A-Z & k | | \\Bbbk | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"double-struck"},"k")]),t("annotation",{encoding:"application/x-tex"},"\\Bbbk")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6889em"}}),t("span",{class:"mord mathbb"},"k")])])]),s(" | | | \\bbox | "),t("span",{style:{color:"firebrick"}},"Not supported"),s(" | | | \\bcancel | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("menclose",{notation:"downdiagonalstrike"},[t("mn",null,"5")])]),t("annotation",{encoding:"application/x-tex"},"\\bcancel{5}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6444em"}}),t("span",{class:"mord"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8444em"}},[t("span",{style:{top:"-3.0444em"}},[t("span",{class:"pstrut",style:{height:"3.0444em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"5")])]),t("span",{class:"svg-align",style:{top:"-2.8444em"}},[t("span",{class:"pstrut",style:{height:"3.0444em"}}),t("span",{style:{height:"1.0444em"}},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"1.0444em"},[t("line",{x1:"0",y1:"0",x2:"100%",y2:"100%","stroke-width":"0.046em"})])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.2em"}},[t("span")])])])])])])]),s(" | "),t("code",null,"\\bcancel{5}"),s(" | | \\because | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∵")]),t("annotation",{encoding:"application/x-tex"},"\\because")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6922em"}}),t("span",{class:"mrel amsrm"},"∵")])])]),s(" | | | \\begin | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{matrix} a & b\\\\ c & d\\end{matrix}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])])]),s(" | "),t("code",null,"\\begin{matrix}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{matrix}"),s(" | | \\begingroup | "),t("span",{class:"katex-error",title:"ParseError: KaTeX parse error: Expected '\\endgroup', got '}' at position 14: \\begingroup a}̲"},"\\begingroup a}"),s(" | "),t("code",null,"\\begingroup a}"),s(" | | \\Beta | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"B")]),t("annotation",{encoding:"application/x-tex"},"\\Beta")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord mathrm"},"B")])])]),s(" | | | \\beta | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"β")]),t("annotation",{encoding:"application/x-tex"},"\\beta")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),s(" | | | \\beth | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℶ")]),t("annotation",{encoding:"application/x-tex"},"\\beth")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6889em"}}),t("span",{class:"mord amsrm"},"ℶ")])])]),s(" | | | \\between | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≬")]),t("annotation",{encoding:"application/x-tex"},"\\between")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0117em","vertical-align":"-0.2558em"}}),t("span",{class:"mrel amsrm"},"≬")])])]),s(" | | | \\bf | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"bold"},"A"),t("mi",{mathvariant:"bold"},"a"),t("mi",{mathvariant:"bold"},"B"),t("mi",{mathvariant:"bold"},"b"),t("mn",{mathvariant:"bold"},"12")]),t("annotation",{encoding:"application/x-tex"},"\\bf AaBb12")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathbf"},"AaBb12")])])])]),s(" | "),t("code",null,"\\bf AaBb12"),s(" | | \\bfseries | "),t("span",{style:{color:"firebrick"}},"Not supported"),s(" | | | \\big | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"1.2em",maxsize:"1.2em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"1.2em",maxsize:"1.2em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\big(\\big)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size1"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size1"},")")])])])]),s(" | "),t("code",null,"\\big(\\big)"),s(" | | \\Big | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"1.8em",maxsize:"1.8em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"1.8em",maxsize:"1.8em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\Big(\\Big)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.8em","vertical-align":"-0.65em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size2"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size2"},")")])])])]),s(" | "),t("code",null,"\\Big(\\Big)"),s(" | | \\bigcap | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⋂")]),t("annotation",{encoding:"application/x-tex"},"\\bigcap")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"⋂")])])]),s(" | | | \\bigcirc | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"◯")]),t("annotation",{encoding:"application/x-tex"},"\\bigcirc")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),t("span",{class:"mord"},"◯")])])]),s(" | | | \\bigcup | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⋃")]),t("annotation",{encoding:"application/x-tex"},"\\bigcup")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"⋃")])])]),s(" | | | \\bigg | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\bigg(\\bigg)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size3"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size3"},")")])])])]),s(" | "),t("code",null,"\\bigg(\\bigg)"),s(" | | \\Bigg | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"3em",maxsize:"3em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"3em",maxsize:"3em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\Bigg(\\Bigg)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size4"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size4"},")")])])])]),s(" | "),t("code",null,"\\Bigg(\\Bigg)"),s(" | | \\biggl | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"true",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},"(")]),t("annotation",{encoding:"application/x-tex"},"\\biggl(")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mopen"},[t("span",{class:"delimsizing size3"},"(")])])])]),s(" | "),t("code",null,"\\biggl("),s(" | | \\Biggl | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"true",stretchy:"true",minsize:"3em",maxsize:"3em"},"(")]),t("annotation",{encoding:"application/x-tex"},"\\Biggl(")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mopen"},[t("span",{class:"delimsizing size4"},"(")])])])]),s(" | "),t("code",null,"\\Biggl("),s(" | | \\biggm | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},"∣")]),t("annotation",{encoding:"application/x-tex"},"\\biggm\\vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mrel"},[t("span",{class:"delimsizing mult"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.45em"}},[t("span",{class:"pstrut",style:{height:"4.4em"}}),t("span",{style:{width:"0.333em",height:"2.400em"}},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"0.333em",height:"2.400em",viewBox:"0 0 333 2400"},[t("path",{d:`M145 15 v585 v1200 v585 c2.667,10,9.667,15,21,15
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,o as a,c as l,H as m,k as t,a as s,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const sl=JSON.parse('{"title":"KaTeX: Support table","description":"Supported table of KaTeX syntax ordered alphabetically.","frontmatter":{"title":"KaTeX: Support table","description":"Supported table of KaTeX syntax ordered alphabetically."},"headers":[],"relativePath":"application/markdown-it-katex/support-table.md","filePath":"application/markdown-it-katex/support-table.md","lastUpdated":1699051935000}'),p={name:"application/markdown-it-katex/support-table.md"},r=t("h1",{id:"katex-support-table",tabindex:"-1"},[s("KaTeX: Support table "),t("a",{class:"header-anchor",href:"#katex-support-table","aria-label":'Permalink to "KaTeX: Support table"'},"​")],-1),h=c("",2),o=t("table",null,[t("thead",null,[t("tr",null,[t("th",{style:{"text-align":"left"}},"Symbol/Function"),t("th",{style:{"text-align":"left"}},"Rendered"),t("th",{style:{"text-align":"left"}},"Source or Comment")])]),t("tbody",null,[t("tr",null,[t("td",{style:{"text-align":"left"}},"!"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"n"),t("mo",{stretchy:"false"},"!")]),t("annotation",{encoding:"application/x-tex"},"n!")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"n"),t("span",{class:"mclose"},"!")])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"n!")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\!"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," ⁣"),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\!b")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"-0.1667em"}}),t("span",{class:"mord mathnormal"},"b")])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\!b")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"#"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msup",null,[t("mi",null,"y"),t("mn",null,"2")])]),t("annotation",{encoding:"application/x-tex"},"\\def\\bar#1{#1^2} \\bar{y}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0085em","vertical-align":"-0.1944em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8141em"}},[t("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},"2")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\def\\bar#1{#1^2} \\bar{y}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\#"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"#")]),t("annotation",{encoding:"application/x-tex"},"\\#")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),t("span",{class:"mord"},"#")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"%"),t("td",{style:{"text-align":"left"}}),t("td",{style:{"text-align":"left"}},[t("code",null,"%this is a comment")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\%"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"%")]),t("annotation",{encoding:"application/x-tex"},"\\%")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8056em","vertical-align":"-0.0556em"}}),t("span",{class:"mord"},"%")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"&"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{matrix} a & b\\cr c & d \\end{matrix}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{matrix}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{matrix}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\&"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"&")]),t("annotation",{encoding:"application/x-tex"},"\\&")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"&")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"'"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msup",null,[t("mrow"),t("mo",{mathvariant:"normal",lspace:"0em",rspace:"0em"},"′")])]),t("annotation",{encoding:"application/x-tex"},"'")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.7519em"}}),t("span",{class:"mord"},[t("span"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.7519em"}},[t("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mtight"},"′")])])])])])])])])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\'"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˊ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\'{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˊ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\'{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"("),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"(")]),t("annotation",{encoding:"application/x-tex"},"(")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mopen"},"(")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},")"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},")")]),t("annotation",{encoding:"application/x-tex"},")")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mclose"},")")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\(…\\)"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mfrac",null,[t("mi",null,"a"),t("mi",null,"b")])])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\(\\frac a b\\)}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0404em","vertical-align":"-0.345em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},[t("span",{class:"mopen nulldelimiter"}),t("span",{class:"mfrac"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6954em"}},[t("span",{style:{top:"-2.655em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"b")])])]),t("span",{style:{top:"-3.23em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"frac-line",style:{"border-bottom-width":"0.04em"}})]),t("span",{style:{top:"-3.394em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"a")])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.345em"}},[t("span")])])])]),t("span",{class:"mclose nulldelimiter"})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\(\\frac a b\\)}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\ b")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace"}," "),t("span",{class:"mord mathnormal"},"b")])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\ b")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},'\\"'),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"¨")])]),t("annotation",{encoding:"application/x-tex"},'\\text{\\"{a}}')])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6679em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"¨")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,'\\text{\\"{a}}')])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\$"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"$")]),t("annotation",{encoding:"application/x-tex"},"\\text{\\textdollar}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8056em","vertical-align":"-0.0556em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"$")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\,"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\,\\,{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\,\\,{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\."),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"˙")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\.{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6679em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.1389em"}},[t("span",{class:"mord"},"˙")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\.{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\:"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\:\\:{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\:\\:{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\;"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null,"  "),t("mtext",null,"  "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\;\\;{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[s("a"),t("code",null,"\\;\\;{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"_"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msub",null,[t("mi",null,"x"),t("mi",null,"i")])]),t("annotation",{encoding:"application/x-tex"},"x_i")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5806em","vertical-align":"-0.15em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"x"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.3117em"}},[t("span",{style:{top:"-2.55em","margin-left":"0em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mathnormal mtight"},"i")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.15em"}},[t("span")])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"x_i")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\_"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"_")]),t("annotation",{encoding:"application/x-tex"},"\\_")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em","vertical-align":"-0.31em"}}),t("span",{class:"mord",style:{"margin-right":"0.02778em"}},"_")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},[s("\\"),t("code",null,"`")]),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˋ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\`{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˋ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\'{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"<"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"<")]),t("annotation",{encoding:"application/x-tex"},"<")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5782em","vertical-align":"-0.0391em"}}),t("span",{class:"mrel"},"<")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\="),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˉ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\={a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5678em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.5678em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˉ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\\\={a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},">"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,">")]),t("annotation",{encoding:"application/x-tex"},">")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5782em","vertical-align":"-0.0391em"}}),t("span",{class:"mrel"},">")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\>"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a"),t("mtext",null," "),t("mtext",null," "),t("mi",null,"b")]),t("annotation",{encoding:"application/x-tex"},"a\\>\\>{b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord mathnormal"},"a"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"a\\>\\>{b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"["),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"[")]),t("annotation",{encoding:"application/x-tex"},"[")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mopen"},"[")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"]"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"]")]),t("annotation",{encoding:"application/x-tex"},"]")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mclose"},"]")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"{"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a")]),t("annotation",{encoding:"application/x-tex"},"{a}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"}"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"a")]),t("annotation",{encoding:"application/x-tex"},"{a}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\{"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"{")]),t("annotation",{encoding:"application/x-tex"},"\\{")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mopen"},"{")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\}"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{stretchy:"false"},"}")]),t("annotation",{encoding:"application/x-tex"},"\\}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mclose"},"}")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"|"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"∣")]),t("annotation",{encoding:"application/x-tex"},"\\vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mord"},"∣")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\|"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"∥")]),t("annotation",{encoding:"application/x-tex"},"\\Vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mord"},"∥")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"~"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"no no no breaks")]),t("annotation",{encoding:"application/x-tex"},"\\text{no~no~no~breaks}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"no"),t("span",{class:"mord nobreak"}," "),t("span",{class:"mord"},"no"),t("span",{class:"mord nobreak"}," "),t("span",{class:"mord"},"no"),t("span",{class:"mord nobreak"}," "),t("span",{class:"mord"},"breaks")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{no~no~no~breaks}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\~"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"˜")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\~{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6679em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"˜")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\\\~{a}}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\\\"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{matrix} a & b\\\\ c & d\\end{matrix}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{matrix}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{matrix}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"^"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("msup",null,[t("mi",null,"x"),t("mi",null,"i")])]),t("annotation",{encoding:"application/x-tex"},"x^i")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8247em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"x"),t("span",{class:"msupsub"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8247em"}},[t("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mathnormal mtight"},"i")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"x^i")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\^"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"ˆ")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\^{a}}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"a")])]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.25em"}},[t("span",{class:"mord"},"ˆ")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\\\^{a}}")])])])],-1),d=t("h2",{id:"a",tabindex:"-1"},[s("A "),t("a",{class:"header-anchor",href:"#a","aria-label":'Permalink to "A"'},"​")],-1),x=t("table",null,[t("thead",null,[t("tr",null,[t("th",{style:{"text-align":"left"}},"Symbol/Function"),t("th",{style:{"text-align":"left"}},"Rendered"),t("th",{style:{"text-align":"left"}},"Source or Comment")])]),t("tbody",null,[t("tr",null,[t("td",{style:{"text-align":"left"}},"\\AA"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"A"),t("mo",null,"˚")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\AA}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.9468em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.9468em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},"A")]),t("span",{style:{top:"-3.2523em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.375em"}},[t("span",{class:"mord"},"˚")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\AA}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\aa"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mtext",null,"a"),t("mo",null,"˚")])]),t("annotation",{encoding:"application/x-tex"},"\\text{\\aa}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord text"},[t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},"a")]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.375em"}},[t("span",{class:"mord"},"˚")])])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\aa}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\above"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mfrac",{linethickness:"0.2em"},[t("mi",null,"a"),t("mrow",null,[t("mi",null,"b"),t("mo",null,"+"),t("mn",null,"1")])])]),t("annotation",{encoding:"application/x-tex"},"{a \\above{2pt} b+1}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.4458em","vertical-align":"-0.5944em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},[t("span",{class:"mopen nulldelimiter"}),t("span",{class:"mfrac"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8514em"}},[t("span",{style:{top:"-2.4639em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"b"),t("span",{class:"mbin mtight"},"+"),t("span",{class:"mord mtight"},"1")])])]),t("span",{style:{top:"-3.15em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"frac-line",style:{"border-bottom-width":"0.2em"}})]),t("span",{style:{top:"-3.55em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"a")])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.5944em"}},[t("span")])])])]),t("span",{class:"mclose nulldelimiter"})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a \\above{2pt} b+1}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\abovewithdelims"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\acute"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mi",null,"e"),t("mo",null,"ˊ")])]),t("annotation",{encoding:"application/x-tex"},"\\acute e")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord accent"},[t("span",{class:"vlist-t"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.6944em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord mathnormal"},"e")]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.1944em"}},[t("span",{class:"mord"},"ˊ")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\acute e")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\AE"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"Æ")]),t("annotation",{encoding:"application/x-tex"},"\\text{\\AE}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"Æ")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\AE}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\ae"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mtext",null,"æ")]),t("annotation",{encoding:"application/x-tex"},"\\text{\\ae}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord text"},[t("span",{class:"mord"},"æ")])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\text{\\ae}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\alef"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℵ")]),t("annotation",{encoding:"application/x-tex"},"\\alef")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"ℵ")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\alefsym"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℵ")]),t("annotation",{encoding:"application/x-tex"},"\\alefsym")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"ℵ")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\aleph"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℵ")]),t("annotation",{encoding:"application/x-tex"},"\\aleph")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"ℵ")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"},align:""}),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[s("see "),t("code",null,"{aligned}")])]),t("tr",null,[t("td",{style:{"text-align":"left"},aligned:""}),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.25em",columnalign:"right left",columnspacing:"0em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mo",null,"="),t("mi",null,"b"),t("mo",null,"+"),t("mi",null,"c")])])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mi",null,"d"),t("mo",null,"+"),t("mi",null,"e")])])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mo",null,"="),t("mi",null,"f")])])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{aligned}a&=b+c\\\\d+e&=f\\end{aligned}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-r"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mbin"},"+"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord mathnormal"},"e")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-l"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord mathnormal"},"b"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mbin"},"+"),t("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),t("span",{class:"mord mathnormal"},"c")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.10764em"}},"f")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{aligned}"),t("br"),s("   "),t("code",null,"a&=b+c \\\\"),t("br"),s("   "),t("code",null,"d+e&=f"),t("br"),t("code",null,"\\end{aligned}")])]),t("tr",null,[t("td",{style:{"text-align":"left"},alignat:""}),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[s("see "),t("code",null,"{alignedat}")])]),t("tr",null,[t("td",{style:{"text-align":"left"},alignedat:""}),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.25em",columnalign:"right left right left",columnspacing:"0em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"10")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"x"),t("mo",null,"+")])])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"3")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"y"),t("mo",null,"="),t("mn",null,"2")])])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"3")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"x"),t("mo",null,"+")])])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mn",null,"13")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"true"},[t("mrow",null,[t("mrow"),t("mi",null,"y"),t("mo",null,"="),t("mn",null,"4")])])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{alignedat}{2}10&x+&3&y=2\\\\3&x+&13&y=4\\end{alignedat}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-r"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"10")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"3")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-l"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal"},"x"),t("span",{class:"mord"},"+")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal"},"x"),t("span",{class:"mord"},"+")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-r"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"3")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"13")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])]),t("span",{class:"col-align-l"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.91em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord"},"2")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord"}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y"),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mrel"},"="),t("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),t("span",{class:"mord"},"4")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.25em"}},[t("span")])])])])])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{alignedat}{2}"),t("br"),s("   "),t("code",null,"10&x+ &3&y = 2 \\\\"),t("br"),s("   "),t("code",null," 3&x+&13&y = 4"),t("br"),t("code",null,"\\end{alignedat}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\allowbreak"),t("td",{style:{"text-align":"left"}}),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\Alpha"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"A")]),t("annotation",{encoding:"application/x-tex"},"\\Alpha")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord mathrm"},"A")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\alpha"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"α")]),t("annotation",{encoding:"application/x-tex"},"\\alpha")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.0037em"}},"α")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\amalg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⨿")]),t("annotation",{encoding:"application/x-tex"},"\\amalg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord"},"⨿")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\And"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"&")]),t("annotation",{encoding:"application/x-tex"},"\\And")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},"&")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\and"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[t("a",{href:"https://en.wikipedia.org/wiki/Help:Displaying_a_formula#Deprecated_syntax",target:"_blank",rel:"noreferrer"},"Deprecated")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\ang"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[t("a",{href:"https://en.wikipedia.org/wiki/Help:Displaying_a_formula#Deprecated_syntax",target:"_blank",rel:"noreferrer"},"Deprecated")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\angl"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\angle"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"∠")]),t("annotation",{encoding:"application/x-tex"},"\\angle")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6922em"}}),t("span",{class:"mord"},"∠")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\approx"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≈")]),t("annotation",{encoding:"application/x-tex"},"\\approx")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4831em"}}),t("span",{class:"mrel"},"≈")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\approxeq"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≊")]),t("annotation",{encoding:"application/x-tex"},"\\approxeq")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6633em","vertical-align":"-0.0817em"}}),t("span",{class:"mrel amsrm"},"≊")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arccos"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arccos"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arccos")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mop"},"arccos")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arcctg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arcctg"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arcctg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8095em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[s("arcct"),t("span",{style:{"margin-right":"0.01389em"}},"g")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arcsin"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arcsin"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arcsin")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6679em"}}),t("span",{class:"mop"},"arcsin")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arctan"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arctan"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arctan")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6151em"}}),t("span",{class:"mop"},"arctan")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arctg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arctg"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arctg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8095em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[s("arct"),t("span",{style:{"margin-right":"0.01389em"}},"g")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arg"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"arg"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\arg")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[s("ar"),t("span",{style:{"margin-right":"0.01389em"}},"g")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\argmax"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"arg max"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\argmax")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.625em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[t("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"arg"),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mord mathrm"},"max")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\argmin"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"arg min"),t("mo",null,"⁡")]),t("annotation",{encoding:"application/x-tex"},"\\argmin")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8623em","vertical-align":"-0.1944em"}}),t("span",{class:"mop"},[t("span",{class:"mord mathrm",style:{"margin-right":"0.01389em"}},"arg"),t("span",{class:"mspace",style:{"margin-right":"0.1667em"}}),t("span",{class:"mord mathrm"},"min")])])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"},array:""}),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{array}{cc}a&b\\\\c&d\\end{array}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\begin{array}{cc}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{array}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\array"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}},[s("see "),t("code",null,"{array}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arraystretch"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.66em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\def\\arraystretch{1.5}\\begin{array}{cc}a&b\\\\c&d\\end{array}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3.6em","vertical-align":"-1.55em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"2.05em"}},[t("span",{style:{top:"-4.05em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.25em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.55em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"2.05em"}},[t("span",{style:{top:"-4.05em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.25em"}},[t("span",{class:"pstrut",style:{height:"3.26em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.55em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"\\def\\arraystretch{1.5}"),t("br"),t("code",null,"\\begin{array}{cc}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{array}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\Arrowvert"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\arrowvert"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\ast"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∗")]),t("annotation",{encoding:"application/x-tex"},"\\ast")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4653em"}}),t("span",{class:"mord"},"∗")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\asymp"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≍")]),t("annotation",{encoding:"application/x-tex"},"\\asymp")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4637em"}}),t("span",{class:"mrel"},"≍")])])])]),t("td",{style:{"text-align":"left"}})]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\atop"),t("td",{style:{"text-align":"left"}},[t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mfrac",{linethickness:"0px"},[t("mi",null,"a"),t("mi",null,"b")])]),t("annotation",{encoding:"application/x-tex"},"{a \\atop b}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0904em","vertical-align":"-0.345em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},[t("span",{class:"mopen nulldelimiter"}),t("span",{class:"mfrac"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.7454em"}},[t("span",{style:{top:"-2.355em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"b")])])]),t("span",{style:{top:"-3.144em"}},[t("span",{class:"pstrut",style:{height:"2.7em"}}),t("span",{class:"sizing reset-size6 size3 mtight"},[t("span",{class:"mord mtight"},[t("span",{class:"mord mathnormal mtight"},"a")])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.345em"}},[t("span")])])])]),t("span",{class:"mclose nulldelimiter"})])])])])])]),t("td",{style:{"text-align":"left"}},[t("code",null,"{a \\atop b}")])]),t("tr",null,[t("td",{style:{"text-align":"left"}},"\\atopwithdelims"),t("td",{style:{"text-align":"left"}},[t("span",{style:{color:"firebrick"}},"Not supported")]),t("td",{style:{"text-align":"left"}})])])],-1),g=t("h2",{id:"b",tabindex:"-1"},[s("B "),t("a",{class:"header-anchor",href:"#b","aria-label":'Permalink to "B"'},"​")],-1),u=t("p",null,[s("| Symbol/Function | Rendered | Source or Comment | | :------------------ | :-------------------------------------------------- | :------------------------------------------------------------------------------------------------ | ------ | | \\backepsilon | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∍")]),t("annotation",{encoding:"application/x-tex"},"\\backepsilon")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.4306em"}}),t("span",{class:"mrel amsrm"},"∍")])])]),s(" | | | \\backprime | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"‵")]),t("annotation",{encoding:"application/x-tex"},"\\backprime")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.5499em"}}),t("span",{class:"mord amsrm"},"‵")])])]),s(" | | | \\backsim | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∽")]),t("annotation",{encoding:"application/x-tex"},"\\backsim")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.3779em"}}),t("span",{class:"mrel amsrm"},"∽")])])]),s(" | | | \\backsimeq | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⋍")]),t("annotation",{encoding:"application/x-tex"},"\\backsimeq")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.464em"}}),t("span",{class:"mrel amsrm"},"⋍")])])]),s(" | | | \\backslash | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"\\")]),t("annotation",{encoding:"application/x-tex"},"\\backslash")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mord"},"\\")])])]),s(" | | | \\bar | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mover",{accent:"true"},[t("mi",null,"y"),t("mo",null,"ˉ")])]),t("annotation",{encoding:"application/x-tex"},"\\bar{y}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.7622em","vertical-align":"-0.1944em"}}),t("span",{class:"mord accent"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.5678em"}},[t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"y")]),t("span",{style:{top:"-3em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"accent-body",style:{left:"-0.1944em"}},[t("span",{class:"mord"},"ˉ")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.1944em"}},[t("span")])])])])])])]),s(" | "),t("code",null,"\\bar{y}"),s(" | | \\barwedge | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⊼")]),t("annotation",{encoding:"application/x-tex"},"\\barwedge")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8867em","vertical-align":"-0.1944em"}}),t("span",{class:"mord amsrm"},"⊼")])])]),s(" | | | \\Bbb | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"double-struck"},"A"),t("mi",{mathvariant:"double-struck"},"B"),t("mi",{mathvariant:"double-struck"},"C")]),t("annotation",{encoding:"application/x-tex"},"\\Bbb{ABC}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6889em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathbb"},"ABC")])])])]),s(" | "),t("code",null,"\\Bbb{ABC}"),t("br"),s("KaTeX supports A-Z & k | | \\Bbbk | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"double-struck"},"k")]),t("annotation",{encoding:"application/x-tex"},"\\Bbbk")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6889em"}}),t("span",{class:"mord mathbb"},"k")])])]),s(" | | | \\bbox | "),t("span",{style:{color:"firebrick"}},"Not supported"),s(" | | | \\bcancel | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("menclose",{notation:"downdiagonalstrike"},[t("mn",null,"5")])]),t("annotation",{encoding:"application/x-tex"},"\\bcancel{5}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6444em"}}),t("span",{class:"mord"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.8444em"}},[t("span",{style:{top:"-3.0444em"}},[t("span",{class:"pstrut",style:{height:"3.0444em"}}),t("span",{class:"mord"},[t("span",{class:"mord"},"5")])]),t("span",{class:"svg-align",style:{top:"-2.8444em"}},[t("span",{class:"pstrut",style:{height:"3.0444em"}}),t("span",{style:{height:"1.0444em"}},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"1.0444em"},[t("line",{x1:"0",y1:"0",x2:"100%",y2:"100%","stroke-width":"0.046em"})])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.2em"}},[t("span")])])])])])])]),s(" | "),t("code",null,"\\bcancel{5}"),s(" | | \\because | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"∵")]),t("annotation",{encoding:"application/x-tex"},"\\because")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6922em"}}),t("span",{class:"mrel amsrm"},"∵")])])]),s(" | | | \\begin | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mtable",{rowspacing:"0.16em",columnalign:"center center",columnspacing:"1em"},[t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"a")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"b")])])]),t("mtr",null,[t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"c")])]),t("mtd",null,[t("mstyle",{scriptlevel:"0",displaystyle:"false"},[t("mi",null,"d")])])])]),t("annotation",{encoding:"application/x-tex"},"\\begin{matrix} a & b\\\\ c & d\\end{matrix}")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"mtable"},[t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"a")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"c")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])]),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"arraycolsep",style:{width:"0.5em"}}),t("span",{class:"col-align-c"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.61em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"b")])]),t("span",{style:{top:"-2.41em"}},[t("span",{class:"pstrut",style:{height:"3em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathnormal"},"d")])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])])]),s(" | "),t("code",null,"\\begin{matrix}"),t("br"),s("   "),t("code",null,"a & b \\\\"),t("br"),s("   "),t("code",null,"c & d"),t("br"),t("code",null,"\\end{matrix}"),s(" | | \\begingroup | "),t("span",{class:"katex-error",title:"ParseError: KaTeX parse error: Expected '\\endgroup', got '}' at position 14: \\begingroup a}̲"},"\\begingroup a}"),s(" | "),t("code",null,"\\begingroup a}"),s(" | | \\Beta | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"B")]),t("annotation",{encoding:"application/x-tex"},"\\Beta")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6833em"}}),t("span",{class:"mord mathrm"},"B")])])]),s(" | | | \\beta | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",null,"β")]),t("annotation",{encoding:"application/x-tex"},"\\beta")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),t("span",{class:"mord mathnormal",style:{"margin-right":"0.05278em"}},"β")])])]),s(" | | | \\beth | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"normal"},"ℶ")]),t("annotation",{encoding:"application/x-tex"},"\\beth")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6889em"}}),t("span",{class:"mord amsrm"},"ℶ")])])]),s(" | | | \\between | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"≬")]),t("annotation",{encoding:"application/x-tex"},"\\between")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.0117em","vertical-align":"-0.2558em"}}),t("span",{class:"mrel amsrm"},"≬")])])]),s(" | | | \\bf | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mi",{mathvariant:"bold"},"A"),t("mi",{mathvariant:"bold"},"a"),t("mi",{mathvariant:"bold"},"B"),t("mi",{mathvariant:"bold"},"b"),t("mn",{mathvariant:"bold"},"12")]),t("annotation",{encoding:"application/x-tex"},"\\bf AaBb12")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.6944em"}}),t("span",{class:"mord"},[t("span",{class:"mord mathbf"},"AaBb12")])])])]),s(" | "),t("code",null,"\\bf AaBb12"),s(" | | \\bfseries | "),t("span",{style:{color:"firebrick"}},"Not supported"),s(" | | | \\big | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"1.2em",maxsize:"1.2em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"1.2em",maxsize:"1.2em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\big(\\big)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.2em","vertical-align":"-0.35em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size1"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size1"},")")])])])]),s(" | "),t("code",null,"\\big(\\big)"),s(" | | \\Big | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"1.8em",maxsize:"1.8em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"1.8em",maxsize:"1.8em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\Big(\\Big)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1.8em","vertical-align":"-0.65em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size2"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size2"},")")])])])]),s(" | "),t("code",null,"\\Big(\\Big)"),s(" | | \\bigcap | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⋂")]),t("annotation",{encoding:"application/x-tex"},"\\bigcap")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"⋂")])])]),s(" | | | \\bigcirc | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"◯")]),t("annotation",{encoding:"application/x-tex"},"\\bigcirc")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"0.8889em","vertical-align":"-0.1944em"}}),t("span",{class:"mord"},"◯")])])]),s(" | | | \\bigcup | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",null,"⋃")]),t("annotation",{encoding:"application/x-tex"},"\\bigcup")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"1em","vertical-align":"-0.25em"}}),t("span",{class:"mop op-symbol small-op",style:{position:"relative",top:"0em"}},"⋃")])])]),s(" | | | \\bigg | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\bigg(\\bigg)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size3"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size3"},")")])])])]),s(" | "),t("code",null,"\\bigg(\\bigg)"),s(" | | \\Bigg | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"3em",maxsize:"3em"},"("),t("mo",{fence:"false",stretchy:"true",minsize:"3em",maxsize:"3em"},")")]),t("annotation",{encoding:"application/x-tex"},"\\Bigg(\\Bigg)")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mord"},[t("span",{class:"delimsizing size4"},"(")]),t("span",{class:"mord"},[t("span",{class:"delimsizing size4"},")")])])])]),s(" | "),t("code",null,"\\Bigg(\\Bigg)"),s(" | | \\biggl | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"true",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},"(")]),t("annotation",{encoding:"application/x-tex"},"\\biggl(")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mopen"},[t("span",{class:"delimsizing size3"},"(")])])])]),s(" | "),t("code",null,"\\biggl("),s(" | | \\Biggl | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"true",stretchy:"true",minsize:"3em",maxsize:"3em"},"(")]),t("annotation",{encoding:"application/x-tex"},"\\Biggl(")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mopen"},[t("span",{class:"delimsizing size4"},"(")])])])]),s(" | "),t("code",null,"\\Biggl("),s(" | | \\biggm | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"2.4em",maxsize:"2.4em"},"∣")]),t("annotation",{encoding:"application/x-tex"},"\\biggm\\vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"2.4em","vertical-align":"-0.95em"}}),t("span",{class:"mrel"},[t("span",{class:"delimsizing mult"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.45em"}},[t("span",{style:{top:"-3.45em"}},[t("span",{class:"pstrut",style:{height:"4.4em"}}),t("span",{style:{width:"0.333em",height:"2.400em"}},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"0.333em",height:"2.400em",viewBox:"0 0 333 2400"},[t("path",{d:`M145 15 v585 v1200 v585 c2.667,10,9.667,15,21,15
 c10,0,16.667,-5,20,-15 v-585 v-1200 v-585 c-2.667,-10,-9.667,-15,-21,-15
 c-10,0,-16.667,5,-20,15z M188 15 H145 v585 v1200 v585 h43z`})])])])]),t("span",{class:"vlist-s"},"​")]),t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"0.95em"}},[t("span")])])])])])])])]),s(" | "),t("code",null,"\\biggm\\vert"),s(" | | \\Biggm | "),t("span",{class:"katex"},[t("span",{class:"katex-mathml"},[t("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[t("semantics",null,[t("mrow",null,[t("mo",{fence:"false",stretchy:"true",minsize:"3em",maxsize:"3em"},"∣")]),t("annotation",{encoding:"application/x-tex"},"\\Biggm\\vert")])])]),t("span",{class:"katex-html","aria-hidden":"true"},[t("span",{class:"base"},[t("span",{class:"strut",style:{height:"3em","vertical-align":"-1.25em"}}),t("span",{class:"mrel"},[t("span",{class:"delimsizing mult"},[t("span",{class:"vlist-t vlist-t2"},[t("span",{class:"vlist-r"},[t("span",{class:"vlist",style:{height:"1.75em"}},[t("span",{style:{top:"-3.75em"}},[t("span",{class:"pstrut",style:{height:"5em"}}),t("span",{style:{width:"0.333em",height:"3.000em"}},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"0.333em",height:"3.000em",viewBox:"0 0 333 3000"},[t("path",{d:`M145 15 v585 v1800 v585 c2.667,10,9.667,15,21,15
 c10,0,16.667,-5,20,-15 v-585 v-1800 v-585 c-2.667,-10,-9.667,-15,-21,-15
diff --git a/assets/application_markdown-it-katex_tips.md.4fa4c33c.js b/assets/application_markdown-it-katex_tips.md.4fa4c33c.js
deleted file mode 100644
index 5cedceff..00000000
--- a/assets/application_markdown-it-katex_tips.md.4fa4c33c.js
+++ /dev/null
@@ -1,97 +0,0 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as l,c as o,H as p,k as s,a as t,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const i="/assets/2023-03-22-17-04-25.d7c4c068.png",c="/assets/2023-03-22-20-29-28.39883b7f.png",d="/assets/2023-05-22-10-14-11.2c283da4.png",y="/assets/2023-05-22-10-27-47.c0db4fe7.png",T=JSON.parse('{"title":"Tips to Use markdown-it-katex","description":"Extra tips on using markdown-it-katex for the best experiences.","frontmatter":{"title":"Tips to Use markdown-it-katex","description":"Extra tips on using markdown-it-katex for the best experiences."},"headers":[],"relativePath":"application/markdown-it-katex/tips.md","filePath":"application/markdown-it-katex/tips.md","lastUpdated":1695377563000}'),h={name:"application/markdown-it-katex/tips.md"},u=s("h1",{id:"tips-hacks",tabindex:"-1"},[t("Tips & Hacks "),s("a",{class:"header-anchor",href:"#tips-hacks","aria-label":'Permalink to "Tips & Hacks"'},"​")],-1),m=r('
1: Responsive KaTeX Styling ​
1.1: Issue background ​
KaTeX works out of the box on large screen devices such as laptops and desktop computers. But as KaTeX's built-in does not support responsiveness on it's default stylings, hence KaTeX equations might overflow out of the default width of the default application containers on small-screened mobile devices as you can see in the following image in the dev tool of chrome, when the dimension of the webpage is set to responsive or under a certain fixed device dimension, the equations rendered in KaTeX overflows out of the viewport as inspected in blue hightlight.
katex overflowing on small screen devices
◎ katex overflowing on small screen devices
This inevitably causes the viewport to break and extends the default width for KaTeX equations <div> to fit, users will be required to manually scroll right in order to view the full equation consequently as follows,
katex overflowing with labels annotated
◎ katex overflowing with labels annotated
The above situation is undoubtedly annoying for user experiences while reading documentation, consider at what scenarios users have to scroll, scroll and scroll only for viewing a single long-blocked equation, who would want to read such a text, right? But don't worry we have a simple fix for this situation via by several line of css.
1.2: Temporary solution ​
If you happened to search over KaTeX's official repo issue tracker on GitHub, there are several user-made css tweaks hack already, the fix is simple by adjusting the overflows of both x and y axes of the KaTeX render <div> blocks. The katex-display > .katex selector targets the child element of the .katex-display class that has the .katex class. This is the element that contains the KaTeX math expression. The first block of styles is mostly concerned with making sure that the KaTeX expression doesn't overflow its container and can be scrolled horizontally if needed. The second block of styles sets the font and line-height for the KaTeX expression and makes sure that its text is properly indented.
Break/wrap formula if too wide · Issue #327 · KaTeX/KaTeX
Is there a way to break formulaundefineds if they are to wide (with respect to their parent) ?
GitHub
But, the issue here is, the overflowing issue is resolved on the webpage, but the style itself left with a slight whitish "box" at the crossing corner of both horizontal as well as vertical scrollbar tracks, this might not be so explicit in the light mode of the webpage, but when it turns to dark mode, the box become annoying. Some people might say it's an easy tweak via setting the display property of the "box" element to display: none; to directly remove the box out of the page, this is a smart approach; however, while the box is gone, the two crossing tracks is going to form an untouched invisible box again against two bars without color. Thus, neither ways seems to perfectly solve the problem.
1.3: Finding solution ​
After running a quick research on Google, I found a simple hack tweak used in a theme of VuePress, vuepress-theme-hope on GitHub, the theme both integrate with KaTeX and MathJax for math supports.
GitHub - vuepress-theme-hope/vuepress-theme-hope: A vuepress theme with tons of features✨
A vuepress theme with tons of features✨. Contribute to vuepress-theme-hope/vuepress-theme-hope development by creating an account on GitHub.
GitHub
Under the styles directory of the repository, several line of scss styles came across my eyes,
KaTeX tweak fix styles in theme
◎ KaTeX tweak fix styles in theme
this scss lines only add a horizontal trackbar at the bottom of each overflowing equation while maximizing the vertical height of the equation, when user is on a small screened device as follows,
Horizontal scrollbar of equations on small screens
◎ Horizontal scrollbar of equations on small screen
Consequently, the fix is easy.
1.4: Solution ​
If you are running a documentation site like this version controlled via Node, especially VitePress without native scss supports, your fix would be installing scss support globally across the project, then add the scss styles and finally import the stylesheets to take effect globally.
Install global scss support using your favored package manager.
sh
$ npm install -D scss
$ npm install -D scss
sh
$ yarn add --dev scss
$ yarn add --dev scss
sh
$ pnpm add -D scss
$ pnpm add -D scss
Then in your scss stylesheets, add the following and link or import them to your global styles, you should be off to go with a complete fix-up for KaTeX.
scss
...
-
-// katex responsiveness fix
-.katex {
-  font-size: 1.05em;
-  direction: ltr;
-}
-
-.katex-display {
-  overflow: auto hidden;
-  -webkit-overflow-scrolling: touch;
-  padding-top: 0.2em;
-  padding-bottom: 0.2em;
-
-  &::-webkit-scrollbar {
-    height: 3px;
-  }
-
-  .katex {
-    font-size: 1.21em;
-  }
-}
-
-.katex-error {
-  color: #f00;
-}
-// katex responsiveness fix ends
-
-...
...
-
-// katex responsiveness fix
-.katex {
-  font-size: 1.05em;
-  direction: ltr;
-}
-
-.katex-display {
-  overflow: auto hidden;
-  -webkit-overflow-scrolling: touch;
-  padding-top: 0.2em;
-  padding-bottom: 0.2em;
-
-  &::-webkit-scrollbar {
-    height: 3px;
-  }
-
-  .katex {
-    font-size: 1.21em;
-  }
-}
-
-.katex-error {
-  color: #f00;
-}
-// katex responsiveness fix ends
-
-...
Next, import your styles globally to take effect,
scss
@import '<your-scss-file>.scss';
@import '<your-scss-file>.scss';
1.4.1: Fix Explanation ​
The first section sets the base styles for all KaTeX elements by increasing the font size slightly and ensuring that the text direction is left to right.
The second section of code targets the KaTeX display elements specifically. This section adds a bit of padding to the top and bottom of the display elements and sets overflow to auto hidden, which allows the content to scroll inside the container horizontally if it overflows the container's width. The -webkit-overflow-scrolling property is added to ensure smooth scrolling on mobile devices.
Additionally, this section contains a nested .katex selector, which increases the font size of the KaTeX elements within the display element.
The third section targets the .katex-error class and sets the color to red to indicate that there is an error in rendering the LaTeX expression.
1.5: What if I Don't Have SCSS? ​
If you do not have native scss support for your site, such as a static HTML based documentation site or content management site builder such as Wiki.JS that works as an SaaS which only allows users to apply custom stylesheets within slots provided and make effects, you could use some scss to css converter online with options follows,
to precompile from source scss into normal css styles and use them based on your needs, below are auto-generated compiled css, ONLY take it as reference, I do not guarantee the usability.
css
.katex {
-    font-size: 1.05em;
-    direction: ltr;
-}
-
-.katex-display {
-    overflow: auto hidden;
-    -webkit-overflow-scrolling: touch;
-    padding-top: 0.2em;
-    padding-bottom: 0.2em;
-}
-.katex-display::-webkit-scrollbar {
-    height: 3px;
-}
-.katex-display .katex {
-    font-size: 1.21em;
-}
-
-.katex-error {
-    color: #f00;
-}
.katex {
-    font-size: 1.05em;
-    direction: ltr;
-}
-
-.katex-display {
-    overflow: auto hidden;
-    -webkit-overflow-scrolling: touch;
-    padding-top: 0.2em;
-    padding-bottom: 0.2em;
-}
-.katex-display::-webkit-scrollbar {
-    height: 3px;
-}
-.katex-display .katex {
-    font-size: 1.21em;
-}
-
-.katex-error {
-    color: #f00;
-}
To be continued.
Reference
`,39);function b(g,f,v,k,w,B){const a=n;return l(),o("div",null,[u,p(a,{readTime:"7",words:"1.2k"}),m])}const C=e(h,[["render",b]]);export{T as __pageData,C as default};
diff --git a/assets/application_markdown-it-katex_tips.md.d87fb855.js b/assets/application_markdown-it-katex_tips.md.d87fb855.js
new file mode 100644
index 00000000..5dcfc05e
--- /dev/null
+++ b/assets/application_markdown-it-katex_tips.md.d87fb855.js
@@ -0,0 +1,97 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as l,c as o,H as p,k as s,a as t,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const c="/assets/2023-03-22-17-04-25.d7c4c068.png",i="/assets/2023-03-22-20-29-28.39883b7f.png",y="/assets/2023-05-22-10-14-11.2c283da4.png",d="/assets/2023-05-22-10-27-47.c0db4fe7.png",w=JSON.parse('{"title":"Tips to Use markdown-it-katex","description":"Extra tips on using markdown-it-katex for the best experiences.","frontmatter":{"title":"Tips to Use markdown-it-katex","description":"Extra tips on using markdown-it-katex for the best experiences."},"headers":[],"relativePath":"application/markdown-it-katex/tips.md","filePath":"application/markdown-it-katex/tips.md","lastUpdated":1699051935000}'),h={name:"application/markdown-it-katex/tips.md"},u=s("h1",{id:"tips-hacks",tabindex:"-1"},[t("Tips & Hacks "),s("a",{class:"header-anchor",href:"#tips-hacks","aria-label":'Permalink to "Tips & Hacks"'},"​")],-1),b=r('
1: Responsive KaTeX Styling ​
1.1: Issue background ​
KaTeX works out of the box on large screen devices such as laptops and desktop computers. But as KaTeX's built-in does not support responsiveness on it's default stylings, hence KaTeX equations might overflow out of the default width of the default application containers on small-screened mobile devices as you can see in the following image in the dev tool of chrome, when the dimension of the webpage is set to responsive or under a certain fixed device dimension, the equations rendered in KaTeX overflows out of the viewport as inspected in blue hightlight.
katex overflowing on small screen devices
◎ katex overflowing on small screen devices
This inevitably causes the viewport to break and extends the default width for KaTeX equations <div> to fit, users will be required to manually scroll right in order to view the full equation consequently as follows,
katex overflowing with labels annotated
◎ katex overflowing with labels annotated
The above situation is undoubtedly annoying for user experiences while reading documentation, consider at what scenarios users have to scroll, scroll and scroll only for viewing a single long-blocked equation, who would want to read such a text, right? But don't worry we have a simple fix for this situation via by several line of css.
1.2: Temporary solution ​
If you happened to search over KaTeX's official repo issue tracker on GitHub, there are several user-made css tweaks hack already, the fix is simple by adjusting the overflows of both x and y axes of the KaTeX render <div> blocks. The katex-display > .katex selector targets the child element of the .katex-display class that has the .katex class. This is the element that contains the KaTeX math expression. The first block of styles is mostly concerned with making sure that the KaTeX expression doesn't overflow its container and can be scrolled horizontally if needed. The second block of styles sets the font and line-height for the KaTeX expression and makes sure that its text is properly indented.
@preview
But, the issue here is, the overflowing issue is resolved on the webpage, but the style itself left with a slight whitish "box" at the crossing corner of both horizontal as well as vertical scrollbar tracks, this might not be so explicit in the light mode of the webpage, but when it turns to dark mode, the box become annoying. Some people might say it's an easy tweak via setting the display property of the "box" element to display: none; to directly remove the box out of the page, this is a smart approach; however, while the box is gone, the two crossing tracks is going to form an untouched invisible box again against two bars without color. Thus, neither ways seems to perfectly solve the problem.
1.3: Finding solution ​
After running a quick research on Google, I found a simple hack tweak used in a theme of VuePress, vuepress-theme-hope on GitHub, the theme both integrate with KaTeX and MathJax for math supports.
@preview
Under the styles directory of the repository, several line of scss styles came across my eyes,
KaTeX tweak fix styles in theme
◎ KaTeX tweak fix styles in theme
this scss lines only add a horizontal trackbar at the bottom of each overflowing equation while maximizing the vertical height of the equation, when user is on a small screened device as follows,
Horizontal scrollbar of equations on small screens
◎ Horizontal scrollbar of equations on small screen
Consequently, the fix is easy.
1.4: Solution ​
If you are running a documentation site like this version controlled via Node, especially VitePress without native scss supports, your fix would be installing scss support globally across the project, then add the scss styles and finally import the stylesheets to take effect globally.
Install global scss support using your favored package manager.
sh
$ npm install -D scss
$ npm install -D scss
sh
$ yarn add --dev scss
$ yarn add --dev scss
sh
$ pnpm add -D scss
$ pnpm add -D scss
Then in your scss stylesheets, add the following and link or import them to your global styles, you should be off to go with a complete fix-up for KaTeX.
scss
...
+
+// katex responsiveness fix
+.katex {
+  font-size: 1.05em;
+  direction: ltr;
+}
+
+.katex-display {
+  overflow: auto hidden;
+  -webkit-overflow-scrolling: touch;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+
+  &::-webkit-scrollbar {
+    height: 3px;
+  }
+
+  .katex {
+    font-size: 1.21em;
+  }
+}
+
+.katex-error {
+  color: #f00;
+}
+// katex responsiveness fix ends
+
+...
...
+
+// katex responsiveness fix
+.katex {
+  font-size: 1.05em;
+  direction: ltr;
+}
+
+.katex-display {
+  overflow: auto hidden;
+  -webkit-overflow-scrolling: touch;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+
+  &::-webkit-scrollbar {
+    height: 3px;
+  }
+
+  .katex {
+    font-size: 1.21em;
+  }
+}
+
+.katex-error {
+  color: #f00;
+}
+// katex responsiveness fix ends
+
+...
Next, import your styles globally to take effect,
scss
@import '<your-scss-file>.scss';
@import '<your-scss-file>.scss';
1.4.1: Fix Explanation ​
The first section sets the base styles for all KaTeX elements by increasing the font size slightly and ensuring that the text direction is left to right.
The second section of code targets the KaTeX display elements specifically. This section adds a bit of padding to the top and bottom of the display elements and sets overflow to auto hidden, which allows the content to scroll inside the container horizontally if it overflows the container's width. The -webkit-overflow-scrolling property is added to ensure smooth scrolling on mobile devices.
Additionally, this section contains a nested .katex selector, which increases the font size of the KaTeX elements within the display element.
The third section targets the .katex-error class and sets the color to red to indicate that there is an error in rendering the LaTeX expression.
1.5: What if I Don't Have SCSS? ​
If you do not have native scss support for your site, such as a static HTML based documentation site or content management site builder such as Wiki.JS that works as an SaaS which only allows users to apply custom stylesheets within slots provided and make effects, you could use some scss to css converter online with options follows,
to precompile from source scss into normal css styles and use them based on your needs, below are auto-generated compiled css, ONLY take it as reference, I do not guarantee the usability.
css
.katex {
+    font-size: 1.05em;
+    direction: ltr;
+}
+
+.katex-display {
+    overflow: auto hidden;
+    -webkit-overflow-scrolling: touch;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+}
+.katex-display::-webkit-scrollbar {
+    height: 3px;
+}
+.katex-display .katex {
+    font-size: 1.21em;
+}
+
+.katex-error {
+    color: #f00;
+}
.katex {
+    font-size: 1.05em;
+    direction: ltr;
+}
+
+.katex-display {
+    overflow: auto hidden;
+    -webkit-overflow-scrolling: touch;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+}
+.katex-display::-webkit-scrollbar {
+    height: 3px;
+}
+.katex-display .katex {
+    font-size: 1.21em;
+}
+
+.katex-error {
+    color: #f00;
+}
To be continued.
Reference
`,39);function m(C,A,g,f,F,v){const a=n;return l(),o("div",null,[u,p(a,{readTime:"7",words:"1.2k"}),b])}const x=e(h,[["render",m]]);export{w as __pageData,x as default};
diff --git a/assets/application_markdown-it-katex_tips.md.4fa4c33c.lean.js b/assets/application_markdown-it-katex_tips.md.d87fb855.lean.js
similarity index 58%
rename from assets/application_markdown-it-katex_tips.md.4fa4c33c.lean.js
rename to assets/application_markdown-it-katex_tips.md.d87fb855.lean.js
index 2b1d2faa..5f48c0fa 100644
--- a/assets/application_markdown-it-katex_tips.md.4fa4c33c.lean.js
+++ b/assets/application_markdown-it-katex_tips.md.d87fb855.lean.js
@@ -1 +1 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as l,c as o,H as p,k as s,a as t,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const i="/assets/2023-03-22-17-04-25.d7c4c068.png",c="/assets/2023-03-22-20-29-28.39883b7f.png",d="/assets/2023-05-22-10-14-11.2c283da4.png",y="/assets/2023-05-22-10-27-47.c0db4fe7.png",T=JSON.parse('{"title":"Tips to Use markdown-it-katex","description":"Extra tips on using markdown-it-katex for the best experiences.","frontmatter":{"title":"Tips to Use markdown-it-katex","description":"Extra tips on using markdown-it-katex for the best experiences."},"headers":[],"relativePath":"application/markdown-it-katex/tips.md","filePath":"application/markdown-it-katex/tips.md","lastUpdated":1695377563000}'),h={name:"application/markdown-it-katex/tips.md"},u=s("h1",{id:"tips-hacks",tabindex:"-1"},[t("Tips & Hacks "),s("a",{class:"header-anchor",href:"#tips-hacks","aria-label":'Permalink to "Tips & Hacks"'},"​")],-1),m=r("",39);function b(g,f,v,k,w,B){const a=n;return l(),o("div",null,[u,p(a,{readTime:"7",words:"1.2k"}),m])}const C=e(h,[["render",b]]);export{T as __pageData,C as default};
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as l,c as o,H as p,k as s,a as t,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const c="/assets/2023-03-22-17-04-25.d7c4c068.png",i="/assets/2023-03-22-20-29-28.39883b7f.png",y="/assets/2023-05-22-10-14-11.2c283da4.png",d="/assets/2023-05-22-10-27-47.c0db4fe7.png",w=JSON.parse('{"title":"Tips to Use markdown-it-katex","description":"Extra tips on using markdown-it-katex for the best experiences.","frontmatter":{"title":"Tips to Use markdown-it-katex","description":"Extra tips on using markdown-it-katex for the best experiences."},"headers":[],"relativePath":"application/markdown-it-katex/tips.md","filePath":"application/markdown-it-katex/tips.md","lastUpdated":1699051935000}'),h={name:"application/markdown-it-katex/tips.md"},u=s("h1",{id:"tips-hacks",tabindex:"-1"},[t("Tips & Hacks "),s("a",{class:"header-anchor",href:"#tips-hacks","aria-label":'Permalink to "Tips & Hacks"'},"​")],-1),b=r("",39);function m(C,A,g,f,F,v){const a=n;return l(),o("div",null,[u,p(a,{readTime:"7",words:"1.2k"}),b])}const x=e(h,[["render",m]]);export{w as __pageData,x as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.105e6b7f.js b/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.105e6b7f.js
deleted file mode 100644
index 0846213b..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.105e6b7f.js
+++ /dev/null
@@ -1,94 +0,0 @@
-import{_ as c}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as d,o,c as t,H as l,k as s,w as p,a,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const Hn=JSON.parse('{"title":"Meta Annotations","description":"Annotations provide a way to provide outside commentary on your code.","frontmatter":{"description":"Annotations provide a way to provide outside commentary on your code.","title":"Meta Annotations"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/annotations.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/annotations.md","lastUpdated":1695377563000}'),_={name:"application/vitepress-plugin-shiki-twoslash/api/annotations.md"},y=s("h1",{id:"queries",tabindex:"-1"},[a("Queries "),s("a",{class:"header-anchor",href:"#queries","aria-label":'Permalink to "Queries"'},"​")],-1),h=s("p",null,"Sometimes the thing you want to say is about the code, annotations provide a way to provide outside commentary on your code.",-1),u=s("h2",{id:"annotate-left-right-overrides-text",tabindex:"-1"},[s("code",null,"@annotate: [left|right] [overrides] - [text]"),a(),s("a",{class:"header-anchor",href:"#annotate-left-right-overrides-text","aria-label":'Permalink to "`@annotate: [left|right] [overrides] - [text]`"'},"​")],-1),m=s("p",null,"Annotate has a lot more controls than most of the other Twoslash commands, because each use of it probably needs to feel a bit different. Here's an example based on the TypeScript home page, click it to get it running so we can talk about what it does:",-1),g={class:"vp-code-group vp-adaptive-theme"},B=n('
',1),b={class:"blocks"},v={class:"language-ts vp-adaptive-theme active line-numbers-mode"},f=s("button",{title:"Copy Code",class:"copy"},null,-1),D=s("span",{class:"lang"},"ts",-1),T={class:"language-ts"},w={class:"tag-container"},q={class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},A=s("div",{class:"language-id"},"ts",-1),C={class:"code-container"},x=s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#839496"}},[a("("),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(") {")])],-1),k={class:"line"},S=s("span",{style:{color:"#839496"}},"    ",-1),I=s("span",{style:{color:"#859900"}},"if",-1),P=s("span",{style:{color:"#839496"}}," (",-1),E={style:{color:"#268BD2"}},V=s("data-lsp",{lsp:"any"},"orr",-1),N=s("span",{style:{color:"#839496"}},[a("."),s("data-lsp",{lsp:"any"},"length"),a()],-1),R=n('> 10) return ',6),M=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")],-1),z=s("span",{style:{color:"#839496"}},".",-1),X=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"trim")],-1),F=n('(0, 10)',5),Y=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),L=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),W=s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#859900"}},"return"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),$=s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")],-1),H={class:"twoslash-annotation left",style:{top:"0rem"}},O={style:{transform:"translateX(8px) translateY(27px) rotate(90deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Q=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),G=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),J={class:"tag-container"},U={class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},Z=s("div",{class:"language-id"},"ts",-1),j={class:"code-container"},K=s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#657B83"}},[a("("),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(") {")])],-1),ss={class:"line"},as=s("span",{style:{color:"#657B83"}},"    ",-1),ns=s("span",{style:{color:"#859900"}},"if",-1),os=s("span",{style:{color:"#657B83"}}," (",-1),ts={style:{color:"#268BD2"}},ls=s("data-lsp",{lsp:"any"},"orr",-1),es=s("span",{style:{color:"#657B83"}},[a("."),s("data-lsp",{lsp:"any"},"length"),a()],-1),ps=n('> 10) return ',6),rs=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")],-1),cs=s("span",{style:{color:"#657B83"}},".",-1),is=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"trim")],-1),ds=n('(0, 10)',5),_s=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),ys=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),hs=s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#859900"}},"return"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),us=s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")],-1),ms={class:"twoslash-annotation left",style:{top:"0rem"}},gs={style:{transform:"translateX(8px) translateY(27px) rotate(90deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Bs=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),bs=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),vs=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),fs=n(`
md
\`\`\`ts twoslash
-// @errors: 2304
-// @strict: false
-
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-\`\`\`
\`\`\`ts twoslash
-// @errors: 2304
-// @strict: false
-
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-\`\`\`
`,1),Ds=n("
First up, cool — it adds some text to the left hand side of the code. It features quite a few different options, so lets go through them one by one:
  • left or right: It's currently left. It's worth noting the arrow flips also, and 90deg isn't a great option. Let's look at that next.
  • { "arrrowRot": "90deg 8px 27px" } - This JSON object is used to manipulate the annotation, you have 3 controls for arrow positioning and rotation: degrees x y. I recommend keeping those in degrees and px, but it's your life. These are overrides from defaults which are okay, but not really something you ever want to ship.
  • { "textDegree": "3deg" } - Rotates the text, you probably want something between -3deg and 3deg. Optional, defaults to 0.
  • { "top": "0rem" } - Sets the y coordinates for the annotation relative to the code sample, if it's not included then it becomes [lineNum]rem.
What's not included in this sample is flipped, which can be used to flip the arrow's orientation. Here's some examples:
A horizontal right example:
",4),Ts={class:"vp-code-group vp-adaptive-theme"},ws=n('
',1),qs={class:"blocks"},As={class:"language-ts vp-adaptive-theme active line-numbers-mode"},Cs=s("button",{title:"Copy Code",class:"copy"},null,-1),xs=s("span",{class:"lang"},"ts",-1),ks={class:"language-ts"},Ss={class:"tag-container"},Is={class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},Ps=s("div",{class:"language-id"},"ts",-1),Es={class:"code-container"},Vs=s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#839496"}},[a("("),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(") {")])],-1),Ns={class:"line"},Rs=s("span",{style:{color:"#839496"}},"    ",-1),Ms=s("span",{style:{color:"#859900"}},"if",-1),zs=s("span",{style:{color:"#839496"}}," (",-1),Xs={style:{color:"#268BD2"}},Fs=s("data-lsp",{lsp:"any"},"orr",-1),Ys=s("span",{style:{color:"#839496"}},[a("."),s("data-lsp",{lsp:"any"},"length"),a()],-1),Ls=n('> 10) return ',6),Ws=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")],-1),$s=s("span",{style:{color:"#839496"}},".",-1),Hs=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"trim")],-1),Os=n('(0, 10)',5),Qs=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),Gs=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),Js=s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#859900"}},"return"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),Us=s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")],-1),Zs={class:"twoslash-annotation right",style:{top:"3rem"}},js={style:{transform:"translateX(-10px) translateY(-10px) rotate(-50deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Ks=s("path",{d:"M27 39C26.5 32.7511 21.9 17.5173 7.5 6.57333M16.5 4.04L0.999999 0.999998C3.16667 4.88444 7.5 13.16 7.5 15.1867",stroke:"black"},null,-1),sa=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(0deg)"}},"Discovered a typo, the param is arr, not orr!",-1),aa={class:"tag-container"},na={class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},oa=s("div",{class:"language-id"},"ts",-1),ta={class:"code-container"},la=s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#657B83"}},[a("("),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(") {")])],-1),ea={class:"line"},pa=s("span",{style:{color:"#657B83"}},"    ",-1),ra=s("span",{style:{color:"#859900"}},"if",-1),ca=s("span",{style:{color:"#657B83"}}," (",-1),ia={style:{color:"#268BD2"}},da=s("data-lsp",{lsp:"any"},"orr",-1),_a=s("span",{style:{color:"#657B83"}},[a("."),s("data-lsp",{lsp:"any"},"length"),a()],-1),ya=n('> 10) return ',6),ha=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")],-1),ua=s("span",{style:{color:"#657B83"}},".",-1),ma=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"trim")],-1),ga=n('(0, 10)',5),Ba=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),ba=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),va=s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#859900"}},"return"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),fa=s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")],-1),Da={class:"twoslash-annotation right",style:{top:"3rem"}},Ta={style:{transform:"translateX(-10px) translateY(-10px) rotate(-50deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},wa=s("path",{d:"M27 39C26.5 32.7511 21.9 17.5173 7.5 6.57333M16.5 4.04L0.999999 0.999998C3.16667 4.88444 7.5 13.16 7.5 15.1867",stroke:"black"},null,-1),qa=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(0deg)"}},"Discovered a typo, the param is arr, not orr!",-1),Aa=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),Ca=n(`
md
\`\`\`ts twoslash
-// @errors: 2304
-// @strict: false
-
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-\`\`\`
\`\`\`ts twoslash
-// @errors: 2304
-// @strict: false
-
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-\`\`\`
`,1),xa=s("p",null,"Upside down arrow pointing at the error, using flipped to re-flip the arrow:",-1),ka={class:"vp-code-group vp-adaptive-theme"},Sa=n('
',1),Ia={class:"blocks"},Pa={class:"language-ts vp-adaptive-theme active line-numbers-mode"},Ea=s("button",{title:"Copy Code",class:"copy"},null,-1),Va=s("span",{class:"lang"},"ts",-1),Na={class:"language-ts"},Ra={class:"tag-container"},Ma={class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},za=s("div",{class:"language-id"},"ts",-1),Xa={class:"code-container"},Fa=s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#839496"}},[a("("),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(") {")])],-1),Ya={class:"line"},La=s("span",{style:{color:"#839496"}},"    ",-1),Wa=s("span",{style:{color:"#859900"}},"if",-1),$a=s("span",{style:{color:"#839496"}}," (",-1),Ha={style:{color:"#268BD2"}},Oa=s("data-lsp",{lsp:"any"},"orr",-1),Qa=s("span",{style:{color:"#839496"}},[a("."),s("data-lsp",{lsp:"any"},"length"),a()],-1),Ga=n('> 10) return ',6),Ja=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")],-1),Ua=s("span",{style:{color:"#839496"}},".",-1),Za=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"trim")],-1),ja=n('(0, 10)',5),Ka=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),sn=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),an=s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#859900"}},"return"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),nn=s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")],-1),on={class:"twoslash-annotation right",style:{top:"-0.7rem"}},tn={style:{transform:"translateX(8px) translateY(46px) rotate(190deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},ln=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),en=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(-3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),pn={class:"tag-container"},rn={class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},cn=s("div",{class:"language-id"},"ts",-1),dn={class:"code-container"},_n=s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#657B83"}},[a("("),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(") {")])],-1),yn={class:"line"},hn=s("span",{style:{color:"#657B83"}},"    ",-1),un=s("span",{style:{color:"#859900"}},"if",-1),mn=s("span",{style:{color:"#657B83"}}," (",-1),gn={style:{color:"#268BD2"}},Bn=s("data-lsp",{lsp:"any"},"orr",-1),bn=s("span",{style:{color:"#657B83"}},[a("."),s("data-lsp",{lsp:"any"},"length"),a()],-1),vn=n('> 10) return ',6),fn=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")],-1),Dn=s("span",{style:{color:"#657B83"}},".",-1),Tn=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"trim")],-1),wn=n('(0, 10)',5),qn=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),An=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),Cn=s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#859900"}},"return"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),xn=s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")],-1),kn={class:"twoslash-annotation right",style:{top:"-0.7rem"}},Sn={style:{transform:"translateX(8px) translateY(46px) rotate(190deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},In=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),Pn=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(-3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),En=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),Vn=n(`
md
\`\`\`ts twoslash
-// @errors: 2304
-// @strict: false
-
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-\`\`\`
\`\`\`ts twoslash
-// @errors: 2304
-// @strict: false
-
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-\`\`\`
`,1);function Nn(Rn,Mn,zn,Xn,Fn,Yn){const r=c,e=d("data-err");return o(),t("div",null,[y,l(r,{readTime:"3",words:"541"}),h,u,m,s("div",g,[B,s("div",b,[s("div",v,[f,D,s("pre",null,[s("code",T,[s("div",w,[s("pre",q,[A,s("div",C,[s("code",null,[x,s("div",k,[S,I,P,s("span",E,[l(e,null,{default:p(()=>[V]),_:1})]),N,R,M,z,X,F]),Y,L,W,$])])]),a(`
-`),s("div",H,[a(`
-  `),(o(),t("svg",O,[a(`
-    `),Q,a(`
-`)])),a(`
-  `),G,a(`
-`)])]),a(`
-`),s("div",J,[s("pre",U,[Z,s("div",j,[s("code",null,[K,s("div",ss,[as,ns,os,s("span",ts,[l(e,null,{default:p(()=>[ls]),_:1})]),es,ps,rs,cs,is,ds]),_s,ys,hs,us])])]),a(`
-`),s("div",ms,[a(`
-  `),(o(),t("svg",gs,[a(`
-    `),Bs,a(`
-`)])),a(`
-  `),bs,a(`
-`)])])])]),vs]),fs])]),Ds,s("div",Ts,[ws,s("div",qs,[s("div",As,[Cs,xs,s("pre",null,[s("code",ks,[s("div",Ss,[s("pre",Is,[Ps,s("div",Es,[s("code",null,[Vs,s("div",Ns,[Rs,Ms,zs,s("span",Xs,[l(e,null,{default:p(()=>[Fs]),_:1})]),Ys,Ls,Ws,$s,Hs,Os]),Qs,Gs,Js,Us])])]),a(`
-`),s("div",Zs,[a(`
-  `),(o(),t("svg",js,[a(`
-    `),Ks,a(`
-`)])),a(`
-  `),sa,a(`
-`)])]),a(`
-`),s("div",aa,[s("pre",na,[oa,s("div",ta,[s("code",null,[la,s("div",ea,[pa,ra,ca,s("span",ia,[l(e,null,{default:p(()=>[da]),_:1})]),_a,ya,ha,ua,ma,ga]),Ba,ba,va,fa])])]),a(`
-`),s("div",Da,[a(`
-  `),(o(),t("svg",Ta,[a(`
-    `),wa,a(`
-`)])),a(`
-  `),qa,a(`
-`)])])])]),Aa]),Ca])]),xa,s("div",ka,[Sa,s("div",Ia,[s("div",Pa,[Ea,Va,s("pre",null,[s("code",Na,[s("div",Ra,[s("pre",Ma,[za,s("div",Xa,[s("code",null,[Fa,s("div",Ya,[La,Wa,$a,s("span",Ha,[l(e,null,{default:p(()=>[Oa]),_:1})]),Qa,Ga,Ja,Ua,Za,ja]),Ka,sn,an,nn])])]),a(`
-`),s("div",on,[a(`
-  `),(o(),t("svg",tn,[a(`
-    `),ln,a(`
-`)])),a(`
-  `),en,a(`
-`)])]),a(`
-`),s("div",pn,[s("pre",rn,[cn,s("div",dn,[s("code",null,[_n,s("div",yn,[hn,un,mn,s("span",gn,[l(e,null,{default:p(()=>[Bn]),_:1})]),bn,vn,fn,Dn,Tn,wn]),qn,An,Cn,xn])])]),a(`
-`),s("div",kn,[a(`
-  `),(o(),t("svg",Sn,[a(`
-    `),In,a(`
-`)])),a(`
-  `),Pn,a(`
-`)])])])]),En]),Vn])])])}const On=i(_,[["render",Nn]]);export{Hn as __pageData,On as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.105e6b7f.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.105e6b7f.lean.js
deleted file mode 100644
index 1fc8efaf..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.105e6b7f.lean.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import{_ as c}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as d,o,c as t,H as l,k as s,w as p,a,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const Hn=JSON.parse('{"title":"Meta Annotations","description":"Annotations provide a way to provide outside commentary on your code.","frontmatter":{"description":"Annotations provide a way to provide outside commentary on your code.","title":"Meta Annotations"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/annotations.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/annotations.md","lastUpdated":1695377563000}'),_={name:"application/vitepress-plugin-shiki-twoslash/api/annotations.md"},y=s("h1",{id:"queries",tabindex:"-1"},[a("Queries "),s("a",{class:"header-anchor",href:"#queries","aria-label":'Permalink to "Queries"'},"​")],-1),h=s("p",null,"Sometimes the thing you want to say is about the code, annotations provide a way to provide outside commentary on your code.",-1),u=s("h2",{id:"annotate-left-right-overrides-text",tabindex:"-1"},[s("code",null,"@annotate: [left|right] [overrides] - [text]"),a(),s("a",{class:"header-anchor",href:"#annotate-left-right-overrides-text","aria-label":'Permalink to "`@annotate: [left|right] [overrides] - [text]`"'},"​")],-1),m=s("p",null,"Annotate has a lot more controls than most of the other Twoslash commands, because each use of it probably needs to feel a bit different. Here's an example based on the TypeScript home page, click it to get it running so we can talk about what it does:",-1),g={class:"vp-code-group vp-adaptive-theme"},B=n("",1),b={class:"blocks"},v={class:"language-ts vp-adaptive-theme active line-numbers-mode"},f=s("button",{title:"Copy Code",class:"copy"},null,-1),D=s("span",{class:"lang"},"ts",-1),T={class:"language-ts"},w={class:"tag-container"},q={class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},A=s("div",{class:"language-id"},"ts",-1),C={class:"code-container"},x=s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#839496"}},[a("("),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(") {")])],-1),k={class:"line"},S=s("span",{style:{color:"#839496"}},"    ",-1),I=s("span",{style:{color:"#859900"}},"if",-1),P=s("span",{style:{color:"#839496"}}," (",-1),E={style:{color:"#268BD2"}},V=s("data-lsp",{lsp:"any"},"orr",-1),N=s("span",{style:{color:"#839496"}},[a("."),s("data-lsp",{lsp:"any"},"length"),a()],-1),R=n("",6),M=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")],-1),z=s("span",{style:{color:"#839496"}},".",-1),X=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"trim")],-1),F=n("",5),Y=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),L=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),W=s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#859900"}},"return"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),$=s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")],-1),H={class:"twoslash-annotation left",style:{top:"0rem"}},O={style:{transform:"translateX(8px) translateY(27px) rotate(90deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Q=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),G=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),J={class:"tag-container"},U={class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},Z=s("div",{class:"language-id"},"ts",-1),j={class:"code-container"},K=s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#657B83"}},[a("("),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(") {")])],-1),ss={class:"line"},as=s("span",{style:{color:"#657B83"}},"    ",-1),ns=s("span",{style:{color:"#859900"}},"if",-1),os=s("span",{style:{color:"#657B83"}}," (",-1),ts={style:{color:"#268BD2"}},ls=s("data-lsp",{lsp:"any"},"orr",-1),es=s("span",{style:{color:"#657B83"}},[a("."),s("data-lsp",{lsp:"any"},"length"),a()],-1),ps=n("",6),rs=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")],-1),cs=s("span",{style:{color:"#657B83"}},".",-1),is=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"trim")],-1),ds=n("",5),_s=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),ys=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),hs=s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#859900"}},"return"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),us=s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")],-1),ms={class:"twoslash-annotation left",style:{top:"0rem"}},gs={style:{transform:"translateX(8px) translateY(27px) rotate(90deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Bs=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),bs=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),vs=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),fs=n("",1),Ds=n("",4),Ts={class:"vp-code-group vp-adaptive-theme"},ws=n("",1),qs={class:"blocks"},As={class:"language-ts vp-adaptive-theme active line-numbers-mode"},Cs=s("button",{title:"Copy Code",class:"copy"},null,-1),xs=s("span",{class:"lang"},"ts",-1),ks={class:"language-ts"},Ss={class:"tag-container"},Is={class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},Ps=s("div",{class:"language-id"},"ts",-1),Es={class:"code-container"},Vs=s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#839496"}},[a("("),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(") {")])],-1),Ns={class:"line"},Rs=s("span",{style:{color:"#839496"}},"    ",-1),Ms=s("span",{style:{color:"#859900"}},"if",-1),zs=s("span",{style:{color:"#839496"}}," (",-1),Xs={style:{color:"#268BD2"}},Fs=s("data-lsp",{lsp:"any"},"orr",-1),Ys=s("span",{style:{color:"#839496"}},[a("."),s("data-lsp",{lsp:"any"},"length"),a()],-1),Ls=n("",6),Ws=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")],-1),$s=s("span",{style:{color:"#839496"}},".",-1),Hs=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"trim")],-1),Os=n("",5),Qs=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),Gs=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),Js=s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#859900"}},"return"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),Us=s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")],-1),Zs={class:"twoslash-annotation right",style:{top:"3rem"}},js={style:{transform:"translateX(-10px) translateY(-10px) rotate(-50deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Ks=s("path",{d:"M27 39C26.5 32.7511 21.9 17.5173 7.5 6.57333M16.5 4.04L0.999999 0.999998C3.16667 4.88444 7.5 13.16 7.5 15.1867",stroke:"black"},null,-1),sa=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(0deg)"}},"Discovered a typo, the param is arr, not orr!",-1),aa={class:"tag-container"},na={class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},oa=s("div",{class:"language-id"},"ts",-1),ta={class:"code-container"},la=s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#657B83"}},[a("("),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(") {")])],-1),ea={class:"line"},pa=s("span",{style:{color:"#657B83"}},"    ",-1),ra=s("span",{style:{color:"#859900"}},"if",-1),ca=s("span",{style:{color:"#657B83"}}," (",-1),ia={style:{color:"#268BD2"}},da=s("data-lsp",{lsp:"any"},"orr",-1),_a=s("span",{style:{color:"#657B83"}},[a("."),s("data-lsp",{lsp:"any"},"length"),a()],-1),ya=n("",6),ha=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")],-1),ua=s("span",{style:{color:"#657B83"}},".",-1),ma=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"trim")],-1),ga=n("",5),Ba=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),ba=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),va=s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#859900"}},"return"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),fa=s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")],-1),Da={class:"twoslash-annotation right",style:{top:"3rem"}},Ta={style:{transform:"translateX(-10px) translateY(-10px) rotate(-50deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},wa=s("path",{d:"M27 39C26.5 32.7511 21.9 17.5173 7.5 6.57333M16.5 4.04L0.999999 0.999998C3.16667 4.88444 7.5 13.16 7.5 15.1867",stroke:"black"},null,-1),qa=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(0deg)"}},"Discovered a typo, the param is arr, not orr!",-1),Aa=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),Ca=n("",1),xa=s("p",null,"Upside down arrow pointing at the error, using flipped to re-flip the arrow:",-1),ka={class:"vp-code-group vp-adaptive-theme"},Sa=n("",1),Ia={class:"blocks"},Pa={class:"language-ts vp-adaptive-theme active line-numbers-mode"},Ea=s("button",{title:"Copy Code",class:"copy"},null,-1),Va=s("span",{class:"lang"},"ts",-1),Na={class:"language-ts"},Ra={class:"tag-container"},Ma={class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},za=s("div",{class:"language-id"},"ts",-1),Xa={class:"code-container"},Fa=s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#839496"}},[a("("),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(") {")])],-1),Ya={class:"line"},La=s("span",{style:{color:"#839496"}},"    ",-1),Wa=s("span",{style:{color:"#859900"}},"if",-1),$a=s("span",{style:{color:"#839496"}}," (",-1),Ha={style:{color:"#268BD2"}},Oa=s("data-lsp",{lsp:"any"},"orr",-1),Qa=s("span",{style:{color:"#839496"}},[a("."),s("data-lsp",{lsp:"any"},"length"),a()],-1),Ga=n("",6),Ja=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")],-1),Ua=s("span",{style:{color:"#839496"}},".",-1),Za=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"trim")],-1),ja=n("",5),Ka=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),sn=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),an=s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#859900"}},"return"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),nn=s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")],-1),on={class:"twoslash-annotation right",style:{top:"-0.7rem"}},tn={style:{transform:"translateX(8px) translateY(46px) rotate(190deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},ln=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),en=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(-3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),pn={class:"tag-container"},rn={class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},cn=s("div",{class:"language-id"},"ts",-1),dn={class:"code-container"},_n=s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#657B83"}},[a("("),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(") {")])],-1),yn={class:"line"},hn=s("span",{style:{color:"#657B83"}},"    ",-1),un=s("span",{style:{color:"#859900"}},"if",-1),mn=s("span",{style:{color:"#657B83"}}," (",-1),gn={style:{color:"#268BD2"}},Bn=s("data-lsp",{lsp:"any"},"orr",-1),bn=s("span",{style:{color:"#657B83"}},[a("."),s("data-lsp",{lsp:"any"},"length"),a()],-1),vn=n("",6),fn=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")],-1),Dn=s("span",{style:{color:"#657B83"}},".",-1),Tn=s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"trim")],-1),wn=n("",5),qn=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),An=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),Cn=s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#859900"}},"return"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),xn=s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")],-1),kn={class:"twoslash-annotation right",style:{top:"-0.7rem"}},Sn={style:{transform:"translateX(8px) translateY(46px) rotate(190deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},In=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),Pn=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(-3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),En=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),Vn=n("",1);function Nn(Rn,Mn,zn,Xn,Fn,Yn){const r=c,e=d("data-err");return o(),t("div",null,[y,l(r,{readTime:"3",words:"541"}),h,u,m,s("div",g,[B,s("div",b,[s("div",v,[f,D,s("pre",null,[s("code",T,[s("div",w,[s("pre",q,[A,s("div",C,[s("code",null,[x,s("div",k,[S,I,P,s("span",E,[l(e,null,{default:p(()=>[V]),_:1})]),N,R,M,z,X,F]),Y,L,W,$])])]),a(`
-`),s("div",H,[a(`
-  `),(o(),t("svg",O,[a(`
-    `),Q,a(`
-`)])),a(`
-  `),G,a(`
-`)])]),a(`
-`),s("div",J,[s("pre",U,[Z,s("div",j,[s("code",null,[K,s("div",ss,[as,ns,os,s("span",ts,[l(e,null,{default:p(()=>[ls]),_:1})]),es,ps,rs,cs,is,ds]),_s,ys,hs,us])])]),a(`
-`),s("div",ms,[a(`
-  `),(o(),t("svg",gs,[a(`
-    `),Bs,a(`
-`)])),a(`
-  `),bs,a(`
-`)])])])]),vs]),fs])]),Ds,s("div",Ts,[ws,s("div",qs,[s("div",As,[Cs,xs,s("pre",null,[s("code",ks,[s("div",Ss,[s("pre",Is,[Ps,s("div",Es,[s("code",null,[Vs,s("div",Ns,[Rs,Ms,zs,s("span",Xs,[l(e,null,{default:p(()=>[Fs]),_:1})]),Ys,Ls,Ws,$s,Hs,Os]),Qs,Gs,Js,Us])])]),a(`
-`),s("div",Zs,[a(`
-  `),(o(),t("svg",js,[a(`
-    `),Ks,a(`
-`)])),a(`
-  `),sa,a(`
-`)])]),a(`
-`),s("div",aa,[s("pre",na,[oa,s("div",ta,[s("code",null,[la,s("div",ea,[pa,ra,ca,s("span",ia,[l(e,null,{default:p(()=>[da]),_:1})]),_a,ya,ha,ua,ma,ga]),Ba,ba,va,fa])])]),a(`
-`),s("div",Da,[a(`
-  `),(o(),t("svg",Ta,[a(`
-    `),wa,a(`
-`)])),a(`
-  `),qa,a(`
-`)])])])]),Aa]),Ca])]),xa,s("div",ka,[Sa,s("div",Ia,[s("div",Pa,[Ea,Va,s("pre",null,[s("code",Na,[s("div",Ra,[s("pre",Ma,[za,s("div",Xa,[s("code",null,[Fa,s("div",Ya,[La,Wa,$a,s("span",Ha,[l(e,null,{default:p(()=>[Oa]),_:1})]),Qa,Ga,Ja,Ua,Za,ja]),Ka,sn,an,nn])])]),a(`
-`),s("div",on,[a(`
-  `),(o(),t("svg",tn,[a(`
-    `),ln,a(`
-`)])),a(`
-  `),en,a(`
-`)])]),a(`
-`),s("div",pn,[s("pre",rn,[cn,s("div",dn,[s("code",null,[_n,s("div",yn,[hn,un,mn,s("span",gn,[l(e,null,{default:p(()=>[Bn]),_:1})]),bn,vn,fn,Dn,Tn,wn]),qn,An,Cn,xn])])]),a(`
-`),s("div",kn,[a(`
-  `),(o(),t("svg",Sn,[a(`
-    `),In,a(`
-`)])),a(`
-  `),Pn,a(`
-`)])])])]),En]),Vn])])])}const On=i(_,[["render",Nn]]);export{Hn as __pageData,On as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.a42ad2a7.js b/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.a42ad2a7.js
new file mode 100644
index 00000000..b02e532e
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.a42ad2a7.js
@@ -0,0 +1,94 @@
+import{_ as c}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as d,o,c as t,H as e,k as s,a,w as p,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const Vn=JSON.parse('{"title":"Meta Annotations","description":"Annotations provide a way to provide outside commentary on your code.","frontmatter":{"description":"Annotations provide a way to provide outside commentary on your code.","title":"Meta Annotations"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/annotations.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/annotations.md","lastUpdated":1699051935000}'),_={name:"application/vitepress-plugin-shiki-twoslash/api/annotations.md"},y=s("h1",{id:"queries",tabindex:"-1"},[a("Queries "),s("a",{class:"header-anchor",href:"#queries","aria-label":'Permalink to "Queries"'},"​")],-1),h=s("p",null,"Sometimes the thing you want to say is about the code, annotations provide a way to provide outside commentary on your code.",-1),u=s("h2",{id:"annotate-left-right-overrides-text",tabindex:"-1"},[s("code",null,"@annotate: [left|right] [overrides] - [text]"),a(),s("a",{class:"header-anchor",href:"#annotate-left-right-overrides-text","aria-label":'Permalink to "`@annotate: [left|right] [overrides] - [text]`"'},"​")],-1),A=s("p",null,"Annotate has a lot more controls than most of the other Twoslash commands, because each use of it probably needs to feel a bit different. Here's an example based on the TypeScript home page, click it to get it running so we can talk about what it does:",-1),C={class:"vp-code-group vp-adaptive-theme"},m=n('
',1),D={class:"blocks"},g={class:"language-ts vp-adaptive-theme active line-numbers-mode"},b=s("button",{title:"Copy Code",class:"copy"},null,-1),v=s("span",{class:"lang"},"ts",-1),B={class:"language-ts"},f={class:"tag-container"},E={class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},T=s("div",{class:"language-id"},"ts",-1),F={class:"code-container"},w=s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"function"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),s("span",{style:{color:"#ADBAC7"}},") {")],-1),q={class:"line"},x=s("span",{style:{color:"#ADBAC7"}},"    ",-1),k=s("span",{style:{color:"#F47067"}},"if",-1),S={style:{color:"#ADBAC7"}},V=s("data-lsp",{lsp:"any"},"orr",-1),I=s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"any"},"length")],-1),P=n(' > 10) return',6),N=s("span",{style:{color:"#ADBAC7"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(".")],-1),R=s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"any"},"trim")],-1),M=n('(0, 10)',5),L=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),X=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),Y=s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"return"),s("span",{style:{color:"#ADBAC7"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),O=s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")],-1),$={class:"twoslash-annotation left",style:{top:"0rem"}},j={style:{transform:"translateX(8px) translateY(27px) rotate(90deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},H=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),Q=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),J={class:"tag-container"},K={class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},U=s("div",{class:"language-id"},"ts",-1),Z={class:"code-container"},z=s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"function"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),s("span",{style:{color:"#24292E"}},") {")],-1),W={class:"line"},G=s("span",{style:{color:"#24292E"}},"    ",-1),ss=s("span",{style:{color:"#D73A49"}},"if",-1),as={style:{color:"#24292E"}},ns=s("data-lsp",{lsp:"any"},"orr",-1),os=s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"any"},"length")],-1),ts=n(' > 10) return',6),es=s("span",{style:{color:"#24292E"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(".")],-1),ls=s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"any"},"trim")],-1),ps=n('(0, 10)',5),rs=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),cs=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),is=s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"return"),s("span",{style:{color:"#24292E"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),ds=s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")],-1),_s={class:"twoslash-annotation left",style:{top:"0rem"}},ys={style:{transform:"translateX(8px) translateY(27px) rotate(90deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},hs=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),us=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),As=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),Cs=n(`
md
\`\`\`ts twoslash
+// @errors: 2304
+// @strict: false
+
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+\`\`\`
\`\`\`ts twoslash
+// @errors: 2304
+// @strict: false
+
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+\`\`\`
`,1),ms=n("
First up, cool — it adds some text to the left hand side of the code. It features quite a few different options, so lets go through them one by one:
  • left or right: It's currently left. It's worth noting the arrow flips also, and 90deg isn't a great option. Let's look at that next.
  • { "arrrowRot": "90deg 8px 27px" } - This JSON object is used to manipulate the annotation, you have 3 controls for arrow positioning and rotation: degrees x y. I recommend keeping those in degrees and px, but it's your life. These are overrides from defaults which are okay, but not really something you ever want to ship.
  • { "textDegree": "3deg" } - Rotates the text, you probably want something between -3deg and 3deg. Optional, defaults to 0.
  • { "top": "0rem" } - Sets the y coordinates for the annotation relative to the code sample, if it's not included then it becomes [lineNum]rem.
What's not included in this sample is flipped, which can be used to flip the arrow's orientation. Here's some examples:
A horizontal right example:
",4),Ds={class:"vp-code-group vp-adaptive-theme"},gs=n('
',1),bs={class:"blocks"},vs={class:"language-ts vp-adaptive-theme active line-numbers-mode"},Bs=s("button",{title:"Copy Code",class:"copy"},null,-1),fs=s("span",{class:"lang"},"ts",-1),Es={class:"language-ts"},Ts={class:"tag-container"},Fs={class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},ws=s("div",{class:"language-id"},"ts",-1),qs={class:"code-container"},xs=s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"function"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),s("span",{style:{color:"#ADBAC7"}},") {")],-1),ks={class:"line"},Ss=s("span",{style:{color:"#ADBAC7"}},"    ",-1),Vs=s("span",{style:{color:"#F47067"}},"if",-1),Is={style:{color:"#ADBAC7"}},Ps=s("data-lsp",{lsp:"any"},"orr",-1),Ns=s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"any"},"length")],-1),Rs=n(' > 10) return',6),Ms=s("span",{style:{color:"#ADBAC7"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(".")],-1),Ls=s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"any"},"trim")],-1),Xs=n('(0, 10)',5),Ys=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),Os=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),$s=s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"return"),s("span",{style:{color:"#ADBAC7"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),js=s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")],-1),Hs={class:"twoslash-annotation right",style:{top:"3rem"}},Qs={style:{transform:"translateX(-10px) translateY(-10px) rotate(-50deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Js=s("path",{d:"M27 39C26.5 32.7511 21.9 17.5173 7.5 6.57333M16.5 4.04L0.999999 0.999998C3.16667 4.88444 7.5 13.16 7.5 15.1867",stroke:"black"},null,-1),Ks=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(0deg)"}},"Discovered a typo, the param is arr, not orr!",-1),Us={class:"tag-container"},Zs={class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},zs=s("div",{class:"language-id"},"ts",-1),Ws={class:"code-container"},Gs=s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"function"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),s("span",{style:{color:"#24292E"}},") {")],-1),sa={class:"line"},aa=s("span",{style:{color:"#24292E"}},"    ",-1),na=s("span",{style:{color:"#D73A49"}},"if",-1),oa={style:{color:"#24292E"}},ta=s("data-lsp",{lsp:"any"},"orr",-1),ea=s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"any"},"length")],-1),la=n(' > 10) return',6),pa=s("span",{style:{color:"#24292E"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(".")],-1),ra=s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"any"},"trim")],-1),ca=n('(0, 10)',5),ia=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),da=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),_a=s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"return"),s("span",{style:{color:"#24292E"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),ya=s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")],-1),ha={class:"twoslash-annotation right",style:{top:"3rem"}},ua={style:{transform:"translateX(-10px) translateY(-10px) rotate(-50deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Aa=s("path",{d:"M27 39C26.5 32.7511 21.9 17.5173 7.5 6.57333M16.5 4.04L0.999999 0.999998C3.16667 4.88444 7.5 13.16 7.5 15.1867",stroke:"black"},null,-1),Ca=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(0deg)"}},"Discovered a typo, the param is arr, not orr!",-1),ma=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),Da=n(`
md
\`\`\`ts twoslash
+// @errors: 2304
+// @strict: false
+
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+\`\`\`
\`\`\`ts twoslash
+// @errors: 2304
+// @strict: false
+
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+\`\`\`
`,1),ga=s("p",null,"Upside down arrow pointing at the error, using flipped to re-flip the arrow:",-1),ba={class:"vp-code-group vp-adaptive-theme"},va=n('
',1),Ba={class:"blocks"},fa={class:"language-ts vp-adaptive-theme active line-numbers-mode"},Ea=s("button",{title:"Copy Code",class:"copy"},null,-1),Ta=s("span",{class:"lang"},"ts",-1),Fa={class:"language-ts"},wa={class:"tag-container"},qa={class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},xa=s("div",{class:"language-id"},"ts",-1),ka={class:"code-container"},Sa=s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"function"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),s("span",{style:{color:"#ADBAC7"}},") {")],-1),Va={class:"line"},Ia=s("span",{style:{color:"#ADBAC7"}},"    ",-1),Pa=s("span",{style:{color:"#F47067"}},"if",-1),Na={style:{color:"#ADBAC7"}},Ra=s("data-lsp",{lsp:"any"},"orr",-1),Ma=s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"any"},"length")],-1),La=n(' > 10) return',6),Xa=s("span",{style:{color:"#ADBAC7"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(".")],-1),Ya=s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"any"},"trim")],-1),Oa=n('(0, 10)',5),$a=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),ja=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),Ha=s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"return"),s("span",{style:{color:"#ADBAC7"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),Qa=s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")],-1),Ja={class:"twoslash-annotation right",style:{top:"-0.7rem"}},Ka={style:{transform:"translateX(8px) translateY(46px) rotate(190deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Ua=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),Za=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(-3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),za={class:"tag-container"},Wa={class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},Ga=s("div",{class:"language-id"},"ts",-1),sn={class:"code-container"},an=s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"function"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),s("span",{style:{color:"#24292E"}},") {")],-1),nn={class:"line"},on=s("span",{style:{color:"#24292E"}},"    ",-1),tn=s("span",{style:{color:"#D73A49"}},"if",-1),en={style:{color:"#24292E"}},ln=s("data-lsp",{lsp:"any"},"orr",-1),pn=s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"any"},"length")],-1),rn=n(' > 10) return',6),cn=s("span",{style:{color:"#24292E"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(".")],-1),dn=s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"any"},"trim")],-1),_n=n('(0, 10)',5),yn=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),hn=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),un=s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"return"),s("span",{style:{color:"#24292E"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),An=s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")],-1),Cn={class:"twoslash-annotation right",style:{top:"-0.7rem"}},mn={style:{transform:"translateX(8px) translateY(46px) rotate(190deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Dn=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),gn=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(-3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),bn=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),vn=n(`
md
\`\`\`ts twoslash
+// @errors: 2304
+// @strict: false
+
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+\`\`\`
\`\`\`ts twoslash
+// @errors: 2304
+// @strict: false
+
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+\`\`\`
`,1);function Bn(fn,En,Tn,Fn,wn,qn){const r=c,l=d("data-err");return o(),t("div",null,[y,e(r,{readTime:"3",words:"541"}),h,u,A,s("div",C,[m,s("div",D,[s("div",g,[b,v,s("pre",null,[s("code",B,[s("div",f,[s("pre",E,[T,s("div",F,[s("code",null,[w,s("div",q,[x,k,s("span",S,[a(" ("),e(l,null,{default:p(()=>[V]),_:1}),a(".")]),I,P,N,R,M]),L,X,Y,O])])]),a(`
+`),s("div",$,[a(`
+  `),(o(),t("svg",j,[a(`
+    `),H,a(`
+`)])),a(`
+  `),Q,a(`
+`)])]),a(`
+`),s("div",J,[s("pre",K,[U,s("div",Z,[s("code",null,[z,s("div",W,[G,ss,s("span",as,[a(" ("),e(l,null,{default:p(()=>[ns]),_:1}),a(".")]),os,ts,es,ls,ps]),rs,cs,is,ds])])]),a(`
+`),s("div",_s,[a(`
+  `),(o(),t("svg",ys,[a(`
+    `),hs,a(`
+`)])),a(`
+  `),us,a(`
+`)])])])]),As]),Cs])]),ms,s("div",Ds,[gs,s("div",bs,[s("div",vs,[Bs,fs,s("pre",null,[s("code",Es,[s("div",Ts,[s("pre",Fs,[ws,s("div",qs,[s("code",null,[xs,s("div",ks,[Ss,Vs,s("span",Is,[a(" ("),e(l,null,{default:p(()=>[Ps]),_:1}),a(".")]),Ns,Rs,Ms,Ls,Xs]),Ys,Os,$s,js])])]),a(`
+`),s("div",Hs,[a(`
+  `),(o(),t("svg",Qs,[a(`
+    `),Js,a(`
+`)])),a(`
+  `),Ks,a(`
+`)])]),a(`
+`),s("div",Us,[s("pre",Zs,[zs,s("div",Ws,[s("code",null,[Gs,s("div",sa,[aa,na,s("span",oa,[a(" ("),e(l,null,{default:p(()=>[ta]),_:1}),a(".")]),ea,la,pa,ra,ca]),ia,da,_a,ya])])]),a(`
+`),s("div",ha,[a(`
+  `),(o(),t("svg",ua,[a(`
+    `),Aa,a(`
+`)])),a(`
+  `),Ca,a(`
+`)])])])]),ma]),Da])]),ga,s("div",ba,[va,s("div",Ba,[s("div",fa,[Ea,Ta,s("pre",null,[s("code",Fa,[s("div",wa,[s("pre",qa,[xa,s("div",ka,[s("code",null,[Sa,s("div",Va,[Ia,Pa,s("span",Na,[a(" ("),e(l,null,{default:p(()=>[Ra]),_:1}),a(".")]),Ma,La,Xa,Ya,Oa]),$a,ja,Ha,Qa])])]),a(`
+`),s("div",Ja,[a(`
+  `),(o(),t("svg",Ka,[a(`
+    `),Ua,a(`
+`)])),a(`
+  `),Za,a(`
+`)])]),a(`
+`),s("div",za,[s("pre",Wa,[Ga,s("div",sn,[s("code",null,[an,s("div",nn,[on,tn,s("span",en,[a(" ("),e(l,null,{default:p(()=>[ln]),_:1}),a(".")]),pn,rn,cn,dn,_n]),yn,hn,un,An])])]),a(`
+`),s("div",Cn,[a(`
+  `),(o(),t("svg",mn,[a(`
+    `),Dn,a(`
+`)])),a(`
+  `),gn,a(`
+`)])])])]),bn]),vn])])])}const In=i(_,[["render",Bn]]);export{Vn as __pageData,In as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.a42ad2a7.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.a42ad2a7.lean.js
new file mode 100644
index 00000000..fa2499d1
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.a42ad2a7.lean.js
@@ -0,0 +1,40 @@
+import{_ as c}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as d,o,c as t,H as e,k as s,a,w as p,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const Vn=JSON.parse('{"title":"Meta Annotations","description":"Annotations provide a way to provide outside commentary on your code.","frontmatter":{"description":"Annotations provide a way to provide outside commentary on your code.","title":"Meta Annotations"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/annotations.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/annotations.md","lastUpdated":1699051935000}'),_={name:"application/vitepress-plugin-shiki-twoslash/api/annotations.md"},y=s("h1",{id:"queries",tabindex:"-1"},[a("Queries "),s("a",{class:"header-anchor",href:"#queries","aria-label":'Permalink to "Queries"'},"​")],-1),h=s("p",null,"Sometimes the thing you want to say is about the code, annotations provide a way to provide outside commentary on your code.",-1),u=s("h2",{id:"annotate-left-right-overrides-text",tabindex:"-1"},[s("code",null,"@annotate: [left|right] [overrides] - [text]"),a(),s("a",{class:"header-anchor",href:"#annotate-left-right-overrides-text","aria-label":'Permalink to "`@annotate: [left|right] [overrides] - [text]`"'},"​")],-1),A=s("p",null,"Annotate has a lot more controls than most of the other Twoslash commands, because each use of it probably needs to feel a bit different. Here's an example based on the TypeScript home page, click it to get it running so we can talk about what it does:",-1),C={class:"vp-code-group vp-adaptive-theme"},m=n("",1),D={class:"blocks"},g={class:"language-ts vp-adaptive-theme active line-numbers-mode"},b=s("button",{title:"Copy Code",class:"copy"},null,-1),v=s("span",{class:"lang"},"ts",-1),B={class:"language-ts"},f={class:"tag-container"},E={class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},T=s("div",{class:"language-id"},"ts",-1),F={class:"code-container"},w=s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"function"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),s("span",{style:{color:"#ADBAC7"}},") {")],-1),q={class:"line"},x=s("span",{style:{color:"#ADBAC7"}},"    ",-1),k=s("span",{style:{color:"#F47067"}},"if",-1),S={style:{color:"#ADBAC7"}},V=s("data-lsp",{lsp:"any"},"orr",-1),I=s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"any"},"length")],-1),P=n("",6),N=s("span",{style:{color:"#ADBAC7"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(".")],-1),R=s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"any"},"trim")],-1),M=n("",5),L=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),X=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),Y=s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"return"),s("span",{style:{color:"#ADBAC7"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),O=s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")],-1),$={class:"twoslash-annotation left",style:{top:"0rem"}},j={style:{transform:"translateX(8px) translateY(27px) rotate(90deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},H=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),Q=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),J={class:"tag-container"},K={class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},U=s("div",{class:"language-id"},"ts",-1),Z={class:"code-container"},z=s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"function"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),s("span",{style:{color:"#24292E"}},") {")],-1),W={class:"line"},G=s("span",{style:{color:"#24292E"}},"    ",-1),ss=s("span",{style:{color:"#D73A49"}},"if",-1),as={style:{color:"#24292E"}},ns=s("data-lsp",{lsp:"any"},"orr",-1),os=s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"any"},"length")],-1),ts=n("",6),es=s("span",{style:{color:"#24292E"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(".")],-1),ls=s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"any"},"trim")],-1),ps=n("",5),rs=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),cs=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),is=s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"return"),s("span",{style:{color:"#24292E"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),ds=s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")],-1),_s={class:"twoslash-annotation left",style:{top:"0rem"}},ys={style:{transform:"translateX(8px) translateY(27px) rotate(90deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},hs=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),us=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),As=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),Cs=n("",1),ms=n("",4),Ds={class:"vp-code-group vp-adaptive-theme"},gs=n("",1),bs={class:"blocks"},vs={class:"language-ts vp-adaptive-theme active line-numbers-mode"},Bs=s("button",{title:"Copy Code",class:"copy"},null,-1),fs=s("span",{class:"lang"},"ts",-1),Es={class:"language-ts"},Ts={class:"tag-container"},Fs={class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},ws=s("div",{class:"language-id"},"ts",-1),qs={class:"code-container"},xs=s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"function"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),s("span",{style:{color:"#ADBAC7"}},") {")],-1),ks={class:"line"},Ss=s("span",{style:{color:"#ADBAC7"}},"    ",-1),Vs=s("span",{style:{color:"#F47067"}},"if",-1),Is={style:{color:"#ADBAC7"}},Ps=s("data-lsp",{lsp:"any"},"orr",-1),Ns=s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"any"},"length")],-1),Rs=n("",6),Ms=s("span",{style:{color:"#ADBAC7"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(".")],-1),Ls=s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"any"},"trim")],-1),Xs=n("",5),Ys=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),Os=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),$s=s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"return"),s("span",{style:{color:"#ADBAC7"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),js=s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")],-1),Hs={class:"twoslash-annotation right",style:{top:"3rem"}},Qs={style:{transform:"translateX(-10px) translateY(-10px) rotate(-50deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Js=s("path",{d:"M27 39C26.5 32.7511 21.9 17.5173 7.5 6.57333M16.5 4.04L0.999999 0.999998C3.16667 4.88444 7.5 13.16 7.5 15.1867",stroke:"black"},null,-1),Ks=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(0deg)"}},"Discovered a typo, the param is arr, not orr!",-1),Us={class:"tag-container"},Zs={class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},zs=s("div",{class:"language-id"},"ts",-1),Ws={class:"code-container"},Gs=s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"function"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),s("span",{style:{color:"#24292E"}},") {")],-1),sa={class:"line"},aa=s("span",{style:{color:"#24292E"}},"    ",-1),na=s("span",{style:{color:"#D73A49"}},"if",-1),oa={style:{color:"#24292E"}},ta=s("data-lsp",{lsp:"any"},"orr",-1),ea=s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"any"},"length")],-1),la=n("",6),pa=s("span",{style:{color:"#24292E"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(".")],-1),ra=s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"any"},"trim")],-1),ca=n("",5),ia=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),da=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),_a=s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"return"),s("span",{style:{color:"#24292E"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),ya=s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")],-1),ha={class:"twoslash-annotation right",style:{top:"3rem"}},ua={style:{transform:"translateX(-10px) translateY(-10px) rotate(-50deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Aa=s("path",{d:"M27 39C26.5 32.7511 21.9 17.5173 7.5 6.57333M16.5 4.04L0.999999 0.999998C3.16667 4.88444 7.5 13.16 7.5 15.1867",stroke:"black"},null,-1),Ca=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(0deg)"}},"Discovered a typo, the param is arr, not orr!",-1),ma=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),Da=n("",1),ga=s("p",null,"Upside down arrow pointing at the error, using flipped to re-flip the arrow:",-1),ba={class:"vp-code-group vp-adaptive-theme"},va=n("",1),Ba={class:"blocks"},fa={class:"language-ts vp-adaptive-theme active line-numbers-mode"},Ea=s("button",{title:"Copy Code",class:"copy"},null,-1),Ta=s("span",{class:"lang"},"ts",-1),Fa={class:"language-ts"},wa={class:"tag-container"},qa={class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},xa=s("div",{class:"language-id"},"ts",-1),ka={class:"code-container"},Sa=s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"function"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),s("span",{style:{color:"#ADBAC7"}},") {")],-1),Va={class:"line"},Ia=s("span",{style:{color:"#ADBAC7"}},"    ",-1),Pa=s("span",{style:{color:"#F47067"}},"if",-1),Na={style:{color:"#ADBAC7"}},Ra=s("data-lsp",{lsp:"any"},"orr",-1),Ma=s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"any"},"length")],-1),La=n("",6),Xa=s("span",{style:{color:"#ADBAC7"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(".")],-1),Ya=s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"any"},"trim")],-1),Oa=n("",5),$a=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),ja=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),Ha=s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"return"),s("span",{style:{color:"#ADBAC7"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),Qa=s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")],-1),Ja={class:"twoslash-annotation right",style:{top:"-0.7rem"}},Ka={style:{transform:"translateX(8px) translateY(46px) rotate(190deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Ua=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),Za=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(-3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),za={class:"tag-container"},Wa={class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},Ga=s("div",{class:"language-id"},"ts",-1),sn={class:"code-container"},an=s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"function"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),s("span",{style:{color:"#24292E"}},") {")],-1),nn={class:"line"},on=s("span",{style:{color:"#24292E"}},"    ",-1),tn=s("span",{style:{color:"#D73A49"}},"if",-1),en={style:{color:"#24292E"}},ln=s("data-lsp",{lsp:"any"},"orr",-1),pn=s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"any"},"length")],-1),rn=n("",6),cn=s("span",{style:{color:"#24292E"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr"),a(".")],-1),dn=s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"any"},"trim")],-1),_n=n("",5),yn=s("span",{class:"error"},[s("span",null,"Cannot find name 'orr'."),s("span",{class:"code"},"2304")],-1),hn=s("span",{class:"error-behind"},"Cannot find name 'orr'.",-1),un=s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"return"),s("span",{style:{color:"#24292E"}},[a(),s("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1),An=s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")],-1),Cn={class:"twoslash-annotation right",style:{top:"-0.7rem"}},mn={style:{transform:"translateX(8px) translateY(46px) rotate(190deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Dn=s("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),gn=s("p",{class:"twoslash-annotation-text",style:{transform:"rotate(-3deg)"}},"Discovered a typo, the param is arr, not orr!",-1),bn=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),vn=n("",1);function Bn(fn,En,Tn,Fn,wn,qn){const r=c,l=d("data-err");return o(),t("div",null,[y,e(r,{readTime:"3",words:"541"}),h,u,A,s("div",C,[m,s("div",D,[s("div",g,[b,v,s("pre",null,[s("code",B,[s("div",f,[s("pre",E,[T,s("div",F,[s("code",null,[w,s("div",q,[x,k,s("span",S,[a(" ("),e(l,null,{default:p(()=>[V]),_:1}),a(".")]),I,P,N,R,M]),L,X,Y,O])])]),a(`
+`),s("div",$,[a(`
+  `),(o(),t("svg",j,[a(`
+    `),H,a(`
+`)])),a(`
+  `),Q,a(`
+`)])]),a(`
+`),s("div",J,[s("pre",K,[U,s("div",Z,[s("code",null,[z,s("div",W,[G,ss,s("span",as,[a(" ("),e(l,null,{default:p(()=>[ns]),_:1}),a(".")]),os,ts,es,ls,ps]),rs,cs,is,ds])])]),a(`
+`),s("div",_s,[a(`
+  `),(o(),t("svg",ys,[a(`
+    `),hs,a(`
+`)])),a(`
+  `),us,a(`
+`)])])])]),As]),Cs])]),ms,s("div",Ds,[gs,s("div",bs,[s("div",vs,[Bs,fs,s("pre",null,[s("code",Es,[s("div",Ts,[s("pre",Fs,[ws,s("div",qs,[s("code",null,[xs,s("div",ks,[Ss,Vs,s("span",Is,[a(" ("),e(l,null,{default:p(()=>[Ps]),_:1}),a(".")]),Ns,Rs,Ms,Ls,Xs]),Ys,Os,$s,js])])]),a(`
+`),s("div",Hs,[a(`
+  `),(o(),t("svg",Qs,[a(`
+    `),Js,a(`
+`)])),a(`
+  `),Ks,a(`
+`)])]),a(`
+`),s("div",Us,[s("pre",Zs,[zs,s("div",Ws,[s("code",null,[Gs,s("div",sa,[aa,na,s("span",oa,[a(" ("),e(l,null,{default:p(()=>[ta]),_:1}),a(".")]),ea,la,pa,ra,ca]),ia,da,_a,ya])])]),a(`
+`),s("div",ha,[a(`
+  `),(o(),t("svg",ua,[a(`
+    `),Aa,a(`
+`)])),a(`
+  `),Ca,a(`
+`)])])])]),ma]),Da])]),ga,s("div",ba,[va,s("div",Ba,[s("div",fa,[Ea,Ta,s("pre",null,[s("code",Fa,[s("div",wa,[s("pre",qa,[xa,s("div",ka,[s("code",null,[Sa,s("div",Va,[Ia,Pa,s("span",Na,[a(" ("),e(l,null,{default:p(()=>[Ra]),_:1}),a(".")]),Ma,La,Xa,Ya,Oa]),$a,ja,Ha,Qa])])]),a(`
+`),s("div",Ja,[a(`
+  `),(o(),t("svg",Ka,[a(`
+    `),Ua,a(`
+`)])),a(`
+  `),Za,a(`
+`)])]),a(`
+`),s("div",za,[s("pre",Wa,[Ga,s("div",sn,[s("code",null,[an,s("div",nn,[on,tn,s("span",en,[a(" ("),e(l,null,{default:p(()=>[ln]),_:1}),a(".")]),pn,rn,cn,dn,_n]),yn,hn,un,An])])]),a(`
+`),s("div",Cn,[a(`
+  `),(o(),t("svg",mn,[a(`
+    `),Dn,a(`
+`)])),a(`
+  `),gn,a(`
+`)])])])]),bn]),vn])])])}const In=i(_,[["render",Bn]]);export{Vn as __pageData,In as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_cutting.md.2a5fd9c3.js b/assets/application_vitepress-plugin-shiki-twoslash_api_cutting.md.2a5fd9c3.js
new file mode 100644
index 00000000..296adc21
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_cutting.md.2a5fd9c3.js
@@ -0,0 +1,45 @@
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as t,H as c,k as s,a as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const W=JSON.parse('{"title":"Cutting","description":"Remove unnecessary code from your examples.","frontmatter":{"description":"Remove unnecessary code from your examples.","title":"Cutting"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/cutting.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/cutting.md","lastUpdated":1699051935000}'),r={name:"application/vitepress-plugin-shiki-twoslash/api/cutting.md"},p=s("h1",{id:"cutting",tabindex:"-1"},[l("Cutting "),s("a",{class:"header-anchor",href:"#cutting","aria-label":'Permalink to "Cutting"'},"​")],-1),i=s("p",null,"Every Twoslash code example needs to be a complete TypeScript program so it can compile. Quite often to make it compile, there is a bunch of code which isn't relevant to the user. This can be extracted out of the code examples via cut comments.",-1),d=s("h2",{id:"cut",tabindex:"-1"},[s("code",null,"---cut---"),l(),s("a",{class:"header-anchor",href:"#cut","aria-label":'Permalink to "`---cut---`"'},"​")],-1),y=s("p",null,[l("Cut works after TypeScript has generated the project and pulled out all the editor information (like identifiers, queries, highlights etc) and then amends all of their offsets and lines to re-fit the smaller output. What your user sees is everything below the "),s("code",null,"---cut---"),l(".")],-1),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-Pof92",id:"tab-5hj6UyJ",checked:"checked"}),s("label",{for:"tab-5hj6UyJ"},"output"),s("input",{type:"radio",name:"group-Pof92",id:"tab-NiHW1ms"}),s("label",{for:"tab-NiHW1ms"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l(".")]),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#ADBAC7"}},[l("("),s("data-lsp",{lsp:"const level: string"},"level"),l(")")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l(".")]),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#24292E"}},[l("("),s("data-lsp",{lsp:"const level: string"},"level"),l(")")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"level"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'Danger'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"console."),s("span",{style:{color:"#DCBDFB"}},"log"),s("span",{style:{color:"#ADBAC7"}},"(level)")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"level"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'Danger'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"console."),s("span",{style:{color:"#6F42C1"}},"log"),s("span",{style:{color:"#24292E"}},"(level)")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1),h=s("p",null,[l("Cutting even works across "),s("a",{href:"./multi-file"},"multiple files"),l(". This is why "),s("code",null,"// @filename: [file]"),l(" is specifically the only Twoslash command which is not removed, because if it's not relevant it can be "),s("code",null,"---cut---"),l(" away.")],-1),m=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-wrmVz",id:"tab-2b4PoNy",checked:"checked"}),s("label",{for:"tab-2b4PoNy"},"output"),s("input",{type:"radio",name:"group-wrmVz",id:"tab-qJO2Ms2"}),s("label",{for:"tab-qJO2Ms2"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) const helloWorld: string
+import helloWorld`},"helloWorld"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'./a'")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l(".")]),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#ADBAC7"}},[l("("),s("data-lsp",{lsp:`(alias) const helloWorld: string
+import helloWorld`},"helloWorld"),l(")")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) const helloWorld: string
+import helloWorld`},"helloWorld"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'./a'")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l(".")]),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#24292E"}},[l("("),s("data-lsp",{lsp:`(alias) const helloWorld: string
+import helloWorld`},"helloWorld"),l(")")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: a.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"helloWorld"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'Hi'")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: b.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," { helloWorld } "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'./a'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"console."),s("span",{style:{color:"#DCBDFB"}},"log"),s("span",{style:{color:"#ADBAC7"}},"(helloWorld)")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: a.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"helloWorld"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'Hi'")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: b.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," { helloWorld } "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'./a'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"console."),s("span",{style:{color:"#6F42C1"}},"log"),s("span",{style:{color:"#24292E"}},"(helloWorld)")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br")])])])],-1),b=s("h2",{id:"cut-after",tabindex:"-1"},[s("code",null,"---cut-after---"),l(),s("a",{class:"header-anchor",href:"#cut-after","aria-label":'Permalink to "`---cut-after---`"'},"​")],-1),C=s("p",null,[l("The sibling to "),s("code",null,"---cut---"),l(", which trims anything after the sigil:")],-1),g=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-K1hzs",id:"tab-XbOFc5e",checked:"checked"}),s("label",{for:"tab-XbOFc5e"},"output"),s("input",{type:"radio",name:"group-K1hzs",id:"tab-V5UQGCJ"}),s("label",{for:"tab-V5UQGCJ"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-tsx vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"tsx"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"tsx"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    <"),s("span",{style:{color:"#8DDB8C"}},[s("data-lsp",{lsp:"any"},"Container")]),s("span",{style:{color:"#ADBAC7"}},">")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"        <"),s("span",{style:{color:"#8DDB8C"}},[s("data-lsp",{lsp:"any"},"ImportantComponent")]),s("span",{style:{color:"#ADBAC7"}}," />")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    ")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"tsx"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    <"),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"any"},"Container")]),s("span",{style:{color:"#24292E"}},">")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"        <"),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"any"},"ImportantComponent")]),s("span",{style:{color:"#24292E"}}," />")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    ")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```tsx twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},"Page"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," () "),s("span",{style:{color:"#F47067"}},"=>"),s("span",{style:{color:"#ADBAC7"}}," (")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#768390"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    <"),s("span",{style:{color:"#8DDB8C"}},"Container"),s("span",{style:{color:"#ADBAC7"}},">")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"        <"),s("span",{style:{color:"#8DDB8C"}},"ImportantComponent"),s("span",{style:{color:"#ADBAC7"}}," />")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    ")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#768390"}},"// ---cut-after---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},")")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```tsx twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"Page"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," () "),s("span",{style:{color:"#D73A49"}},"=>"),s("span",{style:{color:"#24292E"}}," (")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6A737D"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    <"),s("span",{style:{color:"#005CC5"}},"Container"),s("span",{style:{color:"#24292E"}},">")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"        <"),s("span",{style:{color:"#005CC5"}},"ImportantComponent"),s("span",{style:{color:"#24292E"}}," />")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    ")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6A737D"}},"// ---cut-after---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},")")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br")])])])],-1);function A(v,D,B,f,k,E){const a=e;return n(),t("div",null,[p,c(a,{readTime:"1",words:"242"}),i,d,y,u,h,m,b,C,g])}const x=o(r,[["render",A]]);export{W as __pageData,x as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_cutting.md.2a5fd9c3.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_cutting.md.2a5fd9c3.lean.js
new file mode 100644
index 00000000..296adc21
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_cutting.md.2a5fd9c3.lean.js
@@ -0,0 +1,45 @@
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as t,H as c,k as s,a as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const W=JSON.parse('{"title":"Cutting","description":"Remove unnecessary code from your examples.","frontmatter":{"description":"Remove unnecessary code from your examples.","title":"Cutting"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/cutting.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/cutting.md","lastUpdated":1699051935000}'),r={name:"application/vitepress-plugin-shiki-twoslash/api/cutting.md"},p=s("h1",{id:"cutting",tabindex:"-1"},[l("Cutting "),s("a",{class:"header-anchor",href:"#cutting","aria-label":'Permalink to "Cutting"'},"​")],-1),i=s("p",null,"Every Twoslash code example needs to be a complete TypeScript program so it can compile. Quite often to make it compile, there is a bunch of code which isn't relevant to the user. This can be extracted out of the code examples via cut comments.",-1),d=s("h2",{id:"cut",tabindex:"-1"},[s("code",null,"---cut---"),l(),s("a",{class:"header-anchor",href:"#cut","aria-label":'Permalink to "`---cut---`"'},"​")],-1),y=s("p",null,[l("Cut works after TypeScript has generated the project and pulled out all the editor information (like identifiers, queries, highlights etc) and then amends all of their offsets and lines to re-fit the smaller output. What your user sees is everything below the "),s("code",null,"---cut---"),l(".")],-1),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-Pof92",id:"tab-5hj6UyJ",checked:"checked"}),s("label",{for:"tab-5hj6UyJ"},"output"),s("input",{type:"radio",name:"group-Pof92",id:"tab-NiHW1ms"}),s("label",{for:"tab-NiHW1ms"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l(".")]),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#ADBAC7"}},[l("("),s("data-lsp",{lsp:"const level: string"},"level"),l(")")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l(".")]),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#24292E"}},[l("("),s("data-lsp",{lsp:"const level: string"},"level"),l(")")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"level"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'Danger'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"console."),s("span",{style:{color:"#DCBDFB"}},"log"),s("span",{style:{color:"#ADBAC7"}},"(level)")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"level"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'Danger'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"console."),s("span",{style:{color:"#6F42C1"}},"log"),s("span",{style:{color:"#24292E"}},"(level)")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1),h=s("p",null,[l("Cutting even works across "),s("a",{href:"./multi-file"},"multiple files"),l(". This is why "),s("code",null,"// @filename: [file]"),l(" is specifically the only Twoslash command which is not removed, because if it's not relevant it can be "),s("code",null,"---cut---"),l(" away.")],-1),m=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-wrmVz",id:"tab-2b4PoNy",checked:"checked"}),s("label",{for:"tab-2b4PoNy"},"output"),s("input",{type:"radio",name:"group-wrmVz",id:"tab-qJO2Ms2"}),s("label",{for:"tab-qJO2Ms2"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) const helloWorld: string
+import helloWorld`},"helloWorld"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'./a'")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l(".")]),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#ADBAC7"}},[l("("),s("data-lsp",{lsp:`(alias) const helloWorld: string
+import helloWorld`},"helloWorld"),l(")")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) const helloWorld: string
+import helloWorld`},"helloWorld"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'./a'")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l(".")]),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#24292E"}},[l("("),s("data-lsp",{lsp:`(alias) const helloWorld: string
+import helloWorld`},"helloWorld"),l(")")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: a.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"helloWorld"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'Hi'")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: b.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," { helloWorld } "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'./a'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"console."),s("span",{style:{color:"#DCBDFB"}},"log"),s("span",{style:{color:"#ADBAC7"}},"(helloWorld)")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: a.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"helloWorld"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'Hi'")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: b.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," { helloWorld } "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'./a'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"console."),s("span",{style:{color:"#6F42C1"}},"log"),s("span",{style:{color:"#24292E"}},"(helloWorld)")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br")])])])],-1),b=s("h2",{id:"cut-after",tabindex:"-1"},[s("code",null,"---cut-after---"),l(),s("a",{class:"header-anchor",href:"#cut-after","aria-label":'Permalink to "`---cut-after---`"'},"​")],-1),C=s("p",null,[l("The sibling to "),s("code",null,"---cut---"),l(", which trims anything after the sigil:")],-1),g=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-K1hzs",id:"tab-XbOFc5e",checked:"checked"}),s("label",{for:"tab-XbOFc5e"},"output"),s("input",{type:"radio",name:"group-K1hzs",id:"tab-V5UQGCJ"}),s("label",{for:"tab-V5UQGCJ"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-tsx vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"tsx"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"tsx"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    <"),s("span",{style:{color:"#8DDB8C"}},[s("data-lsp",{lsp:"any"},"Container")]),s("span",{style:{color:"#ADBAC7"}},">")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"        <"),s("span",{style:{color:"#8DDB8C"}},[s("data-lsp",{lsp:"any"},"ImportantComponent")]),s("span",{style:{color:"#ADBAC7"}}," />")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    ")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"tsx"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    <"),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"any"},"Container")]),s("span",{style:{color:"#24292E"}},">")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"        <"),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"any"},"ImportantComponent")]),s("span",{style:{color:"#24292E"}}," />")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    ")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```tsx twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},"Page"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," () "),s("span",{style:{color:"#F47067"}},"=>"),s("span",{style:{color:"#ADBAC7"}}," (")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#768390"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    <"),s("span",{style:{color:"#8DDB8C"}},"Container"),s("span",{style:{color:"#ADBAC7"}},">")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"        <"),s("span",{style:{color:"#8DDB8C"}},"ImportantComponent"),s("span",{style:{color:"#ADBAC7"}}," />")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    ")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#768390"}},"// ---cut-after---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},")")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```tsx twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"Page"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," () "),s("span",{style:{color:"#D73A49"}},"=>"),s("span",{style:{color:"#24292E"}}," (")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6A737D"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    <"),s("span",{style:{color:"#005CC5"}},"Container"),s("span",{style:{color:"#24292E"}},">")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"        <"),s("span",{style:{color:"#005CC5"}},"ImportantComponent"),s("span",{style:{color:"#24292E"}}," />")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    ")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6A737D"}},"// ---cut-after---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},")")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br")])])])],-1);function A(v,D,B,f,k,E){const a=e;return n(),t("div",null,[p,c(a,{readTime:"1",words:"242"}),i,d,y,u,h,m,b,C,g])}const x=o(r,[["render",A]]);export{W as __pageData,x as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_cutting.md.b6b7a28c.js b/assets/application_vitepress-plugin-shiki-twoslash_api_cutting.md.b6b7a28c.js
deleted file mode 100644
index 7bf92c8b..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_cutting.md.b6b7a28c.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as n,c as t,H as c,k as s,a as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const W=JSON.parse('{"title":"Cutting","description":"Remove unnecessary code from your examples.","frontmatter":{"description":"Remove unnecessary code from your examples.","title":"Cutting"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/cutting.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/cutting.md","lastUpdated":1695377563000}'),r={name:"application/vitepress-plugin-shiki-twoslash/api/cutting.md"},p=s("h1",{id:"cutting",tabindex:"-1"},[l("Cutting "),s("a",{class:"header-anchor",href:"#cutting","aria-label":'Permalink to "Cutting"'},"​")],-1),i=s("p",null,"Every Twoslash code example needs to be a complete TypeScript program so it can compile. Quite often to make it compile, there is a bunch of code which isn't relevant to the user. This can be extracted out of the code examples via cut comments.",-1),d=s("h2",{id:"cut",tabindex:"-1"},[s("code",null,"---cut---"),l(),s("a",{class:"header-anchor",href:"#cut","aria-label":'Permalink to "`---cut---`"'},"​")],-1),y=s("p",null,[l("Cut works after TypeScript has generated the project and pulled out all the editor information (like identifiers, queries, highlights etc) and then amends all of their offsets and lines to re-fit the smaller output. What your user sees is everything below the "),s("code",null,"---cut---"),l(".")],-1),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group--m9c0",id:"tab-KXdVKaA",checked:"checked"}),s("label",{for:"tab-KXdVKaA"},"output"),s("input",{type:"radio",name:"group--m9c0",id:"tab-M6jk-aB"}),s("label",{for:"tab-M6jk-aB"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const level: string"},"level")]),s("span",{style:{color:"#839496"}},")")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const level: string"},"level")]),s("span",{style:{color:"#657B83"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"level"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'Danger'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},"log"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},"level"),s("span",{style:{color:"#839496"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"level"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'Danger'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},"log"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},"level"),s("span",{style:{color:"#657B83"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1),h=s("p",null,[l("Cutting even works across "),s("a",{href:"./multi-file"},"multiple files"),l(". This is why "),s("code",null,"// @filename: [file]"),l(" is specifically the only Twoslash command which is not removed, because if it's not relevant it can be "),s("code",null,"---cut---"),l(" away.")],-1),m=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-9cL3d",id:"tab-Mjx7nhA",checked:"checked"}),s("label",{for:"tab-Mjx7nhA"},"output"),s("input",{type:"radio",name:"group-9cL3d",id:"tab-Yzin58W"}),s("label",{for:"tab-Yzin58W"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const helloWorld: string
-import helloWorld`},"helloWorld")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'./a'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const helloWorld: string
-import helloWorld`},"helloWorld")]),s("span",{style:{color:"#839496"}},")")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const helloWorld: string
-import helloWorld`},"helloWorld")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'./a'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const helloWorld: string
-import helloWorld`},"helloWorld")]),s("span",{style:{color:"#657B83"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: a.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"helloWorld"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'Hi'")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: b.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},"helloWorld"),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'./a'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},"log"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},"helloWorld"),s("span",{style:{color:"#839496"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: a.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"helloWorld"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'Hi'")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: b.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},"helloWorld"),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'./a'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},"log"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},"helloWorld"),s("span",{style:{color:"#657B83"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br")])])])],-1),b=s("h2",{id:"cut-after",tabindex:"-1"},[s("code",null,"---cut-after---"),l(),s("a",{class:"header-anchor",href:"#cut-after","aria-label":'Permalink to "`---cut-after---`"'},"​")],-1),g=s("p",null,[l("The sibling to "),s("code",null,"---cut---"),l(", which trims anything after the sigil:")],-1),v=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-JpNOZ",id:"tab-Dp82oAb",checked:"checked"}),s("label",{for:"tab-Dp82oAb"},"output"),s("input",{type:"radio",name:"group-JpNOZ",id:"tab-MPwaQQv"}),s("label",{for:"tab-MPwaQQv"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-tsx vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"tsx"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"tsx"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75"}},"<"),s("span",{style:{color:"#859900"}},[s("data-lsp",{lsp:"any"},"Container")]),s("span",{style:{color:"#586E75"}},">")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"        "),s("span",{style:{color:"#586E75"}},"<"),s("span",{style:{color:"#859900"}},[s("data-lsp",{lsp:"any"},"ImportantComponent")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#586E75"}},"/>")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75"}},"")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"tsx"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1"}},"<"),s("span",{style:{color:"#859900"}},[s("data-lsp",{lsp:"any"},"Container")]),s("span",{style:{color:"#93A1A1"}},">")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"        "),s("span",{style:{color:"#93A1A1"}},"<"),s("span",{style:{color:"#859900"}},[s("data-lsp",{lsp:"any"},"ImportantComponent")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#93A1A1"}},"/>")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1"}},"")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```tsx twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"Page"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," () "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"=>"),s("span",{style:{color:"#839496"}}," (")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75"}},"<"),s("span",{style:{color:"#859900"}},"Container"),s("span",{style:{color:"#586E75"}},">")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"        "),s("span",{style:{color:"#586E75"}},"<"),s("span",{style:{color:"#859900"}},"ImportantComponent"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#586E75"}},"/>")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75"}},"")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut-after---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```tsx twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"Page"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," () "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"=>"),s("span",{style:{color:"#657B83"}}," (")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1"}},"<"),s("span",{style:{color:"#859900"}},"Container"),s("span",{style:{color:"#93A1A1"}},">")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"        "),s("span",{style:{color:"#93A1A1"}},"<"),s("span",{style:{color:"#859900"}},"ImportantComponent"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#93A1A1"}},"/>")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1"}},"")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut-after---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br")])])])],-1);function B(f,A,k,w,D,C){const o=a;return n(),t("div",null,[p,c(o,{readTime:"1",words:"242"}),i,d,y,u,h,m,b,g,v])}const z=e(r,[["render",B]]);export{W as __pageData,z as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_cutting.md.b6b7a28c.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_cutting.md.b6b7a28c.lean.js
deleted file mode 100644
index 7bf92c8b..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_cutting.md.b6b7a28c.lean.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as n,c as t,H as c,k as s,a as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const W=JSON.parse('{"title":"Cutting","description":"Remove unnecessary code from your examples.","frontmatter":{"description":"Remove unnecessary code from your examples.","title":"Cutting"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/cutting.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/cutting.md","lastUpdated":1695377563000}'),r={name:"application/vitepress-plugin-shiki-twoslash/api/cutting.md"},p=s("h1",{id:"cutting",tabindex:"-1"},[l("Cutting "),s("a",{class:"header-anchor",href:"#cutting","aria-label":'Permalink to "Cutting"'},"​")],-1),i=s("p",null,"Every Twoslash code example needs to be a complete TypeScript program so it can compile. Quite often to make it compile, there is a bunch of code which isn't relevant to the user. This can be extracted out of the code examples via cut comments.",-1),d=s("h2",{id:"cut",tabindex:"-1"},[s("code",null,"---cut---"),l(),s("a",{class:"header-anchor",href:"#cut","aria-label":'Permalink to "`---cut---`"'},"​")],-1),y=s("p",null,[l("Cut works after TypeScript has generated the project and pulled out all the editor information (like identifiers, queries, highlights etc) and then amends all of their offsets and lines to re-fit the smaller output. What your user sees is everything below the "),s("code",null,"---cut---"),l(".")],-1),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group--m9c0",id:"tab-KXdVKaA",checked:"checked"}),s("label",{for:"tab-KXdVKaA"},"output"),s("input",{type:"radio",name:"group--m9c0",id:"tab-M6jk-aB"}),s("label",{for:"tab-M6jk-aB"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const level: string"},"level")]),s("span",{style:{color:"#839496"}},")")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const level: string"},"level")]),s("span",{style:{color:"#657B83"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"level"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'Danger'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},"log"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},"level"),s("span",{style:{color:"#839496"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"level"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'Danger'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},"log"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},"level"),s("span",{style:{color:"#657B83"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1),h=s("p",null,[l("Cutting even works across "),s("a",{href:"./multi-file"},"multiple files"),l(". This is why "),s("code",null,"// @filename: [file]"),l(" is specifically the only Twoslash command which is not removed, because if it's not relevant it can be "),s("code",null,"---cut---"),l(" away.")],-1),m=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-9cL3d",id:"tab-Mjx7nhA",checked:"checked"}),s("label",{for:"tab-Mjx7nhA"},"output"),s("input",{type:"radio",name:"group-9cL3d",id:"tab-Yzin58W"}),s("label",{for:"tab-Yzin58W"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const helloWorld: string
-import helloWorld`},"helloWorld")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'./a'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const helloWorld: string
-import helloWorld`},"helloWorld")]),s("span",{style:{color:"#839496"}},")")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const helloWorld: string
-import helloWorld`},"helloWorld")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'./a'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const helloWorld: string
-import helloWorld`},"helloWorld")]),s("span",{style:{color:"#657B83"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: a.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"helloWorld"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'Hi'")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: b.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},"helloWorld"),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'./a'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},"log"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},"helloWorld"),s("span",{style:{color:"#839496"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: a.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"helloWorld"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'Hi'")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: b.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},"helloWorld"),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'./a'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},"log"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},"helloWorld"),s("span",{style:{color:"#657B83"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br")])])])],-1),b=s("h2",{id:"cut-after",tabindex:"-1"},[s("code",null,"---cut-after---"),l(),s("a",{class:"header-anchor",href:"#cut-after","aria-label":'Permalink to "`---cut-after---`"'},"​")],-1),g=s("p",null,[l("The sibling to "),s("code",null,"---cut---"),l(", which trims anything after the sigil:")],-1),v=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-JpNOZ",id:"tab-Dp82oAb",checked:"checked"}),s("label",{for:"tab-Dp82oAb"},"output"),s("input",{type:"radio",name:"group-JpNOZ",id:"tab-MPwaQQv"}),s("label",{for:"tab-MPwaQQv"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-tsx vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"tsx"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"tsx"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75"}},"<"),s("span",{style:{color:"#859900"}},[s("data-lsp",{lsp:"any"},"Container")]),s("span",{style:{color:"#586E75"}},">")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"        "),s("span",{style:{color:"#586E75"}},"<"),s("span",{style:{color:"#859900"}},[s("data-lsp",{lsp:"any"},"ImportantComponent")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#586E75"}},"/>")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75"}},"")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"tsx"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1"}},"<"),s("span",{style:{color:"#859900"}},[s("data-lsp",{lsp:"any"},"Container")]),s("span",{style:{color:"#93A1A1"}},">")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"        "),s("span",{style:{color:"#93A1A1"}},"<"),s("span",{style:{color:"#859900"}},[s("data-lsp",{lsp:"any"},"ImportantComponent")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#93A1A1"}},"/>")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1"}},"")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```tsx twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"Page"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," () "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"=>"),s("span",{style:{color:"#839496"}}," (")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75"}},"<"),s("span",{style:{color:"#859900"}},"Container"),s("span",{style:{color:"#586E75"}},">")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"        "),s("span",{style:{color:"#586E75"}},"<"),s("span",{style:{color:"#859900"}},"ImportantComponent"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#586E75"}},"/>")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75"}},"")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut-after---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```tsx twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"Page"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," () "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"=>"),s("span",{style:{color:"#657B83"}}," (")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1"}},"<"),s("span",{style:{color:"#859900"}},"Container"),s("span",{style:{color:"#93A1A1"}},">")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"        "),s("span",{style:{color:"#93A1A1"}},"<"),s("span",{style:{color:"#859900"}},"ImportantComponent"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#93A1A1"}},"/>")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1"}},"")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut-after---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br")])])])],-1);function B(f,A,k,w,D,C){const o=a;return n(),t("div",null,[p,c(o,{readTime:"1",words:"242"}),i,d,y,u,h,m,b,g,v])}const z=e(r,[["render",B]]);export{W as __pageData,z as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_emit.md.07068d46.js b/assets/application_vitepress-plugin-shiki-twoslash_api_emit.md.07068d46.js
new file mode 100644
index 00000000..e47d013f
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_emit.md.07068d46.js
@@ -0,0 +1 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,o,c as e,H as p,k as s,a as t,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const C=JSON.parse('{"title":"Emit","description":"You can replace the contents of your code examples with the results of running TypeScript over the project.","frontmatter":{"description":"You can replace the contents of your code examples with the results of running TypeScript over the project.","title":"Emit"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/emit.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/emit.md","lastUpdated":1699051935000}'),r={name:"application/vitepress-plugin-shiki-twoslash/api/emit.md"},i=s("h1",{id:"emit",tabindex:"-1"},[t("Emit "),s("a",{class:"header-anchor",href:"#emit","aria-label":'Permalink to "Emit"'},"​")],-1),d=c('
Running a Twoslash code example is a full TypeScript compiler run that will create files inside the virtual file system. You can replace the contents of your code examples with the results of running TypeScript over the project.
@showEmit ​
// @showEmit is the main command to tell Shiki Twoslash that you want to replace the output of your code example with the equivalent .js file.
ts
ts
"use strict";
const level = 'Danger';
 
ts
"use strict";
const level = 'Danger';
 
md
```ts twoslash\n// @showEmit\nconst level: string = 'Danger'\n```
```ts twoslash\n// @showEmit\nconst level: string = 'Danger'\n```
@showEmittedFile: [file] ​
While the .js file is probably the most useful file out of the box, TypeScript does emit other files if you have the right flags enabled (.d.ts and .map) but also when you have a multi-file code sample — you might need to tell Twoslash which file to show. For all these cases you can also add @showEmittedFile: [file] to tell Twoslash which file you want to show.
Shows emitted .d.ts for a TypeScript code example:
md
```ts twoslash\n// @declaration\n// @showEmit\n// @showEmittedFile: index.d.ts\nexport const hello = 'world'\n```
```ts twoslash\n// @declaration\n// @showEmit\n// @showEmittedFile: index.d.ts\nexport const hello = 'world'\n```
ts
ts
export declare const hello = "world";
 
ts
export declare const hello = "world";
 
Shows emitted .map files:
md
```ts twoslash\n// @sourceMap\n// @showEmit\n// @showEmittedFile: index.js.map\nexport const hello = 'world'\n```
```ts twoslash\n// @sourceMap\n// @showEmit\n// @showEmittedFile: index.js.map\nexport const hello = 'world'\n```
ts
ts
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
ts
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
md
```ts twoslash\n// @declaration\n// @declarationMap\n// @showEmit\n// @showEmittedFile: index.d.ts.map\nexport const hello = 'world'\n```
```ts twoslash\n// @declaration\n// @declarationMap\n// @showEmit\n// @showEmittedFile: index.d.ts.map\nexport const hello = 'world'\n```
ts
ts
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
ts
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
',11);function y(u,A,h,m,v,b){const a=n;return o(),e("div",null,[i,p(a,{readTime:"1",words:"264"}),d])}const q=l(r,[["render",y]]);export{C as __pageData,q as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_emit.md.8d757f81.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_emit.md.07068d46.lean.js
similarity index 59%
rename from assets/application_vitepress-plugin-shiki-twoslash_api_emit.md.8d757f81.lean.js
rename to assets/application_vitepress-plugin-shiki-twoslash_api_emit.md.07068d46.lean.js
index 6b3d0f8d..50ffbcff 100644
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_emit.md.8d757f81.lean.js
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_emit.md.07068d46.lean.js
@@ -1 +1 @@
-import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o,c as e,H as p,k as s,a as t,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const w=JSON.parse('{"title":"Emit","description":"You can replace the contents of your code examples with the results of running TypeScript over the project.","frontmatter":{"description":"You can replace the contents of your code examples with the results of running TypeScript over the project.","title":"Emit"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/emit.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/emit.md","lastUpdated":1695377563000}'),r={name:"application/vitepress-plugin-shiki-twoslash/api/emit.md"},i=s("h1",{id:"emit",tabindex:"-1"},[t("Emit "),s("a",{class:"header-anchor",href:"#emit","aria-label":'Permalink to "Emit"'},"​")],-1),d=c("",11);function y(u,A,h,v,m,b){const a=l;return o(),e("div",null,[i,p(a,{readTime:"1",words:"264"}),d])}const B=n(r,[["render",y]]);export{w as __pageData,B as default};
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,o,c as e,H as p,k as s,a as t,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const C=JSON.parse('{"title":"Emit","description":"You can replace the contents of your code examples with the results of running TypeScript over the project.","frontmatter":{"description":"You can replace the contents of your code examples with the results of running TypeScript over the project.","title":"Emit"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/emit.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/emit.md","lastUpdated":1699051935000}'),r={name:"application/vitepress-plugin-shiki-twoslash/api/emit.md"},i=s("h1",{id:"emit",tabindex:"-1"},[t("Emit "),s("a",{class:"header-anchor",href:"#emit","aria-label":'Permalink to "Emit"'},"​")],-1),d=c("",11);function y(u,A,h,m,v,b){const a=n;return o(),e("div",null,[i,p(a,{readTime:"1",words:"264"}),d])}const q=l(r,[["render",y]]);export{C as __pageData,q as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_emit.md.8d757f81.js b/assets/application_vitepress-plugin-shiki-twoslash_api_emit.md.8d757f81.js
deleted file mode 100644
index 472e86d4..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_emit.md.8d757f81.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o,c as e,H as p,k as s,a as t,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const w=JSON.parse('{"title":"Emit","description":"You can replace the contents of your code examples with the results of running TypeScript over the project.","frontmatter":{"description":"You can replace the contents of your code examples with the results of running TypeScript over the project.","title":"Emit"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/emit.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/emit.md","lastUpdated":1695377563000}'),r={name:"application/vitepress-plugin-shiki-twoslash/api/emit.md"},i=s("h1",{id:"emit",tabindex:"-1"},[t("Emit "),s("a",{class:"header-anchor",href:"#emit","aria-label":'Permalink to "Emit"'},"​")],-1),d=c('
Running a Twoslash code example is a full TypeScript compiler run that will create files inside the virtual file system. You can replace the contents of your code examples with the results of running TypeScript over the project.
@showEmit ​
// @showEmit is the main command to tell Shiki Twoslash that you want to replace the output of your code example with the equivalent .js file.
ts
ts
"use strict";
const level = 'Danger';
 
ts
"use strict";
const level = 'Danger';
 
md
```ts twoslash\n// @showEmit\nconst level: string = 'Danger'\n```
```ts twoslash\n// @showEmit\nconst level: string = 'Danger'\n```
@showEmittedFile: [file] ​
While the .js file is probably the most useful file out of the box, TypeScript does emit other files if you have the right flags enabled (.d.ts and .map) but also when you have a multi-file code sample — you might need to tell Twoslash which file to show. For all these cases you can also add @showEmittedFile: [file] to tell Twoslash which file you want to show.
Shows emitted .d.ts for a TypeScript code example:
md
```ts twoslash\n// @declaration\n// @showEmit\n// @showEmittedFile: index.d.ts\nexport const hello = 'world'\n```
```ts twoslash\n// @declaration\n// @showEmit\n// @showEmittedFile: index.d.ts\nexport const hello = 'world'\n```
ts
ts
export declare const hello = "world";
 
ts
export declare const hello = "world";
 
Shows emitted .map files:
md
```ts twoslash\n// @sourceMap\n// @showEmit\n// @showEmittedFile: index.js.map\nexport const hello = 'world'\n```
```ts twoslash\n// @sourceMap\n// @showEmit\n// @showEmittedFile: index.js.map\nexport const hello = 'world'\n```
ts
ts
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
ts
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
md
```ts twoslash\n// @declaration\n// @declarationMap\n// @showEmit\n// @showEmittedFile: index.d.ts.map\nexport const hello = 'world'\n```
```ts twoslash\n// @declaration\n// @declarationMap\n// @showEmit\n// @showEmittedFile: index.d.ts.map\nexport const hello = 'world'\n```
ts
ts
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
ts
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
',11);function y(u,A,h,v,m,b){const a=l;return o(),e("div",null,[i,p(a,{readTime:"1",words:"264"}),d])}const B=n(r,[["render",y]]);export{w as __pageData,B as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_errors.md.230e0002.js b/assets/application_vitepress-plugin-shiki-twoslash_api_errors.md.230e0002.js
new file mode 100644
index 00000000..37391ff4
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_errors.md.230e0002.js
@@ -0,0 +1,9 @@
+import{_ as r}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as c,C as p,o as i,c as d,H as o,k as s,w as l,a,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const is=JSON.parse('{"title":"Errors","description":"Raise compiler errors in your code examples to show incorrect states.","frontmatter":{"description":"Raise compiler errors in your code examples to show incorrect states.","title":"Errors"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/errors.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/errors.md","lastUpdated":1699051935000}'),h={name:"application/vitepress-plugin-shiki-twoslash/api/errors.md"},y=s("h1",{id:"errors",tabindex:"-1"},[a("Errors "),s("a",{class:"header-anchor",href:"#errors","aria-label":'Permalink to "Errors"'},"​")],-1),u=s("p",null,"Most of the time, you want to avoid errors in your code examples. Strictly speaking, this usually means setting the right compiler flags and environment in each code example.",-1),_=s("p",null,"Sometimes however, you do want to raise a compiler error — to show incorrect states. In those cases, twoslash has a way to mark the compiler errors you expect.",-1),m=s("h2",{id:"errors-num",tabindex:"-1"},[s("code",null,"@errors: [num]"),a(),s("a",{class:"header-anchor",href:"#errors-num","aria-label":'Permalink to "`@errors: [num]`"'},"​")],-1),b=s("p",null,"All TypeScript compiler errors have a number, this number is relatively arbitrary and can change between TypeScript versions. For our case these numbers are useul in declaring what we expect to see.",-1),A=s("p",null,[a("You can use "),s("code",null,"// @errors: [num]"),a(" to tell Twoslash that you expect this error to occur. This moves the compiler error message into the code example.")],-1),v={class:"vp-code-group vp-adaptive-theme"},C=n('
',1),g={class:"blocks"},D={class:"language-ts vp-adaptive-theme active line-numbers-mode"},k=s("button",{title:"Copy Code",class:"copy"},null,-1),F=s("span",{class:"lang"},"ts",-1),w={class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},E=s("div",{class:"language-id"},"ts",-1),B={class:"code-container"},f=s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'123'")],-1),T={class:"line"},x={style:{color:"#ADBAC7"}},S=s("data-lsp",{lsp:"const a: any"},"a",-1),P=s("span",{style:{color:"#F47067"}},"=",-1),R=s("span",{style:{color:"#ADBAC7"}}," ",-1),V=s("span",{style:{color:"#6CB6FF"}},"132",-1),N=s("span",{class:"error"},[s("span",null,"Cannot assign to 'a' because it is a constant."),s("span",{class:"code"},"2588")],-1),I=s("span",{class:"error-behind"},"Cannot assign to 'a' because it is a constant.",-1),Y={class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},$=s("div",{class:"language-id"},"ts",-1),z={class:"code-container"},X=s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'123'")],-1),j={class:"line"},q={style:{color:"#24292E"}},J=s("data-lsp",{lsp:"const a: any"},"a",-1),Q=s("span",{style:{color:"#D73A49"}},"=",-1),U=s("span",{style:{color:"#24292E"}}," ",-1),L=s("span",{style:{color:"#005CC5"}},"132",-1),Z=s("span",{class:"error"},[s("span",null,"Cannot assign to 'a' because it is a constant."),s("span",{class:"code"},"2588")],-1),H=s("span",{class:"error-behind"},"Cannot assign to 'a' because it is a constant.",-1),M=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),O=n('
md
```ts twoslash\n// @errors: 2588\nconst a = '123'\na = 132\n```
```ts twoslash\n// @errors: 2588\nconst a = '123'\na = 132\n```
',1),G=s("h2",{id:"noerrors",tabindex:"-1"},[s("code",null,"@noErrors"),a(),s("a",{class:"header-anchor",href:"#noerrors","aria-label":'Permalink to "`@noErrors`"'},"​")],-1),K=s("p",null,[a("Sometimes you have needs in which a broken TypeScript build is okay. A good example of this is using a "),s("a",{href:"./queries#completions"},"completion query"),a(", which requires a broken TypeScript project to work. You can use "),s("code",null,"// @noErrors"),a(" to supress all errors in a code sample, and not have them show inline.")],-1),W=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-QgAzA",id:"tab-LjhXkvo",checked:"checked"}),s("label",{for:"tab-LjhXkvo"},"output"),s("input",{type:"radio",name:"group-QgAzA",id:"tab-pY2ZJR8"}),s("label",{for:"tab-pY2ZJR8"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'123'")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"const a: any"},"a"),a()]),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"132")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'123'")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"const a: any"},"a"),a()]),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"132")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @noErrors")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"a"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'123'")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"a "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"132")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @noErrors")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"a"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'123'")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"a "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"132")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1);function ss(as,os,es,ls,ns,ts){const t=r,e=p("data-err");return i(),d("div",null,[y,o(t,{readTime:"1",words:"227"}),u,_,m,b,A,s("div",v,[C,s("div",g,[s("div",D,[k,F,s("pre",w,[E,s("div",B,[s("code",null,[f,s("div",T,[s("span",x,[o(e,null,{default:l(()=>[S]),_:1}),a()]),P,R,V]),N,I])])]),s("pre",Y,[$,s("div",z,[s("code",null,[X,s("div",j,[s("span",q,[o(e,null,{default:l(()=>[J]),_:1}),a()]),Q,U,L]),Z,H])])]),M]),O])]),G,K,W])}const ds=c(h,[["render",ss]]);export{is as __pageData,ds as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_errors.md.230e0002.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_errors.md.230e0002.lean.js
new file mode 100644
index 00000000..35cc30cb
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_errors.md.230e0002.lean.js
@@ -0,0 +1,9 @@
+import{_ as r}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as c,C as p,o as i,c as d,H as o,k as s,w as l,a,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const is=JSON.parse('{"title":"Errors","description":"Raise compiler errors in your code examples to show incorrect states.","frontmatter":{"description":"Raise compiler errors in your code examples to show incorrect states.","title":"Errors"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/errors.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/errors.md","lastUpdated":1699051935000}'),h={name:"application/vitepress-plugin-shiki-twoslash/api/errors.md"},y=s("h1",{id:"errors",tabindex:"-1"},[a("Errors "),s("a",{class:"header-anchor",href:"#errors","aria-label":'Permalink to "Errors"'},"​")],-1),u=s("p",null,"Most of the time, you want to avoid errors in your code examples. Strictly speaking, this usually means setting the right compiler flags and environment in each code example.",-1),_=s("p",null,"Sometimes however, you do want to raise a compiler error — to show incorrect states. In those cases, twoslash has a way to mark the compiler errors you expect.",-1),m=s("h2",{id:"errors-num",tabindex:"-1"},[s("code",null,"@errors: [num]"),a(),s("a",{class:"header-anchor",href:"#errors-num","aria-label":'Permalink to "`@errors: [num]`"'},"​")],-1),b=s("p",null,"All TypeScript compiler errors have a number, this number is relatively arbitrary and can change between TypeScript versions. For our case these numbers are useul in declaring what we expect to see.",-1),A=s("p",null,[a("You can use "),s("code",null,"// @errors: [num]"),a(" to tell Twoslash that you expect this error to occur. This moves the compiler error message into the code example.")],-1),v={class:"vp-code-group vp-adaptive-theme"},C=n("",1),g={class:"blocks"},D={class:"language-ts vp-adaptive-theme active line-numbers-mode"},k=s("button",{title:"Copy Code",class:"copy"},null,-1),F=s("span",{class:"lang"},"ts",-1),w={class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},E=s("div",{class:"language-id"},"ts",-1),B={class:"code-container"},f=s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'123'")],-1),T={class:"line"},x={style:{color:"#ADBAC7"}},S=s("data-lsp",{lsp:"const a: any"},"a",-1),P=s("span",{style:{color:"#F47067"}},"=",-1),R=s("span",{style:{color:"#ADBAC7"}}," ",-1),V=s("span",{style:{color:"#6CB6FF"}},"132",-1),N=s("span",{class:"error"},[s("span",null,"Cannot assign to 'a' because it is a constant."),s("span",{class:"code"},"2588")],-1),I=s("span",{class:"error-behind"},"Cannot assign to 'a' because it is a constant.",-1),Y={class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},$=s("div",{class:"language-id"},"ts",-1),z={class:"code-container"},X=s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'123'")],-1),j={class:"line"},q={style:{color:"#24292E"}},J=s("data-lsp",{lsp:"const a: any"},"a",-1),Q=s("span",{style:{color:"#D73A49"}},"=",-1),U=s("span",{style:{color:"#24292E"}}," ",-1),L=s("span",{style:{color:"#005CC5"}},"132",-1),Z=s("span",{class:"error"},[s("span",null,"Cannot assign to 'a' because it is a constant."),s("span",{class:"code"},"2588")],-1),H=s("span",{class:"error-behind"},"Cannot assign to 'a' because it is a constant.",-1),M=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),O=n("",1),G=s("h2",{id:"noerrors",tabindex:"-1"},[s("code",null,"@noErrors"),a(),s("a",{class:"header-anchor",href:"#noerrors","aria-label":'Permalink to "`@noErrors`"'},"​")],-1),K=s("p",null,[a("Sometimes you have needs in which a broken TypeScript build is okay. A good example of this is using a "),s("a",{href:"./queries#completions"},"completion query"),a(", which requires a broken TypeScript project to work. You can use "),s("code",null,"// @noErrors"),a(" to supress all errors in a code sample, and not have them show inline.")],-1),W=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-QgAzA",id:"tab-LjhXkvo",checked:"checked"}),s("label",{for:"tab-LjhXkvo"},"output"),s("input",{type:"radio",name:"group-QgAzA",id:"tab-pY2ZJR8"}),s("label",{for:"tab-pY2ZJR8"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'123'")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"const a: any"},"a"),a()]),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"132")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'123'")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"const a: any"},"a"),a()]),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"132")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @noErrors")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"a"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'123'")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"a "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"132")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @noErrors")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"a"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'123'")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"a "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"132")]),a(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1);function ss(as,os,es,ls,ns,ts){const t=r,e=p("data-err");return i(),d("div",null,[y,o(t,{readTime:"1",words:"227"}),u,_,m,b,A,s("div",v,[C,s("div",g,[s("div",D,[k,F,s("pre",w,[E,s("div",B,[s("code",null,[f,s("div",T,[s("span",x,[o(e,null,{default:l(()=>[S]),_:1}),a()]),P,R,V]),N,I])])]),s("pre",Y,[$,s("div",z,[s("code",null,[X,s("div",j,[s("span",q,[o(e,null,{default:l(()=>[J]),_:1}),a()]),Q,U,L]),Z,H])])]),M]),O])]),G,K,W])}const ds=c(h,[["render",ss]]);export{is as __pageData,ds as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_errors.md.8032d46f.js b/assets/application_vitepress-plugin-shiki-twoslash_api_errors.md.8032d46f.js
deleted file mode 100644
index 22f13961..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_errors.md.8032d46f.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import{_ as r}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as c,C as p,o as i,c as d,H as a,k as s,w as l,a as o,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const ys=JSON.parse('{"title":"Errors","description":"Raise compiler errors in your code examples to show incorrect states.","frontmatter":{"description":"Raise compiler errors in your code examples to show incorrect states.","title":"Errors"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/errors.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/errors.md","lastUpdated":1695377563000}'),y={name:"application/vitepress-plugin-shiki-twoslash/api/errors.md"},h=s("h1",{id:"errors",tabindex:"-1"},[o("Errors "),s("a",{class:"header-anchor",href:"#errors","aria-label":'Permalink to "Errors"'},"​")],-1),_=s("p",null,"Most of the time, you want to avoid errors in your code examples. Strictly speaking, this usually means setting the right compiler flags and environment in each code example.",-1),u=s("p",null,"Sometimes however, you do want to raise a compiler error — to show incorrect states. In those cases, twoslash has a way to mark the compiler errors you expect.",-1),m=s("h2",{id:"errors-num",tabindex:"-1"},[s("code",null,"@errors: [num]"),o(),s("a",{class:"header-anchor",href:"#errors-num","aria-label":'Permalink to "`@errors: [num]`"'},"​")],-1),b=s("p",null,"All TypeScript compiler errors have a number, this number is relatively arbitrary and can change between TypeScript versions. For our case these numbers are useul in declaring what we expect to see.",-1),v=s("p",null,[o("You can use "),s("code",null,"// @errors: [num]"),o(" to tell Twoslash that you expect this error to occur. This moves the compiler error message into the code example.")],-1),g={class:"vp-code-group vp-adaptive-theme"},B=n('
',1),k={class:"blocks"},w={class:"language-ts vp-adaptive-theme active line-numbers-mode"},f=s("button",{title:"Copy Code",class:"copy"},null,-1),A=s("span",{class:"lang"},"ts",-1),D={class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},E=s("div",{class:"language-id"},"ts",-1),T={class:"code-container"},C=s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'123'")],-1),x={class:"line"},S={style:{color:"#268BD2"}},P=s("data-lsp",{lsp:"const a: any"},"a",-1),z=s("span",{style:{color:"#839496"}}," ",-1),V=s("span",{style:{color:"#859900"}},"=",-1),I=s("span",{style:{color:"#839496"}}," ",-1),N=s("span",{style:{color:"#D33682"}},"132",-1),q=s("span",{class:"error"},[s("span",null,"Cannot assign to 'a' because it is a constant."),s("span",{class:"code"},"2588")],-1),F=s("span",{class:"error-behind"},"Cannot assign to 'a' because it is a constant.",-1),O={class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},$=s("div",{class:"language-id"},"ts",-1),R={class:"code-container"},Y=s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'123'")],-1),j={class:"line"},J={style:{color:"#268BD2"}},G=s("data-lsp",{lsp:"const a: any"},"a",-1),K=s("span",{style:{color:"#657B83"}}," ",-1),L=s("span",{style:{color:"#859900"}},"=",-1),W=s("span",{style:{color:"#657B83"}}," ",-1),Z=s("span",{style:{color:"#D33682"}},"132",-1),H=s("span",{class:"error"},[s("span",null,"Cannot assign to 'a' because it is a constant."),s("span",{class:"code"},"2588")],-1),M=s("span",{class:"error-behind"},"Cannot assign to 'a' because it is a constant.",-1),Q=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),U=n('
md
```ts twoslash\n// @errors: 2588\nconst a = '123'\na = 132\n```
```ts twoslash\n// @errors: 2588\nconst a = '123'\na = 132\n```
',1),X=s("h2",{id:"noerrors",tabindex:"-1"},[s("code",null,"@noErrors"),o(),s("a",{class:"header-anchor",href:"#noerrors","aria-label":'Permalink to "`@noErrors`"'},"​")],-1),ss=s("p",null,[o("Sometimes you have needs in which a broken TypeScript build is okay. A good example of this is using a "),s("a",{href:"./queries#completions"},"completion query"),o(", which requires a broken TypeScript project to work. You can use "),s("code",null,"// @noErrors"),o(" to supress all errors in a code sample, and not have them show inline.")],-1),os=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-1ZJGh",id:"tab-POfuhrh",checked:"checked"}),s("label",{for:"tab-POfuhrh"},"output"),s("input",{type:"radio",name:"group-1ZJGh",id:"tab-_OVEf2b"}),s("label",{for:"tab-_OVEf2b"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'123'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const a: any"},"a")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#D33682"}},"132")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'123'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const a: any"},"a")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#D33682"}},"132")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @noErrors")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"a"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'123'")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"a"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#D33682"}},"132")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @noErrors")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"a"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'123'")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"a"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#D33682"}},"132")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1);function as(es,ls,ns,ts,rs,cs){const t=r,e=p("data-err");return i(),d("div",null,[h,a(t,{readTime:"1",words:"227"}),_,u,m,b,v,s("div",g,[B,s("div",k,[s("div",w,[f,A,s("pre",D,[E,s("div",T,[s("code",null,[C,s("div",x,[s("span",S,[a(e,null,{default:l(()=>[P]),_:1})]),z,V,I,N]),q,F])])]),s("pre",O,[$,s("div",R,[s("code",null,[Y,s("div",j,[s("span",J,[a(e,null,{default:l(()=>[G]),_:1})]),K,L,W,Z]),H,M])])]),Q]),U])]),X,ss,os])}const hs=c(y,[["render",as]]);export{ys as __pageData,hs as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_errors.md.8032d46f.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_errors.md.8032d46f.lean.js
deleted file mode 100644
index 556034d7..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_errors.md.8032d46f.lean.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import{_ as r}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as c,C as p,o as i,c as d,H as a,k as s,w as l,a as o,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const ys=JSON.parse('{"title":"Errors","description":"Raise compiler errors in your code examples to show incorrect states.","frontmatter":{"description":"Raise compiler errors in your code examples to show incorrect states.","title":"Errors"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/errors.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/errors.md","lastUpdated":1695377563000}'),y={name:"application/vitepress-plugin-shiki-twoslash/api/errors.md"},h=s("h1",{id:"errors",tabindex:"-1"},[o("Errors "),s("a",{class:"header-anchor",href:"#errors","aria-label":'Permalink to "Errors"'},"​")],-1),_=s("p",null,"Most of the time, you want to avoid errors in your code examples. Strictly speaking, this usually means setting the right compiler flags and environment in each code example.",-1),u=s("p",null,"Sometimes however, you do want to raise a compiler error — to show incorrect states. In those cases, twoslash has a way to mark the compiler errors you expect.",-1),m=s("h2",{id:"errors-num",tabindex:"-1"},[s("code",null,"@errors: [num]"),o(),s("a",{class:"header-anchor",href:"#errors-num","aria-label":'Permalink to "`@errors: [num]`"'},"​")],-1),b=s("p",null,"All TypeScript compiler errors have a number, this number is relatively arbitrary and can change between TypeScript versions. For our case these numbers are useul in declaring what we expect to see.",-1),v=s("p",null,[o("You can use "),s("code",null,"// @errors: [num]"),o(" to tell Twoslash that you expect this error to occur. This moves the compiler error message into the code example.")],-1),g={class:"vp-code-group vp-adaptive-theme"},B=n("",1),k={class:"blocks"},w={class:"language-ts vp-adaptive-theme active line-numbers-mode"},f=s("button",{title:"Copy Code",class:"copy"},null,-1),A=s("span",{class:"lang"},"ts",-1),D={class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},E=s("div",{class:"language-id"},"ts",-1),T={class:"code-container"},C=s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'123'")],-1),x={class:"line"},S={style:{color:"#268BD2"}},P=s("data-lsp",{lsp:"const a: any"},"a",-1),z=s("span",{style:{color:"#839496"}}," ",-1),V=s("span",{style:{color:"#859900"}},"=",-1),I=s("span",{style:{color:"#839496"}}," ",-1),N=s("span",{style:{color:"#D33682"}},"132",-1),q=s("span",{class:"error"},[s("span",null,"Cannot assign to 'a' because it is a constant."),s("span",{class:"code"},"2588")],-1),F=s("span",{class:"error-behind"},"Cannot assign to 'a' because it is a constant.",-1),O={class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},$=s("div",{class:"language-id"},"ts",-1),R={class:"code-container"},Y=s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'123'")],-1),j={class:"line"},J={style:{color:"#268BD2"}},G=s("data-lsp",{lsp:"const a: any"},"a",-1),K=s("span",{style:{color:"#657B83"}}," ",-1),L=s("span",{style:{color:"#859900"}},"=",-1),W=s("span",{style:{color:"#657B83"}}," ",-1),Z=s("span",{style:{color:"#D33682"}},"132",-1),H=s("span",{class:"error"},[s("span",null,"Cannot assign to 'a' because it is a constant."),s("span",{class:"code"},"2588")],-1),M=s("span",{class:"error-behind"},"Cannot assign to 'a' because it is a constant.",-1),Q=s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")],-1),U=n("",1),X=s("h2",{id:"noerrors",tabindex:"-1"},[s("code",null,"@noErrors"),o(),s("a",{class:"header-anchor",href:"#noerrors","aria-label":'Permalink to "`@noErrors`"'},"​")],-1),ss=s("p",null,[o("Sometimes you have needs in which a broken TypeScript build is okay. A good example of this is using a "),s("a",{href:"./queries#completions"},"completion query"),o(", which requires a broken TypeScript project to work. You can use "),s("code",null,"// @noErrors"),o(" to supress all errors in a code sample, and not have them show inline.")],-1),os=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-1ZJGh",id:"tab-POfuhrh",checked:"checked"}),s("label",{for:"tab-POfuhrh"},"output"),s("input",{type:"radio",name:"group-1ZJGh",id:"tab-_OVEf2b"}),s("label",{for:"tab-_OVEf2b"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'123'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const a: any"},"a")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#D33682"}},"132")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const a: "123"'},"a")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'123'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const a: any"},"a")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#D33682"}},"132")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @noErrors")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"a"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'123'")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"a"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#D33682"}},"132")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @noErrors")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"a"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'123'")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"a"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#D33682"}},"132")]),o(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1);function as(es,ls,ns,ts,rs,cs){const t=r,e=p("data-err");return i(),d("div",null,[h,a(t,{readTime:"1",words:"227"}),_,u,m,b,v,s("div",g,[B,s("div",k,[s("div",w,[f,A,s("pre",D,[E,s("div",T,[s("code",null,[C,s("div",x,[s("span",S,[a(e,null,{default:l(()=>[P]),_:1})]),z,V,I,N]),q,F])])]),s("pre",O,[$,s("div",R,[s("code",null,[Y,s("div",j,[s("span",J,[a(e,null,{default:l(()=>[G]),_:1})]),K,L,W,Z]),H,M])])]),Q]),U])]),X,ss,os])}const hs=c(y,[["render",as]]);export{ys as __pageData,hs as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_includes.md.b534e723.js b/assets/application_vitepress-plugin-shiki-twoslash_api_includes.md.b534e723.js
new file mode 100644
index 00000000..ea26e221
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_includes.md.b534e723.js
@@ -0,0 +1,99 @@
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as t,c as r,H as p,k as s,a as e,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const U=JSON.parse('{"title":"Includes","description":"Include re-usable TypeScript blocks in your code examples.","frontmatter":{"description":"Include re-usable TypeScript blocks in your code examples.","title":"Includes"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/includes.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/includes.md","lastUpdated":1699051935000}'),c={name:"application/vitepress-plugin-shiki-twoslash/api/includes.md"},i=s("h1",{id:"includes",tabindex:"-1"},[e("Includes "),s("a",{class:"header-anchor",href:"#includes","aria-label":'Permalink to "Includes"'},"​")],-1),y=l('
As your documentation grows, you may need a way of re-using code blocks to prevent code duplication. Shiki Twoslash provides a simple includes system.
Defining a re-usable block ​
Re-usable code blocks are defined by the twoslash language, followed by the include keyword and the reference name of your choice.
md
```twoslash include myBlock\ntype SomeString = string\n```
```twoslash include myBlock\ntype SomeString = string\n```
Incremental steps ​
Shiki Twoslash also provide the ability to define incremental steps through the definition of re-usable blocks. This means whenever a new step is delimited down the code, it will also include previous steps. These are not groups.
  • Incremental steps are delimited by // - [name of the step]
  • They are named at the end of the actual code
md
```twoslash include myBlockWithSteps\ntype SomeString = string\n// - base\ntype SomeUser = { name: string; mail?: SomeUserMail }\ntype SomeUserMail = { content: string; verified: boolean }\n// - afterUserDefinitions\ntype SomeGroup = { name: string; members: SomeUser[] }\n// - afterGroupDefinitions\n```
```twoslash include myBlockWithSteps\ntype SomeString = string\n// - base\ntype SomeUser = { name: string; mail?: SomeUserMail }\ntype SomeUserMail = { content: string; verified: boolean }\n// - afterUserDefinitions\ntype SomeGroup = { name: string; members: SomeUser[] }\n// - afterGroupDefinitions\n```
Including a whole block ​
To include a re-usable block, add // @include: [block name] in your code block.
twoslash
',11),d=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-zv9DY",id:"tab-F4zlFCM",checked:"checked"}),s("label",{for:"tab-F4zlFCM"},"output"),s("input",{type:"radio",name:"group-zv9DY",id:"tab-pTFY48K"}),s("label",{for:"tab-pTFY48K"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"const a: string"},"a")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'string'")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"const a: string"},"a")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'string'")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```twoslash include myBlock")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeString = string")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")]),e(`
+`),s("span",{class:"line"}),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @include: myBlock")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"a"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},"SomeString"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'string'")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```twoslash include myBlock")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeString = string")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")]),e(`
+`),s("span",{class:"line"}),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @include: myBlock")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"a"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"SomeString"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'string'")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br")])])])],-1),m=l('
Including a block step ​
To include a re-usable block at a specific step, add // @include: [block name]-[step name] in your code block.
twoslash
',3),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-bUutw",id:"tab-tASupf3",checked:"checked"}),s("label",{for:"tab-tASupf3"},"output"),s("input",{type:"radio",name:"group-bUutw",id:"tab-vti8P6X"}),s("label",{for:"tab-vti8P6X"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type SomeUser = {
+    name: string;
+    mail?: SomeUserMail | undefined;
+}`},"SomeUser")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," { "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string"),s("span",{style:{color:"#ADBAC7"}},"; "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) mail?: SomeUserMail | undefined"},"mail")]),s("span",{style:{color:"#F47067"}},"?:"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#ADBAC7"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," { "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) content: string"},"content")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string"),s("span",{style:{color:"#ADBAC7"}},"; "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) verified: boolean"},"verified")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"boolean"),s("span",{style:{color:"#ADBAC7"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}},[e(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),e(": ")]),s("span",{style:{color:"#96D0FF"}},"'some-email'"),s("span",{style:{color:"#ADBAC7"}},[e(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),e(": ")]),s("span",{style:{color:"#6CB6FF"}},"true"),s("span",{style:{color:"#ADBAC7"}}," }")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type SomeUser = {
+    name: string;
+    mail?: SomeUserMail | undefined;
+}`},"SomeUser")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," { "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string"),s("span",{style:{color:"#24292E"}},"; "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) mail?: SomeUserMail | undefined"},"mail")]),s("span",{style:{color:"#D73A49"}},"?:"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#24292E"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," { "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) content: string"},"content")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string"),s("span",{style:{color:"#24292E"}},"; "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) verified: boolean"},"verified")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"boolean"),s("span",{style:{color:"#24292E"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}},[e(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),e(": ")]),s("span",{style:{color:"#032F62"}},"'some-email'"),s("span",{style:{color:"#24292E"}},[e(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),e(": ")]),s("span",{style:{color:"#005CC5"}},"true"),s("span",{style:{color:"#24292E"}}," }")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```twoslash include myBlockWithSteps")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeString = string")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"// - base")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeUserMail = { content: string; verified: boolean }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"// - afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"// - afterGroupDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")]),e(`
+`),s("span",{class:"line"}),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"mail"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},"SomeUserMail"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," { content: "),s("span",{style:{color:"#96D0FF"}},"'some-email'"),s("span",{style:{color:"#ADBAC7"}},", verified: "),s("span",{style:{color:"#6CB6FF"}},"true"),s("span",{style:{color:"#ADBAC7"}}," }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```twoslash include myBlockWithSteps")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeString = string")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"// - base")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeUserMail = { content: string; verified: boolean }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"// - afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"// - afterGroupDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")]),e(`
+`),s("span",{class:"line"}),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"mail"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"SomeUserMail"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," { content: "),s("span",{style:{color:"#032F62"}},"'some-email'"),s("span",{style:{color:"#24292E"}},", verified: "),s("span",{style:{color:"#005CC5"}},"true"),s("span",{style:{color:"#24292E"}}," }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br"),s("span",{class:"line-number"},"11"),s("br"),s("span",{class:"line-number"},"12"),s("br"),s("span",{class:"line-number"},"13"),s("br"),s("span",{class:"line-number"},"14"),s("br")])])])],-1),b=s("h2",{id:"hiding-re-used-code",tabindex:"-1"},[e("Hiding re-used code "),s("a",{class:"header-anchor",href:"#hiding-re-used-code","aria-label":'Permalink to "Hiding re-used code"'},"​")],-1),A=s("p",null,[e("Re-using a lot of TypeScript code can easily bloat your documentation and obstruct the main point of your code block. You can hide re-used code to keep your code blocks clean and concise by "),s("a",{href:"./cutting"},"cutting"),e(" right after the "),s("code",null,"@include"),e(" statement.")],-1),g=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-5p6kj",id:"tab-W6TJfjn",checked:"checked"}),s("label",{for:"tab-W6TJfjn"},"output"),s("input",{type:"radio",name:"group-5p6kj",id:"tab-c_4GIzU"}),s("label",{for:"tab-c_4GIzU"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}},[e(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),e(": ")]),s("span",{style:{color:"#96D0FF"}},"'some-email'"),s("span",{style:{color:"#ADBAC7"}},[e(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),e(": ")]),s("span",{style:{color:"#6CB6FF"}},"true"),s("span",{style:{color:"#ADBAC7"}}," }")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}},[e(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),e(": ")]),s("span",{style:{color:"#032F62"}},"'some-email'"),s("span",{style:{color:"#24292E"}},[e(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),e(": ")]),s("span",{style:{color:"#005CC5"}},"true"),s("span",{style:{color:"#24292E"}}," }")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```twoslash include myBlockWithSteps")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeString = string")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"// - base")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeUserMail = { content: string; verified: boolean }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"// - afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"// - afterGroupDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")]),e(`
+`),s("span",{class:"line"}),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// ---cut---")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"mail"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},"SomeUserMail"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," { content: "),s("span",{style:{color:"#96D0FF"}},"'some-email'"),s("span",{style:{color:"#ADBAC7"}},", verified: "),s("span",{style:{color:"#6CB6FF"}},"true"),s("span",{style:{color:"#ADBAC7"}}," }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```twoslash include myBlockWithSteps")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeString = string")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"// - base")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeUserMail = { content: string; verified: boolean }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"// - afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"// - afterGroupDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")]),e(`
+`),s("span",{class:"line"}),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// ---cut---")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"mail"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"SomeUserMail"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," { content: "),s("span",{style:{color:"#032F62"}},"'some-email'"),s("span",{style:{color:"#24292E"}},", verified: "),s("span",{style:{color:"#005CC5"}},"true"),s("span",{style:{color:"#24292E"}}," }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br"),s("span",{class:"line-number"},"11"),s("br"),s("span",{class:"line-number"},"12"),s("br"),s("span",{class:"line-number"},"13"),s("br"),s("span",{class:"line-number"},"14"),s("br"),s("span",{class:"line-number"},"15"),s("br")])])])],-1);function h(C,D,v,S,B,f){const n=a;return t(),r("div",null,[i,p(n,{readTime:"2",words:"431"}),y,d,m,u,b,A,g])}const w=o(c,[["render",h]]);export{U as __pageData,w as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_includes.md.b534e723.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_includes.md.b534e723.lean.js
new file mode 100644
index 00000000..9f386192
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_includes.md.b534e723.lean.js
@@ -0,0 +1,99 @@
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as t,c as r,H as p,k as s,a as e,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const U=JSON.parse('{"title":"Includes","description":"Include re-usable TypeScript blocks in your code examples.","frontmatter":{"description":"Include re-usable TypeScript blocks in your code examples.","title":"Includes"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/includes.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/includes.md","lastUpdated":1699051935000}'),c={name:"application/vitepress-plugin-shiki-twoslash/api/includes.md"},i=s("h1",{id:"includes",tabindex:"-1"},[e("Includes "),s("a",{class:"header-anchor",href:"#includes","aria-label":'Permalink to "Includes"'},"​")],-1),y=l("",11),d=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-zv9DY",id:"tab-F4zlFCM",checked:"checked"}),s("label",{for:"tab-F4zlFCM"},"output"),s("input",{type:"radio",name:"group-zv9DY",id:"tab-pTFY48K"}),s("label",{for:"tab-pTFY48K"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"const a: string"},"a")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'string'")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"const a: string"},"a")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'string'")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```twoslash include myBlock")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeString = string")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")]),e(`
+`),s("span",{class:"line"}),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @include: myBlock")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"a"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},"SomeString"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'string'")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```twoslash include myBlock")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeString = string")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")]),e(`
+`),s("span",{class:"line"}),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @include: myBlock")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"a"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"SomeString"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'string'")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br")])])])],-1),m=l("",3),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-bUutw",id:"tab-tASupf3",checked:"checked"}),s("label",{for:"tab-tASupf3"},"output"),s("input",{type:"radio",name:"group-bUutw",id:"tab-vti8P6X"}),s("label",{for:"tab-vti8P6X"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type SomeUser = {
+    name: string;
+    mail?: SomeUserMail | undefined;
+}`},"SomeUser")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," { "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string"),s("span",{style:{color:"#ADBAC7"}},"; "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) mail?: SomeUserMail | undefined"},"mail")]),s("span",{style:{color:"#F47067"}},"?:"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#ADBAC7"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," { "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) content: string"},"content")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string"),s("span",{style:{color:"#ADBAC7"}},"; "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) verified: boolean"},"verified")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"boolean"),s("span",{style:{color:"#ADBAC7"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}},[e(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),e(": ")]),s("span",{style:{color:"#96D0FF"}},"'some-email'"),s("span",{style:{color:"#ADBAC7"}},[e(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),e(": ")]),s("span",{style:{color:"#6CB6FF"}},"true"),s("span",{style:{color:"#ADBAC7"}}," }")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type SomeUser = {
+    name: string;
+    mail?: SomeUserMail | undefined;
+}`},"SomeUser")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," { "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string"),s("span",{style:{color:"#24292E"}},"; "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) mail?: SomeUserMail | undefined"},"mail")]),s("span",{style:{color:"#D73A49"}},"?:"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#24292E"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," { "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) content: string"},"content")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string"),s("span",{style:{color:"#24292E"}},"; "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) verified: boolean"},"verified")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"boolean"),s("span",{style:{color:"#24292E"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}},[e(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),e(": ")]),s("span",{style:{color:"#032F62"}},"'some-email'"),s("span",{style:{color:"#24292E"}},[e(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),e(": ")]),s("span",{style:{color:"#005CC5"}},"true"),s("span",{style:{color:"#24292E"}}," }")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```twoslash include myBlockWithSteps")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeString = string")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"// - base")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeUserMail = { content: string; verified: boolean }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"// - afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"// - afterGroupDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")]),e(`
+`),s("span",{class:"line"}),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"mail"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},"SomeUserMail"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," { content: "),s("span",{style:{color:"#96D0FF"}},"'some-email'"),s("span",{style:{color:"#ADBAC7"}},", verified: "),s("span",{style:{color:"#6CB6FF"}},"true"),s("span",{style:{color:"#ADBAC7"}}," }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```twoslash include myBlockWithSteps")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeString = string")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"// - base")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeUserMail = { content: string; verified: boolean }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"// - afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"// - afterGroupDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")]),e(`
+`),s("span",{class:"line"}),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"mail"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"SomeUserMail"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," { content: "),s("span",{style:{color:"#032F62"}},"'some-email'"),s("span",{style:{color:"#24292E"}},", verified: "),s("span",{style:{color:"#005CC5"}},"true"),s("span",{style:{color:"#24292E"}}," }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br"),s("span",{class:"line-number"},"11"),s("br"),s("span",{class:"line-number"},"12"),s("br"),s("span",{class:"line-number"},"13"),s("br"),s("span",{class:"line-number"},"14"),s("br")])])])],-1),b=s("h2",{id:"hiding-re-used-code",tabindex:"-1"},[e("Hiding re-used code "),s("a",{class:"header-anchor",href:"#hiding-re-used-code","aria-label":'Permalink to "Hiding re-used code"'},"​")],-1),A=s("p",null,[e("Re-using a lot of TypeScript code can easily bloat your documentation and obstruct the main point of your code block. You can hide re-used code to keep your code blocks clean and concise by "),s("a",{href:"./cutting"},"cutting"),e(" right after the "),s("code",null,"@include"),e(" statement.")],-1),g=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-5p6kj",id:"tab-W6TJfjn",checked:"checked"}),s("label",{for:"tab-W6TJfjn"},"output"),s("input",{type:"radio",name:"group-5p6kj",id:"tab-c_4GIzU"}),s("label",{for:"tab-c_4GIzU"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}},[e(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),e(": ")]),s("span",{style:{color:"#96D0FF"}},"'some-email'"),s("span",{style:{color:"#ADBAC7"}},[e(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),e(": ")]),s("span",{style:{color:"#6CB6FF"}},"true"),s("span",{style:{color:"#ADBAC7"}}," }")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type SomeUserMail = {
+    content: string;
+    verified: boolean;
+}`},"SomeUserMail")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}},[e(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),e(": ")]),s("span",{style:{color:"#032F62"}},"'some-email'"),s("span",{style:{color:"#24292E"}},[e(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),e(": ")]),s("span",{style:{color:"#005CC5"}},"true"),s("span",{style:{color:"#24292E"}}," }")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```twoslash include myBlockWithSteps")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeString = string")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"// - base")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeUserMail = { content: string; verified: boolean }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"// - afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"// - afterGroupDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")]),e(`
+`),s("span",{class:"line"}),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// ---cut---")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"mail"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},"SomeUserMail"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," { content: "),s("span",{style:{color:"#96D0FF"}},"'some-email'"),s("span",{style:{color:"#ADBAC7"}},", verified: "),s("span",{style:{color:"#6CB6FF"}},"true"),s("span",{style:{color:"#ADBAC7"}}," }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```twoslash include myBlockWithSteps")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeString = string")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"// - base")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeUserMail = { content: string; verified: boolean }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"// - afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"// - afterGroupDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")]),e(`
+`),s("span",{class:"line"}),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// ---cut---")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"mail"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"SomeUserMail"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," { content: "),s("span",{style:{color:"#032F62"}},"'some-email'"),s("span",{style:{color:"#24292E"}},", verified: "),s("span",{style:{color:"#005CC5"}},"true"),s("span",{style:{color:"#24292E"}}," }")]),e(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br"),s("span",{class:"line-number"},"11"),s("br"),s("span",{class:"line-number"},"12"),s("br"),s("span",{class:"line-number"},"13"),s("br"),s("span",{class:"line-number"},"14"),s("br"),s("span",{class:"line-number"},"15"),s("br")])])])],-1);function h(C,D,v,S,B,f){const n=a;return t(),r("div",null,[i,p(n,{readTime:"2",words:"431"}),y,d,m,u,b,A,g])}const w=o(c,[["render",h]]);export{U as __pageData,w as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_includes.md.d69b2a67.js b/assets/application_vitepress-plugin-shiki-twoslash_api_includes.md.d69b2a67.js
deleted file mode 100644
index 7782d5a3..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_includes.md.d69b2a67.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as t,c as r,H as p,k as s,a as l,Q as e}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const M=JSON.parse('{"title":"Includes","description":"Include re-usable TypeScript blocks in your code examples.","frontmatter":{"description":"Include re-usable TypeScript blocks in your code examples.","title":"Includes"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/includes.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/includes.md","lastUpdated":1695377563000}'),c={name:"application/vitepress-plugin-shiki-twoslash/api/includes.md"},i=s("h1",{id:"includes",tabindex:"-1"},[l("Includes "),s("a",{class:"header-anchor",href:"#includes","aria-label":'Permalink to "Includes"'},"​")],-1),d=e('
As your documentation grows, you may need a way of re-using code blocks to prevent code duplication. Shiki Twoslash provides a simple includes system.
Defining a re-usable block ​
Re-usable code blocks are defined by the twoslash language, followed by the include keyword and the reference name of your choice.
md
```twoslash include myBlock\ntype SomeString = string\n```
```twoslash include myBlock\ntype SomeString = string\n```
Incremental steps ​
Shiki Twoslash also provide the ability to define incremental steps through the definition of re-usable blocks. This means whenever a new step is delimited down the code, it will also include previous steps. These are not groups.
  • Incremental steps are delimited by // - [name of the step]
  • They are named at the end of the actual code
md
```twoslash include myBlockWithSteps\ntype SomeString = string\n// - base\ntype SomeUser = { name: string; mail?: SomeUserMail }\ntype SomeUserMail = { content: string; verified: boolean }\n// - afterUserDefinitions\ntype SomeGroup = { name: string; members: SomeUser[] }\n// - afterGroupDefinitions\n```
```twoslash include myBlockWithSteps\ntype SomeString = string\n// - base\ntype SomeUser = { name: string; mail?: SomeUserMail }\ntype SomeUserMail = { content: string; verified: boolean }\n// - afterUserDefinitions\ntype SomeGroup = { name: string; members: SomeUser[] }\n// - afterGroupDefinitions\n```
Including a whole block ​
To include a re-usable block, add // @include: [block name] in your code block.
twoslash
',11),y=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-rexp6",id:"tab-eibzeKv",checked:"checked"}),s("label",{for:"tab-eibzeKv"},"output"),s("input",{type:"radio",name:"group-rexp6",id:"tab-GO6ltP4"}),s("label",{for:"tab-GO6ltP4"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const a: string"},"a")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'string'")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const a: string"},"a")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'string'")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```twoslash include myBlock")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeString = string")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @include: myBlock")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"a"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},"SomeString"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'string'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```twoslash include myBlock")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeString = string")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @include: myBlock")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"a"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},"SomeString"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'string'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br")])])])],-1),m=e('
Including a block step ​
To include a re-usable block at a specific step, add // @include: [block name]-[step name] in your code block.
twoslash
',3),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-T_X39",id:"tab-iH-2cep",checked:"checked"}),s("label",{for:"tab-iH-2cep"},"output"),s("input",{type:"radio",name:"group-T_X39",id:"tab-q89R72p"}),s("label",{for:"tab-q89R72p"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUser = {
-    name: string;
-    mail?: SomeUserMail | undefined;
-}`},"SomeUser")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}},[l(" { "),s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#839496"}},[l("; "),s("data-lsp",{lsp:"(property) mail?: SomeUserMail | undefined"},"mail")]),s("span",{style:{color:"#859900"}},"?:"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#839496"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}},[l(" { "),s("data-lsp",{lsp:"(property) content: string"},"content")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#839496"}},[l("; "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"boolean"),s("span",{style:{color:"#839496"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}},[l(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),l(": ")]),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#839496"}},[l(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),l(": ")]),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#839496"}}," }")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUser = {
-    name: string;
-    mail?: SomeUserMail | undefined;
-}`},"SomeUser")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}},[l(" { "),s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#657B83"}},[l("; "),s("data-lsp",{lsp:"(property) mail?: SomeUserMail | undefined"},"mail")]),s("span",{style:{color:"#859900"}},"?:"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#657B83"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}},[l(" { "),s("data-lsp",{lsp:"(property) content: string"},"content")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#657B83"}},[l("; "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"boolean"),s("span",{style:{color:"#657B83"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}},[l(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),l(": ")]),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#657B83"}},[l(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),l(": ")]),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#657B83"}}," }")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```twoslash include myBlockWithSteps")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeString = string")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"// - base")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeUserMail = { content: string; verified: boolean }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"// - afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"// - afterGroupDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"mail"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},"SomeUserMail"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," { content: "),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#839496"}},", verified: "),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#839496"}}," }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```twoslash include myBlockWithSteps")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeString = string")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"// - base")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeUserMail = { content: string; verified: boolean }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"// - afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"// - afterGroupDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"mail"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},"SomeUserMail"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," { content: "),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#657B83"}},", verified: "),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#657B83"}}," }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br"),s("span",{class:"line-number"},"11"),s("br"),s("span",{class:"line-number"},"12"),s("br"),s("span",{class:"line-number"},"13"),s("br"),s("span",{class:"line-number"},"14"),s("br")])])])],-1),b=s("h2",{id:"hiding-re-used-code",tabindex:"-1"},[l("Hiding re-used code "),s("a",{class:"header-anchor",href:"#hiding-re-used-code","aria-label":'Permalink to "Hiding re-used code"'},"​")],-1),g=s("p",null,[l("Re-using a lot of TypeScript code can easily bloat your documentation and obstruct the main point of your code block. You can hide re-used code to keep your code blocks clean and concise by "),s("a",{href:"./cutting"},"cutting"),l(" right after the "),s("code",null,"@include"),l(" statement.")],-1),B=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-MqRuy",id:"tab-MXNBgnY",checked:"checked"}),s("label",{for:"tab-MXNBgnY"},"output"),s("input",{type:"radio",name:"group-MqRuy",id:"tab-RlExHh_"}),s("label",{for:"tab-RlExHh_"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}},[l(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),l(": ")]),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#839496"}},[l(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),l(": ")]),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#839496"}}," }")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}},[l(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),l(": ")]),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#657B83"}},[l(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),l(": ")]),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#657B83"}}," }")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```twoslash include myBlockWithSteps")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeString = string")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"// - base")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeUserMail = { content: string; verified: boolean }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"// - afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"// - afterGroupDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"mail"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},"SomeUserMail"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," { content: "),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#839496"}},", verified: "),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#839496"}}," }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```twoslash include myBlockWithSteps")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeString = string")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"// - base")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeUserMail = { content: string; verified: boolean }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"// - afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"// - afterGroupDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"mail"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},"SomeUserMail"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," { content: "),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#657B83"}},", verified: "),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#657B83"}}," }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br"),s("span",{class:"line-number"},"11"),s("br"),s("span",{class:"line-number"},"12"),s("br"),s("span",{class:"line-number"},"13"),s("br"),s("span",{class:"line-number"},"14"),s("br"),s("span",{class:"line-number"},"15"),s("br")])])])],-1);function h(v,S,f,k,U,w){const n=a;return t(),r("div",null,[i,p(n,{readTime:"2",words:"431"}),d,y,m,u,b,g,B])}const D=o(c,[["render",h]]);export{M as __pageData,D as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_includes.md.d69b2a67.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_includes.md.d69b2a67.lean.js
deleted file mode 100644
index 94ecb939..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_includes.md.d69b2a67.lean.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as t,c as r,H as p,k as s,a as l,Q as e}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const M=JSON.parse('{"title":"Includes","description":"Include re-usable TypeScript blocks in your code examples.","frontmatter":{"description":"Include re-usable TypeScript blocks in your code examples.","title":"Includes"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/includes.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/includes.md","lastUpdated":1695377563000}'),c={name:"application/vitepress-plugin-shiki-twoslash/api/includes.md"},i=s("h1",{id:"includes",tabindex:"-1"},[l("Includes "),s("a",{class:"header-anchor",href:"#includes","aria-label":'Permalink to "Includes"'},"​")],-1),d=e("",11),y=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-rexp6",id:"tab-eibzeKv",checked:"checked"}),s("label",{for:"tab-eibzeKv"},"output"),s("input",{type:"radio",name:"group-rexp6",id:"tab-GO6ltP4"}),s("label",{for:"tab-GO6ltP4"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const a: string"},"a")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'string'")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const a: string"},"a")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'string'")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```twoslash include myBlock")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeString = string")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @include: myBlock")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"a"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},"SomeString"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'string'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```twoslash include myBlock")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeString = string")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @include: myBlock")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"a"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},"SomeString"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'string'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br")])])])],-1),m=e("",3),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-T_X39",id:"tab-iH-2cep",checked:"checked"}),s("label",{for:"tab-iH-2cep"},"output"),s("input",{type:"radio",name:"group-T_X39",id:"tab-q89R72p"}),s("label",{for:"tab-q89R72p"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUser = {
-    name: string;
-    mail?: SomeUserMail | undefined;
-}`},"SomeUser")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}},[l(" { "),s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#839496"}},[l("; "),s("data-lsp",{lsp:"(property) mail?: SomeUserMail | undefined"},"mail")]),s("span",{style:{color:"#859900"}},"?:"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#839496"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}},[l(" { "),s("data-lsp",{lsp:"(property) content: string"},"content")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#839496"}},[l("; "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"boolean"),s("span",{style:{color:"#839496"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}},[l(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),l(": ")]),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#839496"}},[l(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),l(": ")]),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#839496"}}," }")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type SomeString = string"},"SomeString")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUser = {
-    name: string;
-    mail?: SomeUserMail | undefined;
-}`},"SomeUser")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}},[l(" { "),s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#657B83"}},[l("; "),s("data-lsp",{lsp:"(property) mail?: SomeUserMail | undefined"},"mail")]),s("span",{style:{color:"#859900"}},"?:"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#657B83"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}},[l(" { "),s("data-lsp",{lsp:"(property) content: string"},"content")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#657B83"}},[l("; "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"boolean"),s("span",{style:{color:"#657B83"}}," }")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}},[l(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),l(": ")]),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#657B83"}},[l(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),l(": ")]),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#657B83"}}," }")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```twoslash include myBlockWithSteps")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeString = string")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"// - base")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeUserMail = { content: string; verified: boolean }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"// - afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"// - afterGroupDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"mail"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},"SomeUserMail"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," { content: "),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#839496"}},", verified: "),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#839496"}}," }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```twoslash include myBlockWithSteps")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeString = string")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"// - base")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeUserMail = { content: string; verified: boolean }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"// - afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"// - afterGroupDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"mail"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},"SomeUserMail"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," { content: "),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#657B83"}},", verified: "),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#657B83"}}," }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br"),s("span",{class:"line-number"},"11"),s("br"),s("span",{class:"line-number"},"12"),s("br"),s("span",{class:"line-number"},"13"),s("br"),s("span",{class:"line-number"},"14"),s("br")])])])],-1),b=s("h2",{id:"hiding-re-used-code",tabindex:"-1"},[l("Hiding re-used code "),s("a",{class:"header-anchor",href:"#hiding-re-used-code","aria-label":'Permalink to "Hiding re-used code"'},"​")],-1),g=s("p",null,[l("Re-using a lot of TypeScript code can easily bloat your documentation and obstruct the main point of your code block. You can hide re-used code to keep your code blocks clean and concise by "),s("a",{href:"./cutting"},"cutting"),l(" right after the "),s("code",null,"@include"),l(" statement.")],-1),B=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-MqRuy",id:"tab-MXNBgnY",checked:"checked"}),s("label",{for:"tab-MXNBgnY"},"output"),s("input",{type:"radio",name:"group-MqRuy",id:"tab-RlExHh_"}),s("label",{for:"tab-RlExHh_"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}},[l(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),l(": ")]),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#839496"}},[l(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),l(": ")]),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#839496"}}," }")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const mail: SomeUserMail"},"mail")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type SomeUserMail = {
-    content: string;
-    verified: boolean;
-}`},"SomeUserMail")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}},[l(" { "),s("data-lsp",{lsp:"(property) content: string"},"content"),l(": ")]),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#657B83"}},[l(", "),s("data-lsp",{lsp:"(property) verified: boolean"},"verified"),l(": ")]),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#657B83"}}," }")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```twoslash include myBlockWithSteps")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeString = string")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"// - base")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeUserMail = { content: string; verified: boolean }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"// - afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"// - afterGroupDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"mail"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},"SomeUserMail"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," { content: "),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#839496"}},", verified: "),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#839496"}}," }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```twoslash include myBlockWithSteps")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeString = string")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"// - base")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeUser = { name: string; mail?: SomeUserMail }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeUserMail = { content: string; verified: boolean }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"// - afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"type SomeGroup = { name: string; members: SomeUser[] }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"// - afterGroupDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @include: myBlockWithSteps-afterUserDefinitions")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"mail"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},"SomeUserMail"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," { content: "),s("span",{style:{color:"#2AA198"}},"'some-email'"),s("span",{style:{color:"#657B83"}},", verified: "),s("span",{style:{color:"#B58900"}},"true"),s("span",{style:{color:"#657B83"}}," }")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br"),s("span",{class:"line-number"},"11"),s("br"),s("span",{class:"line-number"},"12"),s("br"),s("span",{class:"line-number"},"13"),s("br"),s("span",{class:"line-number"},"14"),s("br"),s("span",{class:"line-number"},"15"),s("br")])])])],-1);function h(v,S,f,k,U,w){const n=a;return t(),r("div",null,[i,p(n,{readTime:"2",words:"431"}),d,y,m,u,b,g,B])}const D=o(c,[["render",h]]);export{M as __pageData,D as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_logging.md.8b741477.js b/assets/application_vitepress-plugin-shiki-twoslash_api_logging.md.8b741477.js
new file mode 100644
index 00000000..bd489d73
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_logging.md.8b741477.js
@@ -0,0 +1,20 @@
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as n,c as t,H as r,k as l,a as s,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const f=JSON.parse('{"title":"Logging","description":"Display formatted output for code examples.","frontmatter":{"description":"Display formatted output for code examples.","title":"Logging","keywords":["console","javascript","typescript","showcase","snippets"]},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/logging.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/logging.md","lastUpdated":1699051935000}'),c={name:"application/vitepress-plugin-shiki-twoslash/api/logging.md"},p=l("h1",{id:"logging",tabindex:"-1"},[s("Logging "),l("a",{class:"header-anchor",href:"#logging","aria-label":'Permalink to "Logging"'},"​")],-1),d=i('
When you first see a Twoslash code example with an inline compiler error, you instinctively trust that the compiler error is correct because the design shows that it is not a part of the code sample. The logging tools lets you do that, but abuses the systemic trust because your code is not being evaluated to generate the logs.
This feature is effectively a facade, people will trust your output and it will look better.
@log:, @warn:, @error: ​
The names are based on the functions on the console object:
',4),g=l("div",{class:"vp-code-group vp-adaptive-theme"},[l("div",{class:"tabs"},[l("input",{type:"radio",name:"group-5qzOF",id:"tab-X_BVc45",checked:"checked"}),l("label",{for:"tab-X_BVc45"},"output"),l("input",{type:"radio",name:"group-5qzOF",id:"tab-57Euuoa"}),l("label",{for:"tab-57Euuoa"},"markdown")]),l("div",{class:"blocks"},[l("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[l("button",{title:"Copy Code",class:"copy"}),l("span",{class:"lang"},"ts"),l("pre",null,[l("code",{class:"language-ts"},[l("div",{class:"tag-container"},[l("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[l("div",{class:"language-id"},"ts"),l("div",{class:"code-container"},[l("code",null,[l("div",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},[l("data-lsp",{lsp:"var console: Console"},"console"),s(".")]),l("span",{style:{color:"#DCBDFB"}},[l("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),l("span",{style:{color:"#ADBAC7"}},"("),l("span",{style:{color:"#96D0FF"}},"'Hello log'"),l("span",{style:{color:"#ADBAC7"}},")")]),l("div",{class:"meta-line logger log-log"},[l("svg",{width:"12",height:"15",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M5.76822 0.359816C5.41466 -0.0644613 4.78409 -0.121785 4.35982 0.231779C3.93554 0.585343 3.87821 1.21591 4.23178 1.64018L5.76822 0.359816ZM10 7L10.7926 7.60971L11.2809 6.97499L10.7682 6.35982L10 7ZM4.20738 12.8903C3.87064 13.328 3.95254 13.9559 4.39029 14.2926C4.82804 14.6294 5.45589 14.5475 5.79262 14.1097L4.20738 12.8903ZM4.23178 1.64018L9.23178 7.64018L10.7682 6.35982L5.76822 0.359816L4.23178 1.64018ZM9.20738 6.39029L4.20738 12.8903L5.79262 14.1097L10.7926 7.60971L9.20738 6.39029Z",fill:"#BDBDBD"}),l("line",{y1:"3.5",x2:"4",y2:"3.5",stroke:"#BDBDBD"}),l("path",{d:"M0 7H4",stroke:"#BDBDBD"}),l("line",{y1:"10.5",x2:"4",y2:"10.5",stroke:"#BDBDBD"})]),l("span",{class:"message"},"Hello log")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},[l("data-lsp",{lsp:"var console: Console"},"console"),s(".")]),l("span",{style:{color:"#DCBDFB"}},[l("data-lsp",{lsp:"(method) Console.warn(...data: any[]): void"},"warn")]),l("span",{style:{color:"#ADBAC7"}},"("),l("span",{style:{color:"#96D0FF"}},"'Hello warn'"),l("span",{style:{color:"#ADBAC7"}},")")]),l("div",{class:"meta-line logger warn-log"},[l("svg",{width:"21",height:"18",viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M9.63401 0.5C10.0189 -0.166667 10.9812 -0.166667 11.3661 0.5L20.4593 16.25C20.8442 16.9167 20.3631 17.75 19.5933 17.75H1.40676C0.636965 17.75 0.15584 16.9167 0.54074 16.25L9.63401 0.5Z",fill:"#E5A604"}),l("rect",{x:"9",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"9",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello warn")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},[l("data-lsp",{lsp:"var console: Console"},"console"),s(".")]),l("span",{style:{color:"#DCBDFB"}},[l("data-lsp",{lsp:"(method) Console.error(...data: any[]): void"},"error")]),l("span",{style:{color:"#ADBAC7"}},"("),l("span",{style:{color:"#96D0FF"}},"'Hello error'"),l("span",{style:{color:"#ADBAC7"}},")")]),l("div",{class:"meta-line logger error-log"},[l("svg",{width:"19",height:"19",viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M4.63018 1.29289L1.29289 4.63018C1.10536 4.81772 1 5.07207 1 5.33729V13.6627C1 13.9279 1.10536 14.1823 1.29289 14.3698L4.63018 17.7071C4.81772 17.8946 5.07207 18 5.33729 18H13.6627C13.9279 18 14.1823 17.8946 14.3698 17.7071L17.7071 14.3698C17.8946 14.1823 18 13.9279 18 13.6627V5.33729C18 5.07207 17.8946 4.81772 17.7071 4.63018L14.3698 1.29289C14.1823 1.10536 13.9279 1 13.6627 1H5.33729C5.07207 1 4.81772 1.10536 4.63018 1.29289Z",fill:"#E72622",stroke:"#E72622"}),l("rect",{x:"8",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"8",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello error")])])])])]),s(`
+`),l("div",{class:"tag-container"},[l("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[l("div",{class:"language-id"},"ts"),l("div",{class:"code-container"},[l("code",null,[l("div",{class:"line"},[l("span",{style:{color:"#24292E"}},[l("data-lsp",{lsp:"var console: Console"},"console"),s(".")]),l("span",{style:{color:"#6F42C1"}},[l("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),l("span",{style:{color:"#24292E"}},"("),l("span",{style:{color:"#032F62"}},"'Hello log'"),l("span",{style:{color:"#24292E"}},")")]),l("div",{class:"meta-line logger log-log"},[l("svg",{width:"12",height:"15",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M5.76822 0.359816C5.41466 -0.0644613 4.78409 -0.121785 4.35982 0.231779C3.93554 0.585343 3.87821 1.21591 4.23178 1.64018L5.76822 0.359816ZM10 7L10.7926 7.60971L11.2809 6.97499L10.7682 6.35982L10 7ZM4.20738 12.8903C3.87064 13.328 3.95254 13.9559 4.39029 14.2926C4.82804 14.6294 5.45589 14.5475 5.79262 14.1097L4.20738 12.8903ZM4.23178 1.64018L9.23178 7.64018L10.7682 6.35982L5.76822 0.359816L4.23178 1.64018ZM9.20738 6.39029L4.20738 12.8903L5.79262 14.1097L10.7926 7.60971L9.20738 6.39029Z",fill:"#BDBDBD"}),l("line",{y1:"3.5",x2:"4",y2:"3.5",stroke:"#BDBDBD"}),l("path",{d:"M0 7H4",stroke:"#BDBDBD"}),l("line",{y1:"10.5",x2:"4",y2:"10.5",stroke:"#BDBDBD"})]),l("span",{class:"message"},"Hello log")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#24292E"}},[l("data-lsp",{lsp:"var console: Console"},"console"),s(".")]),l("span",{style:{color:"#6F42C1"}},[l("data-lsp",{lsp:"(method) Console.warn(...data: any[]): void"},"warn")]),l("span",{style:{color:"#24292E"}},"("),l("span",{style:{color:"#032F62"}},"'Hello warn'"),l("span",{style:{color:"#24292E"}},")")]),l("div",{class:"meta-line logger warn-log"},[l("svg",{width:"21",height:"18",viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M9.63401 0.5C10.0189 -0.166667 10.9812 -0.166667 11.3661 0.5L20.4593 16.25C20.8442 16.9167 20.3631 17.75 19.5933 17.75H1.40676C0.636965 17.75 0.15584 16.9167 0.54074 16.25L9.63401 0.5Z",fill:"#E5A604"}),l("rect",{x:"9",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"9",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello warn")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#24292E"}},[l("data-lsp",{lsp:"var console: Console"},"console"),s(".")]),l("span",{style:{color:"#6F42C1"}},[l("data-lsp",{lsp:"(method) Console.error(...data: any[]): void"},"error")]),l("span",{style:{color:"#24292E"}},"("),l("span",{style:{color:"#032F62"}},"'Hello error'"),l("span",{style:{color:"#24292E"}},")")]),l("div",{class:"meta-line logger error-log"},[l("svg",{width:"19",height:"19",viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M4.63018 1.29289L1.29289 4.63018C1.10536 4.81772 1 5.07207 1 5.33729V13.6627C1 13.9279 1.10536 14.1823 1.29289 14.3698L4.63018 17.7071C4.81772 17.8946 5.07207 18 5.33729 18H13.6627C13.9279 18 14.1823 17.8946 14.3698 17.7071L17.7071 14.3698C17.8946 14.1823 18 13.9279 18 13.6627V5.33729C18 5.07207 17.8946 4.81772 17.7071 4.63018L14.3698 1.29289C14.1823 1.10536 13.9279 1 13.6627 1H5.33729C5.07207 1 4.81772 1.10536 4.63018 1.29289Z",fill:"#E72622",stroke:"#E72622"}),l("rect",{x:"8",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"8",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello error")])])])])])])]),l("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[l("span",{class:"line-number"},"1"),l("br")])]),l("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[l("button",{title:"Copy Code",class:"copy"}),l("span",{class:"lang"},"md"),l("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[l("code",null,[l("span",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},"console."),l("span",{style:{color:"#DCBDFB"}},"log"),l("span",{style:{color:"#ADBAC7"}},"("),l("span",{style:{color:"#96D0FF"}},"'Hello log'"),l("span",{style:{color:"#ADBAC7"}},")")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#768390"}},"// @log: Hello log")]),s(`
+`),l("span",{class:"line"}),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},"console."),l("span",{style:{color:"#DCBDFB"}},"warn"),l("span",{style:{color:"#ADBAC7"}},"("),l("span",{style:{color:"#96D0FF"}},"'Hello warn'"),l("span",{style:{color:"#ADBAC7"}},")")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#768390"}},"// @warn: Hello warn")]),s(`
+`),l("span",{class:"line"}),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},"console."),l("span",{style:{color:"#DCBDFB"}},"error"),l("span",{style:{color:"#ADBAC7"}},"("),l("span",{style:{color:"#96D0FF"}},"'Hello error'"),l("span",{style:{color:"#ADBAC7"}},")")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#768390"}},"// @error: Hello error")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},"```")])])]),l("pre",{class:"shiki github-light vp-code-light"},[l("code",null,[l("span",{class:"line"},[l("span",{style:{color:"#24292E"}},"```ts twoslash")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#24292E"}},"console."),l("span",{style:{color:"#6F42C1"}},"log"),l("span",{style:{color:"#24292E"}},"("),l("span",{style:{color:"#032F62"}},"'Hello log'"),l("span",{style:{color:"#24292E"}},")")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#6A737D"}},"// @log: Hello log")]),s(`
+`),l("span",{class:"line"}),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#24292E"}},"console."),l("span",{style:{color:"#6F42C1"}},"warn"),l("span",{style:{color:"#24292E"}},"("),l("span",{style:{color:"#032F62"}},"'Hello warn'"),l("span",{style:{color:"#24292E"}},")")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#6A737D"}},"// @warn: Hello warn")]),s(`
+`),l("span",{class:"line"}),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#24292E"}},"console."),l("span",{style:{color:"#6F42C1"}},"error"),l("span",{style:{color:"#24292E"}},"("),l("span",{style:{color:"#032F62"}},"'Hello error'"),l("span",{style:{color:"#24292E"}},")")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#6A737D"}},"// @error: Hello error")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#24292E"}},"```")])])]),l("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[l("span",{class:"line-number"},"1"),l("br"),l("span",{class:"line-number"},"2"),l("br"),l("span",{class:"line-number"},"3"),l("br"),l("span",{class:"line-number"},"4"),l("br"),l("span",{class:"line-number"},"5"),l("br"),l("span",{class:"line-number"},"6"),l("br"),l("span",{class:"line-number"},"7"),l("br"),l("span",{class:"line-number"},"8"),l("br"),l("span",{class:"line-number"},"9"),l("br"),l("span",{class:"line-number"},"10"),l("br")])])])],-1);function h(y,w,m,C,v,u){const e=o;return n(),t("div",null,[p,r(e,{readTime:"1",words:"152"}),d,g])}const A=a(c,[["render",h]]);export{f as __pageData,A as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_logging.md.8b741477.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_logging.md.8b741477.lean.js
new file mode 100644
index 00000000..2944f08c
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_logging.md.8b741477.lean.js
@@ -0,0 +1,20 @@
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as n,c as t,H as r,k as l,a as s,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const f=JSON.parse('{"title":"Logging","description":"Display formatted output for code examples.","frontmatter":{"description":"Display formatted output for code examples.","title":"Logging","keywords":["console","javascript","typescript","showcase","snippets"]},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/logging.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/logging.md","lastUpdated":1699051935000}'),c={name:"application/vitepress-plugin-shiki-twoslash/api/logging.md"},p=l("h1",{id:"logging",tabindex:"-1"},[s("Logging "),l("a",{class:"header-anchor",href:"#logging","aria-label":'Permalink to "Logging"'},"​")],-1),d=i("",4),g=l("div",{class:"vp-code-group vp-adaptive-theme"},[l("div",{class:"tabs"},[l("input",{type:"radio",name:"group-5qzOF",id:"tab-X_BVc45",checked:"checked"}),l("label",{for:"tab-X_BVc45"},"output"),l("input",{type:"radio",name:"group-5qzOF",id:"tab-57Euuoa"}),l("label",{for:"tab-57Euuoa"},"markdown")]),l("div",{class:"blocks"},[l("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[l("button",{title:"Copy Code",class:"copy"}),l("span",{class:"lang"},"ts"),l("pre",null,[l("code",{class:"language-ts"},[l("div",{class:"tag-container"},[l("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[l("div",{class:"language-id"},"ts"),l("div",{class:"code-container"},[l("code",null,[l("div",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},[l("data-lsp",{lsp:"var console: Console"},"console"),s(".")]),l("span",{style:{color:"#DCBDFB"}},[l("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),l("span",{style:{color:"#ADBAC7"}},"("),l("span",{style:{color:"#96D0FF"}},"'Hello log'"),l("span",{style:{color:"#ADBAC7"}},")")]),l("div",{class:"meta-line logger log-log"},[l("svg",{width:"12",height:"15",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M5.76822 0.359816C5.41466 -0.0644613 4.78409 -0.121785 4.35982 0.231779C3.93554 0.585343 3.87821 1.21591 4.23178 1.64018L5.76822 0.359816ZM10 7L10.7926 7.60971L11.2809 6.97499L10.7682 6.35982L10 7ZM4.20738 12.8903C3.87064 13.328 3.95254 13.9559 4.39029 14.2926C4.82804 14.6294 5.45589 14.5475 5.79262 14.1097L4.20738 12.8903ZM4.23178 1.64018L9.23178 7.64018L10.7682 6.35982L5.76822 0.359816L4.23178 1.64018ZM9.20738 6.39029L4.20738 12.8903L5.79262 14.1097L10.7926 7.60971L9.20738 6.39029Z",fill:"#BDBDBD"}),l("line",{y1:"3.5",x2:"4",y2:"3.5",stroke:"#BDBDBD"}),l("path",{d:"M0 7H4",stroke:"#BDBDBD"}),l("line",{y1:"10.5",x2:"4",y2:"10.5",stroke:"#BDBDBD"})]),l("span",{class:"message"},"Hello log")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},[l("data-lsp",{lsp:"var console: Console"},"console"),s(".")]),l("span",{style:{color:"#DCBDFB"}},[l("data-lsp",{lsp:"(method) Console.warn(...data: any[]): void"},"warn")]),l("span",{style:{color:"#ADBAC7"}},"("),l("span",{style:{color:"#96D0FF"}},"'Hello warn'"),l("span",{style:{color:"#ADBAC7"}},")")]),l("div",{class:"meta-line logger warn-log"},[l("svg",{width:"21",height:"18",viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M9.63401 0.5C10.0189 -0.166667 10.9812 -0.166667 11.3661 0.5L20.4593 16.25C20.8442 16.9167 20.3631 17.75 19.5933 17.75H1.40676C0.636965 17.75 0.15584 16.9167 0.54074 16.25L9.63401 0.5Z",fill:"#E5A604"}),l("rect",{x:"9",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"9",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello warn")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},[l("data-lsp",{lsp:"var console: Console"},"console"),s(".")]),l("span",{style:{color:"#DCBDFB"}},[l("data-lsp",{lsp:"(method) Console.error(...data: any[]): void"},"error")]),l("span",{style:{color:"#ADBAC7"}},"("),l("span",{style:{color:"#96D0FF"}},"'Hello error'"),l("span",{style:{color:"#ADBAC7"}},")")]),l("div",{class:"meta-line logger error-log"},[l("svg",{width:"19",height:"19",viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M4.63018 1.29289L1.29289 4.63018C1.10536 4.81772 1 5.07207 1 5.33729V13.6627C1 13.9279 1.10536 14.1823 1.29289 14.3698L4.63018 17.7071C4.81772 17.8946 5.07207 18 5.33729 18H13.6627C13.9279 18 14.1823 17.8946 14.3698 17.7071L17.7071 14.3698C17.8946 14.1823 18 13.9279 18 13.6627V5.33729C18 5.07207 17.8946 4.81772 17.7071 4.63018L14.3698 1.29289C14.1823 1.10536 13.9279 1 13.6627 1H5.33729C5.07207 1 4.81772 1.10536 4.63018 1.29289Z",fill:"#E72622",stroke:"#E72622"}),l("rect",{x:"8",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"8",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello error")])])])])]),s(`
+`),l("div",{class:"tag-container"},[l("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[l("div",{class:"language-id"},"ts"),l("div",{class:"code-container"},[l("code",null,[l("div",{class:"line"},[l("span",{style:{color:"#24292E"}},[l("data-lsp",{lsp:"var console: Console"},"console"),s(".")]),l("span",{style:{color:"#6F42C1"}},[l("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),l("span",{style:{color:"#24292E"}},"("),l("span",{style:{color:"#032F62"}},"'Hello log'"),l("span",{style:{color:"#24292E"}},")")]),l("div",{class:"meta-line logger log-log"},[l("svg",{width:"12",height:"15",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M5.76822 0.359816C5.41466 -0.0644613 4.78409 -0.121785 4.35982 0.231779C3.93554 0.585343 3.87821 1.21591 4.23178 1.64018L5.76822 0.359816ZM10 7L10.7926 7.60971L11.2809 6.97499L10.7682 6.35982L10 7ZM4.20738 12.8903C3.87064 13.328 3.95254 13.9559 4.39029 14.2926C4.82804 14.6294 5.45589 14.5475 5.79262 14.1097L4.20738 12.8903ZM4.23178 1.64018L9.23178 7.64018L10.7682 6.35982L5.76822 0.359816L4.23178 1.64018ZM9.20738 6.39029L4.20738 12.8903L5.79262 14.1097L10.7926 7.60971L9.20738 6.39029Z",fill:"#BDBDBD"}),l("line",{y1:"3.5",x2:"4",y2:"3.5",stroke:"#BDBDBD"}),l("path",{d:"M0 7H4",stroke:"#BDBDBD"}),l("line",{y1:"10.5",x2:"4",y2:"10.5",stroke:"#BDBDBD"})]),l("span",{class:"message"},"Hello log")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#24292E"}},[l("data-lsp",{lsp:"var console: Console"},"console"),s(".")]),l("span",{style:{color:"#6F42C1"}},[l("data-lsp",{lsp:"(method) Console.warn(...data: any[]): void"},"warn")]),l("span",{style:{color:"#24292E"}},"("),l("span",{style:{color:"#032F62"}},"'Hello warn'"),l("span",{style:{color:"#24292E"}},")")]),l("div",{class:"meta-line logger warn-log"},[l("svg",{width:"21",height:"18",viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M9.63401 0.5C10.0189 -0.166667 10.9812 -0.166667 11.3661 0.5L20.4593 16.25C20.8442 16.9167 20.3631 17.75 19.5933 17.75H1.40676C0.636965 17.75 0.15584 16.9167 0.54074 16.25L9.63401 0.5Z",fill:"#E5A604"}),l("rect",{x:"9",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"9",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello warn")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#24292E"}},[l("data-lsp",{lsp:"var console: Console"},"console"),s(".")]),l("span",{style:{color:"#6F42C1"}},[l("data-lsp",{lsp:"(method) Console.error(...data: any[]): void"},"error")]),l("span",{style:{color:"#24292E"}},"("),l("span",{style:{color:"#032F62"}},"'Hello error'"),l("span",{style:{color:"#24292E"}},")")]),l("div",{class:"meta-line logger error-log"},[l("svg",{width:"19",height:"19",viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M4.63018 1.29289L1.29289 4.63018C1.10536 4.81772 1 5.07207 1 5.33729V13.6627C1 13.9279 1.10536 14.1823 1.29289 14.3698L4.63018 17.7071C4.81772 17.8946 5.07207 18 5.33729 18H13.6627C13.9279 18 14.1823 17.8946 14.3698 17.7071L17.7071 14.3698C17.8946 14.1823 18 13.9279 18 13.6627V5.33729C18 5.07207 17.8946 4.81772 17.7071 4.63018L14.3698 1.29289C14.1823 1.10536 13.9279 1 13.6627 1H5.33729C5.07207 1 4.81772 1.10536 4.63018 1.29289Z",fill:"#E72622",stroke:"#E72622"}),l("rect",{x:"8",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"8",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello error")])])])])])])]),l("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[l("span",{class:"line-number"},"1"),l("br")])]),l("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[l("button",{title:"Copy Code",class:"copy"}),l("span",{class:"lang"},"md"),l("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[l("code",null,[l("span",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},"console."),l("span",{style:{color:"#DCBDFB"}},"log"),l("span",{style:{color:"#ADBAC7"}},"("),l("span",{style:{color:"#96D0FF"}},"'Hello log'"),l("span",{style:{color:"#ADBAC7"}},")")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#768390"}},"// @log: Hello log")]),s(`
+`),l("span",{class:"line"}),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},"console."),l("span",{style:{color:"#DCBDFB"}},"warn"),l("span",{style:{color:"#ADBAC7"}},"("),l("span",{style:{color:"#96D0FF"}},"'Hello warn'"),l("span",{style:{color:"#ADBAC7"}},")")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#768390"}},"// @warn: Hello warn")]),s(`
+`),l("span",{class:"line"}),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},"console."),l("span",{style:{color:"#DCBDFB"}},"error"),l("span",{style:{color:"#ADBAC7"}},"("),l("span",{style:{color:"#96D0FF"}},"'Hello error'"),l("span",{style:{color:"#ADBAC7"}},")")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#768390"}},"// @error: Hello error")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#ADBAC7"}},"```")])])]),l("pre",{class:"shiki github-light vp-code-light"},[l("code",null,[l("span",{class:"line"},[l("span",{style:{color:"#24292E"}},"```ts twoslash")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#24292E"}},"console."),l("span",{style:{color:"#6F42C1"}},"log"),l("span",{style:{color:"#24292E"}},"("),l("span",{style:{color:"#032F62"}},"'Hello log'"),l("span",{style:{color:"#24292E"}},")")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#6A737D"}},"// @log: Hello log")]),s(`
+`),l("span",{class:"line"}),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#24292E"}},"console."),l("span",{style:{color:"#6F42C1"}},"warn"),l("span",{style:{color:"#24292E"}},"("),l("span",{style:{color:"#032F62"}},"'Hello warn'"),l("span",{style:{color:"#24292E"}},")")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#6A737D"}},"// @warn: Hello warn")]),s(`
+`),l("span",{class:"line"}),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#24292E"}},"console."),l("span",{style:{color:"#6F42C1"}},"error"),l("span",{style:{color:"#24292E"}},"("),l("span",{style:{color:"#032F62"}},"'Hello error'"),l("span",{style:{color:"#24292E"}},")")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#6A737D"}},"// @error: Hello error")]),s(`
+`),l("span",{class:"line"},[l("span",{style:{color:"#24292E"}},"```")])])]),l("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[l("span",{class:"line-number"},"1"),l("br"),l("span",{class:"line-number"},"2"),l("br"),l("span",{class:"line-number"},"3"),l("br"),l("span",{class:"line-number"},"4"),l("br"),l("span",{class:"line-number"},"5"),l("br"),l("span",{class:"line-number"},"6"),l("br"),l("span",{class:"line-number"},"7"),l("br"),l("span",{class:"line-number"},"8"),l("br"),l("span",{class:"line-number"},"9"),l("br"),l("span",{class:"line-number"},"10"),l("br")])])])],-1);function h(y,w,m,C,v,u){const e=o;return n(),t("div",null,[p,r(e,{readTime:"1",words:"152"}),d,g])}const A=a(c,[["render",h]]);export{f as __pageData,A as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_logging.md.d3641bab.js b/assets/application_vitepress-plugin-shiki-twoslash_api_logging.md.d3641bab.js
deleted file mode 100644
index 3e9226b7..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_logging.md.d3641bab.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as n,c as t,H as r,k as l,a as s,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const C=JSON.parse('{"title":"Logging","description":"Display formatted output for code examples.","frontmatter":{"description":"Display formatted output for code examples.","title":"Logging","keywords":["console","javascript","typescript","showcase","snippets"]},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/logging.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/logging.md","lastUpdated":1695377563000}'),c={name:"application/vitepress-plugin-shiki-twoslash/api/logging.md"},p=l("h1",{id:"logging",tabindex:"-1"},[s("Logging "),l("a",{class:"header-anchor",href:"#logging","aria-label":'Permalink to "Logging"'},"​")],-1),d=i('
When you first see a Twoslash code example with an inline compiler error, you instinctively trust that the compiler error is correct because the design shows that it is not a part of the code sample. The logging tools lets you do that, but abuses the systemic trust because your code is not being evaluated to generate the logs.
This feature is effectively a facade, people will trust your output and it will look better.
@log:, @warn:, @error: ​
The names are based on the functions on the console object:
',4),g=l("div",{class:"vp-code-group vp-adaptive-theme"},[l("div",{class:"tabs"},[l("input",{type:"radio",name:"group-FCfwU",id:"tab-3NifHbL",checked:"checked"}),l("label",{for:"tab-3NifHbL"},"output"),l("input",{type:"radio",name:"group-FCfwU",id:"tab-y9JwiF_"}),l("label",{for:"tab-y9JwiF_"},"markdown")]),l("div",{class:"blocks"},[l("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[l("button",{title:"Copy Code",class:"copy"}),l("span",{class:"lang"},"ts"),l("pre",null,[l("code",{class:"language-ts"},[l("div",{class:"tag-container"},[l("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[l("div",{class:"language-id"},"ts"),l("div",{class:"code-container"},[l("code",null,[l("div",{class:"line"},[l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"var console: Console"},"console")]),l("span",{style:{color:"#839496"}},"."),l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),l("span",{style:{color:"#839496"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello log'"),l("span",{style:{color:"#839496"}},")")]),l("div",{class:"meta-line logger log-log"},[l("svg",{width:"12",height:"15",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M5.76822 0.359816C5.41466 -0.0644613 4.78409 -0.121785 4.35982 0.231779C3.93554 0.585343 3.87821 1.21591 4.23178 1.64018L5.76822 0.359816ZM10 7L10.7926 7.60971L11.2809 6.97499L10.7682 6.35982L10 7ZM4.20738 12.8903C3.87064 13.328 3.95254 13.9559 4.39029 14.2926C4.82804 14.6294 5.45589 14.5475 5.79262 14.1097L4.20738 12.8903ZM4.23178 1.64018L9.23178 7.64018L10.7682 6.35982L5.76822 0.359816L4.23178 1.64018ZM9.20738 6.39029L4.20738 12.8903L5.79262 14.1097L10.7926 7.60971L9.20738 6.39029Z",fill:"#BDBDBD"}),l("line",{y1:"3.5",x2:"4",y2:"3.5",stroke:"#BDBDBD"}),l("path",{d:"M0 7H4",stroke:"#BDBDBD"}),l("line",{y1:"10.5",x2:"4",y2:"10.5",stroke:"#BDBDBD"})]),l("span",{class:"message"},"Hello log")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"var console: Console"},"console")]),l("span",{style:{color:"#839496"}},"."),l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"(method) Console.warn(...data: any[]): void"},"warn")]),l("span",{style:{color:"#839496"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello warn'"),l("span",{style:{color:"#839496"}},")")]),l("div",{class:"meta-line logger warn-log"},[l("svg",{width:"21",height:"18",viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M9.63401 0.5C10.0189 -0.166667 10.9812 -0.166667 11.3661 0.5L20.4593 16.25C20.8442 16.9167 20.3631 17.75 19.5933 17.75H1.40676C0.636965 17.75 0.15584 16.9167 0.54074 16.25L9.63401 0.5Z",fill:"#E5A604"}),l("rect",{x:"9",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"9",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello warn")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"var console: Console"},"console")]),l("span",{style:{color:"#839496"}},"."),l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"(method) Console.error(...data: any[]): void"},"error")]),l("span",{style:{color:"#839496"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello error'"),l("span",{style:{color:"#839496"}},")")]),l("div",{class:"meta-line logger error-log"},[l("svg",{width:"19",height:"19",viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M4.63018 1.29289L1.29289 4.63018C1.10536 4.81772 1 5.07207 1 5.33729V13.6627C1 13.9279 1.10536 14.1823 1.29289 14.3698L4.63018 17.7071C4.81772 17.8946 5.07207 18 5.33729 18H13.6627C13.9279 18 14.1823 17.8946 14.3698 17.7071L17.7071 14.3698C17.8946 14.1823 18 13.9279 18 13.6627V5.33729C18 5.07207 17.8946 4.81772 17.7071 4.63018L14.3698 1.29289C14.1823 1.10536 13.9279 1 13.6627 1H5.33729C5.07207 1 4.81772 1.10536 4.63018 1.29289Z",fill:"#E72622",stroke:"#E72622"}),l("rect",{x:"8",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"8",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello error")])])])])]),s(`
-`),l("div",{class:"tag-container"},[l("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[l("div",{class:"language-id"},"ts"),l("div",{class:"code-container"},[l("code",null,[l("div",{class:"line"},[l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"var console: Console"},"console")]),l("span",{style:{color:"#657B83"}},"."),l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),l("span",{style:{color:"#657B83"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello log'"),l("span",{style:{color:"#657B83"}},")")]),l("div",{class:"meta-line logger log-log"},[l("svg",{width:"12",height:"15",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M5.76822 0.359816C5.41466 -0.0644613 4.78409 -0.121785 4.35982 0.231779C3.93554 0.585343 3.87821 1.21591 4.23178 1.64018L5.76822 0.359816ZM10 7L10.7926 7.60971L11.2809 6.97499L10.7682 6.35982L10 7ZM4.20738 12.8903C3.87064 13.328 3.95254 13.9559 4.39029 14.2926C4.82804 14.6294 5.45589 14.5475 5.79262 14.1097L4.20738 12.8903ZM4.23178 1.64018L9.23178 7.64018L10.7682 6.35982L5.76822 0.359816L4.23178 1.64018ZM9.20738 6.39029L4.20738 12.8903L5.79262 14.1097L10.7926 7.60971L9.20738 6.39029Z",fill:"#BDBDBD"}),l("line",{y1:"3.5",x2:"4",y2:"3.5",stroke:"#BDBDBD"}),l("path",{d:"M0 7H4",stroke:"#BDBDBD"}),l("line",{y1:"10.5",x2:"4",y2:"10.5",stroke:"#BDBDBD"})]),l("span",{class:"message"},"Hello log")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"var console: Console"},"console")]),l("span",{style:{color:"#657B83"}},"."),l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"(method) Console.warn(...data: any[]): void"},"warn")]),l("span",{style:{color:"#657B83"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello warn'"),l("span",{style:{color:"#657B83"}},")")]),l("div",{class:"meta-line logger warn-log"},[l("svg",{width:"21",height:"18",viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M9.63401 0.5C10.0189 -0.166667 10.9812 -0.166667 11.3661 0.5L20.4593 16.25C20.8442 16.9167 20.3631 17.75 19.5933 17.75H1.40676C0.636965 17.75 0.15584 16.9167 0.54074 16.25L9.63401 0.5Z",fill:"#E5A604"}),l("rect",{x:"9",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"9",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello warn")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"var console: Console"},"console")]),l("span",{style:{color:"#657B83"}},"."),l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"(method) Console.error(...data: any[]): void"},"error")]),l("span",{style:{color:"#657B83"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello error'"),l("span",{style:{color:"#657B83"}},")")]),l("div",{class:"meta-line logger error-log"},[l("svg",{width:"19",height:"19",viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M4.63018 1.29289L1.29289 4.63018C1.10536 4.81772 1 5.07207 1 5.33729V13.6627C1 13.9279 1.10536 14.1823 1.29289 14.3698L4.63018 17.7071C4.81772 17.8946 5.07207 18 5.33729 18H13.6627C13.9279 18 14.1823 17.8946 14.3698 17.7071L17.7071 14.3698C17.8946 14.1823 18 13.9279 18 13.6627V5.33729C18 5.07207 17.8946 4.81772 17.7071 4.63018L14.3698 1.29289C14.1823 1.10536 13.9279 1 13.6627 1H5.33729C5.07207 1 4.81772 1.10536 4.63018 1.29289Z",fill:"#E72622",stroke:"#E72622"}),l("rect",{x:"8",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"8",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello error")])])])])])])]),l("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[l("span",{class:"line-number"},"1"),l("br")])]),l("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[l("button",{title:"Copy Code",class:"copy"}),l("span",{class:"lang"},"md"),l("pre",{class:"shiki solarized-dark vp-code-dark"},[l("code",null,[l("span",{class:"line"},[l("span",{style:{color:"#839496"}},"```ts twoslash")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#268BD2"}},"console"),l("span",{style:{color:"#839496"}},"."),l("span",{style:{color:"#268BD2"}},"log"),l("span",{style:{color:"#839496"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello log'"),l("span",{style:{color:"#839496"}},")")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#586E75","font-style":"italic"}},"// @log: Hello log")]),s(`
-`),l("span",{class:"line"}),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#268BD2"}},"console"),l("span",{style:{color:"#839496"}},"."),l("span",{style:{color:"#268BD2"}},"warn"),l("span",{style:{color:"#839496"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello warn'"),l("span",{style:{color:"#839496"}},")")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#586E75","font-style":"italic"}},"// @warn: Hello warn")]),s(`
-`),l("span",{class:"line"}),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#268BD2"}},"console"),l("span",{style:{color:"#839496"}},"."),l("span",{style:{color:"#268BD2"}},"error"),l("span",{style:{color:"#839496"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello error'"),l("span",{style:{color:"#839496"}},")")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#586E75","font-style":"italic"}},"// @error: Hello error")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#839496"}},"```")])])]),l("pre",{class:"shiki solarized-light vp-code-light"},[l("code",null,[l("span",{class:"line"},[l("span",{style:{color:"#657B83"}},"```ts twoslash")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#268BD2"}},"console"),l("span",{style:{color:"#657B83"}},"."),l("span",{style:{color:"#268BD2"}},"log"),l("span",{style:{color:"#657B83"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello log'"),l("span",{style:{color:"#657B83"}},")")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @log: Hello log")]),s(`
-`),l("span",{class:"line"}),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#268BD2"}},"console"),l("span",{style:{color:"#657B83"}},"."),l("span",{style:{color:"#268BD2"}},"warn"),l("span",{style:{color:"#657B83"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello warn'"),l("span",{style:{color:"#657B83"}},")")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @warn: Hello warn")]),s(`
-`),l("span",{class:"line"}),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#268BD2"}},"console"),l("span",{style:{color:"#657B83"}},"."),l("span",{style:{color:"#268BD2"}},"error"),l("span",{style:{color:"#657B83"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello error'"),l("span",{style:{color:"#657B83"}},")")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @error: Hello error")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#657B83"}},"```")])])]),l("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[l("span",{class:"line-number"},"1"),l("br"),l("span",{class:"line-number"},"2"),l("br"),l("span",{class:"line-number"},"3"),l("br"),l("span",{class:"line-number"},"4"),l("br"),l("span",{class:"line-number"},"5"),l("br"),l("span",{class:"line-number"},"6"),l("br"),l("span",{class:"line-number"},"7"),l("br"),l("span",{class:"line-number"},"8"),l("br"),l("span",{class:"line-number"},"9"),l("br"),l("span",{class:"line-number"},"10"),l("br")])])])],-1);function y(h,w,B,v,m,u){const e=o;return n(),t("div",null,[p,r(e,{readTime:"1",words:"152"}),d,g])}const L=a(c,[["render",y]]);export{C as __pageData,L as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_logging.md.d3641bab.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_logging.md.d3641bab.lean.js
deleted file mode 100644
index 79dc3672..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_logging.md.d3641bab.lean.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as n,c as t,H as r,k as l,a as s,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const C=JSON.parse('{"title":"Logging","description":"Display formatted output for code examples.","frontmatter":{"description":"Display formatted output for code examples.","title":"Logging","keywords":["console","javascript","typescript","showcase","snippets"]},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/logging.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/logging.md","lastUpdated":1695377563000}'),c={name:"application/vitepress-plugin-shiki-twoslash/api/logging.md"},p=l("h1",{id:"logging",tabindex:"-1"},[s("Logging "),l("a",{class:"header-anchor",href:"#logging","aria-label":'Permalink to "Logging"'},"​")],-1),d=i("",4),g=l("div",{class:"vp-code-group vp-adaptive-theme"},[l("div",{class:"tabs"},[l("input",{type:"radio",name:"group-FCfwU",id:"tab-3NifHbL",checked:"checked"}),l("label",{for:"tab-3NifHbL"},"output"),l("input",{type:"radio",name:"group-FCfwU",id:"tab-y9JwiF_"}),l("label",{for:"tab-y9JwiF_"},"markdown")]),l("div",{class:"blocks"},[l("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[l("button",{title:"Copy Code",class:"copy"}),l("span",{class:"lang"},"ts"),l("pre",null,[l("code",{class:"language-ts"},[l("div",{class:"tag-container"},[l("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[l("div",{class:"language-id"},"ts"),l("div",{class:"code-container"},[l("code",null,[l("div",{class:"line"},[l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"var console: Console"},"console")]),l("span",{style:{color:"#839496"}},"."),l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),l("span",{style:{color:"#839496"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello log'"),l("span",{style:{color:"#839496"}},")")]),l("div",{class:"meta-line logger log-log"},[l("svg",{width:"12",height:"15",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M5.76822 0.359816C5.41466 -0.0644613 4.78409 -0.121785 4.35982 0.231779C3.93554 0.585343 3.87821 1.21591 4.23178 1.64018L5.76822 0.359816ZM10 7L10.7926 7.60971L11.2809 6.97499L10.7682 6.35982L10 7ZM4.20738 12.8903C3.87064 13.328 3.95254 13.9559 4.39029 14.2926C4.82804 14.6294 5.45589 14.5475 5.79262 14.1097L4.20738 12.8903ZM4.23178 1.64018L9.23178 7.64018L10.7682 6.35982L5.76822 0.359816L4.23178 1.64018ZM9.20738 6.39029L4.20738 12.8903L5.79262 14.1097L10.7926 7.60971L9.20738 6.39029Z",fill:"#BDBDBD"}),l("line",{y1:"3.5",x2:"4",y2:"3.5",stroke:"#BDBDBD"}),l("path",{d:"M0 7H4",stroke:"#BDBDBD"}),l("line",{y1:"10.5",x2:"4",y2:"10.5",stroke:"#BDBDBD"})]),l("span",{class:"message"},"Hello log")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"var console: Console"},"console")]),l("span",{style:{color:"#839496"}},"."),l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"(method) Console.warn(...data: any[]): void"},"warn")]),l("span",{style:{color:"#839496"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello warn'"),l("span",{style:{color:"#839496"}},")")]),l("div",{class:"meta-line logger warn-log"},[l("svg",{width:"21",height:"18",viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M9.63401 0.5C10.0189 -0.166667 10.9812 -0.166667 11.3661 0.5L20.4593 16.25C20.8442 16.9167 20.3631 17.75 19.5933 17.75H1.40676C0.636965 17.75 0.15584 16.9167 0.54074 16.25L9.63401 0.5Z",fill:"#E5A604"}),l("rect",{x:"9",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"9",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello warn")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"var console: Console"},"console")]),l("span",{style:{color:"#839496"}},"."),l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"(method) Console.error(...data: any[]): void"},"error")]),l("span",{style:{color:"#839496"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello error'"),l("span",{style:{color:"#839496"}},")")]),l("div",{class:"meta-line logger error-log"},[l("svg",{width:"19",height:"19",viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M4.63018 1.29289L1.29289 4.63018C1.10536 4.81772 1 5.07207 1 5.33729V13.6627C1 13.9279 1.10536 14.1823 1.29289 14.3698L4.63018 17.7071C4.81772 17.8946 5.07207 18 5.33729 18H13.6627C13.9279 18 14.1823 17.8946 14.3698 17.7071L17.7071 14.3698C17.8946 14.1823 18 13.9279 18 13.6627V5.33729C18 5.07207 17.8946 4.81772 17.7071 4.63018L14.3698 1.29289C14.1823 1.10536 13.9279 1 13.6627 1H5.33729C5.07207 1 4.81772 1.10536 4.63018 1.29289Z",fill:"#E72622",stroke:"#E72622"}),l("rect",{x:"8",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"8",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello error")])])])])]),s(`
-`),l("div",{class:"tag-container"},[l("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[l("div",{class:"language-id"},"ts"),l("div",{class:"code-container"},[l("code",null,[l("div",{class:"line"},[l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"var console: Console"},"console")]),l("span",{style:{color:"#657B83"}},"."),l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),l("span",{style:{color:"#657B83"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello log'"),l("span",{style:{color:"#657B83"}},")")]),l("div",{class:"meta-line logger log-log"},[l("svg",{width:"12",height:"15",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M5.76822 0.359816C5.41466 -0.0644613 4.78409 -0.121785 4.35982 0.231779C3.93554 0.585343 3.87821 1.21591 4.23178 1.64018L5.76822 0.359816ZM10 7L10.7926 7.60971L11.2809 6.97499L10.7682 6.35982L10 7ZM4.20738 12.8903C3.87064 13.328 3.95254 13.9559 4.39029 14.2926C4.82804 14.6294 5.45589 14.5475 5.79262 14.1097L4.20738 12.8903ZM4.23178 1.64018L9.23178 7.64018L10.7682 6.35982L5.76822 0.359816L4.23178 1.64018ZM9.20738 6.39029L4.20738 12.8903L5.79262 14.1097L10.7926 7.60971L9.20738 6.39029Z",fill:"#BDBDBD"}),l("line",{y1:"3.5",x2:"4",y2:"3.5",stroke:"#BDBDBD"}),l("path",{d:"M0 7H4",stroke:"#BDBDBD"}),l("line",{y1:"10.5",x2:"4",y2:"10.5",stroke:"#BDBDBD"})]),l("span",{class:"message"},"Hello log")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"var console: Console"},"console")]),l("span",{style:{color:"#657B83"}},"."),l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"(method) Console.warn(...data: any[]): void"},"warn")]),l("span",{style:{color:"#657B83"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello warn'"),l("span",{style:{color:"#657B83"}},")")]),l("div",{class:"meta-line logger warn-log"},[l("svg",{width:"21",height:"18",viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M9.63401 0.5C10.0189 -0.166667 10.9812 -0.166667 11.3661 0.5L20.4593 16.25C20.8442 16.9167 20.3631 17.75 19.5933 17.75H1.40676C0.636965 17.75 0.15584 16.9167 0.54074 16.25L9.63401 0.5Z",fill:"#E5A604"}),l("rect",{x:"9",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"9",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello warn")]),l("div",{class:"line"}," "),l("div",{class:"line"},[l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"var console: Console"},"console")]),l("span",{style:{color:"#657B83"}},"."),l("span",{style:{color:"#268BD2"}},[l("data-lsp",{lsp:"(method) Console.error(...data: any[]): void"},"error")]),l("span",{style:{color:"#657B83"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello error'"),l("span",{style:{color:"#657B83"}},")")]),l("div",{class:"meta-line logger error-log"},[l("svg",{width:"19",height:"19",viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{d:"M4.63018 1.29289L1.29289 4.63018C1.10536 4.81772 1 5.07207 1 5.33729V13.6627C1 13.9279 1.10536 14.1823 1.29289 14.3698L4.63018 17.7071C4.81772 17.8946 5.07207 18 5.33729 18H13.6627C13.9279 18 14.1823 17.8946 14.3698 17.7071L17.7071 14.3698C17.8946 14.1823 18 13.9279 18 13.6627V5.33729C18 5.07207 17.8946 4.81772 17.7071 4.63018L14.3698 1.29289C14.1823 1.10536 13.9279 1 13.6627 1H5.33729C5.07207 1 4.81772 1.10536 4.63018 1.29289Z",fill:"#E72622",stroke:"#E72622"}),l("rect",{x:"8",y:"4",width:"3",height:"7",fill:"white"}),l("rect",{x:"8",y:"13",width:"3",height:"3",fill:"white"})]),l("span",{class:"message"},"Hello error")])])])])])])]),l("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[l("span",{class:"line-number"},"1"),l("br")])]),l("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[l("button",{title:"Copy Code",class:"copy"}),l("span",{class:"lang"},"md"),l("pre",{class:"shiki solarized-dark vp-code-dark"},[l("code",null,[l("span",{class:"line"},[l("span",{style:{color:"#839496"}},"```ts twoslash")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#268BD2"}},"console"),l("span",{style:{color:"#839496"}},"."),l("span",{style:{color:"#268BD2"}},"log"),l("span",{style:{color:"#839496"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello log'"),l("span",{style:{color:"#839496"}},")")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#586E75","font-style":"italic"}},"// @log: Hello log")]),s(`
-`),l("span",{class:"line"}),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#268BD2"}},"console"),l("span",{style:{color:"#839496"}},"."),l("span",{style:{color:"#268BD2"}},"warn"),l("span",{style:{color:"#839496"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello warn'"),l("span",{style:{color:"#839496"}},")")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#586E75","font-style":"italic"}},"// @warn: Hello warn")]),s(`
-`),l("span",{class:"line"}),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#268BD2"}},"console"),l("span",{style:{color:"#839496"}},"."),l("span",{style:{color:"#268BD2"}},"error"),l("span",{style:{color:"#839496"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello error'"),l("span",{style:{color:"#839496"}},")")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#586E75","font-style":"italic"}},"// @error: Hello error")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#839496"}},"```")])])]),l("pre",{class:"shiki solarized-light vp-code-light"},[l("code",null,[l("span",{class:"line"},[l("span",{style:{color:"#657B83"}},"```ts twoslash")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#268BD2"}},"console"),l("span",{style:{color:"#657B83"}},"."),l("span",{style:{color:"#268BD2"}},"log"),l("span",{style:{color:"#657B83"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello log'"),l("span",{style:{color:"#657B83"}},")")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @log: Hello log")]),s(`
-`),l("span",{class:"line"}),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#268BD2"}},"console"),l("span",{style:{color:"#657B83"}},"."),l("span",{style:{color:"#268BD2"}},"warn"),l("span",{style:{color:"#657B83"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello warn'"),l("span",{style:{color:"#657B83"}},")")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @warn: Hello warn")]),s(`
-`),l("span",{class:"line"}),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#268BD2"}},"console"),l("span",{style:{color:"#657B83"}},"."),l("span",{style:{color:"#268BD2"}},"error"),l("span",{style:{color:"#657B83"}},"("),l("span",{style:{color:"#2AA198"}},"'Hello error'"),l("span",{style:{color:"#657B83"}},")")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @error: Hello error")]),s(`
-`),l("span",{class:"line"},[l("span",{style:{color:"#657B83"}},"```")])])]),l("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[l("span",{class:"line-number"},"1"),l("br"),l("span",{class:"line-number"},"2"),l("br"),l("span",{class:"line-number"},"3"),l("br"),l("span",{class:"line-number"},"4"),l("br"),l("span",{class:"line-number"},"5"),l("br"),l("span",{class:"line-number"},"6"),l("br"),l("span",{class:"line-number"},"7"),l("br"),l("span",{class:"line-number"},"8"),l("br"),l("span",{class:"line-number"},"9"),l("br"),l("span",{class:"line-number"},"10"),l("br")])])])],-1);function y(h,w,B,v,m,u){const e=o;return n(),t("div",null,[p,r(e,{readTime:"1",words:"152"}),d,g])}const L=a(c,[["render",y]]);export{C as __pageData,L as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_multi-file.md.48f61f4c.js b/assets/application_vitepress-plugin-shiki-twoslash_api_multi-file.md.48f61f4c.js
new file mode 100644
index 00000000..a2c2f578
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_multi-file.md.48f61f4c.js
@@ -0,0 +1,71 @@
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o,c as t,H as i,k as s,a as l,Q as p}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const B=JSON.parse(`{"title":"Multi-file","description":"Twoslash code examples aren't limited to creating a single file. You can write any file to the virtual file system used by TypeScript to power your code examples.","frontmatter":{"description":"Twoslash code examples aren't limited to creating a single file. You can write any file to the virtual file system used by TypeScript to power your code examples.","title":"Multi-file"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/multi-file.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/multi-file.md","lastUpdated":1699051935000}`),c={name:"application/vitepress-plugin-shiki-twoslash/api/multi-file.md"},r=s("h1",{id:"multi-file",tabindex:"-1"},[l("Multi-file "),s("a",{class:"header-anchor",href:"#multi-file","aria-label":'Permalink to "Multi-file"'},"​")],-1),d=p('
Twoslash code examples aren't limited to creating a single file, by using // @filename: [file] you can write any file to the virtual file system used by TypeScript to power your code examples.
@filename: [file] ​
Most of the time, you don't need to think about the underlaying virtual file system in a code example, but when you have imports between them it becomes important to know. Twoslash will default to creating an index.[type] based on the langauge passed to the code example:
ts
ts
// I'm index.ts
ts
// I'm index.ts
md
```ts twoslash\n// I'm index.ts\n```
```ts twoslash\n// I'm index.ts\n```
tsx
tsx
// I'm index.tsx
tsx
// I'm index.tsx
md
```tsx twoslash\n// I'm index.tsx\n```
```tsx twoslash\n// I'm index.tsx\n```
js
js
// I'm index.tjs
js
// I'm index.tjs
md
```js twoslash\n// I'm index.tjs\n```
```js twoslash\n// I'm index.tjs\n```
Then until Twoslash hits another // @filename: [file], the parser keeps adding new lines into the same file. After seeing @filename Twoslash creates a new virtual file-system file and adds the new lines to that. You can't edit a file after it was created, but you can overwrite it.
It can be any file. For example, if you want to quickly fake a node module:
',8),y=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-ovkmV",id:"tab-d56pGM1",checked:"checked"}),s("label",{for:"tab-d56pGM1"},"output"),s("input",{type:"radio",name:"group-ovkmV",id:"tab-hEQfy3G"}),s("label",{for:"tab-hEQfy3G"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"function"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"function doit(): string"},"doit")]),s("span",{style:{color:"#ADBAC7"}},"()"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) function doit(): string
+import doit`},"doit"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'mylib'")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l(".")]),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#ADBAC7"}},[l("("),s("data-lsp",{lsp:`(alias) function doit(): string
+import doit`},"doit"),l(")")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"function"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"function doit(): string"},"doit")]),s("span",{style:{color:"#24292E"}},"()"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) function doit(): string
+import doit`},"doit"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'mylib'")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l(".")]),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#24292E"}},[l("("),s("data-lsp",{lsp:`(alias) function doit(): string
+import doit`},"doit"),l(")")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("p",null,"This code example sets up the types for a non-existent npm module, and TypeScript picks it up as the definitions in the same way it would in a non-virtual TypeScript project."),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"function"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},"doit"),s("span",{style:{color:"#ADBAC7"}},"()"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: index.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," { doit } "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'mylib'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"console."),s("span",{style:{color:"#DCBDFB"}},"log"),s("span",{style:{color:"#ADBAC7"}},"(doit)")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"function"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"doit"),s("span",{style:{color:"#24292E"}},"()"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: index.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," { doit } "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'mylib'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"console."),s("span",{style:{color:"#6F42C1"}},"log"),s("span",{style:{color:"#24292E"}},"(doit)")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br")])])])],-1),m=s("p",null,"You can also set up a JSON object which can be imported in a TypeScript file:",-1),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-81pvk",id:"tab-6qtDygM",checked:"checked"}),s("label",{for:"tab-6qtDygM"},"output"),s("input",{type:"radio",name:"group-81pvk",id:"tab-cm-U88T"}),s("label",{for:"tab-cm-U88T"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: app.json")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"{ "),s("span",{style:{color:"#96D0FF"}},'"version"'),s("span",{style:{color:"#ADBAC7"}},": "),s("span",{style:{color:"#96D0FF"}},'"23.2.3"'),s("span",{style:{color:"#ADBAC7"}}," }")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(),s("data-lsp",{lsp:"import appSettings"},"appSettings"),l()]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"./app.json"')]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"import appSettings"},"appSettings"),l("."),s("data-lsp",{lsp:'(property) "version": string',style:{"border-bottom":"solid 2px lightgrey"}},"version")])]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"              "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l('(property) "version": string')])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: app.json")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"{ "),s("span",{style:{color:"#032F62"}},'"version"'),s("span",{style:{color:"#24292E"}},": "),s("span",{style:{color:"#032F62"}},'"23.2.3"'),s("span",{style:{color:"#24292E"}}," }")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:"import appSettings"},"appSettings"),l()]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"./app.json"')]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"import appSettings"},"appSettings"),l("."),s("data-lsp",{lsp:'(property) "version": string',style:{"border-bottom":"solid 2px lightgrey"}},"version")])]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"              "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l('(property) "version": string')])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @resolveJsonModule")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: app.json")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"{ "),s("span",{style:{color:"#96D0FF"}},'"version"'),s("span",{style:{color:"#ADBAC7"}},": "),s("span",{style:{color:"#96D0FF"}},'"23.2.3"'),s("span",{style:{color:"#ADBAC7"}}," }")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: index.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," appSettings "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"./app.json"')]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"appSettings.version")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"//           ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @resolveJsonModule")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: app.json")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"{ "),s("span",{style:{color:"#032F62"}},'"version"'),s("span",{style:{color:"#24292E"}},": "),s("span",{style:{color:"#032F62"}},'"23.2.3"'),s("span",{style:{color:"#24292E"}}," }")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: index.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," appSettings "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"./app.json"')]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"appSettings.version")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"//           ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br")])])])],-1),b=s("p",null,[l("Finally, the following code allows importing non-TypeScript content. There is a "),s("code",null,".d.ts"),l(` file which globally says 'md files are OK to import' and 'the module "react" exists, but don't worry about the details'.`)],-1),v=s("p",null,[l("Then for a user, they only see the imports and exports inside "),s("code",null,"index.tsx"),l(".")],-1),h=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-e0qGQ",id:"tab-1-8u2qz",checked:"checked"}),s("label",{for:"tab-1-8u2qz"},"output"),s("input",{type:"radio",name:"group-e0qGQ",id:"tab-EvdxuJW"}),s("label",{for:"tab-EvdxuJW"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(),s("data-lsp",{lsp:`(alias) module "react"
+import React`},"React"),l()]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"react"')]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(),s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs"),l()]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"./MultiFileDocs.mdx"')]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," () "),s("span",{style:{color:"#F47067"}},"=>"),s("span",{style:{color:"#F69D50"}},[l(" <"),s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs"),l("/>")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:`(alias) module "react"
+import React`},"React"),l()]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"react"')]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs"),l()]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"./MultiFileDocs.mdx"')]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," () "),s("span",{style:{color:"#D73A49"}},"=>"),s("span",{style:{color:"#24292E"}}," <"),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs")]),s("span",{style:{color:"#24292E"}},"/>")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: ambient.d.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"declare"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"module"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'*.mdx'"),s("span",{style:{color:"#ADBAC7"}}," {")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#ADBAC7"}},"any")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"declare"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"module"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"react"')]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: MultiFileDocs.mdx")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"## "),s("span",{style:{color:"#F69D50"}},"Hello"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},"world")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: index.tsx")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," React "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"react"')]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," MultiFileDocs "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"./MultiFileDocs.mdx"')]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," () "),s("span",{style:{color:"#F47067"}},"=>"),s("span",{style:{color:"#F69D50"}}," ")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: ambient.d.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"declare"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"module"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'*.mdx'"),s("span",{style:{color:"#24292E"}}," {")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," any")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"declare"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"module"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"react"')]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: MultiFileDocs.mdx")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"## "),s("span",{style:{color:"#6F42C1"}},"Hello"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"world")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: index.tsx")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," React "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"react"')]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," MultiFileDocs "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"./MultiFileDocs.mdx"')]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," () "),s("span",{style:{color:"#D73A49"}},"=>"),s("span",{style:{color:"#24292E"}}," <"),s("span",{style:{color:"#6F42C1"}},"MultiFileDocs"),s("span",{style:{color:"#24292E"}},"/>")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br"),s("span",{class:"line-number"},"11"),s("br"),s("span",{class:"line-number"},"12"),s("br"),s("span",{class:"line-number"},"13"),s("br"),s("span",{class:"line-number"},"14"),s("br"),s("span",{class:"line-number"},"15"),s("br"),s("span",{class:"line-number"},"16"),s("br"),s("span",{class:"line-number"},"17"),s("br")])])])],-1);function g(A,D,f,F,C,k){const e=a;return o(),t("div",null,[r,i(e,{readTime:"2",words:"477"}),d,y,m,u,b,v,h])}const _=n(c,[["render",g]]);export{B as __pageData,_ as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_multi-file.md.48f61f4c.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_multi-file.md.48f61f4c.lean.js
new file mode 100644
index 00000000..c74a820f
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_multi-file.md.48f61f4c.lean.js
@@ -0,0 +1,71 @@
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o,c as t,H as i,k as s,a as l,Q as p}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const B=JSON.parse(`{"title":"Multi-file","description":"Twoslash code examples aren't limited to creating a single file. You can write any file to the virtual file system used by TypeScript to power your code examples.","frontmatter":{"description":"Twoslash code examples aren't limited to creating a single file. You can write any file to the virtual file system used by TypeScript to power your code examples.","title":"Multi-file"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/multi-file.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/multi-file.md","lastUpdated":1699051935000}`),c={name:"application/vitepress-plugin-shiki-twoslash/api/multi-file.md"},r=s("h1",{id:"multi-file",tabindex:"-1"},[l("Multi-file "),s("a",{class:"header-anchor",href:"#multi-file","aria-label":'Permalink to "Multi-file"'},"​")],-1),d=p("",8),y=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-ovkmV",id:"tab-d56pGM1",checked:"checked"}),s("label",{for:"tab-d56pGM1"},"output"),s("input",{type:"radio",name:"group-ovkmV",id:"tab-hEQfy3G"}),s("label",{for:"tab-hEQfy3G"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"function"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"function doit(): string"},"doit")]),s("span",{style:{color:"#ADBAC7"}},"()"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) function doit(): string
+import doit`},"doit"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'mylib'")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l(".")]),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#ADBAC7"}},[l("("),s("data-lsp",{lsp:`(alias) function doit(): string
+import doit`},"doit"),l(")")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"function"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"function doit(): string"},"doit")]),s("span",{style:{color:"#24292E"}},"()"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) function doit(): string
+import doit`},"doit"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'mylib'")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l(".")]),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#24292E"}},[l("("),s("data-lsp",{lsp:`(alias) function doit(): string
+import doit`},"doit"),l(")")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("p",null,"This code example sets up the types for a non-existent npm module, and TypeScript picks it up as the definitions in the same way it would in a non-virtual TypeScript project."),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"function"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},"doit"),s("span",{style:{color:"#ADBAC7"}},"()"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: index.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," { doit } "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'mylib'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"console."),s("span",{style:{color:"#DCBDFB"}},"log"),s("span",{style:{color:"#ADBAC7"}},"(doit)")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"function"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"doit"),s("span",{style:{color:"#24292E"}},"()"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: index.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," { doit } "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'mylib'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"console."),s("span",{style:{color:"#6F42C1"}},"log"),s("span",{style:{color:"#24292E"}},"(doit)")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br")])])])],-1),m=s("p",null,"You can also set up a JSON object which can be imported in a TypeScript file:",-1),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-81pvk",id:"tab-6qtDygM",checked:"checked"}),s("label",{for:"tab-6qtDygM"},"output"),s("input",{type:"radio",name:"group-81pvk",id:"tab-cm-U88T"}),s("label",{for:"tab-cm-U88T"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: app.json")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"{ "),s("span",{style:{color:"#96D0FF"}},'"version"'),s("span",{style:{color:"#ADBAC7"}},": "),s("span",{style:{color:"#96D0FF"}},'"23.2.3"'),s("span",{style:{color:"#ADBAC7"}}," }")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(),s("data-lsp",{lsp:"import appSettings"},"appSettings"),l()]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"./app.json"')]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"import appSettings"},"appSettings"),l("."),s("data-lsp",{lsp:'(property) "version": string',style:{"border-bottom":"solid 2px lightgrey"}},"version")])]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"              "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l('(property) "version": string')])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: app.json")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"{ "),s("span",{style:{color:"#032F62"}},'"version"'),s("span",{style:{color:"#24292E"}},": "),s("span",{style:{color:"#032F62"}},'"23.2.3"'),s("span",{style:{color:"#24292E"}}," }")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:"import appSettings"},"appSettings"),l()]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"./app.json"')]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"import appSettings"},"appSettings"),l("."),s("data-lsp",{lsp:'(property) "version": string',style:{"border-bottom":"solid 2px lightgrey"}},"version")])]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"              "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l('(property) "version": string')])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @resolveJsonModule")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: app.json")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"{ "),s("span",{style:{color:"#96D0FF"}},'"version"'),s("span",{style:{color:"#ADBAC7"}},": "),s("span",{style:{color:"#96D0FF"}},'"23.2.3"'),s("span",{style:{color:"#ADBAC7"}}," }")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: index.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," appSettings "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"./app.json"')]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"appSettings.version")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"//           ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @resolveJsonModule")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: app.json")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"{ "),s("span",{style:{color:"#032F62"}},'"version"'),s("span",{style:{color:"#24292E"}},": "),s("span",{style:{color:"#032F62"}},'"23.2.3"'),s("span",{style:{color:"#24292E"}}," }")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: index.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," appSettings "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"./app.json"')]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"appSettings.version")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"//           ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br")])])])],-1),b=s("p",null,[l("Finally, the following code allows importing non-TypeScript content. There is a "),s("code",null,".d.ts"),l(` file which globally says 'md files are OK to import' and 'the module "react" exists, but don't worry about the details'.`)],-1),v=s("p",null,[l("Then for a user, they only see the imports and exports inside "),s("code",null,"index.tsx"),l(".")],-1),h=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-e0qGQ",id:"tab-1-8u2qz",checked:"checked"}),s("label",{for:"tab-1-8u2qz"},"output"),s("input",{type:"radio",name:"group-e0qGQ",id:"tab-EvdxuJW"}),s("label",{for:"tab-EvdxuJW"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(),s("data-lsp",{lsp:`(alias) module "react"
+import React`},"React"),l()]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"react"')]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(),s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs"),l()]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"./MultiFileDocs.mdx"')]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," () "),s("span",{style:{color:"#F47067"}},"=>"),s("span",{style:{color:"#F69D50"}},[l(" <"),s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs"),l("/>")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:`(alias) module "react"
+import React`},"React"),l()]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"react"')]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs"),l()]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"./MultiFileDocs.mdx"')]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," () "),s("span",{style:{color:"#D73A49"}},"=>"),s("span",{style:{color:"#24292E"}}," <"),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs")]),s("span",{style:{color:"#24292E"}},"/>")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: ambient.d.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"declare"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"module"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'*.mdx'"),s("span",{style:{color:"#ADBAC7"}}," {")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#ADBAC7"}},"any")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"declare"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"module"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"react"')]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: MultiFileDocs.mdx")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"## "),s("span",{style:{color:"#F69D50"}},"Hello"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},"world")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @filename: index.tsx")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," React "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"react"')]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," MultiFileDocs "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},'"./MultiFileDocs.mdx"')]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," () "),s("span",{style:{color:"#F47067"}},"=>"),s("span",{style:{color:"#F69D50"}}," ")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: ambient.d.ts")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"declare"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"module"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'*.mdx'"),s("span",{style:{color:"#24292E"}}," {")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," any")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"declare"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"module"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"react"')]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: MultiFileDocs.mdx")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"## "),s("span",{style:{color:"#6F42C1"}},"Hello"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"world")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @filename: index.tsx")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," React "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"react"')]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," MultiFileDocs "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},'"./MultiFileDocs.mdx"')]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," () "),s("span",{style:{color:"#D73A49"}},"=>"),s("span",{style:{color:"#24292E"}}," <"),s("span",{style:{color:"#6F42C1"}},"MultiFileDocs"),s("span",{style:{color:"#24292E"}},"/>")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br"),s("span",{class:"line-number"},"11"),s("br"),s("span",{class:"line-number"},"12"),s("br"),s("span",{class:"line-number"},"13"),s("br"),s("span",{class:"line-number"},"14"),s("br"),s("span",{class:"line-number"},"15"),s("br"),s("span",{class:"line-number"},"16"),s("br"),s("span",{class:"line-number"},"17"),s("br")])])])],-1);function g(A,D,f,F,C,k){const e=a;return o(),t("div",null,[r,i(e,{readTime:"2",words:"477"}),d,y,m,u,b,v,h])}const _=n(c,[["render",g]]);export{B as __pageData,_ as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_multi-file.md.aea0802f.js b/assets/application_vitepress-plugin-shiki-twoslash_api_multi-file.md.aea0802f.js
deleted file mode 100644
index 665f11ab..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_multi-file.md.aea0802f.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as t,H as i,k as s,a as l,Q as p}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse(`{"title":"Multi-file","description":"Twoslash code examples aren't limited to creating a single file. You can write any file to the virtual file system used by TypeScript to power your code examples.","frontmatter":{"description":"Twoslash code examples aren't limited to creating a single file. You can write any file to the virtual file system used by TypeScript to power your code examples.","title":"Multi-file"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/multi-file.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/multi-file.md","lastUpdated":1695377563000}`),c={name:"application/vitepress-plugin-shiki-twoslash/api/multi-file.md"},r=s("h1",{id:"multi-file",tabindex:"-1"},[l("Multi-file "),s("a",{class:"header-anchor",href:"#multi-file","aria-label":'Permalink to "Multi-file"'},"​")],-1),d=p('
Twoslash code examples aren't limited to creating a single file, by using // @filename: [file] you can write any file to the virtual file system used by TypeScript to power your code examples.
@filename: [file] ​
Most of the time, you don't need to think about the underlaying virtual file system in a code example, but when you have imports between them it becomes important to know. Twoslash will default to creating an index.[type] based on the langauge passed to the code example:
ts
ts
// I'm index.ts
ts
// I'm index.ts
md
```ts twoslash\n// I'm index.ts\n```
```ts twoslash\n// I'm index.ts\n```
tsx
tsx
// I'm index.tsx
tsx
// I'm index.tsx
md
```tsx twoslash\n// I'm index.tsx\n```
```tsx twoslash\n// I'm index.tsx\n```
js
js
// I'm index.tjs
js
// I'm index.tjs
md
```js twoslash\n// I'm index.tjs\n```
```js twoslash\n// I'm index.tjs\n```
Then until Twoslash hits another // @filename: [file], the parser keeps adding new lines into the same file. After seeing @filename Twoslash creates a new virtual file-system file and adds the new lines to that. You can't edit a file after it was created, but you can overwrite it.
It can be any file. For example, if you want to quickly fake a node module:
',8),y=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-vtxAX",id:"tab-sC5pHjF",checked:"checked"}),s("label",{for:"tab-sC5pHjF"},"output"),s("input",{type:"radio",name:"group-vtxAX",id:"tab-ZOZjfQI"}),s("label",{for:"tab-ZOZjfQI"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function doit(): string"},"doit")]),s("span",{style:{color:"#839496"}},"()"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function doit(): string
-import doit`},"doit")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'mylib'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function doit(): string
-import doit`},"doit")]),s("span",{style:{color:"#839496"}},")")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function doit(): string"},"doit")]),s("span",{style:{color:"#657B83"}},"()"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function doit(): string
-import doit`},"doit")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'mylib'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function doit(): string
-import doit`},"doit")]),s("span",{style:{color:"#657B83"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("p",null,"This code example sets up the types for a non-existent npm module, and TypeScript picks it up as the definitions in the same way it would in a non-virtual TypeScript project."),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"doit"),s("span",{style:{color:"#839496"}},"()"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: index.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},"doit"),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'mylib'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},"log"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},"doit"),s("span",{style:{color:"#839496"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"doit"),s("span",{style:{color:"#657B83"}},"()"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: index.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},"doit"),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'mylib'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},"log"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},"doit"),s("span",{style:{color:"#657B83"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br")])])])],-1),m=s("p",null,"You can also set up a JSON object which can be imported in a TypeScript file:",-1),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-IWu7r",id:"tab-HpHNm4q",checked:"checked"}),s("label",{for:"tab-HpHNm4q"},"output"),s("input",{type:"radio",name:"group-IWu7r",id:"tab-22o7pAK"}),s("label",{for:"tab-22o7pAK"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// @filename: app.json")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"{ "),s("span",{style:{color:"#2AA198"}},'"version"'),s("span",{style:{color:"#839496"}},": "),s("span",{style:{color:"#2AA198"}},'"23.2.3"'),s("span",{style:{color:"#839496"}}," }")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"import appSettings"},"appSettings")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"./app.json"')]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"import appSettings"},"appSettings")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'(property) "version": string',style:{"border-bottom":"solid 2px lightgrey"}},"version")])]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"              "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l('(property) "version": string')])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// @filename: app.json")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"{ "),s("span",{style:{color:"#2AA198"}},'"version"'),s("span",{style:{color:"#657B83"}},": "),s("span",{style:{color:"#2AA198"}},'"23.2.3"'),s("span",{style:{color:"#657B83"}}," }")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"import appSettings"},"appSettings")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"./app.json"')]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"import appSettings"},"appSettings")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'(property) "version": string',style:{"border-bottom":"solid 2px lightgrey"}},"version")])]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"              "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l('(property) "version": string')])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @resolveJsonModule")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: app.json")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"{ "),s("span",{style:{color:"#2AA198"}},'"version"'),s("span",{style:{color:"#839496"}},": "),s("span",{style:{color:"#2AA198"}},'"23.2.3"'),s("span",{style:{color:"#839496"}}," }")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: index.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"appSettings"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"./app.json"')]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"appSettings"),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},"version")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"//           ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @resolveJsonModule")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: app.json")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"{ "),s("span",{style:{color:"#2AA198"}},'"version"'),s("span",{style:{color:"#657B83"}},": "),s("span",{style:{color:"#2AA198"}},'"23.2.3"'),s("span",{style:{color:"#657B83"}}," }")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: index.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"appSettings"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"./app.json"')]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"appSettings"),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},"version")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"//           ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br")])])])],-1),b=s("p",null,[l("Finally, the following code allows importing non-TypeScript content. There is a "),s("code",null,".d.ts"),l(` file which globally says 'md files are OK to import' and 'the module "react" exists, but don't worry about the details'.`)],-1),v=s("p",null,[l("Then for a user, they only see the imports and exports inside "),s("code",null,"index.tsx"),l(".")],-1),h=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-A33Oa",id:"tab-3tnn78l",checked:"checked"}),s("label",{for:"tab-3tnn78l"},"output"),s("input",{type:"radio",name:"group-A33Oa",id:"tab-bEBCxLZ"}),s("label",{for:"tab-bEBCxLZ"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) module "react"
-import React`},"React")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"react"')]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"./MultiFileDocs.mdx"')]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," () "),s("span",{style:{color:"#93A1A1"}},"=>"),s("span",{style:{color:"#839496"}}," <"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs")]),s("span",{style:{color:"#839496"}},"/>")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) module "react"
-import React`},"React")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"react"')]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"./MultiFileDocs.mdx"')]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," () "),s("span",{style:{color:"#586E75"}},"=>"),s("span",{style:{color:"#657B83"}}," <"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs")]),s("span",{style:{color:"#657B83"}},"/>")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: ambient.d.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"declare"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"module"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'*.mdx'"),s("span",{style:{color:"#839496"}}," {")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"any")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"declare"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"module"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"react"')]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: MultiFileDocs.mdx")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"## "),s("span",{style:{color:"#CB4B16"}},"Hello"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},"world")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: index.tsx")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"React"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"react"')]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"MultiFileDocs"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"./MultiFileDocs.mdx"')]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," () "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"=>"),s("span",{style:{color:"#839496"}}," <"),s("span",{style:{color:"#CB4B16"}},"MultiFileDocs"),s("span",{style:{color:"#839496"}},"/>")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: ambient.d.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"declare"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"module"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'*.mdx'"),s("span",{style:{color:"#657B83"}}," {")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"any")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"declare"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"module"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"react"')]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: MultiFileDocs.mdx")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"## "),s("span",{style:{color:"#CB4B16"}},"Hello"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},"world")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: index.tsx")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"React"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"react"')]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"MultiFileDocs"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"./MultiFileDocs.mdx"')]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," () "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"=>"),s("span",{style:{color:"#657B83"}}," <"),s("span",{style:{color:"#CB4B16"}},"MultiFileDocs"),s("span",{style:{color:"#657B83"}},"/>")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br"),s("span",{class:"line-number"},"11"),s("br"),s("span",{class:"line-number"},"12"),s("br"),s("span",{class:"line-number"},"13"),s("br"),s("span",{class:"line-number"},"14"),s("br"),s("span",{class:"line-number"},"15"),s("br"),s("span",{class:"line-number"},"16"),s("br"),s("span",{class:"line-number"},"17"),s("br")])])])],-1);function g(f,B,A,k,w,x){const e=a;return n(),t("div",null,[r,i(e,{readTime:"2",words:"477"}),d,y,m,u,b,v,h])}const F=o(c,[["render",g]]);export{E as __pageData,F as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_multi-file.md.aea0802f.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_multi-file.md.aea0802f.lean.js
deleted file mode 100644
index 28039734..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_multi-file.md.aea0802f.lean.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as t,H as i,k as s,a as l,Q as p}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse(`{"title":"Multi-file","description":"Twoslash code examples aren't limited to creating a single file. You can write any file to the virtual file system used by TypeScript to power your code examples.","frontmatter":{"description":"Twoslash code examples aren't limited to creating a single file. You can write any file to the virtual file system used by TypeScript to power your code examples.","title":"Multi-file"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/multi-file.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/multi-file.md","lastUpdated":1695377563000}`),c={name:"application/vitepress-plugin-shiki-twoslash/api/multi-file.md"},r=s("h1",{id:"multi-file",tabindex:"-1"},[l("Multi-file "),s("a",{class:"header-anchor",href:"#multi-file","aria-label":'Permalink to "Multi-file"'},"​")],-1),d=p("",8),y=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-vtxAX",id:"tab-sC5pHjF",checked:"checked"}),s("label",{for:"tab-sC5pHjF"},"output"),s("input",{type:"radio",name:"group-vtxAX",id:"tab-ZOZjfQI"}),s("label",{for:"tab-ZOZjfQI"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function doit(): string"},"doit")]),s("span",{style:{color:"#839496"}},"()"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function doit(): string
-import doit`},"doit")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'mylib'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function doit(): string
-import doit`},"doit")]),s("span",{style:{color:"#839496"}},")")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function doit(): string"},"doit")]),s("span",{style:{color:"#657B83"}},"()"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function doit(): string
-import doit`},"doit")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'mylib'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function doit(): string
-import doit`},"doit")]),s("span",{style:{color:"#657B83"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("p",null,"This code example sets up the types for a non-existent npm module, and TypeScript picks it up as the definitions in the same way it would in a non-virtual TypeScript project."),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"doit"),s("span",{style:{color:"#839496"}},"()"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: index.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},"doit"),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'mylib'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},"log"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},"doit"),s("span",{style:{color:"#839496"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: node_modules/@types/mylib/index.d.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"doit"),s("span",{style:{color:"#657B83"}},"()"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: index.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},"doit"),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'mylib'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},"log"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},"doit"),s("span",{style:{color:"#657B83"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br")])])])],-1),m=s("p",null,"You can also set up a JSON object which can be imported in a TypeScript file:",-1),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-IWu7r",id:"tab-HpHNm4q",checked:"checked"}),s("label",{for:"tab-HpHNm4q"},"output"),s("input",{type:"radio",name:"group-IWu7r",id:"tab-22o7pAK"}),s("label",{for:"tab-22o7pAK"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// @filename: app.json")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"{ "),s("span",{style:{color:"#2AA198"}},'"version"'),s("span",{style:{color:"#839496"}},": "),s("span",{style:{color:"#2AA198"}},'"23.2.3"'),s("span",{style:{color:"#839496"}}," }")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"import appSettings"},"appSettings")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"./app.json"')]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"import appSettings"},"appSettings")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'(property) "version": string',style:{"border-bottom":"solid 2px lightgrey"}},"version")])]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"              "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l('(property) "version": string')])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// @filename: app.json")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"{ "),s("span",{style:{color:"#2AA198"}},'"version"'),s("span",{style:{color:"#657B83"}},": "),s("span",{style:{color:"#2AA198"}},'"23.2.3"'),s("span",{style:{color:"#657B83"}}," }")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// @filename: index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"import appSettings"},"appSettings")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"./app.json"')]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"import appSettings"},"appSettings")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'(property) "version": string',style:{"border-bottom":"solid 2px lightgrey"}},"version")])]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"              "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l('(property) "version": string')])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @resolveJsonModule")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: app.json")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"{ "),s("span",{style:{color:"#2AA198"}},'"version"'),s("span",{style:{color:"#839496"}},": "),s("span",{style:{color:"#2AA198"}},'"23.2.3"'),s("span",{style:{color:"#839496"}}," }")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: index.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"appSettings"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"./app.json"')]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"appSettings"),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},"version")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"//           ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @resolveJsonModule")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: app.json")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"{ "),s("span",{style:{color:"#2AA198"}},'"version"'),s("span",{style:{color:"#657B83"}},": "),s("span",{style:{color:"#2AA198"}},'"23.2.3"'),s("span",{style:{color:"#657B83"}}," }")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: index.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"appSettings"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"./app.json"')]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"appSettings"),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},"version")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"//           ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br")])])])],-1),b=s("p",null,[l("Finally, the following code allows importing non-TypeScript content. There is a "),s("code",null,".d.ts"),l(` file which globally says 'md files are OK to import' and 'the module "react" exists, but don't worry about the details'.`)],-1),v=s("p",null,[l("Then for a user, they only see the imports and exports inside "),s("code",null,"index.tsx"),l(".")],-1),h=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-A33Oa",id:"tab-3tnn78l",checked:"checked"}),s("label",{for:"tab-3tnn78l"},"output"),s("input",{type:"radio",name:"group-A33Oa",id:"tab-bEBCxLZ"}),s("label",{for:"tab-bEBCxLZ"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) module "react"
-import React`},"React")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"react"')]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"./MultiFileDocs.mdx"')]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," () "),s("span",{style:{color:"#93A1A1"}},"=>"),s("span",{style:{color:"#839496"}}," <"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs")]),s("span",{style:{color:"#839496"}},"/>")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) module "react"
-import React`},"React")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"react"')]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"./MultiFileDocs.mdx"')]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," () "),s("span",{style:{color:"#586E75"}},"=>"),s("span",{style:{color:"#657B83"}}," <"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"import MultiFileDocs"},"MultiFileDocs")]),s("span",{style:{color:"#657B83"}},"/>")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: ambient.d.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"declare"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"module"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'*.mdx'"),s("span",{style:{color:"#839496"}}," {")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"any")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"declare"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"module"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"react"')]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: MultiFileDocs.mdx")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"## "),s("span",{style:{color:"#CB4B16"}},"Hello"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},"world")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @filename: index.tsx")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"React"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"react"')]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"MultiFileDocs"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},'"./MultiFileDocs.mdx"')]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," () "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"=>"),s("span",{style:{color:"#839496"}}," <"),s("span",{style:{color:"#CB4B16"}},"MultiFileDocs"),s("span",{style:{color:"#839496"}},"/>")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: ambient.d.ts")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"declare"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"module"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'*.mdx'"),s("span",{style:{color:"#657B83"}}," {")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"any")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"declare"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"module"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"react"')]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: MultiFileDocs.mdx")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"## "),s("span",{style:{color:"#CB4B16"}},"Hello"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},"world")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @filename: index.tsx")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"React"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"react"')]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"MultiFileDocs"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},'"./MultiFileDocs.mdx"')]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," () "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"=>"),s("span",{style:{color:"#657B83"}}," <"),s("span",{style:{color:"#CB4B16"}},"MultiFileDocs"),s("span",{style:{color:"#657B83"}},"/>")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br"),s("span",{class:"line-number"},"10"),s("br"),s("span",{class:"line-number"},"11"),s("br"),s("span",{class:"line-number"},"12"),s("br"),s("span",{class:"line-number"},"13"),s("br"),s("span",{class:"line-number"},"14"),s("br"),s("span",{class:"line-number"},"15"),s("br"),s("span",{class:"line-number"},"16"),s("br"),s("span",{class:"line-number"},"17"),s("br")])])])],-1);function g(f,B,A,k,w,x){const e=a;return n(),t("div",null,[r,i(e,{readTime:"2",words:"477"}),d,y,m,u,b,v,h])}const F=o(c,[["render",g]]);export{E as __pageData,F as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_queries.md.8c3dbc97.js b/assets/application_vitepress-plugin-shiki-twoslash_api_queries.md.8c3dbc97.js
new file mode 100644
index 00000000..1bd4818d
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_queries.md.8c3dbc97.js
@@ -0,0 +1,17 @@
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as n,c as t,H as c,k as s,a as l,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const B=JSON.parse('{"title":"Queries","description":"One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code.","frontmatter":{"description":"One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code.","title":"Queries"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/queries.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/queries.md","lastUpdated":1699051935000}'),i={name:"application/vitepress-plugin-shiki-twoslash/api/queries.md"},p=s("h1",{id:"queries",tabindex:"-1"},[l("Queries "),s("a",{class:"header-anchor",href:"#queries","aria-label":'Permalink to "Queries"'},"​")],-1),d=r('
One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code. Twoslash comes with two different ways to query your code: ?^ and ?|.
Extract Type ^? ​
Using ^? you can pull out type information about a particular identifier in the line of code above it.
',3),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-Mtb6R",id:"tab-CWdV32g",checked:"checked"}),s("label",{for:"tab-CWdV32g"},"output"),s("input",{type:"radio",name:"group-Mtb6R",id:"tab-dbqcKEQ"}),s("label",{for:"tab-dbqcKEQ"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:'const hi: "Hello"'},"hi")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'Hello'")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"const msg: string",style:{"border-bottom":"solid 2px lightgrey"}},"msg")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}},[l(),s("data-lsp",{lsp:'const hi: "Hello"'},"hi"),l()]),s("span",{style:{color:"#F47067"}},"+"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"', world'")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const msg: string")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:'const hi: "Hello"'},"hi")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'Hello'")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"const msg: string",style:{"border-bottom":"solid 2px lightgrey"}},"msg")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:'const hi: "Hello"'},"hi"),l()]),s("span",{style:{color:"#D73A49"}},"+"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"', world'")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const msg: string")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"hi"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'Hello'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"msg"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," hi "),s("span",{style:{color:"#F47067"}},"+"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"', world'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"//    ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"hi"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'Hello'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"msg"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," hi "),s("span",{style:{color:"#D73A49"}},"+"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"', world'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"//    ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1),y=s("h2",{id:"completions",tabindex:"-1"},[l("Completions "),s("code",null,"^|"),l(),s("a",{class:"header-anchor",href:"#completions","aria-label":'Permalink to "Completions `^|`"'},"​")],-1),h=s("p",null,[l("Using "),s("code",null,"^|"),l(" you can pull out information about a what the auto-complete looks like at a particular location.")],-1),m=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-C6nYW",id:"tab-DtdCr4T",checked:"checked"}),s("label",{for:"tab-DtdCr4T"},"output"),s("input",{type:"radio",name:"group-C6nYW",id:"tab-XTB-sHQ"}),s("label",{for:"tab-XTB-sHQ"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l("."),s("data-lsp",{lsp:"any"},"e")])]),s("div",{class:"meta-line"},[l("         "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"e"),l("rror")])])])])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l("."),s("data-lsp",{lsp:"any"},"e")])]),s("div",{class:"meta-line"},[l("         "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"e"),l("rror")])])])])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @noErrors")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"console.e")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"//       ^|")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @noErrors")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"console.e")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"//       ^|")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1),b=s("div",{class:"info custom-block"},[s("p",{class:"custom-block-title"},"INFO"),s("p",null,[l("Note that the compiler flag for "),s("a",{href:"./errors#noerrors"},[s("code",null,"// @noErrors")]),l(" is set, because "),s("code",null,"console.e"),l(" is a failing TypeScript code sample but we don't really care about that.")])],-1);function g(v,A,C,f,k,_){const e=o;return n(),t("div",null,[p,c(e,{readTime:"1",words:"167"}),d,u,y,h,m,b])}const E=a(i,[["render",g]]);export{B as __pageData,E as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_queries.md.8c3dbc97.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_queries.md.8c3dbc97.lean.js
new file mode 100644
index 00000000..13dc120c
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_queries.md.8c3dbc97.lean.js
@@ -0,0 +1,17 @@
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as n,c as t,H as c,k as s,a as l,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const B=JSON.parse('{"title":"Queries","description":"One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code.","frontmatter":{"description":"One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code.","title":"Queries"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/queries.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/queries.md","lastUpdated":1699051935000}'),i={name:"application/vitepress-plugin-shiki-twoslash/api/queries.md"},p=s("h1",{id:"queries",tabindex:"-1"},[l("Queries "),s("a",{class:"header-anchor",href:"#queries","aria-label":'Permalink to "Queries"'},"​")],-1),d=r("",3),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-Mtb6R",id:"tab-CWdV32g",checked:"checked"}),s("label",{for:"tab-CWdV32g"},"output"),s("input",{type:"radio",name:"group-Mtb6R",id:"tab-dbqcKEQ"}),s("label",{for:"tab-dbqcKEQ"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:'const hi: "Hello"'},"hi")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'Hello'")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"const msg: string",style:{"border-bottom":"solid 2px lightgrey"}},"msg")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}},[l(),s("data-lsp",{lsp:'const hi: "Hello"'},"hi"),l()]),s("span",{style:{color:"#F47067"}},"+"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"', world'")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const msg: string")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:'const hi: "Hello"'},"hi")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'Hello'")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"const msg: string",style:{"border-bottom":"solid 2px lightgrey"}},"msg")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:'const hi: "Hello"'},"hi"),l()]),s("span",{style:{color:"#D73A49"}},"+"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"', world'")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const msg: string")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"hi"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'Hello'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"msg"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," hi "),s("span",{style:{color:"#F47067"}},"+"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"', world'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"//    ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"hi"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'Hello'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"msg"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," hi "),s("span",{style:{color:"#D73A49"}},"+"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"', world'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"//    ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1),y=s("h2",{id:"completions",tabindex:"-1"},[l("Completions "),s("code",null,"^|"),l(),s("a",{class:"header-anchor",href:"#completions","aria-label":'Permalink to "Completions `^|`"'},"​")],-1),h=s("p",null,[l("Using "),s("code",null,"^|"),l(" you can pull out information about a what the auto-complete looks like at a particular location.")],-1),m=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-C6nYW",id:"tab-DtdCr4T",checked:"checked"}),s("label",{for:"tab-DtdCr4T"},"output"),s("input",{type:"radio",name:"group-C6nYW",id:"tab-XTB-sHQ"}),s("label",{for:"tab-XTB-sHQ"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l("."),s("data-lsp",{lsp:"any"},"e")])]),s("div",{class:"meta-line"},[l("         "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"e"),l("rror")])])])])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"var console: Console"},"console"),l("."),s("data-lsp",{lsp:"any"},"e")])]),s("div",{class:"meta-line"},[l("         "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"e"),l("rror")])])])])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// @noErrors")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"console.e")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"//       ^|")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// @noErrors")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"console.e")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"//       ^|")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1),b=s("div",{class:"info custom-block"},[s("p",{class:"custom-block-title"},"INFO"),s("p",null,[l("Note that the compiler flag for "),s("a",{href:"./errors#noerrors"},[s("code",null,"// @noErrors")]),l(" is set, because "),s("code",null,"console.e"),l(" is a failing TypeScript code sample but we don't really care about that.")])],-1);function g(v,A,C,f,k,_){const e=o;return n(),t("div",null,[p,c(e,{readTime:"1",words:"167"}),d,u,y,h,m,b])}const E=a(i,[["render",g]]);export{B as __pageData,E as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_queries.md.9bd11a96.js b/assets/application_vitepress-plugin-shiki-twoslash_api_queries.md.9bd11a96.js
deleted file mode 100644
index 432a7271..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_queries.md.9bd11a96.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as t,c as n,H as c,k as s,a as l,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const T=JSON.parse('{"title":"Queries","description":"One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code.","frontmatter":{"description":"One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code.","title":"Queries"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/queries.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/queries.md","lastUpdated":1695377563000}'),i={name:"application/vitepress-plugin-shiki-twoslash/api/queries.md"},p=s("h1",{id:"queries",tabindex:"-1"},[l("Queries "),s("a",{class:"header-anchor",href:"#queries","aria-label":'Permalink to "Queries"'},"​")],-1),d=r('
One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code. Twoslash comes with two different ways to query your code: ?^ and ?|.
Extract Type ^? ​
Using ^? you can pull out type information about a particular identifier in the line of code above it.
',3),y=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-_2Nlk",id:"tab-HbIaKgk",checked:"checked"}),s("label",{for:"tab-HbIaKgk"},"output"),s("input",{type:"radio",name:"group-_2Nlk",id:"tab-I0Luw3K"}),s("label",{for:"tab-I0Luw3K"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const hi: "Hello"'},"hi")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'Hello'")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const msg: string",style:{"border-bottom":"solid 2px lightgrey"}},"msg")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const hi: "Hello"'},"hi")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"+"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"', world'")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const msg: string")])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const hi: "Hello"'},"hi")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'Hello'")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const msg: string",style:{"border-bottom":"solid 2px lightgrey"}},"msg")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const hi: "Hello"'},"hi")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"+"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"', world'")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const msg: string")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"hi"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'Hello'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"msg"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"hi"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"+"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"', world'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"//    ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"hi"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'Hello'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"msg"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"hi"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"+"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"', world'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"//    ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1),u=s("h2",{id:"completions",tabindex:"-1"},[l("Completions "),s("code",null,"^|"),l(),s("a",{class:"header-anchor",href:"#completions","aria-label":'Permalink to "Completions `^|`"'},"​")],-1),h=s("p",null,[l("Using "),s("code",null,"^|"),l(" you can pull out information about a what the auto-complete looks like at a particular location.")],-1),m=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-9O7eN",id:"tab-CL2gyud",checked:"checked"}),s("label",{for:"tab-CL2gyud"},"output"),s("input",{type:"radio",name:"group-9O7eN",id:"tab-6a-JRPE"}),s("label",{for:"tab-6a-JRPE"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"e")])]),s("div",{class:"meta-line"},[l("         "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"e"),l("rror")])])])])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"e")])]),s("div",{class:"meta-line"},[l("         "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"e"),l("rror")])])])])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @noErrors")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},"e")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"//       ^|")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @noErrors")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},"e")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"//       ^|")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1),b=s("div",{class:"info custom-block"},[s("p",{class:"custom-block-title"},"INFO"),s("p",null,[l("Note that the compiler flag for "),s("a",{href:"./errors#noerrors"},[s("code",null,"// @noErrors")]),l(" is set, because "),s("code",null,"console.e"),l(" is a failing TypeScript code sample but we don't really care about that.")])],-1);function g(v,f,B,k,_,w){const o=e;return t(),n("div",null,[p,c(o,{readTime:"1",words:"167"}),d,y,u,h,m,b])}const C=a(i,[["render",g]]);export{T as __pageData,C as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_queries.md.9bd11a96.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_queries.md.9bd11a96.lean.js
deleted file mode 100644
index 6065e5a6..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_queries.md.9bd11a96.lean.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as t,c as n,H as c,k as s,a as l,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const T=JSON.parse('{"title":"Queries","description":"One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code.","frontmatter":{"description":"One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code.","title":"Queries"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/queries.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/queries.md","lastUpdated":1695377563000}'),i={name:"application/vitepress-plugin-shiki-twoslash/api/queries.md"},p=s("h1",{id:"queries",tabindex:"-1"},[l("Queries "),s("a",{class:"header-anchor",href:"#queries","aria-label":'Permalink to "Queries"'},"​")],-1),d=r("",3),y=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-_2Nlk",id:"tab-HbIaKgk",checked:"checked"}),s("label",{for:"tab-HbIaKgk"},"output"),s("input",{type:"radio",name:"group-_2Nlk",id:"tab-I0Luw3K"}),s("label",{for:"tab-I0Luw3K"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const hi: "Hello"'},"hi")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'Hello'")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const msg: string",style:{"border-bottom":"solid 2px lightgrey"}},"msg")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const hi: "Hello"'},"hi")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"+"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"', world'")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const msg: string")])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const hi: "Hello"'},"hi")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'Hello'")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const msg: string",style:{"border-bottom":"solid 2px lightgrey"}},"msg")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const hi: "Hello"'},"hi")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"+"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"', world'")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const msg: string")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"hi"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'Hello'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"msg"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"hi"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"+"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"', world'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"//    ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"hi"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'Hello'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"msg"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"hi"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"+"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"', world'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"//    ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1),u=s("h2",{id:"completions",tabindex:"-1"},[l("Completions "),s("code",null,"^|"),l(),s("a",{class:"header-anchor",href:"#completions","aria-label":'Permalink to "Completions `^|`"'},"​")],-1),h=s("p",null,[l("Using "),s("code",null,"^|"),l(" you can pull out information about a what the auto-complete looks like at a particular location.")],-1),m=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-9O7eN",id:"tab-CL2gyud",checked:"checked"}),s("label",{for:"tab-CL2gyud"},"output"),s("input",{type:"radio",name:"group-9O7eN",id:"tab-6a-JRPE"}),s("label",{for:"tab-6a-JRPE"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"e")])]),s("div",{class:"meta-line"},[l("         "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"e"),l("rror")])])])])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"e")])]),s("div",{class:"meta-line"},[l("         "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"e"),l("rror")])])])])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// @noErrors")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},"e")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"//       ^|")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// @noErrors")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"console"),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},"e")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"//       ^|")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br")])])])],-1),b=s("div",{class:"info custom-block"},[s("p",{class:"custom-block-title"},"INFO"),s("p",null,[l("Note that the compiler flag for "),s("a",{href:"./errors#noerrors"},[s("code",null,"// @noErrors")]),l(" is set, because "),s("code",null,"console.e"),l(" is a failing TypeScript code sample but we don't really care about that.")])],-1);function g(v,f,B,k,_,w){const o=e;return t(),n("div",null,[p,c(o,{readTime:"1",words:"167"}),d,y,u,h,m,b])}const C=a(i,[["render",g]]);export{T as __pageData,C as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_types.md.9dbcbe1c.js b/assets/application_vitepress-plugin-shiki-twoslash_api_types.md.9dbcbe1c.js
deleted file mode 100644
index 1b7d0c3e..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_types.md.9dbcbe1c.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as n,c as t,H as c,k as s,a as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const T=JSON.parse('{"title":"@types","description":"Using external libraries with Twoslash code examples.","frontmatter":{"description":"Using external libraries with Twoslash code examples.","title":"@types"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/types.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/types.md","lastUpdated":1695377563000}'),i={name:"application/vitepress-plugin-shiki-twoslash/api/types.md"},r=s("h1",{id:"types",tabindex:"-1"},[l("@types "),s("a",{class:"header-anchor",href:"#types","aria-label":'Permalink to "@types"'},"​")],-1),p=s("p",null,"For most examples, you probably need to import external libraries into your code examples.",-1),y=s("p",null,[l("Twoslash works by faking a virtual file system over your existing file system. This means any "),s("code",null,"@types"),l(" or libraries with TypeScript definitions should work out of the box with no config.")],-1),d=s("h2",{id:"local-sources",tabindex:"-1"},[l("Local Sources "),s("a",{class:"header-anchor",href:"#local-sources","aria-label":'Permalink to "Local Sources"'},"​")],-1),f=s("p",null,"Simply import locally installed libraries and Twoslash can pick up types:",-1),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-7pu-P",id:"tab-gi03a3y",checked:"checked"}),s("label",{for:"tab-gi03a3y"},"output"),s("input",{type:"radio",name:"group-7pu-P",id:"tab-uiBOtRN"}),s("label",{for:"tab-uiBOtRN"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const config: UserConfig",style:{"border-bottom":"solid 2px lightgrey"}},"config")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}},"({})")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"        "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const config: UserConfig")])]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const config: UserConfig"},"config")])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const config: UserConfig",style:{"border-bottom":"solid 2px lightgrey"}},"config")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}},"({})")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"        "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const config: UserConfig")])]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const config: UserConfig"},"config")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},"defineConfig"),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"config"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"defineConfig"),s("span",{style:{color:"#839496"}},"({})")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"//    ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"config")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},"defineConfig"),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"config"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"defineConfig"),s("span",{style:{color:"#657B83"}},"({})")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"//    ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"config")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br")])])])],-1),g=s("h2",{id:"globals",tabindex:"-1"},[l("Globals "),s("a",{class:"header-anchor",href:"#globals","aria-label":'Permalink to "Globals"'},"​")],-1),m=s("p",null,[l("Setting up globals is a little bit more complex, but not drastically. You need to use the "),s("a",{href:"https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html#-reference-types-",target:"_blank",rel:"noreferrer"},"triple slash reference"),l(" which adds a particular library to the global scope.")],-1),h=s("p",null,"For example, setting up Node imports and globals etc.",-1),b=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-nQ8lx",id:"tab-Oeqww3A",checked:"checked"}),s("label",{for:"tab-Oeqww3A"},"output"),s("input",{type:"radio",name:"group-nQ8lx",id:"tab-bJReA55"}),s("label",{for:"tab-bJReA55"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions): void
-import writeFileSync`},"writeFileSync")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'fs'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions | undefined): void
-import writeFileSync`},"writeFileSync")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'myfile.txt'"),s("span",{style:{color:"#839496"}},", "),s("span",{style:{color:"#2AA198"}},"'// TODO'"),s("span",{style:{color:"#839496"}},")")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions): void
-import writeFileSync`},"writeFileSync")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'fs'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions | undefined): void
-import writeFileSync`},"writeFileSync")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'myfile.txt'"),s("span",{style:{color:"#657B83"}},", "),s("span",{style:{color:"#2AA198"}},"'// TODO'"),s("span",{style:{color:"#657B83"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"/// <"),s("span",{style:{color:"#268BD2","font-style":"italic"}},"reference"),s("span",{style:{color:"#586E75","font-style":"italic"}}," "),s("span",{style:{color:"#93A1A1","font-style":"italic"}},"types"),s("span",{style:{color:"#859900","font-style":"italic"}},"="),s("span",{style:{color:"#2AA198","font-style":"italic"}},'"node"'),s("span",{style:{color:"#586E75","font-style":"italic"}}," />")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},"writeFileSync"),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'fs'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"writeFileSync"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'myfile.txt'"),s("span",{style:{color:"#839496"}},", "),s("span",{style:{color:"#2AA198"}},"'// TODO'"),s("span",{style:{color:"#839496"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"/// <"),s("span",{style:{color:"#268BD2","font-style":"italic"}},"reference"),s("span",{style:{color:"#93A1A1","font-style":"italic"}}," types"),s("span",{style:{color:"#859900","font-style":"italic"}},"="),s("span",{style:{color:"#2AA198","font-style":"italic"}},'"node"'),s("span",{style:{color:"#93A1A1","font-style":"italic"}}," />")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},"writeFileSync"),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'fs'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"writeFileSync"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'myfile.txt'"),s("span",{style:{color:"#657B83"}},", "),s("span",{style:{color:"#2AA198"}},"'// TODO'"),s("span",{style:{color:"#657B83"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br")])])])],-1),v=s("p",null,[l("APIs like "),s("a",{href:"https://vitest.dev",target:"_blank",rel:"noreferrer"},"Vitest"),l(" are similar cases where you would use a triple slash reference.")],-1),B=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-Yx1mx",id:"tab-XuNO3fX",checked:"checked"}),s("label",{for:"tab-XuNO3fX"},"output"),s("input",{type:"radio",name:"group-Yx1mx",id:"tab-V645NLg"}),s("label",{for:"tab-V645NLg"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const test: any"},"test")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'my tests'"),s("span",{style:{color:"#839496"}},", () "),s("span",{style:{color:"#93A1A1"}},"=>"),s("span",{style:{color:"#839496"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const expect: ExpectStatic",style:{"border-bottom":"solid 2px lightgrey"}},"expect")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#839496"}},")."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"toEqual")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#839496"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const expect: ExpectStatic")])]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"})")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const test: any"},"test")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'my tests'"),s("span",{style:{color:"#657B83"}},", () "),s("span",{style:{color:"#586E75"}},"=>"),s("span",{style:{color:"#657B83"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const expect: ExpectStatic",style:{"border-bottom":"solid 2px lightgrey"}},"expect")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#657B83"}},")."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"toEqual")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#657B83"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const expect: ExpectStatic")])]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"})")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"/// <"),s("span",{style:{color:"#268BD2","font-style":"italic"}},"reference"),s("span",{style:{color:"#586E75","font-style":"italic"}}," "),s("span",{style:{color:"#93A1A1","font-style":"italic"}},"types"),s("span",{style:{color:"#859900","font-style":"italic"}},"="),s("span",{style:{color:"#2AA198","font-style":"italic"}},'"vitest/globals"'),s("span",{style:{color:"#586E75","font-style":"italic"}}," />")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"test"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'my tests'"),s("span",{style:{color:"#839496"}},", () "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"=>"),s("span",{style:{color:"#839496"}}," {")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#268BD2"}},"expect"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#839496"}},")."),s("span",{style:{color:"#268BD2"}},"toEqual"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#839496"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75","font-style":"italic"}},"// ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"})")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"/// <"),s("span",{style:{color:"#268BD2","font-style":"italic"}},"reference"),s("span",{style:{color:"#93A1A1","font-style":"italic"}}," types"),s("span",{style:{color:"#859900","font-style":"italic"}},"="),s("span",{style:{color:"#2AA198","font-style":"italic"}},'"vitest/globals"'),s("span",{style:{color:"#93A1A1","font-style":"italic"}}," />")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"test"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'my tests'"),s("span",{style:{color:"#657B83"}},", () "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"=>"),s("span",{style:{color:"#657B83"}}," {")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#268BD2"}},"expect"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#657B83"}},")."),s("span",{style:{color:"#268BD2"}},"toEqual"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#657B83"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"})")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br")])])])],-1);function A(w,D,k,C,x,_){const e=o;return n(),t("div",null,[r,c(e,{readTime:"1",words:"230"}),p,y,d,f,u,g,m,h,b,v,B])}const O=a(i,[["render",A]]);export{T as __pageData,O as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_types.md.9dbcbe1c.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_types.md.9dbcbe1c.lean.js
deleted file mode 100644
index 1b7d0c3e..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_api_types.md.9dbcbe1c.lean.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as n,c as t,H as c,k as s,a as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const T=JSON.parse('{"title":"@types","description":"Using external libraries with Twoslash code examples.","frontmatter":{"description":"Using external libraries with Twoslash code examples.","title":"@types"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/types.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/types.md","lastUpdated":1695377563000}'),i={name:"application/vitepress-plugin-shiki-twoslash/api/types.md"},r=s("h1",{id:"types",tabindex:"-1"},[l("@types "),s("a",{class:"header-anchor",href:"#types","aria-label":'Permalink to "@types"'},"​")],-1),p=s("p",null,"For most examples, you probably need to import external libraries into your code examples.",-1),y=s("p",null,[l("Twoslash works by faking a virtual file system over your existing file system. This means any "),s("code",null,"@types"),l(" or libraries with TypeScript definitions should work out of the box with no config.")],-1),d=s("h2",{id:"local-sources",tabindex:"-1"},[l("Local Sources "),s("a",{class:"header-anchor",href:"#local-sources","aria-label":'Permalink to "Local Sources"'},"​")],-1),f=s("p",null,"Simply import locally installed libraries and Twoslash can pick up types:",-1),u=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-7pu-P",id:"tab-gi03a3y",checked:"checked"}),s("label",{for:"tab-gi03a3y"},"output"),s("input",{type:"radio",name:"group-7pu-P",id:"tab-uiBOtRN"}),s("label",{for:"tab-uiBOtRN"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const config: UserConfig",style:{"border-bottom":"solid 2px lightgrey"}},"config")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}},"({})")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"        "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const config: UserConfig")])]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const config: UserConfig"},"config")])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const config: UserConfig",style:{"border-bottom":"solid 2px lightgrey"}},"config")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}},"({})")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"        "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const config: UserConfig")])]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const config: UserConfig"},"config")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},"defineConfig"),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"config"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"defineConfig"),s("span",{style:{color:"#839496"}},"({})")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"//    ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},"config")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},"defineConfig"),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-weight":"bold"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"config"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"defineConfig"),s("span",{style:{color:"#657B83"}},"({})")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"//    ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},"config")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br")])])])],-1),g=s("h2",{id:"globals",tabindex:"-1"},[l("Globals "),s("a",{class:"header-anchor",href:"#globals","aria-label":'Permalink to "Globals"'},"​")],-1),m=s("p",null,[l("Setting up globals is a little bit more complex, but not drastically. You need to use the "),s("a",{href:"https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html#-reference-types-",target:"_blank",rel:"noreferrer"},"triple slash reference"),l(" which adds a particular library to the global scope.")],-1),h=s("p",null,"For example, setting up Node imports and globals etc.",-1),b=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-nQ8lx",id:"tab-Oeqww3A",checked:"checked"}),s("label",{for:"tab-Oeqww3A"},"output"),s("input",{type:"radio",name:"group-nQ8lx",id:"tab-bJReA55"}),s("label",{for:"tab-bJReA55"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions): void
-import writeFileSync`},"writeFileSync")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'fs'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions | undefined): void
-import writeFileSync`},"writeFileSync")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'myfile.txt'"),s("span",{style:{color:"#839496"}},", "),s("span",{style:{color:"#2AA198"}},"'// TODO'"),s("span",{style:{color:"#839496"}},")")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions): void
-import writeFileSync`},"writeFileSync")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'fs'")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions | undefined): void
-import writeFileSync`},"writeFileSync")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'myfile.txt'"),s("span",{style:{color:"#657B83"}},", "),s("span",{style:{color:"#2AA198"}},"'// TODO'"),s("span",{style:{color:"#657B83"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"/// <"),s("span",{style:{color:"#268BD2","font-style":"italic"}},"reference"),s("span",{style:{color:"#586E75","font-style":"italic"}}," "),s("span",{style:{color:"#93A1A1","font-style":"italic"}},"types"),s("span",{style:{color:"#859900","font-style":"italic"}},"="),s("span",{style:{color:"#2AA198","font-style":"italic"}},'"node"'),s("span",{style:{color:"#586E75","font-style":"italic"}}," />")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},"writeFileSync"),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'fs'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"writeFileSync"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'myfile.txt'"),s("span",{style:{color:"#839496"}},", "),s("span",{style:{color:"#2AA198"}},"'// TODO'"),s("span",{style:{color:"#839496"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"/// <"),s("span",{style:{color:"#268BD2","font-style":"italic"}},"reference"),s("span",{style:{color:"#93A1A1","font-style":"italic"}}," types"),s("span",{style:{color:"#859900","font-style":"italic"}},"="),s("span",{style:{color:"#2AA198","font-style":"italic"}},'"node"'),s("span",{style:{color:"#93A1A1","font-style":"italic"}}," />")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},"writeFileSync"),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'fs'")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"writeFileSync"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'myfile.txt'"),s("span",{style:{color:"#657B83"}},", "),s("span",{style:{color:"#2AA198"}},"'// TODO'"),s("span",{style:{color:"#657B83"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br")])])])],-1),v=s("p",null,[l("APIs like "),s("a",{href:"https://vitest.dev",target:"_blank",rel:"noreferrer"},"Vitest"),l(" are similar cases where you would use a triple slash reference.")],-1),B=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-Yx1mx",id:"tab-XuNO3fX",checked:"checked"}),s("label",{for:"tab-XuNO3fX"},"output"),s("input",{type:"radio",name:"group-Yx1mx",id:"tab-V645NLg"}),s("label",{for:"tab-V645NLg"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const test: any"},"test")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'my tests'"),s("span",{style:{color:"#839496"}},", () "),s("span",{style:{color:"#93A1A1"}},"=>"),s("span",{style:{color:"#839496"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const expect: ExpectStatic",style:{"border-bottom":"solid 2px lightgrey"}},"expect")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#839496"}},")."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"toEqual")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#839496"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const expect: ExpectStatic")])]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"})")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const test: any"},"test")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'my tests'"),s("span",{style:{color:"#657B83"}},", () "),s("span",{style:{color:"#586E75"}},"=>"),s("span",{style:{color:"#657B83"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"const expect: ExpectStatic",style:{"border-bottom":"solid 2px lightgrey"}},"expect")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#657B83"}},")."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"any"},"toEqual")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#657B83"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const expect: ExpectStatic")])]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"})")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki solarized-dark vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"/// <"),s("span",{style:{color:"#268BD2","font-style":"italic"}},"reference"),s("span",{style:{color:"#586E75","font-style":"italic"}}," "),s("span",{style:{color:"#93A1A1","font-style":"italic"}},"types"),s("span",{style:{color:"#859900","font-style":"italic"}},"="),s("span",{style:{color:"#2AA198","font-style":"italic"}},'"vitest/globals"'),s("span",{style:{color:"#586E75","font-style":"italic"}}," />")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#586E75","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"test"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'my tests'"),s("span",{style:{color:"#839496"}},", () "),s("span",{style:{color:"#93A1A1","font-weight":"bold"}},"=>"),s("span",{style:{color:"#839496"}}," {")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#268BD2"}},"expect"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#839496"}},")."),s("span",{style:{color:"#268BD2"}},"toEqual"),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#839496"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#586E75","font-style":"italic"}},"// ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"})")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#839496"}},"```")])])]),s("pre",{class:"shiki solarized-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```ts twoslash")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"/// <"),s("span",{style:{color:"#268BD2","font-style":"italic"}},"reference"),s("span",{style:{color:"#93A1A1","font-style":"italic"}}," types"),s("span",{style:{color:"#859900","font-style":"italic"}},"="),s("span",{style:{color:"#2AA198","font-style":"italic"}},'"vitest/globals"'),s("span",{style:{color:"#93A1A1","font-style":"italic"}}," />")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ---cut---")]),l(`
-`),s("span",{class:"line"}),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#268BD2"}},"test"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'my tests'"),s("span",{style:{color:"#657B83"}},", () "),s("span",{style:{color:"#586E75","font-weight":"bold"}},"=>"),s("span",{style:{color:"#657B83"}}," {")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#268BD2"}},"expect"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#657B83"}},")."),s("span",{style:{color:"#268BD2"}},"toEqual"),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"'hello'"),s("span",{style:{color:"#657B83"}},")")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#93A1A1","font-style":"italic"}},"// ^?")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"})")]),l(`
-`),s("span",{class:"line"},[s("span",{style:{color:"#657B83"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br")])])])],-1);function A(w,D,k,C,x,_){const e=o;return n(),t("div",null,[r,c(e,{readTime:"1",words:"230"}),p,y,d,f,u,g,m,h,b,v,B])}const O=a(i,[["render",A]]);export{T as __pageData,O as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_types.md.a1a99084.js b/assets/application_vitepress-plugin-shiki-twoslash_api_types.md.a1a99084.js
new file mode 100644
index 00000000..4a32ad18
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_types.md.a1a99084.js
@@ -0,0 +1,45 @@
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as n,c as t,H as r,k as s,a as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const T=JSON.parse('{"title":"@types","description":"Using external libraries with Twoslash code examples.","frontmatter":{"description":"Using external libraries with Twoslash code examples.","title":"@types"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/types.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/types.md","lastUpdated":1699051935000}'),c={name:"application/vitepress-plugin-shiki-twoslash/api/types.md"},i=s("h1",{id:"types",tabindex:"-1"},[l("@types "),s("a",{class:"header-anchor",href:"#types","aria-label":'Permalink to "@types"'},"​")],-1),p=s("p",null,"For most examples, you probably need to import external libraries into your code examples.",-1),y=s("p",null,[l("Twoslash works by faking a virtual file system over your existing file system. This means any "),s("code",null,"@types"),l(" or libraries with TypeScript definitions should work out of the box with no config.")],-1),d=s("h2",{id:"local-sources",tabindex:"-1"},[l("Local Sources "),s("a",{class:"header-anchor",href:"#local-sources","aria-label":'Permalink to "Local Sources"'},"​")],-1),u=s("p",null,"Simply import locally installed libraries and Twoslash can pick up types:",-1),f=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-uTL50",id:"tab-H4mhQk_",checked:"checked"}),s("label",{for:"tab-H4mhQk_"},"output"),s("input",{type:"radio",name:"group-uTL50",id:"tab-Fh7cjUz"}),s("label",{for:"tab-Fh7cjUz"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"const config: UserConfig",style:{"border-bottom":"solid 2px lightgrey"}},"config")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#ADBAC7"}},"({})")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"        "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const config: UserConfig")])]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"const config: UserConfig"},"config")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"const config: UserConfig",style:{"border-bottom":"solid 2px lightgrey"}},"config")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#24292E"}},"({})")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"        "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const config: UserConfig")])]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:"const config: UserConfig"},"config")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," { defineConfig } "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'vitepress'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"config"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},"defineConfig"),s("span",{style:{color:"#ADBAC7"}},"({})")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"//    ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#ADBAC7"}},"config")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," { defineConfig } "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'vitepress'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"config"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"defineConfig"),s("span",{style:{color:"#24292E"}},"({})")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"//    ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," config")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br")])])])],-1),m=s("h2",{id:"globals",tabindex:"-1"},[l("Globals "),s("a",{class:"header-anchor",href:"#globals","aria-label":'Permalink to "Globals"'},"​")],-1),g=s("p",null,[l("Setting up globals is a little bit more complex, but not drastically. You need to use the "),s("a",{href:"https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html#-reference-types-",target:"_blank",rel:"noreferrer"},"triple slash reference"),l(" which adds a particular library to the global scope.")],-1),h=s("p",null,"For example, setting up Node imports and globals etc.",-1),b=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-VHYDd",id:"tab-uOA6RMx",checked:"checked"}),s("label",{for:"tab-uOA6RMx"},"output"),s("input",{type:"radio",name:"group-VHYDd",id:"tab-XchB1nX"}),s("label",{for:"tab-XchB1nX"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) function writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions): void
+import writeFileSync`},"writeFileSync"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'fs'")]),s("div",{class:"line"},[s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions | undefined): void
+import writeFileSync`},"writeFileSync")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'myfile.txt'"),s("span",{style:{color:"#ADBAC7"}},", "),s("span",{style:{color:"#96D0FF"}},"'// TODO'"),s("span",{style:{color:"#ADBAC7"}},")")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) function writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions): void
+import writeFileSync`},"writeFileSync"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'fs'")]),s("div",{class:"line"},[s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions | undefined): void
+import writeFileSync`},"writeFileSync")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'myfile.txt'"),s("span",{style:{color:"#24292E"}},", "),s("span",{style:{color:"#032F62"}},"'// TODO'"),s("span",{style:{color:"#24292E"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"/// <"),s("span",{style:{color:"#8DDB8C"}},"reference"),s("span",{style:{color:"#768390"}}," "),s("span",{style:{color:"#6CB6FF"}},"types"),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#96D0FF"}},'"node"'),s("span",{style:{color:"#768390"}}," />")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," { writeFileSync } "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'fs'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#DCBDFB"}},"writeFileSync"),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'myfile.txt'"),s("span",{style:{color:"#ADBAC7"}},", "),s("span",{style:{color:"#96D0FF"}},"'// TODO'"),s("span",{style:{color:"#ADBAC7"}},")")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"/// <"),s("span",{style:{color:"#22863A"}},"reference"),s("span",{style:{color:"#6A737D"}}," "),s("span",{style:{color:"#6F42C1"}},"types"),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#032F62"}},'"node"'),s("span",{style:{color:"#6A737D"}}," />")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," { writeFileSync } "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'fs'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6F42C1"}},"writeFileSync"),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'myfile.txt'"),s("span",{style:{color:"#24292E"}},", "),s("span",{style:{color:"#032F62"}},"'// TODO'"),s("span",{style:{color:"#24292E"}},")")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br")])])])],-1),D=s("p",null,[l("APIs like "),s("a",{href:"https://vitest.dev",target:"_blank",rel:"noreferrer"},"Vitest"),l(" are similar cases where you would use a triple slash reference.")],-1),A=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-SKXyI",id:"tab-IahiLSH",checked:"checked"}),s("label",{for:"tab-IahiLSH"},"output"),s("input",{type:"radio",name:"group-SKXyI",id:"tab-csOVfln"}),s("label",{for:"tab-csOVfln"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"const test: any"},"test")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'my tests'"),s("span",{style:{color:"#ADBAC7"}},", () "),s("span",{style:{color:"#F47067"}},"=>"),s("span",{style:{color:"#ADBAC7"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"const expect: ExpectStatic",style:{"border-bottom":"solid 2px lightgrey"}},"expect")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'hello'"),s("span",{style:{color:"#ADBAC7"}},")."),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"any"},"toEqual")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'hello'"),s("span",{style:{color:"#ADBAC7"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const expect: ExpectStatic")])]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"})")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"const test: any"},"test")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'my tests'"),s("span",{style:{color:"#24292E"}},", () "),s("span",{style:{color:"#D73A49"}},"=>"),s("span",{style:{color:"#24292E"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"const expect: ExpectStatic",style:{"border-bottom":"solid 2px lightgrey"}},"expect")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'hello'"),s("span",{style:{color:"#24292E"}},")."),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"any"},"toEqual")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'hello'"),s("span",{style:{color:"#24292E"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const expect: ExpectStatic")])]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"})")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"/// <"),s("span",{style:{color:"#8DDB8C"}},"reference"),s("span",{style:{color:"#768390"}}," "),s("span",{style:{color:"#6CB6FF"}},"types"),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#96D0FF"}},'"vitest/globals"'),s("span",{style:{color:"#768390"}}," />")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#DCBDFB"}},"test"),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'my tests'"),s("span",{style:{color:"#ADBAC7"}},", () "),s("span",{style:{color:"#F47067"}},"=>"),s("span",{style:{color:"#ADBAC7"}}," {")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#DCBDFB"}},"expect"),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'hello'"),s("span",{style:{color:"#ADBAC7"}},")."),s("span",{style:{color:"#DCBDFB"}},"toEqual"),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'hello'"),s("span",{style:{color:"#ADBAC7"}},")")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#768390"}},"// ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"})")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"/// <"),s("span",{style:{color:"#22863A"}},"reference"),s("span",{style:{color:"#6A737D"}}," "),s("span",{style:{color:"#6F42C1"}},"types"),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#032F62"}},'"vitest/globals"'),s("span",{style:{color:"#6A737D"}}," />")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6F42C1"}},"test"),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'my tests'"),s("span",{style:{color:"#24292E"}},", () "),s("span",{style:{color:"#D73A49"}},"=>"),s("span",{style:{color:"#24292E"}}," {")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6F42C1"}},"expect"),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'hello'"),s("span",{style:{color:"#24292E"}},")."),s("span",{style:{color:"#6F42C1"}},"toEqual"),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'hello'"),s("span",{style:{color:"#24292E"}},")")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6A737D"}},"// ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"})")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br")])])])],-1);function C(F,v,B,w,E,k){const e=o;return n(),t("div",null,[i,r(e,{readTime:"1",words:"230"}),p,y,d,u,f,m,g,h,b,D,A])}const O=a(c,[["render",C]]);export{T as __pageData,O as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_api_types.md.a1a99084.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_api_types.md.a1a99084.lean.js
new file mode 100644
index 00000000..4a32ad18
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_api_types.md.a1a99084.lean.js
@@ -0,0 +1,45 @@
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as n,c as t,H as r,k as s,a as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const T=JSON.parse('{"title":"@types","description":"Using external libraries with Twoslash code examples.","frontmatter":{"description":"Using external libraries with Twoslash code examples.","title":"@types"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/types.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/types.md","lastUpdated":1699051935000}'),c={name:"application/vitepress-plugin-shiki-twoslash/api/types.md"},i=s("h1",{id:"types",tabindex:"-1"},[l("@types "),s("a",{class:"header-anchor",href:"#types","aria-label":'Permalink to "@types"'},"​")],-1),p=s("p",null,"For most examples, you probably need to import external libraries into your code examples.",-1),y=s("p",null,[l("Twoslash works by faking a virtual file system over your existing file system. This means any "),s("code",null,"@types"),l(" or libraries with TypeScript definitions should work out of the box with no config.")],-1),d=s("h2",{id:"local-sources",tabindex:"-1"},[l("Local Sources "),s("a",{class:"header-anchor",href:"#local-sources","aria-label":'Permalink to "Local Sources"'},"​")],-1),u=s("p",null,"Simply import locally installed libraries and Twoslash can pick up types:",-1),f=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-uTL50",id:"tab-H4mhQk_",checked:"checked"}),s("label",{for:"tab-H4mhQk_"},"output"),s("input",{type:"radio",name:"group-uTL50",id:"tab-Fh7cjUz"}),s("label",{for:"tab-Fh7cjUz"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:"const config: UserConfig",style:{"border-bottom":"solid 2px lightgrey"}},"config")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#ADBAC7"}},"({})")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"        "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const config: UserConfig")])]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"const config: UserConfig"},"config")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:"const config: UserConfig",style:{"border-bottom":"solid 2px lightgrey"}},"config")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#24292E"}},"({})")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"        "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const config: UserConfig")])]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:"const config: UserConfig"},"config")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," { defineConfig } "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'vitepress'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"config"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},"defineConfig"),s("span",{style:{color:"#ADBAC7"}},"({})")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"//    ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#ADBAC7"}},"config")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," { defineConfig } "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'vitepress'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"config"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},"defineConfig"),s("span",{style:{color:"#24292E"}},"({})")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"//    ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," config")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br")])])])],-1),m=s("h2",{id:"globals",tabindex:"-1"},[l("Globals "),s("a",{class:"header-anchor",href:"#globals","aria-label":'Permalink to "Globals"'},"​")],-1),g=s("p",null,[l("Setting up globals is a little bit more complex, but not drastically. You need to use the "),s("a",{href:"https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html#-reference-types-",target:"_blank",rel:"noreferrer"},"triple slash reference"),l(" which adds a particular library to the global scope.")],-1),h=s("p",null,"For example, setting up Node imports and globals etc.",-1),b=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-VHYDd",id:"tab-uOA6RMx",checked:"checked"}),s("label",{for:"tab-uOA6RMx"},"output"),s("input",{type:"radio",name:"group-VHYDd",id:"tab-XchB1nX"}),s("label",{for:"tab-XchB1nX"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) function writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions): void
+import writeFileSync`},"writeFileSync"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'fs'")]),s("div",{class:"line"},[s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions | undefined): void
+import writeFileSync`},"writeFileSync")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'myfile.txt'"),s("span",{style:{color:"#ADBAC7"}},", "),s("span",{style:{color:"#96D0FF"}},"'// TODO'"),s("span",{style:{color:"#ADBAC7"}},")")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) function writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions): void
+import writeFileSync`},"writeFileSync"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'fs'")]),s("div",{class:"line"},[s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) writeFileSync(file: PathOrFileDescriptor, data: string | NodeJS.ArrayBufferView, options?: WriteFileOptions | undefined): void
+import writeFileSync`},"writeFileSync")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'myfile.txt'"),s("span",{style:{color:"#24292E"}},", "),s("span",{style:{color:"#032F62"}},"'// TODO'"),s("span",{style:{color:"#24292E"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"/// <"),s("span",{style:{color:"#8DDB8C"}},"reference"),s("span",{style:{color:"#768390"}}," "),s("span",{style:{color:"#6CB6FF"}},"types"),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#96D0FF"}},'"node"'),s("span",{style:{color:"#768390"}}," />")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," { writeFileSync } "),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'fs'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#DCBDFB"}},"writeFileSync"),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'myfile.txt'"),s("span",{style:{color:"#ADBAC7"}},", "),s("span",{style:{color:"#96D0FF"}},"'// TODO'"),s("span",{style:{color:"#ADBAC7"}},")")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"/// <"),s("span",{style:{color:"#22863A"}},"reference"),s("span",{style:{color:"#6A737D"}}," "),s("span",{style:{color:"#6F42C1"}},"types"),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#032F62"}},'"node"'),s("span",{style:{color:"#6A737D"}}," />")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," { writeFileSync } "),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'fs'")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6F42C1"}},"writeFileSync"),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'myfile.txt'"),s("span",{style:{color:"#24292E"}},", "),s("span",{style:{color:"#032F62"}},"'// TODO'"),s("span",{style:{color:"#24292E"}},")")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br")])])])],-1),D=s("p",null,[l("APIs like "),s("a",{href:"https://vitest.dev",target:"_blank",rel:"noreferrer"},"Vitest"),l(" are similar cases where you would use a triple slash reference.")],-1),A=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-SKXyI",id:"tab-IahiLSH",checked:"checked"}),s("label",{for:"tab-IahiLSH"},"output"),s("input",{type:"radio",name:"group-SKXyI",id:"tab-csOVfln"}),s("label",{for:"tab-csOVfln"},"markdown")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"const test: any"},"test")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'my tests'"),s("span",{style:{color:"#ADBAC7"}},", () "),s("span",{style:{color:"#F47067"}},"=>"),s("span",{style:{color:"#ADBAC7"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"const expect: ExpectStatic",style:{"border-bottom":"solid 2px lightgrey"}},"expect")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'hello'"),s("span",{style:{color:"#ADBAC7"}},")."),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"any"},"toEqual")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'hello'"),s("span",{style:{color:"#ADBAC7"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const expect: ExpectStatic")])]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"})")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"const test: any"},"test")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'my tests'"),s("span",{style:{color:"#24292E"}},", () "),s("span",{style:{color:"#D73A49"}},"=>"),s("span",{style:{color:"#24292E"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"const expect: ExpectStatic",style:{"border-bottom":"solid 2px lightgrey"}},"expect")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'hello'"),s("span",{style:{color:"#24292E"}},")."),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"any"},"toEqual")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'hello'"),s("span",{style:{color:"#24292E"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"      "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l("const expect: ExpectStatic")])]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"})")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])]),s("div",{class:"language-md vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"md"),s("pre",{class:"shiki github-dark-dimmed vp-code-dark"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"/// <"),s("span",{style:{color:"#8DDB8C"}},"reference"),s("span",{style:{color:"#768390"}}," "),s("span",{style:{color:"#6CB6FF"}},"types"),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#96D0FF"}},'"vitest/globals"'),s("span",{style:{color:"#768390"}}," />")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#768390"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#DCBDFB"}},"test"),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'my tests'"),s("span",{style:{color:"#ADBAC7"}},", () "),s("span",{style:{color:"#F47067"}},"=>"),s("span",{style:{color:"#ADBAC7"}}," {")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#DCBDFB"}},"expect"),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'hello'"),s("span",{style:{color:"#ADBAC7"}},")."),s("span",{style:{color:"#DCBDFB"}},"toEqual"),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"'hello'"),s("span",{style:{color:"#ADBAC7"}},")")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#768390"}},"// ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"})")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"```")])])]),s("pre",{class:"shiki github-light vp-code-light"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```ts twoslash")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"/// <"),s("span",{style:{color:"#22863A"}},"reference"),s("span",{style:{color:"#6A737D"}}," "),s("span",{style:{color:"#6F42C1"}},"types"),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#032F62"}},'"vitest/globals"'),s("span",{style:{color:"#6A737D"}}," />")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// ---cut---")]),l(`
+`),s("span",{class:"line"}),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#6F42C1"}},"test"),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'my tests'"),s("span",{style:{color:"#24292E"}},", () "),s("span",{style:{color:"#D73A49"}},"=>"),s("span",{style:{color:"#24292E"}}," {")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6F42C1"}},"expect"),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'hello'"),s("span",{style:{color:"#24292E"}},")."),s("span",{style:{color:"#6F42C1"}},"toEqual"),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"'hello'"),s("span",{style:{color:"#24292E"}},")")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6A737D"}},"// ^?")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"})")]),l(`
+`),s("span",{class:"line"},[s("span",{style:{color:"#24292E"}},"```")])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br"),s("span",{class:"line-number"},"5"),s("br"),s("span",{class:"line-number"},"6"),s("br"),s("span",{class:"line-number"},"7"),s("br"),s("span",{class:"line-number"},"8"),s("br"),s("span",{class:"line-number"},"9"),s("br")])])])],-1);function C(F,v,B,w,E,k){const e=o;return n(),t("div",null,[i,r(e,{readTime:"1",words:"230"}),p,y,d,u,f,m,g,h,b,D,A])}const O=a(c,[["render",C]]);export{T as __pageData,O as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_config_flags.md.52b87b95.js b/assets/application_vitepress-plugin-shiki-twoslash_config_flags.md.52b87b95.js
new file mode 100644
index 00000000..4d16afdb
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_config_flags.md.52b87b95.js
@@ -0,0 +1,591 @@
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as l,c as p,H as c,k as s,a as r,Q as o}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Compiler Flags","description":"","frontmatter":{"title":"Compiler Flags"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/config/flags.md","filePath":"application/vitepress-plugin-shiki-twoslash/config/flags.md","lastUpdated":1699051935000}'),i={name:"application/vitepress-plugin-shiki-twoslash/config/flags.md"},t=s("h1",{id:"compiler-flags",tabindex:"-1"},[r("Compiler Flags "),s("a",{class:"header-anchor",href:"#compiler-flags","aria-label":'Permalink to "Compiler Flags"'},"​")],-1),b=o(`
// @allowJs
+Allow JavaScript files to be a part of your program. Use the \`checkJS\` option to get errors from these files..
+
+// @allowSyntheticDefaultImports
+Allow 'import x from y' when a module doesn't have a default export..
+
+// @allowUmdGlobalAccess
+Allow accessing UMD globals from modules..
+
+// @allowUnreachableCode
+Disable error reporting for unreachable code..
+
+// @allowUnusedLabels
+Disable error reporting for unused labels..
+
+// @alwaysStrict
+Ensure 'use strict' is always emitted..
+
+// @assumeChangesOnlyAffectDirectDependencies
+Have recompiles in projects that use \`incremental\` and \`watch\` mode assume that changes within a file will only affect files directly depending on it..
+
+// @baseUrl
+Specify the base directory to resolve non-relative module names..
+
+// @charset
+No longer supported. In early versions, manually set the text encoding for reading files..
+
+// @checkJs
+Enable error reporting in type-checked JavaScript files..
+
+// @composite
+Enable constraints that allow a TypeScript project to be used with project references..
+
+// @declaration
+Generate .d.ts files from TypeScript and JavaScript files in your project..
+
+// @declarationDir
+Specify the output directory for generated declaration files..
+
+// @declarationMap
+Create sourcemaps for d.ts files..
+
+// @diagnostics
+Output compiler performance information after building..
+
+// @disableReferencedProjectLoad
+Reduce the number of projects loaded automatically by TypeScript..
+
+// @disableSizeLimit
+Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
+
+// @disableSolutionSearching
+Opt a project out of multi-project reference checking when editing..
+
+// @disableSourceOfProjectReferenceRedirect
+Disable preferring source files instead of declaration files when referencing composite projects.
+
+// @downlevelIteration
+Emit more compliant, but verbose and less performant JavaScript for iteration..
+
+// @emitBOM
+Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
+
+// @emitDeclarationOnly
+Only output d.ts files and not JavaScript files..
+
+// @emitDecoratorMetadata
+Emit design-type metadata for decorated declarations in source files..
+
+// @esModuleInterop
+Emit additional JavaScript to ease support for importing CommonJS modules. This enables \`allowSyntheticDefaultImports\` for type compatibility..
+
+// @exactOptionalPropertyTypes
+Interpret optional property types as written, rather than adding 'undefined'..
+
+// @experimentalDecorators
+Enable experimental support for TC39 stage 2 draft decorators..
+
+// @explainFiles
+Print files read during the compilation including why it was included..
+
+// @extendedDiagnostics
+Output more detailed compiler performance information after building..
+
+// @forceConsistentCasingInFileNames
+Ensure that casing is correct in imports..
+
+// @generateCpuProfile
+Emit a v8 CPU profile of the compiler run for debugging..
+
+// @importHelpers
+Allow importing helper functions from tslib once per project, instead of including them per-file..
+
+// @importsNotUsedAsValues
+Specify emit/checking behavior for imports that are only used for types.
+
+// @incremental
+Enable incremental compilation.
+
+// @inlineSourceMap
+Include sourcemap files inside the emitted JavaScript..
+
+// @inlineSources
+Include source code in the sourcemaps inside the emitted JavaScript..
+
+// @isolatedModules
+Ensure that each file can be safely transpiled without relying on other imports..
+
+// @jsx
+Specify what JSX code is generated..
+
+// @jsxFactory
+Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
+
+// @jsxFragmentFactory
+Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
+
+// @jsxImportSource
+Specify module specifier used to import the JSX factory functions when using \`jsx: react-jsx*\`.\`.
+
+// @keyofStringsOnly
+Make keyof only return strings instead of string, numbers or symbols. Legacy option..
+
+// @lib
+Specify a set of bundled library declaration files that describe the target runtime environment..
+
+// @listEmittedFiles
+Print the names of emitted files after a compilation..
+
+// @listFiles
+Print all of the files read during the compilation..
+
+// @mapRoot
+Specify the location where debugger should locate map files instead of generated locations..
+
+// @maxNodeModuleJsDepth
+Specify the maximum folder depth used for checking JavaScript files from \`node_modules\`. Only applicable with \`allowJs\`..
+
+// @module
+Specify what module code is generated..
+
+// @moduleResolution
+Specify how TypeScript looks up a file from a given module specifier..
+
+// @newLine
+Set the newline character for emitting files..
+
+// @noEmit
+Disable emitting file from a compilation..
+
+// @noEmitHelpers
+Disable generating custom helper functions like \`__extends\` in compiled output..
+
+// @noEmitOnError
+Disable emitting files if any type checking errors are reported..
+
+// @noErrorTruncation
+Disable truncating types in error messages..
+
+// @noFallthroughCasesInSwitch
+Enable error reporting for fallthrough cases in switch statements..
+
+// @noImplicitAny
+Enable error reporting for expressions and declarations with an implied \`any\` type...
+
+// @noImplicitOverride
+Add \`undefined\` to a type when accessed using an index..
+
+// @noImplicitReturns
+Enable error reporting for codepaths that do not explicitly return in a function..
+
+// @noImplicitThis
+Enable error reporting when \`this\` is given the type \`any\`..
+
+// @noImplicitUseStrict
+Disable adding 'use strict' directives in emitted JavaScript files..
+
+// @noLib
+Disable including any library files, including the default lib.d.ts..
+
+// @noPropertyAccessFromIndexSignature
+Enforces using indexed accessors for keys declared using an indexed type.
+
+// @noResolve
+Disallow \`import\`s, \`require\`s or \`\`s from expanding the number of files TypeScript should add to a project..
+
+// @noStrictGenericChecks
+Disable strict checking of generic signatures in function types..
+
+// @noUncheckedIndexedAccess
+Include 'undefined' in index signature results.
+
+// @noUnusedLocals
+Enable error reporting when a local variables aren't read..
+
+// @noUnusedParameters
+Raise an error when a function parameter isn't read.
+
+// @out
+Deprecated setting. Use \`outFile\` instead..
+
+// @outDir
+Specify an output folder for all emitted files..
+
+// @outFile
+Specify a file that bundles all outputs into one JavaScript file. If \`declaration\` is true, also designates a file that bundles all .d.ts output..
+
+// @paths
+Specify a set of entries that re-map imports to additional lookup locations..
+
+// @plugins
+List of language service plugins..
+
+// @preserveConstEnums
+Disable erasing \`const enum\` declarations in generated code..
+
+// @preserveSymlinks
+Disable resolving symlinks to their realpath. This correlates to the same flag in node..
+
+// @preserveWatchOutput
+Disable wiping the console in watch mode.
+
+// @pretty
+Enable color and formatting in output to make compiler errors easier to read.
+
+// @reactNamespace
+Specify the object invoked for \`createElement\`. This only applies when targeting \`react\` JSX emit..
+
+// @removeComments
+Disable emitting comments..
+
+// @resolveJsonModule
+Enable importing .json files.
+
+// @rootDir
+Specify the root folder within your source files..
+
+// @rootDirs
+Allow multiple folders to be treated as one when resolving modules..
+
+// @skipDefaultLibCheck
+Skip type checking .d.ts files that are included with TypeScript..
+
+// @skipLibCheck
+Skip type checking all .d.ts files..
+
+// @sourceMap
+Create source map files for emitted JavaScript files..
+
+// @sourceRoot
+Specify the root path for debuggers to find the reference source code..
+
+// @strict
+Enable all strict type-checking options..
+
+// @strictBindCallApply
+Check that the arguments for \`bind\`, \`call\`, and \`apply\` methods match the original function..
+
+// @strictFunctionTypes
+When assigning functions, check to ensure parameters and the return values are subtype-compatible..
+
+// @strictNullChecks
+When type checking, take into account \`null\` and \`undefined\`..
+
+// @strictPropertyInitialization
+Check for class properties that are declared but not set in the constructor..
+
+// @stripInternal
+Disable emitting declarations that have \`@internal\` in their JSDoc comments..
+
+// @suppressExcessPropertyErrors
+Disable reporting of excess property errors during the creation of object literals..
+
+// @suppressImplicitAnyIndexErrors
+Suppress \`noImplicitAny\` errors when indexing objects that lack index signatures..
+
+// @target
+Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
+
+// @traceResolution
+Log paths used during the \`moduleResolution\` process..
+
+// @tsBuildInfoFile
+Specify the folder for .tsbuildinfo incremental compilation files..
+
+// @typeRoots
+Specify multiple folders that act like \`./node_modules/@types\`..
+
+// @types
+Specify type package names to be included without being referenced in a source file..
+
+// @useDefineForClassFields
+Emit ECMAScript-standard-compliant class fields..
+
+// @useUnknownInCatchVariables
+Type catch clause variables as 'unknown' instead of 'any'..
// @allowJs
+Allow JavaScript files to be a part of your program. Use the \`checkJS\` option to get errors from these files..
+
+// @allowSyntheticDefaultImports
+Allow 'import x from y' when a module doesn't have a default export..
+
+// @allowUmdGlobalAccess
+Allow accessing UMD globals from modules..
+
+// @allowUnreachableCode
+Disable error reporting for unreachable code..
+
+// @allowUnusedLabels
+Disable error reporting for unused labels..
+
+// @alwaysStrict
+Ensure 'use strict' is always emitted..
+
+// @assumeChangesOnlyAffectDirectDependencies
+Have recompiles in projects that use \`incremental\` and \`watch\` mode assume that changes within a file will only affect files directly depending on it..
+
+// @baseUrl
+Specify the base directory to resolve non-relative module names..
+
+// @charset
+No longer supported. In early versions, manually set the text encoding for reading files..
+
+// @checkJs
+Enable error reporting in type-checked JavaScript files..
+
+// @composite
+Enable constraints that allow a TypeScript project to be used with project references..
+
+// @declaration
+Generate .d.ts files from TypeScript and JavaScript files in your project..
+
+// @declarationDir
+Specify the output directory for generated declaration files..
+
+// @declarationMap
+Create sourcemaps for d.ts files..
+
+// @diagnostics
+Output compiler performance information after building..
+
+// @disableReferencedProjectLoad
+Reduce the number of projects loaded automatically by TypeScript..
+
+// @disableSizeLimit
+Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
+
+// @disableSolutionSearching
+Opt a project out of multi-project reference checking when editing..
+
+// @disableSourceOfProjectReferenceRedirect
+Disable preferring source files instead of declaration files when referencing composite projects.
+
+// @downlevelIteration
+Emit more compliant, but verbose and less performant JavaScript for iteration..
+
+// @emitBOM
+Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
+
+// @emitDeclarationOnly
+Only output d.ts files and not JavaScript files..
+
+// @emitDecoratorMetadata
+Emit design-type metadata for decorated declarations in source files..
+
+// @esModuleInterop
+Emit additional JavaScript to ease support for importing CommonJS modules. This enables \`allowSyntheticDefaultImports\` for type compatibility..
+
+// @exactOptionalPropertyTypes
+Interpret optional property types as written, rather than adding 'undefined'..
+
+// @experimentalDecorators
+Enable experimental support for TC39 stage 2 draft decorators..
+
+// @explainFiles
+Print files read during the compilation including why it was included..
+
+// @extendedDiagnostics
+Output more detailed compiler performance information after building..
+
+// @forceConsistentCasingInFileNames
+Ensure that casing is correct in imports..
+
+// @generateCpuProfile
+Emit a v8 CPU profile of the compiler run for debugging..
+
+// @importHelpers
+Allow importing helper functions from tslib once per project, instead of including them per-file..
+
+// @importsNotUsedAsValues
+Specify emit/checking behavior for imports that are only used for types.
+
+// @incremental
+Enable incremental compilation.
+
+// @inlineSourceMap
+Include sourcemap files inside the emitted JavaScript..
+
+// @inlineSources
+Include source code in the sourcemaps inside the emitted JavaScript..
+
+// @isolatedModules
+Ensure that each file can be safely transpiled without relying on other imports..
+
+// @jsx
+Specify what JSX code is generated..
+
+// @jsxFactory
+Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
+
+// @jsxFragmentFactory
+Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
+
+// @jsxImportSource
+Specify module specifier used to import the JSX factory functions when using \`jsx: react-jsx*\`.\`.
+
+// @keyofStringsOnly
+Make keyof only return strings instead of string, numbers or symbols. Legacy option..
+
+// @lib
+Specify a set of bundled library declaration files that describe the target runtime environment..
+
+// @listEmittedFiles
+Print the names of emitted files after a compilation..
+
+// @listFiles
+Print all of the files read during the compilation..
+
+// @mapRoot
+Specify the location where debugger should locate map files instead of generated locations..
+
+// @maxNodeModuleJsDepth
+Specify the maximum folder depth used for checking JavaScript files from \`node_modules\`. Only applicable with \`allowJs\`..
+
+// @module
+Specify what module code is generated..
+
+// @moduleResolution
+Specify how TypeScript looks up a file from a given module specifier..
+
+// @newLine
+Set the newline character for emitting files..
+
+// @noEmit
+Disable emitting file from a compilation..
+
+// @noEmitHelpers
+Disable generating custom helper functions like \`__extends\` in compiled output..
+
+// @noEmitOnError
+Disable emitting files if any type checking errors are reported..
+
+// @noErrorTruncation
+Disable truncating types in error messages..
+
+// @noFallthroughCasesInSwitch
+Enable error reporting for fallthrough cases in switch statements..
+
+// @noImplicitAny
+Enable error reporting for expressions and declarations with an implied \`any\` type...
+
+// @noImplicitOverride
+Add \`undefined\` to a type when accessed using an index..
+
+// @noImplicitReturns
+Enable error reporting for codepaths that do not explicitly return in a function..
+
+// @noImplicitThis
+Enable error reporting when \`this\` is given the type \`any\`..
+
+// @noImplicitUseStrict
+Disable adding 'use strict' directives in emitted JavaScript files..
+
+// @noLib
+Disable including any library files, including the default lib.d.ts..
+
+// @noPropertyAccessFromIndexSignature
+Enforces using indexed accessors for keys declared using an indexed type.
+
+// @noResolve
+Disallow \`import\`s, \`require\`s or \`\`s from expanding the number of files TypeScript should add to a project..
+
+// @noStrictGenericChecks
+Disable strict checking of generic signatures in function types..
+
+// @noUncheckedIndexedAccess
+Include 'undefined' in index signature results.
+
+// @noUnusedLocals
+Enable error reporting when a local variables aren't read..
+
+// @noUnusedParameters
+Raise an error when a function parameter isn't read.
+
+// @out
+Deprecated setting. Use \`outFile\` instead..
+
+// @outDir
+Specify an output folder for all emitted files..
+
+// @outFile
+Specify a file that bundles all outputs into one JavaScript file. If \`declaration\` is true, also designates a file that bundles all .d.ts output..
+
+// @paths
+Specify a set of entries that re-map imports to additional lookup locations..
+
+// @plugins
+List of language service plugins..
+
+// @preserveConstEnums
+Disable erasing \`const enum\` declarations in generated code..
+
+// @preserveSymlinks
+Disable resolving symlinks to their realpath. This correlates to the same flag in node..
+
+// @preserveWatchOutput
+Disable wiping the console in watch mode.
+
+// @pretty
+Enable color and formatting in output to make compiler errors easier to read.
+
+// @reactNamespace
+Specify the object invoked for \`createElement\`. This only applies when targeting \`react\` JSX emit..
+
+// @removeComments
+Disable emitting comments..
+
+// @resolveJsonModule
+Enable importing .json files.
+
+// @rootDir
+Specify the root folder within your source files..
+
+// @rootDirs
+Allow multiple folders to be treated as one when resolving modules..
+
+// @skipDefaultLibCheck
+Skip type checking .d.ts files that are included with TypeScript..
+
+// @skipLibCheck
+Skip type checking all .d.ts files..
+
+// @sourceMap
+Create source map files for emitted JavaScript files..
+
+// @sourceRoot
+Specify the root path for debuggers to find the reference source code..
+
+// @strict
+Enable all strict type-checking options..
+
+// @strictBindCallApply
+Check that the arguments for \`bind\`, \`call\`, and \`apply\` methods match the original function..
+
+// @strictFunctionTypes
+When assigning functions, check to ensure parameters and the return values are subtype-compatible..
+
+// @strictNullChecks
+When type checking, take into account \`null\` and \`undefined\`..
+
+// @strictPropertyInitialization
+Check for class properties that are declared but not set in the constructor..
+
+// @stripInternal
+Disable emitting declarations that have \`@internal\` in their JSDoc comments..
+
+// @suppressExcessPropertyErrors
+Disable reporting of excess property errors during the creation of object literals..
+
+// @suppressImplicitAnyIndexErrors
+Suppress \`noImplicitAny\` errors when indexing objects that lack index signatures..
+
+// @target
+Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
+
+// @traceResolution
+Log paths used during the \`moduleResolution\` process..
+
+// @tsBuildInfoFile
+Specify the folder for .tsbuildinfo incremental compilation files..
+
+// @typeRoots
+Specify multiple folders that act like \`./node_modules/@types\`..
+
+// @types
+Specify type package names to be included without being referenced in a source file..
+
+// @useDefineForClassFields
+Emit ECMAScript-standard-compliant class fields..
+
+// @useUnknownInCatchVariables
+Type catch clause variables as 'unknown' instead of 'any'..
`,1);function y(d,u,m,f,h,g){const n=a;return l(),p("div",null,[t,c(n,{readTime:"7",words:"1.1k"}),b])}const D=e(i,[["render",y]]);export{k as __pageData,D as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_config_flags.md.52b87b95.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_config_flags.md.52b87b95.lean.js
new file mode 100644
index 00000000..20f439e2
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_config_flags.md.52b87b95.lean.js
@@ -0,0 +1 @@
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as l,c as p,H as c,k as s,a as r,Q as o}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Compiler Flags","description":"","frontmatter":{"title":"Compiler Flags"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/config/flags.md","filePath":"application/vitepress-plugin-shiki-twoslash/config/flags.md","lastUpdated":1699051935000}'),i={name:"application/vitepress-plugin-shiki-twoslash/config/flags.md"},t=s("h1",{id:"compiler-flags",tabindex:"-1"},[r("Compiler Flags "),s("a",{class:"header-anchor",href:"#compiler-flags","aria-label":'Permalink to "Compiler Flags"'},"​")],-1),b=o("",1);function y(d,u,m,f,h,g){const n=a;return l(),p("div",null,[t,c(n,{readTime:"7",words:"1.1k"}),b])}const D=e(i,[["render",y]]);export{k as __pageData,D as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_config_flags.md.a683705b.js b/assets/application_vitepress-plugin-shiki-twoslash_config_flags.md.a683705b.js
deleted file mode 100644
index 7c9de8cd..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_config_flags.md.a683705b.js
+++ /dev/null
@@ -1,591 +0,0 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,o as e,c as p,H as r,k as s,a as o,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Compiler Flags","description":"","frontmatter":{"title":"Compiler Flags"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/config/flags.md","filePath":"application/vitepress-plugin-shiki-twoslash/config/flags.md","lastUpdated":1695377563000}'),i={name:"application/vitepress-plugin-shiki-twoslash/config/flags.md"},t=s("h1",{id:"compiler-flags",tabindex:"-1"},[o("Compiler Flags "),s("a",{class:"header-anchor",href:"#compiler-flags","aria-label":'Permalink to "Compiler Flags"'},"​")],-1),y=c(`
// @allowJs
-Allow JavaScript files to be a part of your program. Use the \`checkJS\` option to get errors from these files..
-
-// @allowSyntheticDefaultImports
-Allow 'import x from y' when a module doesn't have a default export..
-
-// @allowUmdGlobalAccess
-Allow accessing UMD globals from modules..
-
-// @allowUnreachableCode
-Disable error reporting for unreachable code..
-
-// @allowUnusedLabels
-Disable error reporting for unused labels..
-
-// @alwaysStrict
-Ensure 'use strict' is always emitted..
-
-// @assumeChangesOnlyAffectDirectDependencies
-Have recompiles in projects that use \`incremental\` and \`watch\` mode assume that changes within a file will only affect files directly depending on it..
-
-// @baseUrl
-Specify the base directory to resolve non-relative module names..
-
-// @charset
-No longer supported. In early versions, manually set the text encoding for reading files..
-
-// @checkJs
-Enable error reporting in type-checked JavaScript files..
-
-// @composite
-Enable constraints that allow a TypeScript project to be used with project references..
-
-// @declaration
-Generate .d.ts files from TypeScript and JavaScript files in your project..
-
-// @declarationDir
-Specify the output directory for generated declaration files..
-
-// @declarationMap
-Create sourcemaps for d.ts files..
-
-// @diagnostics
-Output compiler performance information after building..
-
-// @disableReferencedProjectLoad
-Reduce the number of projects loaded automatically by TypeScript..
-
-// @disableSizeLimit
-Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
-
-// @disableSolutionSearching
-Opt a project out of multi-project reference checking when editing..
-
-// @disableSourceOfProjectReferenceRedirect
-Disable preferring source files instead of declaration files when referencing composite projects.
-
-// @downlevelIteration
-Emit more compliant, but verbose and less performant JavaScript for iteration..
-
-// @emitBOM
-Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
-
-// @emitDeclarationOnly
-Only output d.ts files and not JavaScript files..
-
-// @emitDecoratorMetadata
-Emit design-type metadata for decorated declarations in source files..
-
-// @esModuleInterop
-Emit additional JavaScript to ease support for importing CommonJS modules. This enables \`allowSyntheticDefaultImports\` for type compatibility..
-
-// @exactOptionalPropertyTypes
-Interpret optional property types as written, rather than adding 'undefined'..
-
-// @experimentalDecorators
-Enable experimental support for TC39 stage 2 draft decorators..
-
-// @explainFiles
-Print files read during the compilation including why it was included..
-
-// @extendedDiagnostics
-Output more detailed compiler performance information after building..
-
-// @forceConsistentCasingInFileNames
-Ensure that casing is correct in imports..
-
-// @generateCpuProfile
-Emit a v8 CPU profile of the compiler run for debugging..
-
-// @importHelpers
-Allow importing helper functions from tslib once per project, instead of including them per-file..
-
-// @importsNotUsedAsValues
-Specify emit/checking behavior for imports that are only used for types.
-
-// @incremental
-Enable incremental compilation.
-
-// @inlineSourceMap
-Include sourcemap files inside the emitted JavaScript..
-
-// @inlineSources
-Include source code in the sourcemaps inside the emitted JavaScript..
-
-// @isolatedModules
-Ensure that each file can be safely transpiled without relying on other imports..
-
-// @jsx
-Specify what JSX code is generated..
-
-// @jsxFactory
-Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
-
-// @jsxFragmentFactory
-Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
-
-// @jsxImportSource
-Specify module specifier used to import the JSX factory functions when using \`jsx: react-jsx*\`.\`.
-
-// @keyofStringsOnly
-Make keyof only return strings instead of string, numbers or symbols. Legacy option..
-
-// @lib
-Specify a set of bundled library declaration files that describe the target runtime environment..
-
-// @listEmittedFiles
-Print the names of emitted files after a compilation..
-
-// @listFiles
-Print all of the files read during the compilation..
-
-// @mapRoot
-Specify the location where debugger should locate map files instead of generated locations..
-
-// @maxNodeModuleJsDepth
-Specify the maximum folder depth used for checking JavaScript files from \`node_modules\`. Only applicable with \`allowJs\`..
-
-// @module
-Specify what module code is generated..
-
-// @moduleResolution
-Specify how TypeScript looks up a file from a given module specifier..
-
-// @newLine
-Set the newline character for emitting files..
-
-// @noEmit
-Disable emitting file from a compilation..
-
-// @noEmitHelpers
-Disable generating custom helper functions like \`__extends\` in compiled output..
-
-// @noEmitOnError
-Disable emitting files if any type checking errors are reported..
-
-// @noErrorTruncation
-Disable truncating types in error messages..
-
-// @noFallthroughCasesInSwitch
-Enable error reporting for fallthrough cases in switch statements..
-
-// @noImplicitAny
-Enable error reporting for expressions and declarations with an implied \`any\` type...
-
-// @noImplicitOverride
-Add \`undefined\` to a type when accessed using an index..
-
-// @noImplicitReturns
-Enable error reporting for codepaths that do not explicitly return in a function..
-
-// @noImplicitThis
-Enable error reporting when \`this\` is given the type \`any\`..
-
-// @noImplicitUseStrict
-Disable adding 'use strict' directives in emitted JavaScript files..
-
-// @noLib
-Disable including any library files, including the default lib.d.ts..
-
-// @noPropertyAccessFromIndexSignature
-Enforces using indexed accessors for keys declared using an indexed type.
-
-// @noResolve
-Disallow \`import\`s, \`require\`s or \`\`s from expanding the number of files TypeScript should add to a project..
-
-// @noStrictGenericChecks
-Disable strict checking of generic signatures in function types..
-
-// @noUncheckedIndexedAccess
-Include 'undefined' in index signature results.
-
-// @noUnusedLocals
-Enable error reporting when a local variables aren't read..
-
-// @noUnusedParameters
-Raise an error when a function parameter isn't read.
-
-// @out
-Deprecated setting. Use \`outFile\` instead..
-
-// @outDir
-Specify an output folder for all emitted files..
-
-// @outFile
-Specify a file that bundles all outputs into one JavaScript file. If \`declaration\` is true, also designates a file that bundles all .d.ts output..
-
-// @paths
-Specify a set of entries that re-map imports to additional lookup locations..
-
-// @plugins
-List of language service plugins..
-
-// @preserveConstEnums
-Disable erasing \`const enum\` declarations in generated code..
-
-// @preserveSymlinks
-Disable resolving symlinks to their realpath. This correlates to the same flag in node..
-
-// @preserveWatchOutput
-Disable wiping the console in watch mode.
-
-// @pretty
-Enable color and formatting in output to make compiler errors easier to read.
-
-// @reactNamespace
-Specify the object invoked for \`createElement\`. This only applies when targeting \`react\` JSX emit..
-
-// @removeComments
-Disable emitting comments..
-
-// @resolveJsonModule
-Enable importing .json files.
-
-// @rootDir
-Specify the root folder within your source files..
-
-// @rootDirs
-Allow multiple folders to be treated as one when resolving modules..
-
-// @skipDefaultLibCheck
-Skip type checking .d.ts files that are included with TypeScript..
-
-// @skipLibCheck
-Skip type checking all .d.ts files..
-
-// @sourceMap
-Create source map files for emitted JavaScript files..
-
-// @sourceRoot
-Specify the root path for debuggers to find the reference source code..
-
-// @strict
-Enable all strict type-checking options..
-
-// @strictBindCallApply
-Check that the arguments for \`bind\`, \`call\`, and \`apply\` methods match the original function..
-
-// @strictFunctionTypes
-When assigning functions, check to ensure parameters and the return values are subtype-compatible..
-
-// @strictNullChecks
-When type checking, take into account \`null\` and \`undefined\`..
-
-// @strictPropertyInitialization
-Check for class properties that are declared but not set in the constructor..
-
-// @stripInternal
-Disable emitting declarations that have \`@internal\` in their JSDoc comments..
-
-// @suppressExcessPropertyErrors
-Disable reporting of excess property errors during the creation of object literals..
-
-// @suppressImplicitAnyIndexErrors
-Suppress \`noImplicitAny\` errors when indexing objects that lack index signatures..
-
-// @target
-Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
-
-// @traceResolution
-Log paths used during the \`moduleResolution\` process..
-
-// @tsBuildInfoFile
-Specify the folder for .tsbuildinfo incremental compilation files..
-
-// @typeRoots
-Specify multiple folders that act like \`./node_modules/@types\`..
-
-// @types
-Specify type package names to be included without being referenced in a source file..
-
-// @useDefineForClassFields
-Emit ECMAScript-standard-compliant class fields..
-
-// @useUnknownInCatchVariables
-Type catch clause variables as 'unknown' instead of 'any'..
// @allowJs
-Allow JavaScript files to be a part of your program. Use the \`checkJS\` option to get errors from these files..
-
-// @allowSyntheticDefaultImports
-Allow 'import x from y' when a module doesn't have a default export..
-
-// @allowUmdGlobalAccess
-Allow accessing UMD globals from modules..
-
-// @allowUnreachableCode
-Disable error reporting for unreachable code..
-
-// @allowUnusedLabels
-Disable error reporting for unused labels..
-
-// @alwaysStrict
-Ensure 'use strict' is always emitted..
-
-// @assumeChangesOnlyAffectDirectDependencies
-Have recompiles in projects that use \`incremental\` and \`watch\` mode assume that changes within a file will only affect files directly depending on it..
-
-// @baseUrl
-Specify the base directory to resolve non-relative module names..
-
-// @charset
-No longer supported. In early versions, manually set the text encoding for reading files..
-
-// @checkJs
-Enable error reporting in type-checked JavaScript files..
-
-// @composite
-Enable constraints that allow a TypeScript project to be used with project references..
-
-// @declaration
-Generate .d.ts files from TypeScript and JavaScript files in your project..
-
-// @declarationDir
-Specify the output directory for generated declaration files..
-
-// @declarationMap
-Create sourcemaps for d.ts files..
-
-// @diagnostics
-Output compiler performance information after building..
-
-// @disableReferencedProjectLoad
-Reduce the number of projects loaded automatically by TypeScript..
-
-// @disableSizeLimit
-Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
-
-// @disableSolutionSearching
-Opt a project out of multi-project reference checking when editing..
-
-// @disableSourceOfProjectReferenceRedirect
-Disable preferring source files instead of declaration files when referencing composite projects.
-
-// @downlevelIteration
-Emit more compliant, but verbose and less performant JavaScript for iteration..
-
-// @emitBOM
-Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
-
-// @emitDeclarationOnly
-Only output d.ts files and not JavaScript files..
-
-// @emitDecoratorMetadata
-Emit design-type metadata for decorated declarations in source files..
-
-// @esModuleInterop
-Emit additional JavaScript to ease support for importing CommonJS modules. This enables \`allowSyntheticDefaultImports\` for type compatibility..
-
-// @exactOptionalPropertyTypes
-Interpret optional property types as written, rather than adding 'undefined'..
-
-// @experimentalDecorators
-Enable experimental support for TC39 stage 2 draft decorators..
-
-// @explainFiles
-Print files read during the compilation including why it was included..
-
-// @extendedDiagnostics
-Output more detailed compiler performance information after building..
-
-// @forceConsistentCasingInFileNames
-Ensure that casing is correct in imports..
-
-// @generateCpuProfile
-Emit a v8 CPU profile of the compiler run for debugging..
-
-// @importHelpers
-Allow importing helper functions from tslib once per project, instead of including them per-file..
-
-// @importsNotUsedAsValues
-Specify emit/checking behavior for imports that are only used for types.
-
-// @incremental
-Enable incremental compilation.
-
-// @inlineSourceMap
-Include sourcemap files inside the emitted JavaScript..
-
-// @inlineSources
-Include source code in the sourcemaps inside the emitted JavaScript..
-
-// @isolatedModules
-Ensure that each file can be safely transpiled without relying on other imports..
-
-// @jsx
-Specify what JSX code is generated..
-
-// @jsxFactory
-Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
-
-// @jsxFragmentFactory
-Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
-
-// @jsxImportSource
-Specify module specifier used to import the JSX factory functions when using \`jsx: react-jsx*\`.\`.
-
-// @keyofStringsOnly
-Make keyof only return strings instead of string, numbers or symbols. Legacy option..
-
-// @lib
-Specify a set of bundled library declaration files that describe the target runtime environment..
-
-// @listEmittedFiles
-Print the names of emitted files after a compilation..
-
-// @listFiles
-Print all of the files read during the compilation..
-
-// @mapRoot
-Specify the location where debugger should locate map files instead of generated locations..
-
-// @maxNodeModuleJsDepth
-Specify the maximum folder depth used for checking JavaScript files from \`node_modules\`. Only applicable with \`allowJs\`..
-
-// @module
-Specify what module code is generated..
-
-// @moduleResolution
-Specify how TypeScript looks up a file from a given module specifier..
-
-// @newLine
-Set the newline character for emitting files..
-
-// @noEmit
-Disable emitting file from a compilation..
-
-// @noEmitHelpers
-Disable generating custom helper functions like \`__extends\` in compiled output..
-
-// @noEmitOnError
-Disable emitting files if any type checking errors are reported..
-
-// @noErrorTruncation
-Disable truncating types in error messages..
-
-// @noFallthroughCasesInSwitch
-Enable error reporting for fallthrough cases in switch statements..
-
-// @noImplicitAny
-Enable error reporting for expressions and declarations with an implied \`any\` type...
-
-// @noImplicitOverride
-Add \`undefined\` to a type when accessed using an index..
-
-// @noImplicitReturns
-Enable error reporting for codepaths that do not explicitly return in a function..
-
-// @noImplicitThis
-Enable error reporting when \`this\` is given the type \`any\`..
-
-// @noImplicitUseStrict
-Disable adding 'use strict' directives in emitted JavaScript files..
-
-// @noLib
-Disable including any library files, including the default lib.d.ts..
-
-// @noPropertyAccessFromIndexSignature
-Enforces using indexed accessors for keys declared using an indexed type.
-
-// @noResolve
-Disallow \`import\`s, \`require\`s or \`\`s from expanding the number of files TypeScript should add to a project..
-
-// @noStrictGenericChecks
-Disable strict checking of generic signatures in function types..
-
-// @noUncheckedIndexedAccess
-Include 'undefined' in index signature results.
-
-// @noUnusedLocals
-Enable error reporting when a local variables aren't read..
-
-// @noUnusedParameters
-Raise an error when a function parameter isn't read.
-
-// @out
-Deprecated setting. Use \`outFile\` instead..
-
-// @outDir
-Specify an output folder for all emitted files..
-
-// @outFile
-Specify a file that bundles all outputs into one JavaScript file. If \`declaration\` is true, also designates a file that bundles all .d.ts output..
-
-// @paths
-Specify a set of entries that re-map imports to additional lookup locations..
-
-// @plugins
-List of language service plugins..
-
-// @preserveConstEnums
-Disable erasing \`const enum\` declarations in generated code..
-
-// @preserveSymlinks
-Disable resolving symlinks to their realpath. This correlates to the same flag in node..
-
-// @preserveWatchOutput
-Disable wiping the console in watch mode.
-
-// @pretty
-Enable color and formatting in output to make compiler errors easier to read.
-
-// @reactNamespace
-Specify the object invoked for \`createElement\`. This only applies when targeting \`react\` JSX emit..
-
-// @removeComments
-Disable emitting comments..
-
-// @resolveJsonModule
-Enable importing .json files.
-
-// @rootDir
-Specify the root folder within your source files..
-
-// @rootDirs
-Allow multiple folders to be treated as one when resolving modules..
-
-// @skipDefaultLibCheck
-Skip type checking .d.ts files that are included with TypeScript..
-
-// @skipLibCheck
-Skip type checking all .d.ts files..
-
-// @sourceMap
-Create source map files for emitted JavaScript files..
-
-// @sourceRoot
-Specify the root path for debuggers to find the reference source code..
-
-// @strict
-Enable all strict type-checking options..
-
-// @strictBindCallApply
-Check that the arguments for \`bind\`, \`call\`, and \`apply\` methods match the original function..
-
-// @strictFunctionTypes
-When assigning functions, check to ensure parameters and the return values are subtype-compatible..
-
-// @strictNullChecks
-When type checking, take into account \`null\` and \`undefined\`..
-
-// @strictPropertyInitialization
-Check for class properties that are declared but not set in the constructor..
-
-// @stripInternal
-Disable emitting declarations that have \`@internal\` in their JSDoc comments..
-
-// @suppressExcessPropertyErrors
-Disable reporting of excess property errors during the creation of object literals..
-
-// @suppressImplicitAnyIndexErrors
-Suppress \`noImplicitAny\` errors when indexing objects that lack index signatures..
-
-// @target
-Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
-
-// @traceResolution
-Log paths used during the \`moduleResolution\` process..
-
-// @tsBuildInfoFile
-Specify the folder for .tsbuildinfo incremental compilation files..
-
-// @typeRoots
-Specify multiple folders that act like \`./node_modules/@types\`..
-
-// @types
-Specify type package names to be included without being referenced in a source file..
-
-// @useDefineForClassFields
-Emit ECMAScript-standard-compliant class fields..
-
-// @useUnknownInCatchVariables
-Type catch clause variables as 'unknown' instead of 'any'..
`,1);function b(u,m,d,f,h,B){const n=a;return e(),p("div",null,[t,r(n,{readTime:"7",words:"1.1k"}),y])}const k=l(i,[["render",b]]);export{v as __pageData,k as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_config_flags.md.a683705b.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_config_flags.md.a683705b.lean.js
deleted file mode 100644
index 24cc3543..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_config_flags.md.a683705b.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,o as e,c as p,H as r,k as s,a as o,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Compiler Flags","description":"","frontmatter":{"title":"Compiler Flags"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/config/flags.md","filePath":"application/vitepress-plugin-shiki-twoslash/config/flags.md","lastUpdated":1695377563000}'),i={name:"application/vitepress-plugin-shiki-twoslash/config/flags.md"},t=s("h1",{id:"compiler-flags",tabindex:"-1"},[o("Compiler Flags "),s("a",{class:"header-anchor",href:"#compiler-flags","aria-label":'Permalink to "Compiler Flags"'},"​")],-1),y=c("",1);function b(u,m,d,f,h,B){const n=a;return e(),p("div",null,[t,r(n,{readTime:"7",words:"1.1k"}),y])}const k=l(i,[["render",b]]);export{v as __pageData,k as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_config_reference.md.42f9e642.js b/assets/application_vitepress-plugin-shiki-twoslash_config_reference.md.42f9e642.js
deleted file mode 100644
index 007eefd7..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_config_reference.md.42f9e642.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o,c as p,H as t,k as s,a,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Config","description":"You can configure Twoslash to change code example output.","frontmatter":{"description":"You can configure Twoslash to change code example output.","title":"Config"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/config/reference.md","filePath":"application/vitepress-plugin-shiki-twoslash/config/reference.md","lastUpdated":1695377563000}'),r={name:"application/vitepress-plugin-shiki-twoslash/config/reference.md"},i=s("h1",{id:"config",tabindex:"-1"},[a("Config "),s("a",{class:"header-anchor",href:"#config","aria-label":'Permalink to "Config"'},"​")],-1),d=s("h2",{id:"overview",tabindex:"-1"},[a("Overview "),s("a",{class:"header-anchor",href:"#overview","aria-label":'Permalink to "Overview"'},"​")],-1),y=s("p",null,[a("You can configure VitePress Twoslash using the "),s("code",null,"twoslash"),a(" property added to "),s("code",null,"defineConfig"),a(".")],-1),h=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#839496"}},", "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) type TwoslashConfigSettings = any
-import TwoslashConfigSettings`},"TwoslashConfigSettings")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#839496"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},[a("        "),s("data-lsp",{lsp:"(property) UserConfig.twoslash?: any"},"twoslash"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"            "),s("span",{style:{color:"#586E75"}},"// Your VitePress Twoslash options")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"        },")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},")")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#657B83"}},", "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) type TwoslashConfigSettings = any
-import TwoslashConfigSettings`},"TwoslashConfigSettings")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#657B83"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},[a("        "),s("data-lsp",{lsp:"(property) UserConfig.twoslash?: any"},"twoslash"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"            "),s("span",{style:{color:"#93A1A1"}},"// Your VitePress Twoslash options")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"        },")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),u=c(`
INFO
In addition to the below config options, VitePress Twoslash also supports all shiki HighlighterOptions and @typescript/twoslash TwoSlashOptions.
Options ​
addTryButton ​
A way to turn on the try buttons seen on the TS website.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            addTryButton: true, 
-        },
-    })
-)
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            addTryButton: true, 
-        },
-    })
-)
alwayRaiseForTwoslashExceptions ​
Instead of showing twoslash exceptions inline, throw the entire process like it will on CI.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            alwayRaiseForTwoslashExceptions: true, 
-        },
-    })
-)
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            alwayRaiseForTwoslashExceptions: true, 
-        },
-    })
-)
disableImplicitReactImport ​
A way to disable implicit React imports on tsx/jsx language codeblocks
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            disableImplicitReactImport: true, 
-        },
-    })
-)
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            disableImplicitReactImport: true, 
-        },
-    })
-)
includeJSDocInHover ​
Include JSDoc comments in the hovers.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            includeJSDocInHover: true, 
-        },
-    })
-)
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            includeJSDocInHover: true, 
-        },
-    })
-)
ignoreCodeblocksWithCodefenceMeta ​
Ignore transforming certain code blocks.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            ignoreCodeblocksWithCodefenceMeta: true, 
-        },
-    })
-)
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            ignoreCodeblocksWithCodefenceMeta: true, 
-        },
-    })
-)
wrapFragments ​
A way to add a div wrapper for multi-theme outputs.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            wrapFragments: true, 
-        },
-    })
-)
export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            wrapFragments: true, 
-        },
-    })
-)
`,26);function f(g,m,b,B,w,v){const n=l;return o(),p("div",null,[i,t(n,{readTime:"1",words:"248"}),d,y,h,u])}const x=e(r,[["render",f]]);export{k as __pageData,x as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_config_reference.md.42f9e642.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_config_reference.md.42f9e642.lean.js
deleted file mode 100644
index d92fa00c..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_config_reference.md.42f9e642.lean.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o,c as p,H as t,k as s,a,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Config","description":"You can configure Twoslash to change code example output.","frontmatter":{"description":"You can configure Twoslash to change code example output.","title":"Config"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/config/reference.md","filePath":"application/vitepress-plugin-shiki-twoslash/config/reference.md","lastUpdated":1695377563000}'),r={name:"application/vitepress-plugin-shiki-twoslash/config/reference.md"},i=s("h1",{id:"config",tabindex:"-1"},[a("Config "),s("a",{class:"header-anchor",href:"#config","aria-label":'Permalink to "Config"'},"​")],-1),d=s("h2",{id:"overview",tabindex:"-1"},[a("Overview "),s("a",{class:"header-anchor",href:"#overview","aria-label":'Permalink to "Overview"'},"​")],-1),y=s("p",null,[a("You can configure VitePress Twoslash using the "),s("code",null,"twoslash"),a(" property added to "),s("code",null,"defineConfig"),a(".")],-1),h=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#839496"}},", "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) type TwoslashConfigSettings = any
-import TwoslashConfigSettings`},"TwoslashConfigSettings")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#839496"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},[a("        "),s("data-lsp",{lsp:"(property) UserConfig.twoslash?: any"},"twoslash"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"            "),s("span",{style:{color:"#586E75"}},"// Your VitePress Twoslash options")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"        },")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},")")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#657B83"}},", "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) type TwoslashConfigSettings = any
-import TwoslashConfigSettings`},"TwoslashConfigSettings")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#657B83"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},[a("        "),s("data-lsp",{lsp:"(property) UserConfig.twoslash?: any"},"twoslash"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"            "),s("span",{style:{color:"#93A1A1"}},"// Your VitePress Twoslash options")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"        },")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),u=c("",26);function f(g,m,b,B,w,v){const n=l;return o(),p("div",null,[i,t(n,{readTime:"1",words:"248"}),d,y,h,u])}const x=e(r,[["render",f]]);export{k as __pageData,x as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_config_reference.md.e7b86a5d.js b/assets/application_vitepress-plugin-shiki-twoslash_config_reference.md.e7b86a5d.js
new file mode 100644
index 00000000..8b250b06
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_config_reference.md.e7b86a5d.js
@@ -0,0 +1,83 @@
+import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o,c as p,H as t,k as s,a,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse('{"title":"Config","description":"You can configure Twoslash to change code example output.","frontmatter":{"description":"You can configure Twoslash to change code example output.","title":"Config"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/config/reference.md","filePath":"application/vitepress-plugin-shiki-twoslash/config/reference.md","lastUpdated":1699051935000}'),i={name:"application/vitepress-plugin-shiki-twoslash/config/reference.md"},r=s("h1",{id:"config",tabindex:"-1"},[a("Config "),s("a",{class:"header-anchor",href:"#config","aria-label":'Permalink to "Config"'},"​")],-1),d=s("h2",{id:"overview",tabindex:"-1"},[a("Overview "),s("a",{class:"header-anchor",href:"#overview","aria-label":'Permalink to "Overview"'},"​")],-1),y=s("p",null,[a("You can configure VitePress Twoslash using the "),s("code",null,"twoslash"),a(" property added to "),s("code",null,"defineConfig"),a(".")],-1),h=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[a(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),a(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[a(" { "),s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash"),a(", "),s("data-lsp",{lsp:`(alias) type TwoslashConfigSettings = any
+import TwoslashConfigSettings`},"TwoslashConfigSettings"),a(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#F69D50"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"    "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#F69D50"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"        "),s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"(property) UserConfig.twoslash?: any"},"twoslash"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"            "),s("span",{style:{color:"#768390"}},"// Your VitePress Twoslash options")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"        }"),s("span",{style:{color:"#F69D50"}},",")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},")")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[a(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),a(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[a(" { "),s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash"),a(", "),s("data-lsp",{lsp:`(alias) type TwoslashConfigSettings = any
+import TwoslashConfigSettings`},"TwoslashConfigSettings"),a(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#24292E"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#24292E"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[a("        "),s("data-lsp",{lsp:"(property) UserConfig.twoslash?: any"},"twoslash"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"            "),s("span",{style:{color:"#6A737D"}},"// Your VitePress Twoslash options")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"        },")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),u=c(`
INFO
In addition to the below config options, VitePress Twoslash also supports all shiki HighlighterOptions and @typescript/twoslash TwoSlashOptions.
Options ​
addTryButton ​
A way to turn on the try buttons seen on the TS website.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            addTryButton: true, 
+        },
+    })
+)
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            addTryButton: true, 
+        },
+    })
+)
alwayRaiseForTwoslashExceptions ​
Instead of showing twoslash exceptions inline, throw the entire process like it will on CI.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            alwayRaiseForTwoslashExceptions: true, 
+        },
+    })
+)
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            alwayRaiseForTwoslashExceptions: true, 
+        },
+    })
+)
disableImplicitReactImport ​
A way to disable implicit React imports on tsx/jsx language codeblocks
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            disableImplicitReactImport: true, 
+        },
+    })
+)
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            disableImplicitReactImport: true, 
+        },
+    })
+)
includeJSDocInHover ​
Include JSDoc comments in the hovers.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            includeJSDocInHover: true, 
+        },
+    })
+)
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            includeJSDocInHover: true, 
+        },
+    })
+)
ignoreCodeblocksWithCodefenceMeta ​
Ignore transforming certain code blocks.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            ignoreCodeblocksWithCodefenceMeta: true, 
+        },
+    })
+)
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            ignoreCodeblocksWithCodefenceMeta: true, 
+        },
+    })
+)
wrapFragments ​
A way to add a div wrapper for multi-theme outputs.
  • Type: boolean
  • Default: false
ts
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            wrapFragments: true, 
+        },
+    })
+)
export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            wrapFragments: true, 
+        },
+    })
+)
`,26);function f(g,m,b,D,C,F){const n=l;return o(),p("div",null,[r,t(n,{readTime:"1",words:"248"}),d,y,h,u])}const T=e(i,[["render",f]]);export{E as __pageData,T as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_config_reference.md.e7b86a5d.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_config_reference.md.e7b86a5d.lean.js
new file mode 100644
index 00000000..2beb0cf3
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_config_reference.md.e7b86a5d.lean.js
@@ -0,0 +1,11 @@
+import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o,c as p,H as t,k as s,a,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse('{"title":"Config","description":"You can configure Twoslash to change code example output.","frontmatter":{"description":"You can configure Twoslash to change code example output.","title":"Config"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/config/reference.md","filePath":"application/vitepress-plugin-shiki-twoslash/config/reference.md","lastUpdated":1699051935000}'),i={name:"application/vitepress-plugin-shiki-twoslash/config/reference.md"},r=s("h1",{id:"config",tabindex:"-1"},[a("Config "),s("a",{class:"header-anchor",href:"#config","aria-label":'Permalink to "Config"'},"​")],-1),d=s("h2",{id:"overview",tabindex:"-1"},[a("Overview "),s("a",{class:"header-anchor",href:"#overview","aria-label":'Permalink to "Overview"'},"​")],-1),y=s("p",null,[a("You can configure VitePress Twoslash using the "),s("code",null,"twoslash"),a(" property added to "),s("code",null,"defineConfig"),a(".")],-1),h=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[a(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),a(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[a(" { "),s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash"),a(", "),s("data-lsp",{lsp:`(alias) type TwoslashConfigSettings = any
+import TwoslashConfigSettings`},"TwoslashConfigSettings"),a(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#F69D50"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"    "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#F69D50"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"        "),s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"(property) UserConfig.twoslash?: any"},"twoslash"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"            "),s("span",{style:{color:"#768390"}},"// Your VitePress Twoslash options")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"        }"),s("span",{style:{color:"#F69D50"}},",")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},")")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[a(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),a(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[a(" { "),s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash"),a(", "),s("data-lsp",{lsp:`(alias) type TwoslashConfigSettings = any
+import TwoslashConfigSettings`},"TwoslashConfigSettings"),a(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#24292E"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#24292E"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[a("        "),s("data-lsp",{lsp:"(property) UserConfig.twoslash?: any"},"twoslash"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"            "),s("span",{style:{color:"#6A737D"}},"// Your VitePress Twoslash options")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"        },")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),u=c("",26);function f(g,m,b,D,C,F){const n=l;return o(),p("div",null,[r,t(n,{readTime:"1",words:"248"}),d,y,h,u])}const T=e(i,[["render",f]]);export{E as __pageData,T as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md.287ab776.js b/assets/application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md.287ab776.js
new file mode 100644
index 00000000..c99441f7
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md.287ab776.js
@@ -0,0 +1,85 @@
+import{_ as p}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as e,c as r,H as c,k as s,a,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const u=JSON.parse('{"title":"Using a Custom Theme","description":"Customize the Twoslash interface to match your theme.","frontmatter":{"description":"Customize the Twoslash interface to match your theme.","title":"Using a Custom Theme"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/guide/custom-theme.md","filePath":"application/vitepress-plugin-shiki-twoslash/guide/custom-theme.md","lastUpdated":1699051935000}'),t={name:"application/vitepress-plugin-shiki-twoslash/guide/custom-theme.md"},y=s("h1",{id:"using-a-custom-theme",tabindex:"-1"},[a("Using a Custom Theme "),s("a",{class:"header-anchor",href:"#using-a-custom-theme","aria-label":'Permalink to "Using a Custom Theme"'},"​")],-1),i=n(`
Twoslash uses your markdown.theme for syntax highlighting, but there are a few other things you can do to customize the look and feel of your code examples — particulary the generated Twoslash interface.
CSS Variables ​
The following CSS variables (and their defaults) are available to style Twoslash interface:
css
:root {
+    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
+
+    --vp-twoslash-c-brand: var(--vp-c-brand);
+
+    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
+
+    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
+    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
+    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
+    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
+    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
+
+    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
+    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
+    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
+    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
+
+    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
+    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
+    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
+}
:root {
+    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
+
+    --vp-twoslash-c-brand: var(--vp-c-brand);
+
+    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
+
+    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
+    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
+    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
+    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
+    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
+
+    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
+    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
+    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
+    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
+
+    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
+    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
+    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
+}
Dark/Light Theme ​
If you pass a responsive theme to markdown.theme, you probably also want to hide/show the correct theme based on the user's settings.
`,6),C=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#F69D50"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"    "),s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"(property) UserConfig.markdown?: MarkdownOptions | undefined"},"markdown"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[a("        "),s("data-lsp",{lsp:"(property) MarkdownOptions.theme?: any"},"theme"),a(": { "),s("data-lsp",{lsp:"(property) dark: string"},"dark"),a(": ")]),s("span",{style:{color:"#96D0FF"}},"'vitesse-dark'"),s("span",{style:{color:"#ADBAC7"}},[a(", "),s("data-lsp",{lsp:"(property) light: string"},"light"),a(": ")]),s("span",{style:{color:"#96D0FF"}},"'vitesse-light'"),s("span",{style:{color:"#ADBAC7"}}," },")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    }"),s("span",{style:{color:"#F69D50"}},",")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"})")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#24292E"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[a("    "),s("data-lsp",{lsp:"(property) UserConfig.markdown?: MarkdownOptions | undefined"},"markdown"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[a("        "),s("data-lsp",{lsp:"(property) MarkdownOptions.theme?: any"},"theme"),a(": { "),s("data-lsp",{lsp:"(property) dark: string"},"dark"),a(": ")]),s("span",{style:{color:"#032F62"}},"'vitesse-dark'"),s("span",{style:{color:"#24292E"}},[a(", "),s("data-lsp",{lsp:"(property) light: string"},"light"),a(": ")]),s("span",{style:{color:"#032F62"}},"'vitesse-light'"),s("span",{style:{color:"#24292E"}}," },")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    },")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"})")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),A=n(`
You can do this with the following CSS:
css
/*
+ * Hide block based on theme
+ * \`[class*='-dark']\` matches \`'vitesse-dark'\`
+ * \`[class*='-light']\` matches \`'vitesse-light'\`
+ */
+html:not(.dark) pre.shiki[class*='-dark'] {
+    display: none;
+}
+html:not(.dark) pre.shiki[class*='-light'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-dark'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-light'] {
+    display: none;
+}
/*
+ * Hide block based on theme
+ * \`[class*='-dark']\` matches \`'vitesse-dark'\`
+ * \`[class*='-light']\` matches \`'vitesse-light'\`
+ */
+html:not(.dark) pre.shiki[class*='-dark'] {
+    display: none;
+}
+html:not(.dark) pre.shiki[class*='-light'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-dark'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-light'] {
+    display: none;
+}
`,2);function d(D,h,v,F,B,m){const l=p;return e(),r("div",null,[y,c(l,{readTime:"2",words:"362"}),i,C,A])}const f=o(t,[["render",d]]);export{u as __pageData,f as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md.287ab776.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md.287ab776.lean.js
new file mode 100644
index 00000000..88f32da6
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md.287ab776.lean.js
@@ -0,0 +1,3 @@
+import{_ as p}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as e,c as r,H as c,k as s,a,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const u=JSON.parse('{"title":"Using a Custom Theme","description":"Customize the Twoslash interface to match your theme.","frontmatter":{"description":"Customize the Twoslash interface to match your theme.","title":"Using a Custom Theme"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/guide/custom-theme.md","filePath":"application/vitepress-plugin-shiki-twoslash/guide/custom-theme.md","lastUpdated":1699051935000}'),t={name:"application/vitepress-plugin-shiki-twoslash/guide/custom-theme.md"},y=s("h1",{id:"using-a-custom-theme",tabindex:"-1"},[a("Using a Custom Theme "),s("a",{class:"header-anchor",href:"#using-a-custom-theme","aria-label":'Permalink to "Using a Custom Theme"'},"​")],-1),i=n("",6),C=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#F69D50"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"    "),s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"(property) UserConfig.markdown?: MarkdownOptions | undefined"},"markdown"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[a("        "),s("data-lsp",{lsp:"(property) MarkdownOptions.theme?: any"},"theme"),a(": { "),s("data-lsp",{lsp:"(property) dark: string"},"dark"),a(": ")]),s("span",{style:{color:"#96D0FF"}},"'vitesse-dark'"),s("span",{style:{color:"#ADBAC7"}},[a(", "),s("data-lsp",{lsp:"(property) light: string"},"light"),a(": ")]),s("span",{style:{color:"#96D0FF"}},"'vitesse-light'"),s("span",{style:{color:"#ADBAC7"}}," },")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    }"),s("span",{style:{color:"#F69D50"}},",")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"})")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#24292E"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[a("    "),s("data-lsp",{lsp:"(property) UserConfig.markdown?: MarkdownOptions | undefined"},"markdown"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[a("        "),s("data-lsp",{lsp:"(property) MarkdownOptions.theme?: any"},"theme"),a(": { "),s("data-lsp",{lsp:"(property) dark: string"},"dark"),a(": ")]),s("span",{style:{color:"#032F62"}},"'vitesse-dark'"),s("span",{style:{color:"#24292E"}},[a(", "),s("data-lsp",{lsp:"(property) light: string"},"light"),a(": ")]),s("span",{style:{color:"#032F62"}},"'vitesse-light'"),s("span",{style:{color:"#24292E"}}," },")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    },")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"})")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),A=n("",2);function d(D,h,v,F,B,m){const l=p;return e(),r("div",null,[y,c(l,{readTime:"2",words:"362"}),i,C,A])}const f=o(t,[["render",d]]);export{u as __pageData,f as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md.58ed95fc.js b/assets/application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md.58ed95fc.js
deleted file mode 100644
index 10c741e4..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md.58ed95fc.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import{_ as p}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o,c as r,H as t,k as s,a,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const D=JSON.parse('{"title":"Using a Custom Theme","description":"Customize the Twoslash interface to match your theme.","frontmatter":{"description":"Customize the Twoslash interface to match your theme.","title":"Using a Custom Theme"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/guide/custom-theme.md","filePath":"application/vitepress-plugin-shiki-twoslash/guide/custom-theme.md","lastUpdated":1695377563000}'),c={name:"application/vitepress-plugin-shiki-twoslash/guide/custom-theme.md"},i=s("h1",{id:"using-a-custom-theme",tabindex:"-1"},[a("Using a Custom Theme "),s("a",{class:"header-anchor",href:"#using-a-custom-theme","aria-label":'Permalink to "Using a Custom Theme"'},"​")],-1),y=n(`
Twoslash uses your markdown.theme for syntax highlighting, but there are a few other things you can do to customize the look and feel of your code examples — particulary the generated Twoslash interface.
CSS Variables ​
The following CSS variables (and their defaults) are available to style Twoslash interface:
css
:root {
-    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
-
-    --vp-twoslash-c-brand: var(--vp-c-brand);
-
-    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
-
-    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
-    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
-    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
-    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
-    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
-
-    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
-    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
-    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
-    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
-
-    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
-    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
-    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
-}
:root {
-    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
-
-    --vp-twoslash-c-brand: var(--vp-c-brand);
-
-    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
-
-    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
-    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
-    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
-    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
-    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
-
-    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
-    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
-    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
-    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
-
-    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
-    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
-    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
-}
Dark/Light Theme ​
If you pass a responsive theme to markdown.theme, you probably also want to hide/show the correct theme based on the user's settings.
`,6),d=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},[a("    "),s("data-lsp",{lsp:"(property) UserConfig.markdown?: MarkdownOptions | undefined"},"markdown"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},[a("        "),s("data-lsp",{lsp:"(property) MarkdownOptions.theme?: any"},"theme"),a(": { "),s("data-lsp",{lsp:"(property) dark: string"},"dark"),a(": ")]),s("span",{style:{color:"#2AA198"}},"'vitesse-dark'"),s("span",{style:{color:"#839496"}},[a(", "),s("data-lsp",{lsp:"(property) light: string"},"light"),a(": ")]),s("span",{style:{color:"#2AA198"}},"'vitesse-light'"),s("span",{style:{color:"#839496"}}," },")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    },")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"})")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},[a("    "),s("data-lsp",{lsp:"(property) UserConfig.markdown?: MarkdownOptions | undefined"},"markdown"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},[a("        "),s("data-lsp",{lsp:"(property) MarkdownOptions.theme?: any"},"theme"),a(": { "),s("data-lsp",{lsp:"(property) dark: string"},"dark"),a(": ")]),s("span",{style:{color:"#2AA198"}},"'vitesse-dark'"),s("span",{style:{color:"#657B83"}},[a(", "),s("data-lsp",{lsp:"(property) light: string"},"light"),a(": ")]),s("span",{style:{color:"#2AA198"}},"'vitesse-light'"),s("span",{style:{color:"#657B83"}}," },")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    },")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"})")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),h=n(`
You can do this with the following CSS:
css
/*
- * Hide block based on theme
- * \`[class*='-dark']\` matches \`'vitesse-dark'\`
- * \`[class*='-light']\` matches \`'vitesse-light'\`
- */
-html:not(.dark) pre.shiki[class*='-dark'] {
-    display: none;
-}
-html:not(.dark) pre.shiki[class*='-light'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-dark'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-light'] {
-    display: none;
-}
/*
- * Hide block based on theme
- * \`[class*='-dark']\` matches \`'vitesse-dark'\`
- * \`[class*='-light']\` matches \`'vitesse-light'\`
- */
-html:not(.dark) pre.shiki[class*='-dark'] {
-    display: none;
-}
-html:not(.dark) pre.shiki[class*='-light'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-dark'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-light'] {
-    display: none;
-}
`,2);function v(m,g,b,B,u,A){const l=p;return o(),r("div",null,[i,t(l,{readTime:"2",words:"362"}),y,d,h])}const _=e(c,[["render",v]]);export{D as __pageData,_ as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md.58ed95fc.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md.58ed95fc.lean.js
deleted file mode 100644
index ae279939..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md.58ed95fc.lean.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import{_ as p}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o,c as r,H as t,k as s,a,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const D=JSON.parse('{"title":"Using a Custom Theme","description":"Customize the Twoslash interface to match your theme.","frontmatter":{"description":"Customize the Twoslash interface to match your theme.","title":"Using a Custom Theme"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/guide/custom-theme.md","filePath":"application/vitepress-plugin-shiki-twoslash/guide/custom-theme.md","lastUpdated":1695377563000}'),c={name:"application/vitepress-plugin-shiki-twoslash/guide/custom-theme.md"},i=s("h1",{id:"using-a-custom-theme",tabindex:"-1"},[a("Using a Custom Theme "),s("a",{class:"header-anchor",href:"#using-a-custom-theme","aria-label":'Permalink to "Using a Custom Theme"'},"​")],-1),y=n("",6),d=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},[a("    "),s("data-lsp",{lsp:"(property) UserConfig.markdown?: MarkdownOptions | undefined"},"markdown"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},[a("        "),s("data-lsp",{lsp:"(property) MarkdownOptions.theme?: any"},"theme"),a(": { "),s("data-lsp",{lsp:"(property) dark: string"},"dark"),a(": ")]),s("span",{style:{color:"#2AA198"}},"'vitesse-dark'"),s("span",{style:{color:"#839496"}},[a(", "),s("data-lsp",{lsp:"(property) light: string"},"light"),a(": ")]),s("span",{style:{color:"#2AA198"}},"'vitesse-light'"),s("span",{style:{color:"#839496"}}," },")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    },")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"})")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},[a("    "),s("data-lsp",{lsp:"(property) UserConfig.markdown?: MarkdownOptions | undefined"},"markdown"),a(": {")])]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},[a("        "),s("data-lsp",{lsp:"(property) MarkdownOptions.theme?: any"},"theme"),a(": { "),s("data-lsp",{lsp:"(property) dark: string"},"dark"),a(": ")]),s("span",{style:{color:"#2AA198"}},"'vitesse-dark'"),s("span",{style:{color:"#657B83"}},[a(", "),s("data-lsp",{lsp:"(property) light: string"},"light"),a(": ")]),s("span",{style:{color:"#2AA198"}},"'vitesse-light'"),s("span",{style:{color:"#657B83"}}," },")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    },")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"})")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),h=n("",2);function v(m,g,b,B,u,A){const l=p;return o(),r("div",null,[i,t(l,{readTime:"2",words:"362"}),y,d,h])}const _=e(c,[["render",v]]);export{D as __pageData,_ as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.6731e737.js b/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.6731e737.js
deleted file mode 100644
index 8b9be8db..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.6731e737.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as n,c as t,H as r,k as s,a as e,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const A=JSON.parse('{"title":"Markdown Extensions","description":"","frontmatter":{"title":"Markdown Extensions"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md","filePath":"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md","lastUpdated":1695377563000}'),p={name:"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md"},c=s("h1",{id:"markdown-extensions",tabindex:"-1"},[e("Markdown Extensions "),s("a",{class:"header-anchor",href:"#markdown-extensions","aria-label":'Permalink to "Markdown Extensions"'},"​")],-1),d=s("h2",{id:"code-groups",tabindex:"-1"},[e("Code Groups "),s("a",{class:"header-anchor",href:"#code-groups","aria-label":'Permalink to "Code Groups"'},"​")],-1),h=s("p",null,[s("a",{href:"https://vitepress.dev/guide/markdown#code-groups",target:"_blank",rel:"noreferrer"},"Code Groups"),e(" and Twoslash "),s("a",{href:"/api/multi-file"},"multi-file"),e(" support.")],-1),m=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-kgThu",id:"tab-tV4Z_sQ",checked:"checked"}),s("label",{for:"tab-tV4Z_sQ"},"index.ts"),s("input",{type:"radio",name:"group-kgThu",id:"tab-ESdMbif"}),s("label",{for:"tab-ESdMbif"},"name.ts")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const name: "twoslash"
-import name`},"name")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'./name'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#839496"}},[e("("),s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#839496"}},") {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"`Hello, ${"),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#2AA198"}},"}!`"),s("span",{style:{color:"#839496"}},")")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const name: "twoslash"
-import name`,style:{"border-bottom":"solid 2px lightgrey"}},"name")]),s("span",{style:{color:"#839496"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"       "),s("span",{class:"popover"},[s("div",{class:"arrow"}),e(`(alias) const name: "twoslash"
-import name`)])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const name: "twoslash"
-import name`},"name")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'./name'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#657B83"}},[e("("),s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#657B83"}},") {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"`Hello, ${"),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#2AA198"}},"}!`"),s("span",{style:{color:"#657B83"}},")")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const name: "twoslash"
-import name`,style:{"border-bottom":"solid 2px lightgrey"}},"name")]),s("span",{style:{color:"#657B83"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"       "),s("span",{class:"popover"},[s("div",{class:"arrow"}),e(`(alias) const name: "twoslash"
-import name`)])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br")])]),s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const name: "twoslash"'},"name")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'twoslash'")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const name: "twoslash"'},"name")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'twoslash'")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])])])],-1),y=i('
Unsupported Extensions ​
Since VitePress Twoslash uses it's own Shiki highlighter, the following syntax highlighting extensions are not currently compatible.
If you are interested in adding support, please start a new GitHub Discussion.
',4);function u(g,v,k,f,b,_){const o=l;return n(),t("div",null,[c,r(o,{readTime:"1",words:"181"}),d,h,m,y])}const D=a(p,[["render",u]]);export{A as __pageData,D as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.6731e737.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.6731e737.lean.js
deleted file mode 100644
index 7f597120..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.6731e737.lean.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as a,o as n,c as t,H as r,k as s,a as e,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const A=JSON.parse('{"title":"Markdown Extensions","description":"","frontmatter":{"title":"Markdown Extensions"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md","filePath":"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md","lastUpdated":1695377563000}'),p={name:"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md"},c=s("h1",{id:"markdown-extensions",tabindex:"-1"},[e("Markdown Extensions "),s("a",{class:"header-anchor",href:"#markdown-extensions","aria-label":'Permalink to "Markdown Extensions"'},"​")],-1),d=s("h2",{id:"code-groups",tabindex:"-1"},[e("Code Groups "),s("a",{class:"header-anchor",href:"#code-groups","aria-label":'Permalink to "Code Groups"'},"​")],-1),h=s("p",null,[s("a",{href:"https://vitepress.dev/guide/markdown#code-groups",target:"_blank",rel:"noreferrer"},"Code Groups"),e(" and Twoslash "),s("a",{href:"/api/multi-file"},"multi-file"),e(" support.")],-1),m=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-kgThu",id:"tab-tV4Z_sQ",checked:"checked"}),s("label",{for:"tab-tV4Z_sQ"},"index.ts"),s("input",{type:"radio",name:"group-kgThu",id:"tab-ESdMbif"}),s("label",{for:"tab-ESdMbif"},"name.ts")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const name: "twoslash"
-import name`},"name")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'./name'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1"}},"function"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#839496"}},[e("("),s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#839496"}},") {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#839496"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#2AA198"}},"`Hello, ${"),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#2AA198"}},"}!`"),s("span",{style:{color:"#839496"}},")")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#839496"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const name: "twoslash"
-import name`,style:{"border-bottom":"solid 2px lightgrey"}},"name")]),s("span",{style:{color:"#839496"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"       "),s("span",{class:"popover"},[s("div",{class:"arrow"}),e(`(alias) const name: "twoslash"
-import name`)])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const name: "twoslash"
-import name`},"name")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'./name'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75"}},"function"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#657B83"}},[e("("),s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string"),s("span",{style:{color:"#657B83"}},") {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"var console: Console"},"console")]),s("span",{style:{color:"#657B83"}},"."),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#2AA198"}},"`Hello, ${"),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#2AA198"}},"}!`"),s("span",{style:{color:"#657B83"}},")")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),s("div",{class:"line"},[s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#657B83"}},"("),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const name: "twoslash"
-import name`,style:{"border-bottom":"solid 2px lightgrey"}},"name")]),s("span",{style:{color:"#657B83"}},")")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"       "),s("span",{class:"popover"},[s("div",{class:"arrow"}),e(`(alias) const name: "twoslash"
-import name`)])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br")])]),s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#93A1A1"}},"const"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const name: "twoslash"'},"name")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'twoslash'")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#586E75"}},"const"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:'const name: "twoslash"'},"name")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'twoslash'")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])])])],-1),y=i("",4);function u(g,v,k,f,b,_){const o=l;return n(),t("div",null,[c,r(o,{readTime:"1",words:"181"}),d,h,m,y])}const D=a(p,[["render",u]]);export{A as __pageData,D as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.a9cd6c63.js b/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.a9cd6c63.js
new file mode 100644
index 00000000..d001eab2
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.a9cd6c63.js
@@ -0,0 +1,7 @@
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,o as n,c as t,H as r,k as s,a as e,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const D=JSON.parse('{"title":"Markdown Extensions","description":"","frontmatter":{"title":"Markdown Extensions"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md","filePath":"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md","lastUpdated":1699051935000}'),p={name:"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md"},c=s("h1",{id:"markdown-extensions",tabindex:"-1"},[e("Markdown Extensions "),s("a",{class:"header-anchor",href:"#markdown-extensions","aria-label":'Permalink to "Markdown Extensions"'},"​")],-1),d=s("h2",{id:"code-groups",tabindex:"-1"},[e("Code Groups "),s("a",{class:"header-anchor",href:"#code-groups","aria-label":'Permalink to "Code Groups"'},"​")],-1),h=s("p",null,[s("a",{href:"https://vitepress.dev/guide/markdown#code-groups",target:"_blank",rel:"noreferrer"},"Code Groups"),e(" and Twoslash "),s("a",{href:"/api/multi-file"},"multi-file"),e(" support.")],-1),m=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-US2BG",id:"tab--8MRlLR",checked:"checked"}),s("label",{for:"tab--8MRlLR"},"index.ts"),s("input",{type:"radio",name:"group-US2BG",id:"tab-DJy2cAB"}),s("label",{for:"tab-DJy2cAB"},"name.ts")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[e(" { "),s("data-lsp",{lsp:`(alias) const name: "twoslash"
+import name`},"name"),e(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'./name'")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"function"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string"),s("span",{style:{color:"#ADBAC7"}},") {")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[e("    "),s("data-lsp",{lsp:"var console: Console"},"console"),e(".")]),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"`Hello, ${"),s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#96D0FF"}},"}!`"),s("span",{style:{color:"#ADBAC7"}},")")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")]),s("div",{class:"line"},[s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#ADBAC7"}},[e("("),s("data-lsp",{lsp:`(alias) const name: "twoslash"
+import name`,style:{"border-bottom":"solid 2px lightgrey"}},"name"),e(")")])]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"       "),s("span",{class:"popover"},[s("div",{class:"arrow"}),e(`(alias) const name: "twoslash"
+import name`)])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[e(" { "),s("data-lsp",{lsp:`(alias) const name: "twoslash"
+import name`},"name"),e(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'./name'")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"function"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string"),s("span",{style:{color:"#24292E"}},") {")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[e("    "),s("data-lsp",{lsp:"var console: Console"},"console"),e(".")]),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"`Hello, ${"),s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#032F62"}},"}!`"),s("span",{style:{color:"#24292E"}},")")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")]),s("div",{class:"line"},[s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#24292E"}},[e("("),s("data-lsp",{lsp:`(alias) const name: "twoslash"
+import name`,style:{"border-bottom":"solid 2px lightgrey"}},"name"),e(")")])]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"       "),s("span",{class:"popover"},[s("div",{class:"arrow"}),e(`(alias) const name: "twoslash"
+import name`)])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br")])]),s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:'const name: "twoslash"'},"name")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'twoslash'")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:'const name: "twoslash"'},"name")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'twoslash'")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])])])],-1),u=i('
Unsupported Extensions ​
Since VitePress Twoslash uses it's own Shiki highlighter, the following syntax highlighting extensions are not currently compatible.
If you are interested in adding support, please start a new GitHub Discussion.
',4);function y(g,v,k,f,b,C){const o=a;return n(),t("div",null,[c,r(o,{readTime:"1",words:"181"}),d,h,m,u])}const B=l(p,[["render",y]]);export{D as __pageData,B as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.a9cd6c63.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.a9cd6c63.lean.js
new file mode 100644
index 00000000..08a3624c
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md.a9cd6c63.lean.js
@@ -0,0 +1,7 @@
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,o as n,c as t,H as r,k as s,a as e,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const D=JSON.parse('{"title":"Markdown Extensions","description":"","frontmatter":{"title":"Markdown Extensions"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md","filePath":"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md","lastUpdated":1699051935000}'),p={name:"application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions.md"},c=s("h1",{id:"markdown-extensions",tabindex:"-1"},[e("Markdown Extensions "),s("a",{class:"header-anchor",href:"#markdown-extensions","aria-label":'Permalink to "Markdown Extensions"'},"​")],-1),d=s("h2",{id:"code-groups",tabindex:"-1"},[e("Code Groups "),s("a",{class:"header-anchor",href:"#code-groups","aria-label":'Permalink to "Code Groups"'},"​")],-1),h=s("p",null,[s("a",{href:"https://vitepress.dev/guide/markdown#code-groups",target:"_blank",rel:"noreferrer"},"Code Groups"),e(" and Twoslash "),s("a",{href:"/api/multi-file"},"multi-file"),e(" support.")],-1),m=s("div",{class:"vp-code-group vp-adaptive-theme"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-US2BG",id:"tab--8MRlLR",checked:"checked"}),s("label",{for:"tab--8MRlLR"},"index.ts"),s("input",{type:"radio",name:"group-US2BG",id:"tab-DJy2cAB"}),s("label",{for:"tab-DJy2cAB"},"name.ts")]),s("div",{class:"blocks"},[s("div",{class:"language-ts vp-adaptive-theme active line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[e(" { "),s("data-lsp",{lsp:`(alias) const name: "twoslash"
+import name`},"name"),e(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'./name'")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"function"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string"),s("span",{style:{color:"#ADBAC7"}},") {")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},[e("    "),s("data-lsp",{lsp:"var console: Console"},"console"),e(".")]),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#ADBAC7"}},"("),s("span",{style:{color:"#96D0FF"}},"`Hello, ${"),s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#96D0FF"}},"}!`"),s("span",{style:{color:"#ADBAC7"}},")")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")]),s("div",{class:"line"},[s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#ADBAC7"}},[e("("),s("data-lsp",{lsp:`(alias) const name: "twoslash"
+import name`,style:{"border-bottom":"solid 2px lightgrey"}},"name"),e(")")])]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"       "),s("span",{class:"popover"},[s("div",{class:"arrow"}),e(`(alias) const name: "twoslash"
+import name`)])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[e(" { "),s("data-lsp",{lsp:`(alias) const name: "twoslash"
+import name`},"name"),e(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'./name'")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"function"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string"),s("span",{style:{color:"#24292E"}},") {")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[e("    "),s("data-lsp",{lsp:"var console: Console"},"console"),e(".")]),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(method) Console.log(...data: any[]): void"},"log")]),s("span",{style:{color:"#24292E"}},"("),s("span",{style:{color:"#032F62"}},"`Hello, ${"),s("span",{style:{color:"#24292E"}},[s("data-lsp",{lsp:"(parameter) name: string"},"name")]),s("span",{style:{color:"#032F62"}},"}!`"),s("span",{style:{color:"#24292E"}},")")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")]),s("div",{class:"line"},[s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"function hello(name: string): void"},"hello")]),s("span",{style:{color:"#24292E"}},[e("("),s("data-lsp",{lsp:`(alias) const name: "twoslash"
+import name`,style:{"border-bottom":"solid 2px lightgrey"}},"name"),e(")")])]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"       "),s("span",{class:"popover"},[s("div",{class:"arrow"}),e(`(alias) const name: "twoslash"
+import name`)])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br")])]),s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"const"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},[s("data-lsp",{lsp:'const name: "twoslash"'},"name")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'twoslash'")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"const"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},[s("data-lsp",{lsp:'const name: "twoslash"'},"name")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'twoslash'")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])])])],-1),u=i("",4);function y(g,v,k,f,b,C){const o=a;return n(),t("div",null,[c,r(o,{readTime:"1",words:"181"}),d,h,m,u])}const B=l(p,[["render",y]]);export{D as __pageData,B as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_index.md.7fc07d32.js b/assets/application_vitepress-plugin-shiki-twoslash_index.md.7fc07d32.js
deleted file mode 100644
index c2ae4739..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_index.md.7fc07d32.js
+++ /dev/null
@@ -1,111 +0,0 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as p,c as t,H as r,k as s,a as l,Q as e}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const M=JSON.parse('{"title":"VitePress Twoslash: VitePress Plugin for Shiki Twoslash","titleTemplate":false,"description":"Static code examples for VitePress using Shiki Twoslash.","frontmatter":{"description":"Static code examples for VitePress using Shiki Twoslash.","title":"VitePress Twoslash: VitePress Plugin for Shiki Twoslash","titleTemplate":false,"keywords":["getting-started","intro"]},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/index.md","filePath":"application/vitepress-plugin-shiki-twoslash/index.md","lastUpdated":1695377563000}'),c={name:"application/vitepress-plugin-shiki-twoslash/index.md"},i=s("h1",{id:"andatoshiki-vitepress-plugin-shiki-twoslash",tabindex:"-1"},[l("@andatoshiki/vitepress-plugin-shiki-twoslash "),s("a",{class:"header-anchor",href:"#andatoshiki-vitepress-plugin-shiki-twoslash","aria-label":'Permalink to "@andatoshiki/vitepress-plugin-shiki-twoslash"'},"​")],-1),y=s("blockquote",null,[s("p",null,[l("Static code examples for "),s("a",{href:"https://vitepress.dev",target:"_blank",rel:"noreferrer"},"VitePress"),l(" using "),s("a",{href:"https://github.com/shikijs/twoslash",target:"_blank",rel:"noreferrer"},"Shiki Twoslash"),l(" — powered by the syntax engine of Visual Studio Code and the TypeScript compiler.")])],-1),d=s("h2",{id:"overview",tabindex:"-1"},[l("Overview "),s("a",{class:"header-anchor",href:"#overview","aria-label":'Permalink to "Overview"'},"​")],-1),u=s("p",null,"Try moving your cursor into the code block below:",-1),h=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#839496"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#839496"}},"> "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#859900"}},"-"),s("span",{style:{color:"#93A1A1"}},"readonly"),s("span",{style:{color:"#839496"}}," ["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"in"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"keyof"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#839496"}},"]"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#839496"}},"["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#839496"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#93A1A1"}},"readonly"),s("span",{style:{color:"#839496"}},[l(),s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#93A1A1"}},"readonly"),s("span",{style:{color:"#839496"}},[l(),s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
-    id: string;
-    name: string;
-}`},"UnlockedAccount")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#839496"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#839496"}},">")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#657B83"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#657B83"}},"> "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#859900"}},"-"),s("span",{style:{color:"#586E75"}},"readonly"),s("span",{style:{color:"#657B83"}}," ["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"in"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"keyof"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#657B83"}},"]"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#657B83"}},"["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#657B83"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#586E75"}},"readonly"),s("span",{style:{color:"#657B83"}},[l(),s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#586E75"}},"readonly"),s("span",{style:{color:"#657B83"}},[l(),s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
-    id: string;
-    name: string;
-}`},"UnlockedAccount")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#657B83"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#657B83"}},">")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),g=s("p",null,"Pretty neat, right? To some extent, anything your editor can show you about code, Twoslash can show. For example, here is the real auto-complete for a VitePress config:",-1),B=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(property) ti: any"},"ti")]),s("span",{style:{color:"#839496"}},",")]),s("div",{class:"meta-line"},[l("      "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tle")])]),s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tleTemplate")])])])])]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"})")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(property) ti: any"},"ti")]),s("span",{style:{color:"#657B83"}},",")]),s("div",{class:"meta-line"},[l("      "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tle")])]),s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tleTemplate")])])])])]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"})")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),m=e(`
The name Twoslash refers to specially formatted comments (e.g. // ^?) which can be used to set up your environment, like compiler flags or separate input files. It couldn't be easier to set up and start creating incredible code examples!
Install ​
Install @andatoshiki/vitepress-plugin-shiki-twoslash (requires vitepress@>=1.0.0-alpha.61).
bash
pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
bash
npm i @andatoshiki/vitepress-plugin-shiki-twoslash
npm i @andatoshiki/vitepress-plugin-shiki-twoslash
bash
yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
WARNING
Until shiki-twoslash uses the same version of shiki as VitePress, you must override the following packages' shiki versions for syntax highlighting to look the same.
json
{
-    "pnpm": {
-        "overrides": {
-            "remark-shiki-twoslash>shiki": "^0.14.1",
-            "shiki-twoslash>shiki": "^0.14.1"
-        }
-    }
-}
{
-    "pnpm": {
-        "overrides": {
-            "remark-shiki-twoslash>shiki": "^0.14.1",
-            "shiki-twoslash>shiki": "^0.14.1"
-        }
-    }
-}
Tracked in an upstream issue: https://github.com/shikijs/twoslash/issues/180
Configure ​
First, wrap your VitePress config file with the withTwoslash wrapper.
`,7),f=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#839496"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"        "),s("span",{style:{color:"#586E75"}},"// Your VitePress config")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},")")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#657B83"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"        "),s("span",{style:{color:"#93A1A1"}},"// Your VitePress config")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),v=s("p",null,[l("Then, import "),s("code",null,"@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css"),l(" into your theme.")],-1),b=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// .vitepress/theme/index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const defaultTheme: {
-    Layout: DefineComponent;
-    enhanceApp: (ctx: EnhanceAppContext) => void;
-}
-import defaultTheme`},"defaultTheme")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress/theme'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const defaultTheme: {
-    Layout: DefineComponent;
-    enhanceApp: (ctx: EnhanceAppContext) => void;
-}
-import defaultTheme`},"defaultTheme")])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// .vitepress/theme/index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const defaultTheme: {
-    Layout: DefineComponent;
-    enhanceApp: (ctx: EnhanceAppContext) => void;
-}
-import defaultTheme`},"defaultTheme")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress/theme'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const defaultTheme: {
-    Layout: DefineComponent;
-    enhanceApp: (ctx: EnhanceAppContext) => void;
-}
-import defaultTheme`},"defaultTheme")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),C=e(`
TIP
You can configure VitePress Twoslash using the twoslash property added to defineConfig.
Add Twoslash ​
Finally, add the twoslash attribute to markdown fenced code blocks.
md
\`\`\`ts twoslash
-// Removes 'readonly' attributes from a type's properties
-type CreateMutable<Type> = {
-    -readonly [Property in keyof Type]: Type[Property]
-}
-
-type LockedAccount = {
-    readonly id: string
-    readonly name: string
-}
-
-type UnlockedAccount = CreateMutable<LockedAccount>
-//   ^?
-\`\`\`
\`\`\`ts twoslash
-// Removes 'readonly' attributes from a type's properties
-type CreateMutable<Type> = {
-    -readonly [Property in keyof Type]: Type[Property]
-}
-
-type LockedAccount = {
-    readonly id: string
-    readonly name: string
-}
-
-type UnlockedAccount = CreateMutable<LockedAccount>
-//   ^?
-\`\`\`
And your code blocks will be twoslashified!
`,5),k=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#839496"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#839496"}},"> "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#859900"}},"-"),s("span",{style:{color:"#93A1A1"}},"readonly"),s("span",{style:{color:"#839496"}}," ["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"in"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"keyof"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#839496"}},"]"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#839496"}},"["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#839496"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#93A1A1"}},"readonly"),s("span",{style:{color:"#839496"}},[l(),s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#93A1A1"}},"readonly"),s("span",{style:{color:"#839496"}},[l(),s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
-    id: string;
-    name: string;
-}`,style:{"border-bottom":"solid 2px lightgrey"}},"UnlockedAccount")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#839496"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#839496"}},">")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"           "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l(`type UnlockedAccount = {
-    id: string;
-    name: string;
-}`)])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#657B83"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#657B83"}},"> "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#859900"}},"-"),s("span",{style:{color:"#586E75"}},"readonly"),s("span",{style:{color:"#657B83"}}," ["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"in"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"keyof"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#657B83"}},"]"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#657B83"}},"["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#657B83"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#586E75"}},"readonly"),s("span",{style:{color:"#657B83"}},[l(),s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#586E75"}},"readonly"),s("span",{style:{color:"#657B83"}},[l(),s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
-    id: string;
-    name: string;
-}`,style:{"border-bottom":"solid 2px lightgrey"}},"UnlockedAccount")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#657B83"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#657B83"}},">")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"           "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l(`type UnlockedAccount = {
-    id: string;
-    name: string;
-}`)])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br")])],-1);function A(T,w,P,_,D,x){const a=o;return p(),t("div",null,[i,r(a,{readTime:"2",words:"437"}),y,d,u,h,g,B,m,f,v,b,C,k])}const V=n(c,[["render",A]]);export{M as __pageData,V as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_index.md.7fc07d32.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_index.md.7fc07d32.lean.js
deleted file mode 100644
index 36362118..00000000
--- a/assets/application_vitepress-plugin-shiki-twoslash_index.md.7fc07d32.lean.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as p,c as t,H as r,k as s,a as l,Q as e}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const M=JSON.parse('{"title":"VitePress Twoslash: VitePress Plugin for Shiki Twoslash","titleTemplate":false,"description":"Static code examples for VitePress using Shiki Twoslash.","frontmatter":{"description":"Static code examples for VitePress using Shiki Twoslash.","title":"VitePress Twoslash: VitePress Plugin for Shiki Twoslash","titleTemplate":false,"keywords":["getting-started","intro"]},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/index.md","filePath":"application/vitepress-plugin-shiki-twoslash/index.md","lastUpdated":1695377563000}'),c={name:"application/vitepress-plugin-shiki-twoslash/index.md"},i=s("h1",{id:"andatoshiki-vitepress-plugin-shiki-twoslash",tabindex:"-1"},[l("@andatoshiki/vitepress-plugin-shiki-twoslash "),s("a",{class:"header-anchor",href:"#andatoshiki-vitepress-plugin-shiki-twoslash","aria-label":'Permalink to "@andatoshiki/vitepress-plugin-shiki-twoslash"'},"​")],-1),y=s("blockquote",null,[s("p",null,[l("Static code examples for "),s("a",{href:"https://vitepress.dev",target:"_blank",rel:"noreferrer"},"VitePress"),l(" using "),s("a",{href:"https://github.com/shikijs/twoslash",target:"_blank",rel:"noreferrer"},"Shiki Twoslash"),l(" — powered by the syntax engine of Visual Studio Code and the TypeScript compiler.")])],-1),d=s("h2",{id:"overview",tabindex:"-1"},[l("Overview "),s("a",{class:"header-anchor",href:"#overview","aria-label":'Permalink to "Overview"'},"​")],-1),u=s("p",null,"Try moving your cursor into the code block below:",-1),h=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#839496"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#839496"}},"> "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#859900"}},"-"),s("span",{style:{color:"#93A1A1"}},"readonly"),s("span",{style:{color:"#839496"}}," ["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"in"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"keyof"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#839496"}},"]"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#839496"}},"["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#839496"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#93A1A1"}},"readonly"),s("span",{style:{color:"#839496"}},[l(),s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#93A1A1"}},"readonly"),s("span",{style:{color:"#839496"}},[l(),s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
-    id: string;
-    name: string;
-}`},"UnlockedAccount")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#839496"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#839496"}},">")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#657B83"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#657B83"}},"> "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#859900"}},"-"),s("span",{style:{color:"#586E75"}},"readonly"),s("span",{style:{color:"#657B83"}}," ["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"in"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"keyof"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#657B83"}},"]"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#657B83"}},"["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#657B83"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#586E75"}},"readonly"),s("span",{style:{color:"#657B83"}},[l(),s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#586E75"}},"readonly"),s("span",{style:{color:"#657B83"}},[l(),s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
-    id: string;
-    name: string;
-}`},"UnlockedAccount")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#657B83"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#657B83"}},">")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),g=s("p",null,"Pretty neat, right? To some extent, anything your editor can show you about code, Twoslash can show. For example, here is the real auto-complete for a VitePress config:",-1),B=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(property) ti: any"},"ti")]),s("span",{style:{color:"#839496"}},",")]),s("div",{class:"meta-line"},[l("      "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tle")])]),s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tleTemplate")])])])])]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"})")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:"(property) ti: any"},"ti")]),s("span",{style:{color:"#657B83"}},",")]),s("div",{class:"meta-line"},[l("      "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tle")])]),s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tleTemplate")])])])])]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"})")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),m=e("",7),f=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#839496"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#839496"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#839496"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"        "),s("span",{style:{color:"#586E75"}},"// Your VitePress config")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},")")])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," { "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#657B83"}}," } "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
-import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#657B83"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
-import defineConfig`},"defineConfig")]),s("span",{style:{color:"#657B83"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"        "),s("span",{style:{color:"#93A1A1"}},"// Your VitePress config")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),v=s("p",null,[l("Then, import "),s("code",null,"@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css"),l(" into your theme.")],-1),b=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// .vitepress/theme/index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const defaultTheme: {
-    Layout: DefineComponent;
-    enhanceApp: (ctx: EnhanceAppContext) => void;
-}
-import defaultTheme`},"defaultTheme")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress/theme'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#2AA198"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const defaultTheme: {
-    Layout: DefineComponent;
-    enhanceApp: (ctx: EnhanceAppContext) => void;
-}
-import defaultTheme`},"defaultTheme")])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// .vitepress/theme/index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const defaultTheme: {
-    Layout: DefineComponent;
-    enhanceApp: (ctx: EnhanceAppContext) => void;
-}
-import defaultTheme`},"defaultTheme")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"from"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'vitepress/theme'")]),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"import"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#2AA198"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#859900"}},"export"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"default"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#268BD2"}},[s("data-lsp",{lsp:`(alias) const defaultTheme: {
-    Layout: DefineComponent;
-    enhanceApp: (ctx: EnhanceAppContext) => void;
-}
-import defaultTheme`},"defaultTheme")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),C=e("",5),k=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki solarized-dark twoslash lsp",style:{"background-color":"#002B36",color:"#839496"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#839496"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#839496"}},"> "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#859900"}},"-"),s("span",{style:{color:"#93A1A1"}},"readonly"),s("span",{style:{color:"#839496"}}," ["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"in"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"keyof"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#839496"}},"]"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#839496"}},"["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#839496"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#93A1A1"}},"readonly"),s("span",{style:{color:"#839496"}},[l(),s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"    "),s("span",{style:{color:"#93A1A1"}},"readonly"),s("span",{style:{color:"#839496"}},[l(),s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#839496"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"type"),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
-    id: string;
-    name: string;
-}`,style:{"border-bottom":"solid 2px lightgrey"}},"UnlockedAccount")]),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#839496"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#839496"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#839496"}},">")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"           "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l(`type UnlockedAccount = {
-    id: string;
-    name: string;
-}`)])])])])]),s("pre",{class:"shiki solarized-light twoslash lsp",style:{"background-color":"#FDF6E3",color:"#657B83"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#93A1A1"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#657B83"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#657B83"}},"> "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#859900"}},"-"),s("span",{style:{color:"#586E75"}},"readonly"),s("span",{style:{color:"#657B83"}}," ["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"in"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"keyof"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#657B83"}},"]"),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#657B83"}},"["),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#657B83"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#586E75"}},"readonly"),s("span",{style:{color:"#657B83"}},[l(),s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"    "),s("span",{style:{color:"#586E75"}},"readonly"),s("span",{style:{color:"#657B83"}},[l(),s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#859900"}},":"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#657B83"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#586E75"}},"type"),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
-    id: string;
-    name: string;
-}`,style:{"border-bottom":"solid 2px lightgrey"}},"UnlockedAccount")]),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#859900"}},"="),s("span",{style:{color:"#657B83"}}," "),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#657B83"}},"<"),s("span",{style:{color:"#CB4B16"}},[s("data-lsp",{lsp:`type LockedAccount = {
-    readonly id: string;
-    readonly name: string;
-}`},"LockedAccount")]),s("span",{style:{color:"#657B83"}},">")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"           "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l(`type UnlockedAccount = {
-    id: string;
-    name: string;
-}`)])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br")])],-1);function A(T,w,P,_,D,x){const a=o;return p(),t("div",null,[i,r(a,{readTime:"2",words:"437"}),y,d,u,h,g,B,m,f,v,b,C,k])}const V=n(c,[["render",A]]);export{M as __pageData,V as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_index.md.e8d8a5ec.js b/assets/application_vitepress-plugin-shiki-twoslash_index.md.e8d8a5ec.js
new file mode 100644
index 00000000..dabe0d5d
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_index.md.e8d8a5ec.js
@@ -0,0 +1,111 @@
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as p,c as t,H as r,k as s,a as l,Q as e}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const M=JSON.parse('{"title":"VitePress Twoslash: VitePress Plugin for Shiki Twoslash","titleTemplate":false,"description":"Static code examples for VitePress using Shiki Twoslash.","frontmatter":{"description":"Static code examples for VitePress using Shiki Twoslash.","title":"VitePress Twoslash: VitePress Plugin for Shiki Twoslash","titleTemplate":false,"keywords":["getting-started","intro"]},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/index.md","filePath":"application/vitepress-plugin-shiki-twoslash/index.md","lastUpdated":1699051935000}'),c={name:"application/vitepress-plugin-shiki-twoslash/index.md"},i=s("h1",{id:"andatoshiki-vitepress-plugin-shiki-twoslash",tabindex:"-1"},[l("@andatoshiki/vitepress-plugin-shiki-twoslash "),s("a",{class:"header-anchor",href:"#andatoshiki-vitepress-plugin-shiki-twoslash","aria-label":'Permalink to "@andatoshiki/vitepress-plugin-shiki-twoslash"'},"​")],-1),y=s("blockquote",null,[s("p",null,[l("Static code examples for "),s("a",{href:"https://vitepress.dev",target:"_blank",rel:"noreferrer"},"VitePress"),l(" using "),s("a",{href:"https://github.com/shikijs/twoslash",target:"_blank",rel:"noreferrer"},"Shiki Twoslash"),l(" — powered by the syntax engine of Visual Studio Code and the TypeScript compiler.")])],-1),d=s("h2",{id:"overview",tabindex:"-1"},[l("Overview "),s("a",{class:"header-anchor",href:"#overview","aria-label":'Permalink to "Overview"'},"​")],-1),u=s("p",null,"Try moving your cursor into the code block below:",-1),A=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#ADBAC7"}},"<"),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#ADBAC7"}},"> "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"-readonly"),s("span",{style:{color:"#ADBAC7"}}," ["),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"in"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"keyof"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#ADBAC7"}},"]"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#ADBAC7"}},"["),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#ADBAC7"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"readonly"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"readonly"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
+    id: string;
+    name: string;
+}`},"UnlockedAccount")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#ADBAC7"}},"<"),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#ADBAC7"}},">")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#24292E"}},"<"),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#24292E"}},"> "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"-readonly"),s("span",{style:{color:"#24292E"}}," ["),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"in"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"keyof"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#24292E"}},"]"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#24292E"}},"["),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#24292E"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"readonly"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"readonly"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
+    id: string;
+    name: string;
+}`},"UnlockedAccount")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#24292E"}},"<"),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#24292E"}},">")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),h=s("p",null,"Pretty neat, right? To some extent, anything your editor can show you about code, Twoslash can show. For example, here is the real auto-complete for a VitePress config:",-1),C=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'vitepress'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#F69D50"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"    "),s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"(property) ti: any"},"ti")]),s("span",{style:{color:"#F69D50"}},",")]),s("div",{class:"meta-line"},[l("      "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tle")])]),s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tleTemplate")])])])])]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"})")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'vitepress'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#24292E"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[l("    "),s("data-lsp",{lsp:"(property) ti: any"},"ti"),l(",")])]),s("div",{class:"meta-line"},[l("      "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tle")])]),s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tleTemplate")])])])])]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"})")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),m=e(`
The name Twoslash refers to specially formatted comments (e.g. // ^?) which can be used to set up your environment, like compiler flags or separate input files. It couldn't be easier to set up and start creating incredible code examples!
Install ​
Install @andatoshiki/vitepress-plugin-shiki-twoslash (requires vitepress@>=1.0.0-alpha.61).
bash
pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
bash
npm i @andatoshiki/vitepress-plugin-shiki-twoslash
npm i @andatoshiki/vitepress-plugin-shiki-twoslash
bash
yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
WARNING
Until shiki-twoslash uses the same version of shiki as VitePress, you must override the following packages' shiki versions for syntax highlighting to look the same.
json
{
+    "pnpm": {
+        "overrides": {
+            "remark-shiki-twoslash>shiki": "^0.14.1",
+            "shiki-twoslash>shiki": "^0.14.1"
+        }
+    }
+}
{
+    "pnpm": {
+        "overrides": {
+            "remark-shiki-twoslash>shiki": "^0.14.1",
+            "shiki-twoslash>shiki": "^0.14.1"
+        }
+    }
+}
Tracked in an upstream issue: https://github.com/shikijs/twoslash/issues/180
Configure ​
First, wrap your VitePress config file with the withTwoslash wrapper.
`,7),g=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#F69D50"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"    "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#F69D50"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"        "),s("span",{style:{color:"#768390"}},"// Your VitePress config")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},")")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#24292E"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#24292E"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"        "),s("span",{style:{color:"#6A737D"}},"// Your VitePress config")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),D=s("p",null,[l("Then, import "),s("code",null,"@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css"),l(" into your theme.")],-1),f=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// .vitepress/theme/index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(),s("data-lsp",{lsp:`(alias) const defaultTheme: {
+    Layout: DefineComponent;
+    enhanceApp: (ctx: EnhanceAppContext) => void;
+}
+import defaultTheme`},"defaultTheme"),l()]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'vitepress/theme'")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:`(alias) const defaultTheme: {
+    Layout: DefineComponent;
+    enhanceApp: (ctx: EnhanceAppContext) => void;
+}
+import defaultTheme`},"defaultTheme")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// .vitepress/theme/index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:`(alias) const defaultTheme: {
+    Layout: DefineComponent;
+    enhanceApp: (ctx: EnhanceAppContext) => void;
+}
+import defaultTheme`},"defaultTheme"),l()]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'vitepress/theme'")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:`(alias) const defaultTheme: {
+    Layout: DefineComponent;
+    enhanceApp: (ctx: EnhanceAppContext) => void;
+}
+import defaultTheme`},"defaultTheme")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),v=e(`
TIP
You can configure VitePress Twoslash using the twoslash property added to defineConfig.
Add Twoslash ​
Finally, add the twoslash attribute to markdown fenced code blocks.
md
\`\`\`ts twoslash
+// Removes 'readonly' attributes from a type's properties
+type CreateMutable<Type> = {
+    -readonly [Property in keyof Type]: Type[Property]
+}
+
+type LockedAccount = {
+    readonly id: string
+    readonly name: string
+}
+
+type UnlockedAccount = CreateMutable<LockedAccount>
+//   ^?
+\`\`\`
\`\`\`ts twoslash
+// Removes 'readonly' attributes from a type's properties
+type CreateMutable<Type> = {
+    -readonly [Property in keyof Type]: Type[Property]
+}
+
+type LockedAccount = {
+    readonly id: string
+    readonly name: string
+}
+
+type UnlockedAccount = CreateMutable<LockedAccount>
+//   ^?
+\`\`\`
And your code blocks will be twoslashified!
`,5),b=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#ADBAC7"}},"<"),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#ADBAC7"}},"> "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"-readonly"),s("span",{style:{color:"#ADBAC7"}}," ["),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"in"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"keyof"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#ADBAC7"}},"]"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#ADBAC7"}},"["),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#ADBAC7"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"readonly"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"readonly"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
+    id: string;
+    name: string;
+}`,style:{"border-bottom":"solid 2px lightgrey"}},"UnlockedAccount")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#ADBAC7"}},"<"),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#ADBAC7"}},">")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"           "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l(`type UnlockedAccount = {
+    id: string;
+    name: string;
+}`)])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#24292E"}},"<"),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#24292E"}},"> "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"-readonly"),s("span",{style:{color:"#24292E"}}," ["),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"in"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"keyof"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#24292E"}},"]"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#24292E"}},"["),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#24292E"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"readonly"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"readonly"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
+    id: string;
+    name: string;
+}`,style:{"border-bottom":"solid 2px lightgrey"}},"UnlockedAccount")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#24292E"}},"<"),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#24292E"}},">")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"           "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l(`type UnlockedAccount = {
+    id: string;
+    name: string;
+}`)])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br")])],-1);function F(k,T,E,B,w,P){const a=o;return p(),t("div",null,[i,r(a,{readTime:"2",words:"437"}),y,d,u,A,h,C,m,g,D,f,v,b])}const q=n(c,[["render",F]]);export{M as __pageData,q as default};
diff --git a/assets/application_vitepress-plugin-shiki-twoslash_index.md.e8d8a5ec.lean.js b/assets/application_vitepress-plugin-shiki-twoslash_index.md.e8d8a5ec.lean.js
new file mode 100644
index 00000000..791e3b7a
--- /dev/null
+++ b/assets/application_vitepress-plugin-shiki-twoslash_index.md.e8d8a5ec.lean.js
@@ -0,0 +1,71 @@
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as p,c as t,H as r,k as s,a as l,Q as e}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const M=JSON.parse('{"title":"VitePress Twoslash: VitePress Plugin for Shiki Twoslash","titleTemplate":false,"description":"Static code examples for VitePress using Shiki Twoslash.","frontmatter":{"description":"Static code examples for VitePress using Shiki Twoslash.","title":"VitePress Twoslash: VitePress Plugin for Shiki Twoslash","titleTemplate":false,"keywords":["getting-started","intro"]},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/index.md","filePath":"application/vitepress-plugin-shiki-twoslash/index.md","lastUpdated":1699051935000}'),c={name:"application/vitepress-plugin-shiki-twoslash/index.md"},i=s("h1",{id:"andatoshiki-vitepress-plugin-shiki-twoslash",tabindex:"-1"},[l("@andatoshiki/vitepress-plugin-shiki-twoslash "),s("a",{class:"header-anchor",href:"#andatoshiki-vitepress-plugin-shiki-twoslash","aria-label":'Permalink to "@andatoshiki/vitepress-plugin-shiki-twoslash"'},"​")],-1),y=s("blockquote",null,[s("p",null,[l("Static code examples for "),s("a",{href:"https://vitepress.dev",target:"_blank",rel:"noreferrer"},"VitePress"),l(" using "),s("a",{href:"https://github.com/shikijs/twoslash",target:"_blank",rel:"noreferrer"},"Shiki Twoslash"),l(" — powered by the syntax engine of Visual Studio Code and the TypeScript compiler.")])],-1),d=s("h2",{id:"overview",tabindex:"-1"},[l("Overview "),s("a",{class:"header-anchor",href:"#overview","aria-label":'Permalink to "Overview"'},"​")],-1),u=s("p",null,"Try moving your cursor into the code block below:",-1),A=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#ADBAC7"}},"<"),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#ADBAC7"}},"> "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"-readonly"),s("span",{style:{color:"#ADBAC7"}}," ["),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"in"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"keyof"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#ADBAC7"}},"]"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#ADBAC7"}},"["),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#ADBAC7"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"readonly"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"readonly"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
+    id: string;
+    name: string;
+}`},"UnlockedAccount")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#ADBAC7"}},"<"),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#ADBAC7"}},">")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#24292E"}},"<"),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#24292E"}},"> "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"-readonly"),s("span",{style:{color:"#24292E"}}," ["),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"in"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"keyof"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#24292E"}},"]"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#24292E"}},"["),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#24292E"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"readonly"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"readonly"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
+    id: string;
+    name: string;
+}`},"UnlockedAccount")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#24292E"}},"<"),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#24292E"}},">")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),h=s("p",null,"Pretty neat, right? To some extent, anything your editor can show you about code, Twoslash can show. For example, here is the real auto-complete for a VitePress config:",-1),C=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'vitepress'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#F69D50"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"    "),s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:"(property) ti: any"},"ti")]),s("span",{style:{color:"#F69D50"}},",")]),s("div",{class:"meta-line"},[l("      "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tle")])]),s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tleTemplate")])])])])]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"})")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'vitepress'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#24292E"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},[l("    "),s("data-lsp",{lsp:"(property) ti: any"},"ti"),l(",")])]),s("div",{class:"meta-line"},[l("      "),s("span",{class:"inline-completions"},[s("ul",{class:"dropdown"},[s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tle")])]),s("li",{class:""},[s("span",null,[s("span",{class:"result-found"},"ti"),l("tleTemplate")])])])])]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"})")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),m=e("",7),g=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(" { "),s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash"),l(" } ")]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#F69D50"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"    "),s("span",{style:{color:"#DCBDFB"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#F69D50"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"        "),s("span",{style:{color:"#768390"}},"// Your VitePress config")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#F69D50"}},")")])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// .vitepress/config.[ext]")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) function defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'vitepress'")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(" { "),s("data-lsp",{lsp:`(alias) function withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash"),l(" } ")]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) withTwoslash(config: UserConfig): Promise>
+import withTwoslash`},"withTwoslash")]),s("span",{style:{color:"#24292E"}},"(")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`(alias) defineConfig(config: UserConfig): UserConfig
+import defineConfig`},"defineConfig")]),s("span",{style:{color:"#24292E"}},"({")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"        "),s("span",{style:{color:"#6A737D"}},"// Your VitePress config")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    })")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},")")])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),D=s("p",null,[l("Then, import "),s("code",null,"@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css"),l(" into your theme.")],-1),f=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// .vitepress/theme/index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}},[l(),s("data-lsp",{lsp:`(alias) const defaultTheme: {
+    Layout: DefineComponent;
+    enhanceApp: (ctx: EnhanceAppContext) => void;
+}
+import defaultTheme`},"defaultTheme"),l()]),s("span",{style:{color:"#F47067"}},"from"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'vitepress/theme'")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"import"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#96D0FF"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"export"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#F47067"}},"default"),s("span",{style:{color:"#F69D50"}}," "),s("span",{style:{color:"#ADBAC7"}},[s("data-lsp",{lsp:`(alias) const defaultTheme: {
+    Layout: DefineComponent;
+    enhanceApp: (ctx: EnhanceAppContext) => void;
+}
+import defaultTheme`},"defaultTheme")])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// .vitepress/theme/index.ts")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:`(alias) const defaultTheme: {
+    Layout: DefineComponent;
+    enhanceApp: (ctx: EnhanceAppContext) => void;
+}
+import defaultTheme`},"defaultTheme"),l()]),s("span",{style:{color:"#D73A49"}},"from"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'vitepress/theme'")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"import"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#032F62"}},"'@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"export"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"default"),s("span",{style:{color:"#24292E"}},[l(),s("data-lsp",{lsp:`(alias) const defaultTheme: {
+    Layout: DefineComponent;
+    enhanceApp: (ctx: EnhanceAppContext) => void;
+}
+import defaultTheme`},"defaultTheme")])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br")])],-1),v=e("",5),b=s("div",{class:"language-ts vp-adaptive-theme line-numbers-mode"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"ts"),s("pre",{class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#768390"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#ADBAC7"}},"<"),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#ADBAC7"}},"> "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"-readonly"),s("span",{style:{color:"#ADBAC7"}}," ["),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"in"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"keyof"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#ADBAC7"}},"]"),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#ADBAC7"}},"["),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#ADBAC7"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"readonly"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"    "),s("span",{style:{color:"#F47067"}},"readonly"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#F47067"}},":"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#6CB6FF"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#ADBAC7"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#F47067"}},"type"),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
+    id: string;
+    name: string;
+}`,style:{"border-bottom":"solid 2px lightgrey"}},"UnlockedAccount")]),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F47067"}},"="),s("span",{style:{color:"#ADBAC7"}}," "),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#ADBAC7"}},"<"),s("span",{style:{color:"#F69D50"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#ADBAC7"}},">")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"           "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l(`type UnlockedAccount = {
+    id: string;
+    name: string;
+}`)])])])])]),s("pre",{class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},[s("div",{class:"language-id"},"ts"),s("div",{class:"code-container"},[s("code",null,[s("div",{class:"line"},[s("span",{style:{color:"#6A737D"}},"// Removes 'readonly' attributes from a type's properties")]),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#24292E"}},"<"),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#24292E"}},"> "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"-readonly"),s("span",{style:{color:"#24292E"}}," ["),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"in"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"keyof"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#24292E"}},"]"),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Type in type CreateMutable"},"Type")]),s("span",{style:{color:"#24292E"}},"["),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"(type parameter) Property"},"Property")]),s("span",{style:{color:"#24292E"}},"]")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," {")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"readonly"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) id: string"},"id")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"    "),s("span",{style:{color:"#D73A49"}},"readonly"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#E36209"}},[s("data-lsp",{lsp:"(property) name: string"},"name")]),s("span",{style:{color:"#D73A49"}},":"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#005CC5"}},"string")]),s("div",{class:"line"},[s("span",{style:{color:"#24292E"}},"}")]),s("div",{class:"line"}," "),s("div",{class:"line"},[s("span",{style:{color:"#D73A49"}},"type"),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type UnlockedAccount = {
+    id: string;
+    name: string;
+}`,style:{"border-bottom":"solid 2px lightgrey"}},"UnlockedAccount")]),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#D73A49"}},"="),s("span",{style:{color:"#24292E"}}," "),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:"type CreateMutable = { -readonly [Property in keyof Type]: Type[Property]; }"},"CreateMutable")]),s("span",{style:{color:"#24292E"}},"<"),s("span",{style:{color:"#6F42C1"}},[s("data-lsp",{lsp:`type LockedAccount = {
+    readonly id: string;
+    readonly name: string;
+}`},"LockedAccount")]),s("span",{style:{color:"#24292E"}},">")]),s("div",{class:"meta-line"},[s("span",{class:"popover-prefix"},"           "),s("span",{class:"popover"},[s("div",{class:"arrow"}),l(`type UnlockedAccount = {
+    id: string;
+    name: string;
+}`)])])])])]),s("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[s("span",{class:"line-number"},"1"),s("br"),s("span",{class:"line-number"},"2"),s("br"),s("span",{class:"line-number"},"3"),s("br"),s("span",{class:"line-number"},"4"),s("br")])],-1);function F(k,T,E,B,w,P){const a=o;return p(),t("div",null,[i,r(a,{readTime:"2",words:"437"}),y,d,u,A,h,C,m,g,D,f,v,b])}const q=n(c,[["render",F]]);export{M as __pageData,q as default};
diff --git a/assets/chunks/VPAlgoliaSearchBox.a4c0242a.js b/assets/chunks/VPAlgoliaSearchBox.c32b1d6a.js
similarity index 99%
rename from assets/chunks/VPAlgoliaSearchBox.a4c0242a.js
rename to assets/chunks/VPAlgoliaSearchBox.c32b1d6a.js
index a38883c6..51dfc6f8 100644
--- a/assets/chunks/VPAlgoliaSearchBox.a4c0242a.js
+++ b/assets/chunks/VPAlgoliaSearchBox.c32b1d6a.js
@@ -1,4 +1,4 @@
-import{d as so,al as fo,K as mo,j as po,x as vo,o as ho,c as yo}from"./framework.b7580407.js";import{u as go}from"./theme.7de1b093.js";/*! @docsearch/js 3.5.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */function un(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),n.push.apply(n,r)}return n}function I(t){for(var e=1;e=0||(l[c]=a[c]);return l}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}function se(t,e){return function(n){if(Array.isArray(n))return n}(t)||function(n,r){var o=n==null?null:typeof Symbol<"u"&&n[Symbol.iterator]||n["@@iterator"];if(o!=null){var i,a,u=[],c=!0,s=!1;try{for(o=o.call(n);!(c=(i=o.next()).done)&&(u.push(i.value),!r||u.length!==r);c=!0);}catch(l){s=!0,a=l}finally{try{c||o.return==null||o.return()}finally{if(s)throw a}}return u}}(t,e)||yr(t,e)||function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+import{d as so,al as fo,K as mo,j as po,x as vo,o as ho,c as yo}from"./framework.b7580407.js";import{u as go}from"./theme.c3ca1c74.js";/*! @docsearch/js 3.5.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */function un(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),n.push.apply(n,r)}return n}function I(t){for(var e=1;e=0||(l[c]=a[c]);return l}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}function se(t,e){return function(n){if(Array.isArray(n))return n}(t)||function(n,r){var o=n==null?null:typeof Symbol<"u"&&n[Symbol.iterator]||n["@@iterator"];if(o!=null){var i,a,u=[],c=!0,s=!1;try{for(o=o.call(n);!(c=(i=o.next()).done)&&(u.push(i.value),!r||u.length!==r);c=!0);}catch(l){s=!0,a=l}finally{try{c||o.return==null||o.return()}finally{if(s)throw a}}return u}}(t,e)||yr(t,e)||function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function ft(t){return function(e){if(Array.isArray(e))return Lt(e)}(t)||function(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}(t)||yr(t)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function yr(t,e){if(t){if(typeof t=="string")return Lt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return n==="Object"&&t.constructor&&(n=t.constructor.name),n==="Map"||n==="Set"?Array.from(t):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Lt(t,e):void 0}}function Lt(t,e){(e==null||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n3)for(n=[n],i=3;i0?Ie(v.type,v.props,v.key,null,v.__v):v)!=null){if(v.__=n,v.__b=n.__b+1,(p=b[l])===null||p&&v.key==p.key&&v.type===p.type)b[l]=void 0;else for(m=0;m<_;m++){if((p=b[m])&&v.key==p.key&&v.type===p.type){b[m]=void 0;break}p=null}Yt(t,v,p=p||mt,o,i,a,u,c,s),d=v.__e,(m=v.ref)&&p.ref!=m&&(y||(y=[]),p.ref&&y.push(p.ref,null,v),y.push(m,v.__c||d,v)),d!=null?(h==null&&(h=d),typeof v.type=="function"&&v.__k!=null&&v.__k===p.__k?v.__d=c=wr(v,c,t):c=jr(t,v,p,b,d,c),s||n.type!=="option"?typeof n.type=="function"&&(n.__d=c):t.value=""):c&&p.__e==c&&c.parentNode!=t&&(c=We(p))}for(n.__e=h,l=_;l--;)b[l]!=null&&(typeof n.type=="function"&&b[l].__e!=null&&b[l].__e==n.__d&&(n.__d=We(r,l+1)),Ir(b[l],b[l]));if(y)for(l=0;l3)for(n=[n],i=3;i=n.__.length&&n.__.push({}),n.__[t]}function kr(t){return pe=1,Ar(xr,t)}function Ar(t,e,n){var r=Je(de++,2);return r.t=t,r.__c||(r.__=[n?n(e):xr(void 0,e),function(o){var i=r.t(r.__[0],o);r.__[0]!==i&&(r.__=[i,r.__[1]],r.__c.setState({}))}],r.__c=q),r.__}function Cr(t,e){var n=Je(de++,3);!w.__s&&Gt(n.__H,e)&&(n.__=t,n.__H=e,q.__H.__h.push(n))}function bn(t,e){var n=Je(de++,4);!w.__s&&Gt(n.__H,e)&&(n.__=t,n.__H=e,q.__h.push(n))}function Pt(t,e){var n=Je(de++,7);return Gt(n.__H,e)&&(n.__=t(),n.__H=e,n.__h=t),n.__}function Eo(){Ht.forEach(function(t){if(t.__P)try{t.__H.__h.forEach(ct),t.__H.__h.forEach(Ut),t.__H.__h=[]}catch(e){t.__H.__h=[],w.__e(e,t.__v)}}),Ht=[]}w.__b=function(t){q=null,vn&&vn(t)},w.__r=function(t){dn&&dn(t),de=0;var e=(q=t.__c).__H;e&&(e.__h.forEach(ct),e.__h.forEach(Ut),e.__h=[])},w.diffed=function(t){hn&&hn(t);var e=t.__c;e&&e.__H&&e.__H.__h.length&&(Ht.push(e)!==1&&pn===w.requestAnimationFrame||((pn=w.requestAnimationFrame)||function(n){var r,o=function(){clearTimeout(i),_n&&cancelAnimationFrame(r),setTimeout(n)},i=setTimeout(o,100);_n&&(r=requestAnimationFrame(o))})(Eo)),q=void 0},w.__c=function(t,e){e.some(function(n){try{n.__h.forEach(ct),n.__h=n.__h.filter(function(r){return!r.__||Ut(r)})}catch(r){e.some(function(o){o.__h&&(o.__h=[])}),e=[],w.__e(r,n.__v)}}),yn&&yn(t,e)},w.unmount=function(t){gn&&gn(t);var e=t.__c;if(e&&e.__H)try{e.__H.__.forEach(ct)}catch(n){w.__e(n,e.__v)}};var _n=typeof requestAnimationFrame=="function";function ct(t){var e=q;typeof t.__c=="function"&&t.__c(),q=e}function Ut(t){var e=q;t.__c=t.__(),q=e}function Gt(t,e){return!t||t.length!==e.length||e.some(function(n,r){return n!==t[r]})}function xr(t,e){return typeof e=="function"?e(t):e}function Nr(t,e){for(var n in e)t[n]=e[n];return t}function Ft(t,e){for(var n in t)if(n!=="__source"&&!(n in e))return!0;for(var r in e)if(r!=="__source"&&t[r]!==e[r])return!0;return!1}function Bt(t){this.props=t}(Bt.prototype=new K).isPureReactComponent=!0,Bt.prototype.shouldComponentUpdate=function(t,e){return Ft(this.props,t)||Ft(this.state,e)};var On=w.__b;w.__b=function(t){t.type&&t.type.__f&&t.ref&&(t.props.ref=t.ref,t.ref=null),On&&On(t)};var Po=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.forward_ref")||3911,Sn=function(t,e){return t==null?null:$($(t).map(e))},Io={map:Sn,forEach:Sn,count:function(t){return t?$(t).length:0},only:function(t){var e=$(t);if(e.length!==1)throw"Children.only";return e[0]},toArray:$},Do=w.__e;function ut(){this.__u=0,this.t=null,this.__b=null}function Tr(t){var e=t.__.__c;return e&&e.__e&&e.__e(t)}function je(){this.u=null,this.o=null}w.__e=function(t,e,n){if(t.then){for(var r,o=e;o=o.__;)if((r=o.__c)&&r.__c)return e.__e==null&&(e.__e=n.__e,e.__k=n.__k),r.__c(t,e)}Do(t,e,n)},(ut.prototype=new K).__c=function(t,e){var n=e.__c,r=this;r.t==null&&(r.t=[]),r.t.push(n);var o=Tr(r.__v),i=!1,a=function(){i||(i=!0,n.componentWillUnmount=n.__c,o?o(u):u())};n.__c=n.componentWillUnmount,n.componentWillUnmount=function(){a(),n.__c&&n.__c()};var u=function(){if(!--r.__u){if(r.state.__e){var s=r.state.__e;r.__v.__k[0]=function m(p,v,d){return p&&(p.__v=null,p.__k=p.__k&&p.__k.map(function(h){return m(h,v,d)}),p.__c&&p.__c.__P===v&&(p.__e&&d.insertBefore(p.__e,p.__d),p.__c.__e=!0,p.__c.__P=d)),p}(s,s.__c.__P,s.__c.__O)}var l;for(r.setState({__e:r.__b=null});l=r.t.pop();)l.forceUpdate()}},c=e.__h===!0;r.__u++||c||r.setState({__e:r.__b=r.__v.__k[0]}),t.then(a,a)},ut.prototype.componentWillUnmount=function(){this.t=[]},ut.prototype.render=function(t,e){if(this.__b){if(this.__v.__k){var n=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=function i(a,u,c){return a&&(a.__c&&a.__c.__H&&(a.__c.__H.__.forEach(function(s){typeof s.__c=="function"&&s.__c()}),a.__c.__H=null),(a=Nr({},a)).__c!=null&&(a.__c.__P===c&&(a.__c.__P=u),a.__c=null),a.__k=a.__k&&a.__k.map(function(s){return i(s,u,c)})),a}(this.__b,n,r.__O=r.__P)}this.__b=null}var o=e.__e&&W(X,null,t.fallback);return o&&(o.__h=null),[W(X,null,e.__e?null:t.children),o]};var wn=function(t,e,n){if(++n[1]===n[0]&&t.o.delete(e),t.props.revealOrder&&(t.props.revealOrder[0]!=="t"||!t.o.size))for(n=t.u;n;){for(;n.length>3;)n.pop()();if(n[1]>>1,1),e.i.removeChild(r)}}),Ke(W(ko,{context:e.context},t.__v),e.l)):e.l&&e.componentWillUnmount()}function Rr(t,e){return W(Ao,{__v:t,i:e})}(je.prototype=new K).__e=function(t){var e=this,n=Tr(e.__v),r=e.o.get(t);return r[0]++,function(o){var i=function(){e.props.revealOrder?(r.push(o),wn(e,t,r)):o()};n?n(i):i()}},je.prototype.render=function(t){this.u=null,this.o=new Map;var e=$(t.children);t.revealOrder&&t.revealOrder[0]==="b"&&e.reverse();for(var n=e.length;n--;)this.o.set(e[n],this.u=[1,0,this.u]);return t.children},je.prototype.componentDidUpdate=je.prototype.componentDidMount=function(){var t=this;this.o.forEach(function(e,n){wn(t,n,e)})};var qr=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.element")||60103,Co=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,xo=function(t){return(typeof Symbol<"u"&&Ve(Symbol())=="symbol"?/fil|che|rad/i:/fil|che|ra/i).test(t)};function Lr(t,e,n){return e.__k==null&&(e.textContent=""),Ke(t,e),typeof n=="function"&&n(),t?t.__c:null}K.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(K.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(e){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:e})}})});var jn=w.event;function No(){}function To(){return this.cancelBubble}function Ro(){return this.defaultPrevented}w.event=function(t){return jn&&(t=jn(t)),t.persist=No,t.isPropagationStopped=To,t.isDefaultPrevented=Ro,t.nativeEvent=t};var Mr,En={configurable:!0,get:function(){return this.class}},Pn=w.vnode;w.vnode=function(t){var e=t.type,n=t.props,r=n;if(typeof e=="string"){for(var o in r={},n){var i=n[o];o==="value"&&"defaultValue"in n&&i==null||(o==="defaultValue"&&"value"in n&&n.value==null?o="value":o==="download"&&i===!0?i="":/ondoubleclick/i.test(o)?o="ondblclick":/^onchange(textarea|input)/i.test(o+e)&&!xo(n.type)?o="oninput":/^on(Ani|Tra|Tou|BeforeInp)/.test(o)?o=o.toLowerCase():Co.test(o)?o=o.replace(/[A-Z0-9]/,"-$&").toLowerCase():i===null&&(i=void 0),r[o]=i)}e=="select"&&r.multiple&&Array.isArray(r.value)&&(r.value=$(n.children).forEach(function(a){a.props.selected=r.value.indexOf(a.props.value)!=-1})),e=="select"&&r.defaultValue!=null&&(r.value=$(n.children).forEach(function(a){a.props.selected=r.multiple?r.defaultValue.indexOf(a.props.value)!=-1:r.defaultValue==a.props.value})),t.props=r}e&&n.class!=n.className&&(En.enumerable="className"in n,n.className!=null&&(r.class=n.className),Object.defineProperty(r,"className",En)),t.$$typeof=qr,Pn&&Pn(t)};var In=w.__r;w.__r=function(t){In&&In(t),Mr=t.__c};var qo={ReactCurrentDispatcher:{current:{readContext:function(t){return Mr.__n[t.__c].props.value}}}};(typeof performance>"u"?"undefined":Ve(performance))=="object"&&typeof performance.now=="function"&&performance.now.bind(performance);function Dn(t){return!!t&&t.$$typeof===qr}var f={useState:kr,useReducer:Ar,useEffect:Cr,useLayoutEffect:bn,useRef:function(t){return pe=5,Pt(function(){return{current:t}},[])},useImperativeHandle:function(t,e,n){pe=6,bn(function(){typeof t=="function"?t(e()):t&&(t.current=e())},n==null?n:n.concat(t))},useMemo:Pt,useCallback:function(t,e){return pe=8,Pt(function(){return t},e)},useContext:function(t){var e=q.context[t.__c],n=Je(de++,9);return n.__c=t,e?(n.__==null&&(n.__=!0,e.sub(q)),e.props.value):t.__},useDebugValue:function(t,e){w.useDebugValue&&w.useDebugValue(e?e(t):t)},version:"16.8.0",Children:Io,render:Lr,hydrate:function(t,e,n){return Dr(t,e),typeof n=="function"&&n(),t?t.__c:null},unmountComponentAtNode:function(t){return!!t.__k&&(Ke(null,t),!0)},createPortal:Rr,createElement:W,createContext:function(t,e){var n={__c:e="__cC"+br++,__:t,Consumer:function(r,o){return r.children(o)},Provider:function(r){var o,i;return this.getChildContext||(o=[],(i={})[e]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(a){this.props.value!==a.value&&o.some(Mt)},this.sub=function(a){o.push(a);var u=a.componentWillUnmount;a.componentWillUnmount=function(){o.splice(o.indexOf(a),1),u&&u.call(a)}}),r.children}};return n.Provider.__=n.Consumer.contextType=n},createFactory:function(t){return W.bind(null,t)},cloneElement:function(t){return Dn(t)?jo.apply(null,arguments):t},createRef:function(){return{current:null}},Fragment:X,isValidElement:Dn,findDOMNode:function(t){return t&&(t.base||t.nodeType===1&&t)||null},Component:K,PureComponent:Bt,memo:function(t,e){function n(o){var i=this.props.ref,a=i==o.ref;return!a&&i&&(i.call?i(null):i.current=null),e?!e(this.props,o)||!a:Ft(this.props,o)}function r(o){return this.shouldComponentUpdate=n,W(t,o)}return r.displayName="Memo("+(t.displayName||t.name)+")",r.prototype.isReactComponent=!0,r.__f=!0,r},forwardRef:function(t){function e(n,r){var o=Nr({},n);return delete o.ref,t(o,(r=n.ref||r)&&(Ve(r)!="object"||"current"in r)?r:null)}return e.$$typeof=Po,e.render=e,e.prototype.isReactComponent=e.__f=!0,e.displayName="ForwardRef("+(t.displayName||t.name)+")",e},unstable_batchedUpdates:function(t,e){return t(e)},StrictMode:X,Suspense:ut,SuspenseList:je,lazy:function(t){var e,n,r;function o(i){if(e||(e=t()).then(function(a){n=a.default||a},function(a){r=a}),r)throw r;if(!n)throw e;return W(n,i)}return o.displayName="Lazy",o.__f=!0,o},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:qo};function Lo(){return f.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},f.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function Hr(){return f.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20"},f.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var Mo=["translations"];function Vt(){return Vt=Object.assign||function(t){for(var e=1;et.length)&&(e=t.length);for(var n=0,r=new Array(e);n=0||(l[c]=a[c]);return l}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}var Fo=f.forwardRef(function(t,e){var n=t.translations,r=n===void 0?{}:n,o=Uo(t,Mo),i=r.buttonText,a=i===void 0?"Search":i,u=r.buttonAriaLabel,c=u===void 0?"Search":u,s=Ho(kr(null),2),l=s[0],m=s[1];return Cr(function(){typeof navigator<"u"&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?m("⌘"):m("Ctrl"))},[]),f.createElement("button",Vt({type:"button",className:"DocSearch DocSearch-Button","aria-label":c},o,{ref:e}),f.createElement("span",{className:"DocSearch-Button-Container"},f.createElement(Hr,null),f.createElement("span",{className:"DocSearch-Button-Placeholder"},a)),f.createElement("span",{className:"DocSearch-Button-Keys"},l!==null&&f.createElement(f.Fragment,null,f.createElement("kbd",{className:"DocSearch-Button-Key"},l==="Ctrl"?f.createElement(Lo,null):l),f.createElement("kbd",{className:"DocSearch-Button-Key"},"K"))))});function Ur(t,e){var n=void 0;return function(){for(var r=arguments.length,o=new Array(r),i=0;i(a(),l("span",{class:C(["VPBadge",e.type])},[u(e.$slots,"default",{},()=>[H(V(e.text),1)],!0)],2))}});const Qe=g(Ze,[["__scopeId","data-v-0d50132f"]]),et={key:0,class:"VPBackdrop"},tt=m({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(s){return(e,t)=>(a(),$(ue,{name:"fade"},{default:v(()=>[e.show?(a(),l("div",et)):f("",!0)]),_:1}))}});const st=g(tt,[["__scopeId","data-v-90d3771d"]]),P=De;function Ne(s,e){let t,n=!1;return()=>{t&&clearTimeout(t),n?t=setTimeout(s,e):(s(),(n=!0)&&setTimeout(()=>n=!1,e))}}function le(s){return/^\//.test(s)?s:`/${s}`}function Y(s){if(Fe(s))return s;const{site:e}=P(),{pathname:t,search:n,hash:o}=new URL(s,"http://a.com"),r=t.endsWith("/")||t.endsWith(".html")?s:s.replace(/(?:(^\.+)\/)?.*$/,`$1${t.replace(/(\.md)?$/,e.value.cleanUrls?"":".html")}${n}${o}`);return de(r)}function X({removeCurrent:s=!0,correspondingLink:e=!1}={}){const{site:t,localeIndex:n,page:o,theme:r}=P(),d=y(()=>{var _,k;return{label:(_=t.value.locales[n.value])==null?void 0:_.label,link:((k=t.value.locales[n.value])==null?void 0:k.link)||(n.value==="root"?"/":`/${n.value}/`)}});return{localeLinks:y(()=>Object.entries(t.value.locales).flatMap(([_,k])=>s&&d.value.label===k.label?[]:{text:k.label,link:nt(k.link||(_==="root"?"/":`/${_}/`),r.value.i18nRouting!==!1&&e,o.value.relativePath.slice(d.value.link.length-1),!t.value.cleanUrls)})),currentLang:d}}function nt(s,e,t,n){return e?s.replace(/\/$/,"")+le(t.replace(/(^|\/)index\.md$/,"$1").replace(/\.md$/,n?".html":"")):s}const ot=s=>(z("data-v-3b0106a5"),s=s(),E(),s),at={class:"NotFound"},rt={class:"code"},it={class:"title"},lt=ot(()=>c("div",{class:"divider"},null,-1)),ct={class:"quote"},ut={class:"action"},dt=["href","aria-label"],_t=m({__name:"NotFound",setup(s){const{site:e,theme:t}=P(),{localeLinks:n}=X({removeCurrent:!1}),o=L("/");return F(()=>{var d;const r=window.location.pathname.replace(e.value.base,"").replace(/(^.*?\/).*$/,"/$1");n.value.length&&(o.value=((d=n.value.find(({link:p})=>p.startsWith(r)))==null?void 0:d.link)||n.value[0].link)}),(r,d)=>{var p,_,k,N,T;return a(),l("div",at,[c("p",rt,V(((p=i(t).notFound)==null?void 0:p.code)??"404"),1),c("h1",it,V(((_=i(t).notFound)==null?void 0:_.title)??"PAGE NOT FOUND"),1),lt,c("blockquote",ct,V(((k=i(t).notFound)==null?void 0:k.quote)??"But if you don't change your direction, and if you keep looking, you may end up where you are heading."),1),c("div",ut,[c("a",{class:"link",href:i(de)(o.value),"aria-label":((N=i(t).notFound)==null?void 0:N.linkLabel)??"go to home"},V(((T=i(t).notFound)==null?void 0:T.linkText)??"Take me home"),9,dt)])])}}});const vt=g(_t,[["__scopeId","data-v-3b0106a5"]]);function Ie(s,e){if(Array.isArray(s))return ee(s);if(s==null)return[];e=le(e);const t=Object.keys(s).sort((o,r)=>r.split("/").length-o.split("/").length).find(o=>e.startsWith(le(o))),n=t?s[t]:[];return Array.isArray(n)?ee(n):ee(n.items,n.base)}function pt(s){const e=[];let t=0;for(const n in s){const o=s[n];if(o.items){t=e.push(o);continue}e[t]||e.push({items:[]}),e[t].items.push(o)}return e}function ht(s){const e=[];function t(n){for(const o of n)o.text&&o.link&&e.push({text:o.text,link:o.link,docFooterText:o.docFooterText}),o.items&&t(o.items)}return t(s),e}function ce(s,e){return Array.isArray(e)?e.some(t=>ce(s,t)):U(s,e.link)?!0:e.items?ce(s,e.items):!1}function ee(s,e){return[...s].map(t=>{const n={...t},o=n.base||e;return o&&n.link&&(n.link=o+n.link),n.items&&(n.items=ee(n.items,o)),n})}function D(){const{frontmatter:s,page:e,theme:t}=P(),n=ie("(min-width: 960px)"),o=L(!1),r=y(()=>{const S=t.value.sidebar,b=e.value.relativePath;return S?Ie(S,b):[]}),d=L(r.value);R(r,(S,b)=>{JSON.stringify(S)!==JSON.stringify(b)&&(d.value=r.value)});const p=y(()=>s.value.sidebar!==!1&&d.value.length>0&&s.value.layout!=="home"),_=y(()=>k?s.value.aside==null?t.value.aside==="left":s.value.aside==="left":!1),k=y(()=>s.value.layout==="home"?!1:s.value.aside!=null?!!s.value.aside:t.value.aside!==!1),N=y(()=>p.value&&n.value),T=y(()=>p.value?pt(d.value):[]);function A(){o.value=!0}function I(){o.value=!1}function w(){o.value?I():A()}return{isOpen:o,sidebar:d,sidebarGroups:T,hasSidebar:p,hasAside:k,leftAside:_,isSidebarEnabled:N,open:A,close:I,toggle:w}}function ft(s,e){let t;se(()=>{t=s.value?document.activeElement:void 0}),F(()=>{window.addEventListener("keyup",n)}),J(()=>{window.removeEventListener("keyup",n)});function n(o){o.key==="Escape"&&s.value&&(e(),t==null||t.focus())}}const Te=L(q?location.hash:"");q&&window.addEventListener("hashchange",()=>{Te.value=location.hash});function mt(s){const{page:e}=P(),t=L(!1),n=y(()=>s.value.collapsed!=null),o=y(()=>!!s.value.link),r=L(!1),d=()=>{r.value=U(e.value.relativePath,s.value.link)};R([e,s,Te],d),F(d);const p=y(()=>r.value?!0:s.value.items?ce(e.value.relativePath,s.value.items):!1),_=y(()=>!!(s.value.items&&s.value.items.length));se(()=>{t.value=!!(n.value&&s.value.collapsed)}),we(()=>{(r.value||p.value)&&(t.value=!1)});function k(){n.value&&(t.value=!t.value)}return{collapsed:t,collapsible:n,isLink:o,isActiveLink:r,hasActiveLink:p,hasChildren:_,toggle:k}}function gt(){const{hasSidebar:s}=D(),e=ie("(min-width: 960px)"),t=ie("(min-width: 1280px)");return{isAsideEnabled:y(()=>!t.value&&!e.value?!1:s.value?t.value:e.value)}}const bt=71;function ve(s){return typeof s.outline=="object"&&!Array.isArray(s.outline)&&s.outline.label||s.outlineTitle||"On this page"}function pe(s){const e=[...document.querySelectorAll(".VPDoc :where(h1,h2,h3,h4,h5,h6)")].filter(t=>t.id&&t.hasChildNodes()).map(t=>{const n=Number(t.tagName[1]);return{title:$t(t),link:"#"+t.id,level:n}});return kt(e,s)}function $t(s){let e="";for(const t of s.childNodes)if(t.nodeType===1){if(t.classList.contains("VPBadge")||t.classList.contains("header-anchor"))continue;e+=t.textContent}else t.nodeType===3&&(e+=t.textContent);return e.trim()}function kt(s,e){if(e===!1)return[];const t=(typeof e=="object"&&!Array.isArray(e)?e.level:e)||2,[n,o]=typeof t=="number"?[t,t]:t==="deep"?[2,6]:t;s=s.filter(d=>d.level>=n&&d.level<=o);const r=[];e:for(let d=0;d=0;_--){const k=s[_];if(k.level{requestAnimationFrame(r),window.addEventListener("scroll",n)}),Oe(()=>{d(location.hash)}),J(()=>{window.removeEventListener("scroll",n)});function r(){if(!t.value)return;const p=[].slice.call(s.value.querySelectorAll(".outline-link")),_=[].slice.call(document.querySelectorAll(".content .header-anchor")).filter(I=>p.some(w=>w.hash===I.hash&&I.offsetParent!==null)),k=window.scrollY,N=window.innerHeight,T=document.body.offsetHeight,A=Math.abs(k+N-T)<1;if(_.length&&A){d(_[_.length-1].hash);return}for(let I=0;I<_.length;I++){const w=_[I],S=_[I+1],[b,x]=Pt(I,w,S);if(b){d(x);return}}}function d(p){o&&o.classList.remove("active"),p==null?o=null:o=s.value.querySelector(`a[href="${decodeURIComponent(p)}"]`);const _=o;_?(_.classList.add("active"),e.value.style.top=_.offsetTop+33+"px",e.value.style.opacity="1"):(e.value.style.top="33px",e.value.style.opacity="0")}}function Pe(s){return s.parentElement.offsetTop-bt}function Pt(s,e,t){const n=window.scrollY;return s===0&&n===0?[!0,null]:n{const o=j("VPDocOutlineItem",!0);return a(),l("ul",{class:C(t.root?"root":"nested")},[(a(!0),l(M,null,B(t.headers,({children:r,link:d,title:p})=>(a(),l("li",null,[c("a",{class:"outline-link",href:d,onClick:e,title:p},V(p),9,Vt),r!=null&&r.length?(a(),$(o,{key:0,headers:r},null,8,["headers"])):f("",!0)]))),256))],2)}}});const he=g(wt,[["__scopeId","data-v-1772882b"]]),St=s=>(z("data-v-98b3e62f"),s=s(),E(),s),Lt={class:"content"},Mt={class:"outline-title",role:"heading","aria-level":"2"},Ct={"aria-labelledby":"doc-outline-aria-label"},Nt=St(()=>c("span",{class:"visually-hidden",id:"doc-outline-aria-label"}," Table of Contents for current page ",-1)),It=m({__name:"VPDocAsideOutline",setup(s){const{frontmatter:e,theme:t}=P(),n=_e([]);W(()=>{n.value=pe(e.value.outline??t.value.outline)});const o=L(),r=L();return yt(o,r),(d,p)=>(a(),l("div",{class:C(["VPDocAsideOutline",{"has-outline":n.value.length>0}]),ref_key:"container",ref:o,role:"navigation"},[c("div",Lt,[c("div",{class:"outline-marker",ref_key:"marker",ref:r},null,512),c("div",Mt,V(i(ve)(i(t))),1),c("nav",Ct,[Nt,h(he,{headers:n.value,root:!0},null,8,["headers"])])])],2))}});const Tt=g(It,[["__scopeId","data-v-98b3e62f"]]),Bt={class:"VPDocAsideCarbonAds"},At=m({__name:"VPDocAsideCarbonAds",props:{carbonAds:{}},setup(s){const e=()=>null;return(t,n)=>(a(),l("div",Bt,[h(i(e),{"carbon-ads":t.carbonAds},null,8,["carbon-ads"])]))}}),Ht=s=>(z("data-v-d3dab3d7"),s=s(),E(),s),xt={class:"VPDocAside"},zt=Ht(()=>c("div",{class:"spacer"},null,-1)),Et=m({__name:"VPDocAside",setup(s){const{theme:e}=P();return(t,n)=>(a(),l("div",xt,[u(t.$slots,"aside-top",{},void 0,!0),u(t.$slots,"aside-outline-before",{},void 0,!0),h(Tt),u(t.$slots,"aside-outline-after",{},void 0,!0),zt,u(t.$slots,"aside-ads-before",{},void 0,!0),i(e).carbonAds?(a(),$(At,{key:0,"carbon-ads":i(e).carbonAds},null,8,["carbon-ads"])):f("",!0),u(t.$slots,"aside-ads-after",{},void 0,!0),u(t.$slots,"aside-bottom",{},void 0,!0)]))}});const Dt=g(Et,[["__scopeId","data-v-d3dab3d7"]]);function Ft(){const{theme:s,page:e}=P();return y(()=>{const{text:t="Edit this page",pattern:n=""}=s.value.editLink||{};let o;return typeof n=="function"?o=n(e.value):o=n.replace(/:path/g,e.value.filePath),{url:o,text:t}})}function Ot(){const{page:s,theme:e,frontmatter:t}=P();return y(()=>{var _,k,N,T,A,I,w,S;const n=Ie(e.value.sidebar,s.value.relativePath),o=ht(n),r=o.findIndex(b=>U(s.value.relativePath,b.link)),d=((_=e.value.docFooter)==null?void 0:_.prev)===!1&&!t.value.prev||t.value.prev===!1,p=((k=e.value.docFooter)==null?void 0:k.next)===!1&&!t.value.next||t.value.next===!1;return{prev:d?void 0:{text:(typeof t.value.prev=="string"?t.value.prev:typeof t.value.prev=="object"?t.value.prev.text:void 0)??((N=o[r-1])==null?void 0:N.docFooterText)??((T=o[r-1])==null?void 0:T.text),link:(typeof t.value.prev=="object"?t.value.prev.link:void 0)??((A=o[r-1])==null?void 0:A.link)},next:p?void 0:{text:(typeof t.value.next=="string"?t.value.next:typeof t.value.next=="object"?t.value.next.text:void 0)??((I=o[r+1])==null?void 0:I.docFooterText)??((w=o[r+1])==null?void 0:w.text),link:(typeof t.value.next=="object"?t.value.next.link:void 0)??((S=o[r+1])==null?void 0:S.link)}}})}const Gt={},Ut={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Rt=c("path",{d:"M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"},null,-1),jt=c("path",{d:"M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"},null,-1),qt=[Rt,jt];function Kt(s,e){return a(),l("svg",Ut,qt)}const Wt=g(Gt,[["render",Kt]]),O=m({__name:"VPLink",props:{tag:{},href:{},noIcon:{type:Boolean},target:{},rel:{}},setup(s){const e=s,t=y(()=>e.tag??(e.href?"a":"span")),n=y(()=>e.href&&Se.test(e.href));return(o,r)=>(a(),$(G(t.value),{class:C(["VPLink",{link:o.href,"vp-external-link-icon":n.value,"no-icon":o.noIcon}]),href:o.href?i(Y)(o.href):void 0,target:o.target??(n.value?"_blank":void 0),rel:o.rel??(n.value?"noreferrer":void 0)},{default:v(()=>[u(o.$slots,"default")]),_:3},8,["class","href","target","rel"]))}}),Yt={class:"VPLastUpdated"},Jt=["datetime"],Xt=m({__name:"VPDocFooterLastUpdated",setup(s){const{theme:e,page:t,frontmatter:n,lang:o}=P(),r=y(()=>new Date(n.value.lastUpdated??t.value.lastUpdated)),d=y(()=>r.value.toISOString()),p=L("");return F(()=>{se(()=>{var _,k,N;p.value=new Intl.DateTimeFormat((k=(_=e.value.lastUpdated)==null?void 0:_.formatOptions)!=null&&k.forceLocale?o.value:void 0,((N=e.value.lastUpdated)==null?void 0:N.formatOptions)??{dateStyle:"short",timeStyle:"short"}).format(r.value)})}),(_,k)=>{var N;return a(),l("p",Yt,[H(V(((N=i(e).lastUpdated)==null?void 0:N.text)||i(e).lastUpdatedText||"Last updated")+": ",1),c("time",{datetime:d.value},V(p.value),9,Jt)])}}});const Zt=g(Xt,[["__scopeId","data-v-43ed3de5"]]),Qt={key:0,class:"VPDocFooter"},es={key:0,class:"edit-info"},ts={key:0,class:"edit-link"},ss={key:1,class:"last-updated"},ns={key:1,class:"prev-next"},os={class:"pager"},as=["href"],rs=["innerHTML"],is=["innerHTML"],ls={class:"pager"},cs=["href"],us=["innerHTML"],ds=["innerHTML"],_s=m({__name:"VPDocFooter",setup(s){const{theme:e,page:t,frontmatter:n}=P(),o=Ft(),r=Ot(),d=y(()=>e.value.editLink&&n.value.editLink!==!1),p=y(()=>t.value.lastUpdated&&n.value.lastUpdated!==!1),_=y(()=>d.value||p.value||r.value.prev||r.value.next);return(k,N)=>{var T,A,I,w,S,b;return _.value?(a(),l("footer",Qt,[u(k.$slots,"doc-footer-before",{},void 0,!0),d.value||p.value?(a(),l("div",es,[d.value?(a(),l("div",ts,[h(O,{class:"edit-link-button",href:i(o).url,"no-icon":!0},{default:v(()=>[h(Wt,{class:"edit-link-icon","aria-label":"edit icon"}),H(" "+V(i(o).text),1)]),_:1},8,["href"])])):f("",!0),p.value?(a(),l("div",ss,[h(Zt)])):f("",!0)])):f("",!0),(T=i(r).prev)!=null&&T.link||(A=i(r).next)!=null&&A.link?(a(),l("nav",ns,[c("div",os,[(I=i(r).prev)!=null&&I.link?(a(),l("a",{key:0,class:"pager-link prev",href:i(Y)(i(r).prev.link)},[c("span",{class:"desc",innerHTML:((w=i(e).docFooter)==null?void 0:w.prev)||"Previous page"},null,8,rs),c("span",{class:"title",innerHTML:i(r).prev.text},null,8,is)],8,as)):f("",!0)]),c("div",ls,[(S=i(r).next)!=null&&S.link?(a(),l("a",{key:0,class:"pager-link next",href:i(Y)(i(r).next.link)},[c("span",{class:"desc",innerHTML:((b=i(e).docFooter)==null?void 0:b.next)||"Next page"},null,8,us),c("span",{class:"title",innerHTML:i(r).next.text},null,8,ds)],8,cs)):f("",!0)])])):f("",!0)])):f("",!0)}}});const vs=g(_s,[["__scopeId","data-v-d801cd4d"]]),ps={},hs={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},fs=c("path",{d:"M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"},null,-1),ms=[fs];function gs(s,e){return a(),l("svg",hs,ms)}const fe=g(ps,[["render",gs]]),bs={key:0,class:"VPDocOutlineDropdown"},$s={key:0,class:"items"},ks=m({__name:"VPDocOutlineDropdown",setup(s){const{frontmatter:e,theme:t}=P(),n=L(!1);W(()=>{n.value=!1});const o=_e([]);return W(()=>{o.value=pe(e.value.outline??t.value.outline)}),(r,d)=>o.value.length>0?(a(),l("div",bs,[c("button",{onClick:d[0]||(d[0]=p=>n.value=!n.value),class:C({open:n.value})},[H(V(i(ve)(i(t)))+" ",1),h(fe,{class:"icon"})],2),n.value?(a(),l("div",$s,[h(he,{headers:o.value},null,8,["headers"])])):f("",!0)])):f("",!0)}});const ys=g(ks,[["__scopeId","data-v-3351e765"]]),Ps=s=>(z("data-v-eb54b406"),s=s(),E(),s),Vs={class:"container"},ws=Ps(()=>c("div",{class:"aside-curtain"},null,-1)),Ss={class:"aside-container"},Ls={class:"aside-content"},Ms={class:"content"},Cs={class:"content-container"},Ns={class:"main"},Is=m({__name:"VPDoc",setup(s){const{theme:e}=P(),t=ne(),{hasSidebar:n,hasAside:o,leftAside:r}=D(),d=y(()=>t.path.replace(/[./]+/g,"_").replace(/_html$/,""));return(p,_)=>{const k=j("Content");return a(),l("div",{class:C(["VPDoc",{"has-sidebar":i(n),"has-aside":i(o)}])},[u(p.$slots,"doc-top",{},void 0,!0),c("div",Vs,[i(o)?(a(),l("div",{key:0,class:C(["aside",{"left-aside":i(r)}])},[ws,c("div",Ss,[c("div",Ls,[h(Dt,null,{"aside-top":v(()=>[u(p.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":v(()=>[u(p.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":v(()=>[u(p.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[u(p.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[u(p.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[u(p.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])],2)):f("",!0),c("div",Ms,[c("div",Cs,[u(p.$slots,"doc-before",{},void 0,!0),h(ys),c("main",Ns,[h(k,{class:C(["vp-doc",[d.value,i(e).externalLinkIcon&&"external-link-icon-enabled"]])},null,8,["class"])]),h(vs,null,{"doc-footer-before":v(()=>[u(p.$slots,"doc-footer-before",{},void 0,!0)]),_:3}),u(p.$slots,"doc-after",{},void 0,!0)])])]),u(p.$slots,"doc-bottom",{},void 0,!0)],2)}}});const Ts=g(Is,[["__scopeId","data-v-eb54b406"]]),Bs=m({__name:"VPButton",props:{tag:{},size:{default:"medium"},theme:{default:"brand"},text:{},href:{}},setup(s){const e=s,t=y(()=>e.href&&Se.test(e.href)),n=y(()=>e.tag||e.href?"a":"button");return(o,r)=>(a(),$(G(n.value),{class:C(["VPButton",[o.size,o.theme]]),href:o.href?i(Y)(o.href):void 0,target:t.value?"_blank":void 0,rel:t.value?"noreferrer":void 0},{default:v(()=>[H(V(o.text),1)]),_:1},8,["class","href","target","rel"]))}});const As=g(Bs,[["__scopeId","data-v-a86ee6f3"]]),Hs=["src","alt"],xs=m({inheritAttrs:!1,__name:"VPImage",props:{image:{},alt:{}},setup(s){return(e,t)=>{const n=j("VPImage",!0);return e.image?(a(),l(M,{key:0},[typeof e.image=="string"||"src"in e.image?(a(),l("img",Q({key:0,class:"VPImage"},typeof e.image=="string"?e.$attrs:{...e.image,...e.$attrs},{src:i(de)(typeof e.image=="string"?e.image:e.image.src),alt:e.alt??(typeof e.image=="string"?"":e.image.alt||"")}),null,16,Hs)):(a(),l(M,{key:1},[h(n,Q({class:"dark",image:e.image.dark,alt:e.image.alt},e.$attrs),null,16,["image","alt"]),h(n,Q({class:"light",image:e.image.light,alt:e.image.alt},e.$attrs),null,16,["image","alt"])],64))],64)):f("",!0)}}});const te=g(xs,[["__scopeId","data-v-26d78c9a"]]),zs=s=>(z("data-v-b88480c1"),s=s(),E(),s),Es={class:"container"},Ds={class:"main"},Fs={key:0,class:"name"},Os=["innerHTML"],Gs=["innerHTML"],Us=["innerHTML"],Rs={key:0,class:"actions"},js={key:0,class:"image"},qs={class:"image-container"},Ks=zs(()=>c("div",{class:"image-bg"},null,-1)),Ws=m({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(s){const e=oe("hero-image-slot-exists");return(t,n)=>(a(),l("div",{class:C(["VPHero",{"has-image":t.image||i(e)}])},[c("div",Es,[c("div",Ds,[u(t.$slots,"home-hero-info",{},()=>[t.name?(a(),l("h1",Fs,[c("span",{innerHTML:t.name,class:"clip"},null,8,Os)])):f("",!0),t.text?(a(),l("p",{key:1,innerHTML:t.text,class:"text"},null,8,Gs)):f("",!0),t.tagline?(a(),l("p",{key:2,innerHTML:t.tagline,class:"tagline"},null,8,Us)):f("",!0)],!0),t.actions?(a(),l("div",Rs,[(a(!0),l(M,null,B(t.actions,o=>(a(),l("div",{key:o.link,class:"action"},[h(As,{tag:"a",size:"medium",theme:o.theme,text:o.text,href:o.link},null,8,["theme","text","href"])]))),128))])):f("",!0)]),t.image||i(e)?(a(),l("div",js,[c("div",qs,[Ks,u(t.$slots,"home-hero-image",{},()=>[t.image?(a(),$(te,{key:0,class:"image-src",image:t.image},null,8,["image"])):f("",!0)],!0)])])):f("",!0)])],2))}});const Ys=g(Ws,[["__scopeId","data-v-b88480c1"]]),Js=m({__name:"VPHomeHero",setup(s){const{frontmatter:e}=P();return(t,n)=>i(e).hero?(a(),$(Ys,{key:0,class:"VPHomeHero",name:i(e).hero.name,text:i(e).hero.text,tagline:i(e).hero.tagline,image:i(e).hero.image,actions:i(e).hero.actions},{"home-hero-info":v(()=>[u(t.$slots,"home-hero-info")]),"home-hero-image":v(()=>[u(t.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):f("",!0)}}),Xs={},Zs={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Qs=c("path",{d:"M19.9,12.4c0.1-0.2,0.1-0.5,0-0.8c-0.1-0.1-0.1-0.2-0.2-0.3l-7-7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3H5c-0.6,0-1,0.4-1,1s0.4,1,1,1h11.6l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l7-7C19.8,12.6,19.9,12.5,19.9,12.4z"},null,-1),en=[Qs];function tn(s,e){return a(),l("svg",Zs,en)}const sn=g(Xs,[["render",tn]]),nn={class:"box"},on={key:0,class:"icon"},an=["innerHTML"],rn=["innerHTML"],ln=["innerHTML"],cn={key:4,class:"link-text"},un={class:"link-text-value"},dn=m({__name:"VPFeature",props:{icon:{},title:{},details:{},link:{},linkText:{},rel:{},target:{}},setup(s){return(e,t)=>(a(),$(O,{class:"VPFeature",href:e.link,rel:e.rel,target:e.target,"no-icon":!0,tag:e.link?"a":"div"},{default:v(()=>[c("article",nn,[typeof e.icon=="object"&&e.icon.wrap?(a(),l("div",on,[h(te,{image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])])):typeof e.icon=="object"?(a(),$(te,{key:1,image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])):e.icon?(a(),l("div",{key:2,class:"icon",innerHTML:e.icon},null,8,an)):f("",!0),c("h2",{class:"title",innerHTML:e.title},null,8,rn),e.details?(a(),l("p",{key:3,class:"details",innerHTML:e.details},null,8,ln)):f("",!0),e.linkText?(a(),l("div",cn,[c("p",un,[H(V(e.linkText)+" ",1),h(sn,{class:"link-text-icon"})])])):f("",!0)])]),_:1},8,["href","rel","target","tag"]))}});const _n=g(dn,[["__scopeId","data-v-ec7504fd"]]),vn={key:0,class:"VPFeatures"},pn={class:"container"},hn={class:"items"},fn=m({__name:"VPFeatures",props:{features:{}},setup(s){const e=s,t=y(()=>{const n=e.features.length;if(n){if(n===2)return"grid-2";if(n===3)return"grid-3";if(n%3===0)return"grid-6";if(n>3)return"grid-4"}else return});return(n,o)=>n.features?(a(),l("div",vn,[c("div",pn,[c("div",hn,[(a(!0),l(M,null,B(n.features,r=>(a(),l("div",{key:r.title,class:C(["item",[t.value]])},[h(_n,{icon:r.icon,title:r.title,details:r.details,link:r.link,"link-text":r.linkText,rel:r.rel,target:r.target},null,8,["icon","title","details","link","link-text","rel","target"])],2))),128))])])])):f("",!0)}});const mn=g(fn,[["__scopeId","data-v-4746fcfd"]]),gn=m({__name:"VPHomeFeatures",setup(s){const{frontmatter:e}=P();return(t,n)=>i(e).features?(a(),$(mn,{key:0,class:"VPHomeFeatures",features:i(e).features},null,8,["features"])):f("",!0)}}),bn={class:"VPHome"},$n=m({__name:"VPHome",setup(s){return(e,t)=>{const n=j("Content");return a(),l("div",bn,[u(e.$slots,"home-hero-before",{},void 0,!0),h(Js,null,{"home-hero-info":v(()=>[u(e.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-image":v(()=>[u(e.$slots,"home-hero-image",{},void 0,!0)]),_:3}),u(e.$slots,"home-hero-after",{},void 0,!0),u(e.$slots,"home-features-before",{},void 0,!0),h(gn),u(e.$slots,"home-features-after",{},void 0,!0),h(n)])}}});const kn=g($n,[["__scopeId","data-v-f599c3dc"]]),yn={},Pn={class:"VPPage"};function Vn(s,e){const t=j("Content");return a(),l("div",Pn,[u(s.$slots,"page-top"),h(t),u(s.$slots,"page-bottom")])}const wn=g(yn,[["render",Vn]]),Sn=m({__name:"VPContent",setup(s){const{page:e,frontmatter:t}=P(),{hasSidebar:n}=D();return(o,r)=>(a(),l("div",{class:C(["VPContent",{"has-sidebar":i(n),"is-home":i(t).layout==="home"}]),id:"VPContent"},[i(e).isNotFound?u(o.$slots,"not-found",{key:0},()=>[h(vt)],!0):i(t).layout==="page"?(a(),$(wn,{key:1},{"page-top":v(()=>[u(o.$slots,"page-top",{},void 0,!0)]),"page-bottom":v(()=>[u(o.$slots,"page-bottom",{},void 0,!0)]),_:3})):i(t).layout==="home"?(a(),$(kn,{key:2},{"home-hero-before":v(()=>[u(o.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info":v(()=>[u(o.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-image":v(()=>[u(o.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":v(()=>[u(o.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":v(()=>[u(o.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":v(()=>[u(o.$slots,"home-features-after",{},void 0,!0)]),_:3})):i(t).layout&&i(t).layout!=="doc"?(a(),$(G(i(t).layout),{key:3})):(a(),$(Ts,{key:4},{"doc-top":v(()=>[u(o.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":v(()=>[u(o.$slots,"doc-bottom",{},void 0,!0)]),"doc-footer-before":v(()=>[u(o.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":v(()=>[u(o.$slots,"doc-before",{},void 0,!0)]),"doc-after":v(()=>[u(o.$slots,"doc-after",{},void 0,!0)]),"aside-top":v(()=>[u(o.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":v(()=>[u(o.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[u(o.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[u(o.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[u(o.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":v(()=>[u(o.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}});const Ln=g(Sn,[["__scopeId","data-v-7787f055"]]),Mn={class:"container"},Cn=["innerHTML"],Nn=["innerHTML"],In=m({__name:"VPFooter",setup(s){const{theme:e,frontmatter:t}=P(),{hasSidebar:n}=D();return(o,r)=>i(e).footer&&i(t).footer!==!1?(a(),l("footer",{key:0,class:C(["VPFooter",{"has-sidebar":i(n)}])},[c("div",Mn,[i(e).footer.message?(a(),l("p",{key:0,class:"message",innerHTML:i(e).footer.message},null,8,Cn)):f("",!0),i(e).footer.copyright?(a(),l("p",{key:1,class:"copyright",innerHTML:i(e).footer.copyright},null,8,Nn)):f("",!0)])],2)):f("",!0)}});const Tn=g(In,[["__scopeId","data-v-855b7db4"]]),Bn={class:"header"},An={class:"outline"},Hn=m({__name:"VPLocalNavOutlineDropdown",props:{headers:{},navHeight:{}},setup(s){const e=s,{theme:t}=P(),n=L(!1),o=L(0),r=L();W(()=>{n.value=!1});function d(){n.value=!n.value,o.value=window.innerHeight+Math.min(window.scrollY-e.navHeight,0)}function p(k){k.target.classList.contains("outline-link")&&(r.value&&(r.value.style.transition="none"),Ue(()=>{n.value=!1}))}function _(){n.value=!1,window.scrollTo({top:0,left:0,behavior:"smooth"})}return(k,N)=>(a(),l("div",{class:"VPLocalNavOutlineDropdown",style:Ge({"--vp-vh":o.value+"px"})},[k.headers.length>0?(a(),l("button",{key:0,onClick:d,class:C({open:n.value})},[H(V(i(ve)(i(t)))+" ",1),h(fe,{class:"icon"})],2)):(a(),l("button",{key:1,onClick:_},V(i(t).returnToTopLabel||"Return to top"),1)),h(ue,{name:"flyout"},{default:v(()=>[n.value?(a(),l("div",{key:0,ref_key:"items",ref:r,class:"items",onClick:p},[c("div",Bn,[c("a",{class:"top-link",href:"#",onClick:_},V(i(t).returnToTopLabel||"Return to top"),1)]),c("div",An,[h(he,{headers:k.headers},null,8,["headers"])])],512)):f("",!0)]),_:1})],4))}});const xn=g(Hn,[["__scopeId","data-v-55e6f1d6"]]),zn={},En={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Dn=c("path",{d:"M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z"},null,-1),Fn=c("path",{d:"M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z"},null,-1),On=c("path",{d:"M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z"},null,-1),Gn=c("path",{d:"M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z"},null,-1),Un=[Dn,Fn,On,Gn];function Rn(s,e){return a(),l("svg",En,Un)}const jn=g(zn,[["render",Rn]]),qn=["aria-expanded"],Kn={class:"menu-text"},Wn=m({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(s){const{theme:e,frontmatter:t}=P(),{hasSidebar:n}=D(),{y:o}=Le(),r=_e([]),d=L(0);F(()=>{d.value=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--vp-nav-height"))}),W(()=>{r.value=pe(t.value.outline??e.value.outline)});const p=y(()=>r.value.length===0&&!n.value),_=y(()=>({VPLocalNav:!0,fixed:p.value,"reached-top":o.value>=d.value}));return(k,N)=>i(t).layout!=="home"&&(!p.value||i(o)>=d.value)?(a(),l("div",{key:0,class:C(_.value)},[i(n)?(a(),l("button",{key:0,class:"menu","aria-expanded":k.open,"aria-controls":"VPSidebarNav",onClick:N[0]||(N[0]=T=>k.$emit("open-menu"))},[h(jn,{class:"menu-icon"}),c("span",Kn,V(i(e).sidebarMenuLabel||"Menu"),1)],8,qn)):f("",!0),h(xn,{headers:r.value,navHeight:d.value},null,8,["headers","navHeight"])],2)):f("",!0)}});const Yn=g(Wn,[["__scopeId","data-v-6e4e13c1"]]);function Jn(){const s=L(!1);function e(){s.value=!0,window.addEventListener("resize",o)}function t(){s.value=!1,window.removeEventListener("resize",o)}function n(){s.value?t():e()}function o(){window.outerWidth>=768&&t()}const r=ne();return R(()=>r.path,t),{isScreenOpen:s,openScreen:e,closeScreen:t,toggleScreen:n}}const Xn={},Zn={class:"VPSwitch",type:"button",role:"switch"},Qn={class:"check"},eo={key:0,class:"icon"};function to(s,e){return a(),l("button",Zn,[c("span",Qn,[s.$slots.default?(a(),l("span",eo,[u(s.$slots,"default",{},void 0,!0)])):f("",!0)])])}const so=g(Xn,[["render",to],["__scopeId","data-v-ad8fa6cf"]]),no={},oo={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},ao=c("path",{d:"M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"},null,-1),ro=[ao];function io(s,e){return a(),l("svg",oo,ro)}const lo=g(no,[["render",io]]),co={},uo={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},_o=Re('',9),vo=[_o];function po(s,e){return a(),l("svg",uo,vo)}const ho=g(co,[["render",po]]),fo=m({__name:"VPSwitchAppearance",setup(s){const{isDark:e}=P(),t=oe("toggle-appearance",()=>{e.value=!e.value});return(n,o)=>(a(),$(so,{title:"toggle dark mode",class:"VPSwitchAppearance","aria-checked":i(e),onClick:i(t)},{default:v(()=>[h(ho,{class:"sun"}),h(lo,{class:"moon"})]),_:1},8,["aria-checked","onClick"]))}});const me=g(fo,[["__scopeId","data-v-f31c77b6"]]),mo={key:0,class:"VPNavBarAppearance"},go=m({__name:"VPNavBarAppearance",setup(s){const{site:e}=P();return(t,n)=>i(e).appearance&&i(e).appearance!=="force-dark"?(a(),l("div",mo,[h(me)])):f("",!0)}});const bo=g(go,[["__scopeId","data-v-82003167"]]),ge=L();let Be=!1,re=0;function $o(s){const e=L(!1);if(q){!Be&&ko(),re++;const t=R(ge,n=>{var o,r,d;n===s.el.value||(o=s.el.value)!=null&&o.contains(n)?(e.value=!0,(r=s.onFocus)==null||r.call(s)):(e.value=!1,(d=s.onBlur)==null||d.call(s))});J(()=>{t(),re--,re||yo()})}return je(e)}function ko(){document.addEventListener("focusin",Ae),Be=!0,ge.value=document.activeElement}function yo(){document.removeEventListener("focusin",Ae)}function Ae(){ge.value=document.activeElement}const Po={},Vo={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},wo=c("path",{d:"M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"},null,-1),So=[wo];function Lo(s,e){return a(),l("svg",Vo,So)}const He=g(Po,[["render",Lo]]),Mo={},Co={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},No=c("circle",{cx:"12",cy:"12",r:"2"},null,-1),Io=c("circle",{cx:"19",cy:"12",r:"2"},null,-1),To=c("circle",{cx:"5",cy:"12",r:"2"},null,-1),Bo=[No,Io,To];function Ao(s,e){return a(),l("svg",Co,Bo)}const Ho=g(Mo,[["render",Ao]]),xo={class:"VPMenuLink"},zo=m({__name:"VPMenuLink",props:{item:{}},setup(s){const{page:e}=P();return(t,n)=>(a(),l("div",xo,[h(O,{class:C({active:i(U)(i(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel},{default:v(()=>[H(V(t.item.text),1)]),_:1},8,["class","href","target","rel"])]))}});const ae=g(zo,[["__scopeId","data-v-df1d8bd6"]]),Eo={class:"VPMenuGroup"},Do={key:0,class:"title"},Fo=m({__name:"VPMenuGroup",props:{text:{},items:{}},setup(s){return(e,t)=>(a(),l("div",Eo,[e.text?(a(),l("p",Do,V(e.text),1)):f("",!0),(a(!0),l(M,null,B(e.items,n=>(a(),l(M,null,["link"in n?(a(),$(ae,{key:0,item:n},null,8,["item"])):f("",!0)],64))),256))]))}});const Oo=g(Fo,[["__scopeId","data-v-bdc27f57"]]),Go={class:"VPMenu"},Uo={key:0,class:"items"},Ro=m({__name:"VPMenu",props:{items:{}},setup(s){return(e,t)=>(a(),l("div",Go,[e.items?(a(),l("div",Uo,[(a(!0),l(M,null,B(e.items,n=>(a(),l(M,{key:n.text},["link"in n?(a(),$(ae,{key:0,item:n},null,8,["item"])):(a(),$(Oo,{key:1,text:n.text,items:n.items},null,8,["text","items"]))],64))),128))])):f("",!0),u(e.$slots,"default",{},void 0,!0)]))}});const jo=g(Ro,[["__scopeId","data-v-3795579e"]]),qo=["aria-expanded","aria-label"],Ko={key:0,class:"text"},Wo=["innerHTML"],Yo={class:"menu"},Jo=m({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(s){const e=L(!1),t=L();$o({el:t,onBlur:n});function n(){e.value=!1}return(o,r)=>(a(),l("div",{class:"VPFlyout",ref_key:"el",ref:t,onMouseenter:r[1]||(r[1]=d=>e.value=!0),onMouseleave:r[2]||(r[2]=d=>e.value=!1)},[c("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":e.value,"aria-label":o.label,onClick:r[0]||(r[0]=d=>e.value=!e.value)},[o.button||o.icon?(a(),l("span",Ko,[o.icon?(a(),$(G(o.icon),{key:0,class:"option-icon"})):f("",!0),o.button?(a(),l("span",{key:1,innerHTML:o.button},null,8,Wo)):f("",!0),h(He,{class:"text-icon"})])):(a(),$(Ho,{key:1,class:"icon"}))],8,qo),c("div",Yo,[h(jo,{items:o.items},{default:v(()=>[u(o.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}});const be=g(Jo,[["__scopeId","data-v-419e6f76"]]),Xo={discord:'Discord',facebook:'Facebook',github:'GitHub',instagram:'Instagram',linkedin:'LinkedIn',mastodon:'Mastodon',slack:'Slack',twitter:'Twitter',x:'X',youtube:'YouTube'},Zo=["href","aria-label","innerHTML"],Qo=m({__name:"VPSocialLink",props:{icon:{},link:{},ariaLabel:{}},setup(s){const e=s,t=y(()=>typeof e.icon=="object"?e.icon.svg:Xo[e.icon]);return(n,o)=>(a(),l("a",{class:"VPSocialLink no-icon",href:n.link,"aria-label":n.ariaLabel??(typeof n.icon=="string"?n.icon:""),target:"_blank",rel:"noopener",innerHTML:t.value},null,8,Zo))}});const ea=g(Qo,[["__scopeId","data-v-d53a05fb"]]),ta={class:"VPSocialLinks"},sa=m({__name:"VPSocialLinks",props:{links:{}},setup(s){return(e,t)=>(a(),l("div",ta,[(a(!0),l(M,null,B(e.links,({link:n,icon:o,ariaLabel:r})=>(a(),$(ea,{key:n,icon:o,link:n,ariaLabel:r},null,8,["icon","link","ariaLabel"]))),128))]))}});const $e=g(sa,[["__scopeId","data-v-aea42604"]]),na={key:0,class:"group translations"},oa={class:"trans-title"},aa={key:1,class:"group"},ra={class:"item appearance"},ia={class:"label"},la={class:"appearance-action"},ca={key:2,class:"group"},ua={class:"item social-links"},da=m({__name:"VPNavBarExtra",setup(s){const{site:e,theme:t}=P(),{localeLinks:n,currentLang:o}=X({correspondingLink:!0}),r=y(()=>n.value.length&&o.value.label||e.value.appearance||t.value.socialLinks);return(d,p)=>r.value?(a(),$(be,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:v(()=>[i(n).length&&i(o).label?(a(),l("div",na,[c("p",oa,V(i(o).label),1),(a(!0),l(M,null,B(i(n),_=>(a(),$(ae,{key:_.link,item:_},null,8,["item"]))),128))])):f("",!0),i(e).appearance?(a(),l("div",aa,[c("div",ra,[c("p",ia,V(i(t).darkModeSwitchLabel||"Appearance"),1),c("div",la,[h(me)])])])):f("",!0),i(t).socialLinks?(a(),l("div",ca,[c("div",ua,[h($e,{class:"social-links-list",links:i(t).socialLinks},null,8,["links"])])])):f("",!0)]),_:1})):f("",!0)}});const _a=g(da,[["__scopeId","data-v-edb32f2a"]]),va=s=>(z("data-v-305e35d4"),s=s(),E(),s),pa=["aria-expanded"],ha=va(()=>c("span",{class:"container"},[c("span",{class:"top"}),c("span",{class:"middle"}),c("span",{class:"bottom"})],-1)),fa=[ha],ma=m({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(s){return(e,t)=>(a(),l("button",{type:"button",class:C(["VPNavBarHamburger",{active:e.active}]),"aria-label":"mobile navigation","aria-expanded":e.active,"aria-controls":"VPNavScreen",onClick:t[0]||(t[0]=n=>e.$emit("click"))},fa,10,pa))}});const ga=g(ma,[["__scopeId","data-v-305e35d4"]]),ba=["innerHTML"],$a=m({__name:"VPNavBarMenuLink",props:{item:{}},setup(s){const{page:e}=P();return(t,n)=>(a(),$(O,{class:C({VPNavBarMenuLink:!0,active:i(U)(i(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel,tabindex:"0"},{default:v(()=>[c("span",{innerHTML:t.item.text},null,8,ba)]),_:1},8,["class","href","target","rel"]))}});const ka=g($a,[["__scopeId","data-v-0eb8cc79"]]),ya=m({__name:"VPNavBarMenuGroup",props:{item:{}},setup(s){const e=s,{page:t}=P(),n=r=>"link"in r?U(t.value.relativePath,r.link,!!e.item.activeMatch):r.items.some(n),o=y(()=>n(e.item));return(r,d)=>(a(),$(be,{class:C({VPNavBarMenuGroup:!0,active:i(U)(i(t).relativePath,r.item.activeMatch,!!r.item.activeMatch)||o.value}),button:r.item.text,items:r.item.items},null,8,["class","button","items"]))}}),Pa=s=>(z("data-v-368cfbc9"),s=s(),E(),s),Va={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},wa=Pa(()=>c("span",{id:"main-nav-aria-label",class:"visually-hidden"},"Main Navigation",-1)),Sa=m({__name:"VPNavBarMenu",setup(s){const{theme:e}=P();return(t,n)=>i(e).nav?(a(),l("nav",Va,[wa,(a(!0),l(M,null,B(i(e).nav,o=>(a(),l(M,{key:o.text},["link"in o?(a(),$(ka,{key:0,item:o},null,8,["item"])):(a(),$(ya,{key:1,item:o},null,8,["item"]))],64))),128))])):f("",!0)}});const La=g(Sa,[["__scopeId","data-v-368cfbc9"]]);const Ma={type:"button",class:"DocSearch DocSearch-Button","aria-label":"Search"},Ca={class:"DocSearch-Button-Container"},Na=c("svg",{class:"DocSearch-Search-Icon",width:"20",height:"20",viewBox:"0 0 20 20","aria-label":"search icon"},[c("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none","fill-rule":"evenodd","stroke-linecap":"round","stroke-linejoin":"round"})],-1),Ia={class:"DocSearch-Button-Placeholder"},Ta=c("span",{class:"DocSearch-Button-Keys"},[c("kbd",{class:"DocSearch-Button-Key"}),c("kbd",{class:"DocSearch-Button-Key"},"K")],-1),Ve=m({__name:"VPNavBarSearchButton",props:{placeholder:{}},setup(s){return(e,t)=>(a(),l("button",Ma,[c("span",Ca,[Na,c("span",Ia,V(e.placeholder),1)]),Ta]))}});const Ba={class:"VPNavBarSearch"},Aa={id:"local-search"},Ha={key:1,id:"docsearch"},xa=m({__name:"VPNavBarSearch",setup(s){const e=()=>null,t=qe(()=>Ke(()=>import("./VPAlgoliaSearchBox.a4c0242a.js"),["assets/chunks/VPAlgoliaSearchBox.a4c0242a.js","assets/chunks/framework.b7580407.js"])),{theme:n,localeIndex:o}=P(),r=L(!1),d=L(!1),p=y(()=>{var S,b,x,Z,K,ke,ye;const w=((S=n.value.search)==null?void 0:S.options)??n.value.algolia;return((K=(Z=(x=(b=w==null?void 0:w.locales)==null?void 0:b[o.value])==null?void 0:x.translations)==null?void 0:Z.button)==null?void 0:K.buttonText)||((ye=(ke=w==null?void 0:w.translations)==null?void 0:ke.button)==null?void 0:ye.buttonText)||"Search"}),_=()=>{const w="VPAlgoliaPreconnect";(window.requestIdleCallback||setTimeout)(()=>{var x;const b=document.createElement("link");b.id=w,b.rel="preconnect",b.href=`https://${(((x=n.value.search)==null?void 0:x.options)??n.value.algolia).appId}-dsn.algolia.net`,b.crossOrigin="",document.head.appendChild(b)})};F(()=>{_();const w=b=>{(b.key.toLowerCase()==="k"&&(b.metaKey||b.ctrlKey)||!T(b)&&b.key==="/")&&(b.preventDefault(),k(),S())},S=()=>{window.removeEventListener("keydown",w)};window.addEventListener("keydown",w),J(S)});function k(){r.value||(r.value=!0,setTimeout(N,16))}function N(){const w=new Event("keydown");w.key="k",w.metaKey=!0,window.dispatchEvent(w),setTimeout(()=>{document.querySelector(".DocSearch-Modal")||N()},16)}function T(w){const S=w.target,b=S.tagName;return S.isContentEditable||b==="INPUT"||b==="SELECT"||b==="TEXTAREA"}const A=L(!1),I="algolia";return(w,S)=>{var b;return a(),l("div",Ba,[i(I)==="local"?(a(),l(M,{key:0},[A.value?(a(),$(i(e),{key:0,placeholder:p.value,onClose:S[0]||(S[0]=x=>A.value=!1)},null,8,["placeholder"])):f("",!0),c("div",Aa,[h(Ve,{placeholder:p.value,onClick:S[1]||(S[1]=x=>A.value=!0)},null,8,["placeholder"])])],64)):i(I)==="algolia"?(a(),l(M,{key:1},[r.value?(a(),$(i(t),{key:0,algolia:((b=i(n).search)==null?void 0:b.options)??i(n).algolia,onVnodeBeforeMount:S[2]||(S[2]=x=>d.value=!0)},null,8,["algolia"])):f("",!0),d.value?f("",!0):(a(),l("div",Ha,[h(Ve,{placeholder:p.value,onClick:k},null,8,["placeholder"])]))],64)):f("",!0)])}}});const za=m({__name:"VPNavBarSocialLinks",setup(s){const{theme:e}=P();return(t,n)=>i(e).socialLinks?(a(),$($e,{key:0,class:"VPNavBarSocialLinks",links:i(e).socialLinks},null,8,["links"])):f("",!0)}});const Ea=g(za,[["__scopeId","data-v-3c6c0985"]]),Da=["href"],Fa=m({__name:"VPNavBarTitle",setup(s){const{site:e,theme:t}=P(),{hasSidebar:n}=D(),{currentLang:o}=X();return(r,d)=>(a(),l("div",{class:C(["VPNavBarTitle",{"has-sidebar":i(n)}])},[c("a",{class:"title",href:i(t).logoLink??i(Y)(i(o).link)},[u(r.$slots,"nav-bar-title-before",{},void 0,!0),i(t).logo?(a(),$(te,{key:0,class:"logo",image:i(t).logo},null,8,["image"])):f("",!0),i(t).siteTitle?(a(),l(M,{key:1},[H(V(i(t).siteTitle),1)],64)):i(t).siteTitle===void 0?(a(),l(M,{key:2},[H(V(i(e).title),1)],64)):f("",!0),u(r.$slots,"nav-bar-title-after",{},void 0,!0)],8,Da)],2))}});const Oa=g(Fa,[["__scopeId","data-v-d919d4a8"]]),Ga={},Ua={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Ra=c("path",{d:"M0 0h24v24H0z",fill:"none"},null,-1),ja=c("path",{d:" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z ",class:"css-c4d79v"},null,-1),qa=[Ra,ja];function Ka(s,e){return a(),l("svg",Ua,qa)}const xe=g(Ga,[["render",Ka]]),Wa={class:"items"},Ya={class:"title"},Ja=m({__name:"VPNavBarTranslations",setup(s){const{theme:e}=P(),{localeLinks:t,currentLang:n}=X({correspondingLink:!0});return(o,r)=>i(t).length&&i(n).label?(a(),$(be,{key:0,class:"VPNavBarTranslations",icon:xe,label:i(e).langMenuLabel||"Change language"},{default:v(()=>[c("div",Wa,[c("p",Ya,V(i(n).label),1),(a(!0),l(M,null,B(i(t),d=>(a(),$(ae,{key:d.link,item:d},null,8,["item"]))),128))])]),_:1},8,["label"])):f("",!0)}});const Xa=g(Ja,[["__scopeId","data-v-780fc638"]]),Za=s=>(z("data-v-e4fc9f8b"),s=s(),E(),s),Qa={class:"container"},er={class:"title"},tr={class:"content"},sr=Za(()=>c("div",{class:"curtain"},null,-1)),nr={class:"content-body"},or=m({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(s){const{y:e}=Le(),{hasSidebar:t}=D(),{frontmatter:n}=P(),o=L({});return we(()=>{o.value={"has-sidebar":t.value,top:n.value.layout==="home"&&e.value===0}}),(r,d)=>(a(),l("div",{class:C(["VPNavBar",o.value])},[c("div",Qa,[c("div",er,[h(Oa,null,{"nav-bar-title-before":v(()=>[u(r.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[u(r.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3})]),c("div",tr,[sr,c("div",nr,[u(r.$slots,"nav-bar-content-before",{},void 0,!0),h(xa,{class:"search"}),h(La,{class:"menu"}),h(Xa,{class:"translations"}),h(bo,{class:"appearance"}),h(Ea,{class:"social-links"}),h(_a,{class:"extra"}),u(r.$slots,"nav-bar-content-after",{},void 0,!0),h(ga,{class:"hamburger",active:r.isScreenOpen,onClick:d[0]||(d[0]=p=>r.$emit("toggle-screen"))},null,8,["active"])])])])],2))}});const ar=g(or,[["__scopeId","data-v-e4fc9f8b"]]),rr={key:0,class:"VPNavScreenAppearance"},ir={class:"text"},lr=m({__name:"VPNavScreenAppearance",setup(s){const{site:e,theme:t}=P();return(n,o)=>i(e).appearance?(a(),l("div",rr,[c("p",ir,V(i(t).darkModeSwitchLabel||"Appearance"),1),h(me)])):f("",!0)}});const cr=g(lr,[["__scopeId","data-v-14d6533b"]]),ur=m({__name:"VPNavScreenMenuLink",props:{item:{}},setup(s){const e=oe("close-screen");return(t,n)=>(a(),$(O,{class:"VPNavScreenMenuLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:i(e)},{default:v(()=>[H(V(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}});const dr=g(ur,[["__scopeId","data-v-100771e7"]]),_r={},vr={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},pr=c("path",{d:"M18.9,10.9h-6v-6c0-0.6-0.4-1-1-1s-1,0.4-1,1v6h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6h6c0.6,0,1-0.4,1-1S19.5,10.9,18.9,10.9z"},null,-1),hr=[pr];function fr(s,e){return a(),l("svg",vr,hr)}const mr=g(_r,[["render",fr]]),gr=m({__name:"VPNavScreenMenuGroupLink",props:{item:{}},setup(s){const e=oe("close-screen");return(t,n)=>(a(),$(O,{class:"VPNavScreenMenuGroupLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:i(e)},{default:v(()=>[H(V(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}});const ze=g(gr,[["__scopeId","data-v-bb6df54f"]]),br={class:"VPNavScreenMenuGroupSection"},$r={key:0,class:"title"},kr=m({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(s){return(e,t)=>(a(),l("div",br,[e.text?(a(),l("p",$r,V(e.text),1)):f("",!0),(a(!0),l(M,null,B(e.items,n=>(a(),$(ze,{key:n.text,item:n},null,8,["item"]))),128))]))}});const yr=g(kr,[["__scopeId","data-v-c3cb64a0"]]),Pr=["aria-controls","aria-expanded"],Vr={class:"button-text"},wr=["id"],Sr={key:1,class:"group"},Lr=m({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(s){const e=s,t=L(!1),n=y(()=>`NavScreenGroup-${e.text.replace(" ","-").toLowerCase()}`);function o(){t.value=!t.value}return(r,d)=>(a(),l("div",{class:C(["VPNavScreenMenuGroup",{open:t.value}])},[c("button",{class:"button","aria-controls":n.value,"aria-expanded":t.value,onClick:o},[c("span",Vr,V(r.text),1),h(mr,{class:"button-icon"})],8,Pr),c("div",{id:n.value,class:"items"},[(a(!0),l(M,null,B(r.items,p=>(a(),l(M,{key:p.text},["link"in p?(a(),l("div",{key:p.text,class:"item"},[h(ze,{item:p},null,8,["item"])])):(a(),l("div",Sr,[h(yr,{text:p.text,items:p.items},null,8,["text","items"])]))],64))),128))],8,wr)],2))}});const Mr=g(Lr,[["__scopeId","data-v-ba0cbdca"]]),Cr={key:0,class:"VPNavScreenMenu"},Nr=m({__name:"VPNavScreenMenu",setup(s){const{theme:e}=P();return(t,n)=>i(e).nav?(a(),l("nav",Cr,[(a(!0),l(M,null,B(i(e).nav,o=>(a(),l(M,{key:o.text},["link"in o?(a(),$(dr,{key:0,item:o},null,8,["item"])):(a(),$(Mr,{key:1,text:o.text||"",items:o.items},null,8,["text","items"]))],64))),128))])):f("",!0)}}),Ir=m({__name:"VPNavScreenSocialLinks",setup(s){const{theme:e}=P();return(t,n)=>i(e).socialLinks?(a(),$($e,{key:0,class:"VPNavScreenSocialLinks",links:i(e).socialLinks},null,8,["links"])):f("",!0)}}),Tr={class:"list"},Br=m({__name:"VPNavScreenTranslations",setup(s){const{localeLinks:e,currentLang:t}=X({correspondingLink:!0}),n=L(!1);function o(){n.value=!n.value}return(r,d)=>i(e).length&&i(t).label?(a(),l("div",{key:0,class:C(["VPNavScreenTranslations",{open:n.value}])},[c("button",{class:"title",onClick:o},[h(xe,{class:"icon lang"}),H(" "+V(i(t).label)+" ",1),h(He,{class:"icon chevron"})]),c("ul",Tr,[(a(!0),l(M,null,B(i(e),p=>(a(),l("li",{key:p.link,class:"item"},[h(O,{class:"link",href:p.link},{default:v(()=>[H(V(p.text),1)]),_:2},1032,["href"])]))),128))])],2)):f("",!0)}});const Ar=g(Br,[["__scopeId","data-v-2a5206d0"]]),Hr={class:"container"},xr=m({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(s){const e=L(null),t=Me(q?document.body:null);return(n,o)=>(a(),$(ue,{name:"fade",onEnter:o[0]||(o[0]=r=>t.value=!0),onAfterLeave:o[1]||(o[1]=r=>t.value=!1)},{default:v(()=>[n.open?(a(),l("div",{key:0,class:"VPNavScreen",ref_key:"screen",ref:e,id:"VPNavScreen"},[c("div",Hr,[u(n.$slots,"nav-screen-content-before",{},void 0,!0),h(Nr,{class:"menu"}),h(Ar,{class:"translations"}),h(cr,{class:"appearance"}),h(Ir,{class:"social-links"}),u(n.$slots,"nav-screen-content-after",{},void 0,!0)])],512)):f("",!0)]),_:3}))}});const zr=g(xr,[["__scopeId","data-v-a794a04d"]]),Er={key:0,class:"VPNav"},Dr=m({__name:"VPNav",setup(s){const{isScreenOpen:e,closeScreen:t,toggleScreen:n}=Jn(),{frontmatter:o}=P(),r=y(()=>o.value.navbar!==!1);return Ce("close-screen",t),se(()=>{q&&document.documentElement.classList.toggle("hide-nav",!r.value)}),(d,p)=>r.value?(a(),l("header",Er,[h(ar,{"is-screen-open":i(e),onToggleScreen:i(n)},{"nav-bar-title-before":v(()=>[u(d.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[u(d.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":v(()=>[u(d.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":v(()=>[u(d.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),h(zr,{open:i(e)},{"nav-screen-content-before":v(()=>[u(d.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":v(()=>[u(d.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])])):f("",!0)}});const Fr=g(Dr,[["__scopeId","data-v-f92d2e4c"]]),Or=s=>(z("data-v-c543663c"),s=s(),E(),s),Gr=["role","tabindex"],Ur=Or(()=>c("div",{class:"indicator"},null,-1)),Rr=["onKeydown"],jr={key:1,class:"items"},qr=m({__name:"VPSidebarItem",props:{item:{},depth:{}},setup(s){const e=s,{collapsed:t,collapsible:n,isLink:o,isActiveLink:r,hasActiveLink:d,hasChildren:p,toggle:_}=mt(y(()=>e.item)),k=y(()=>p.value?"section":"div"),N=y(()=>o.value?"a":"div"),T=y(()=>p.value?e.depth+2===7?"p":`h${e.depth+2}`:"p"),A=y(()=>o.value?void 0:"button"),I=y(()=>[[`level-${e.depth}`],{collapsible:n.value},{collapsed:t.value},{"is-link":o.value},{"is-active":r.value},{"has-active":d.value}]);function w(b){"key"in b&&b.key!=="Enter"||!e.item.link&&_()}function S(){e.item.link&&_()}return(b,x)=>{const Z=j("VPSidebarItem",!0);return a(),$(G(k.value),{class:C(["VPSidebarItem",I.value])},{default:v(()=>[b.item.text?(a(),l("div",Q({key:0,class:"item",role:A.value},We(b.item.items?{click:w,keydown:w}:{},!0),{tabindex:b.item.items&&0}),[Ur,b.item.link?(a(),$(O,{key:0,tag:N.value,class:"link",href:b.item.link,rel:b.item.rel,target:b.item.target},{default:v(()=>[(a(),$(G(T.value),{class:"text",innerHTML:b.item.text},null,8,["innerHTML"]))]),_:1},8,["tag","href","rel","target"])):(a(),$(G(T.value),{key:1,class:"text",innerHTML:b.item.text},null,8,["innerHTML"])),b.item.collapsed!=null?(a(),l("div",{key:2,class:"caret",role:"button","aria-label":"toggle section",onClick:S,onKeydown:Ye(S,["enter"]),tabindex:"0"},[h(fe,{class:"caret-icon"})],40,Rr)):f("",!0)],16,Gr)):f("",!0),b.item.items&&b.item.items.length?(a(),l("div",jr,[b.depth<5?(a(!0),l(M,{key:0},B(b.item.items,K=>(a(),$(Z,{key:K.text,item:K,depth:b.depth+1},null,8,["item","depth"]))),128)):f("",!0)])):f("",!0)]),_:1},8,["class"])}}});const Kr=g(qr,[["__scopeId","data-v-c543663c"]]),Ee=s=>(z("data-v-9b5436d7"),s=s(),E(),s),Wr=Ee(()=>c("div",{class:"curtain"},null,-1)),Yr={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},Jr=Ee(()=>c("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),Xr=m({__name:"VPSidebar",props:{open:{type:Boolean}},setup(s){const e=s,{sidebarGroups:t,hasSidebar:n}=D(),o=L(null),r=Me(q?document.body:null);return R([e,o],()=>{var d;e.open?(r.value=!0,(d=o.value)==null||d.focus()):r.value=!1},{immediate:!0,flush:"post"}),(d,p)=>i(n)?(a(),l("aside",{key:0,class:C(["VPSidebar",{open:d.open}]),ref_key:"navEl",ref:o,onClick:p[0]||(p[0]=Je(()=>{},["stop"]))},[Wr,c("nav",Yr,[Jr,u(d.$slots,"sidebar-nav-before",{},void 0,!0),(a(!0),l(M,null,B(i(t),_=>(a(),l("div",{key:_.text,class:"group"},[h(Kr,{item:_,depth:0},null,8,["item"])]))),128)),u(d.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):f("",!0)}});const Zr=g(Xr,[["__scopeId","data-v-9b5436d7"]]),Qr=m({__name:"VPSkipLink",setup(s){const e=ne(),t=L();R(()=>e.path,()=>t.value.focus());function n({target:o}){const r=document.getElementById(decodeURIComponent(o.hash).slice(1));if(r){const d=()=>{r.removeAttribute("tabindex"),r.removeEventListener("blur",d)};r.setAttribute("tabindex","-1"),r.addEventListener("blur",d),r.focus(),window.scrollTo(0,0)}}return(o,r)=>(a(),l(M,null,[c("span",{ref_key:"backToTop",ref:t,tabindex:"-1"},null,512),c("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:n}," Skip to content ")],64))}});const ei=g(Qr,[["__scopeId","data-v-197f0fa6"]]),ti=m({__name:"Layout",setup(s){const{isOpen:e,open:t,close:n}=D(),o=ne();R(()=>o.path,n),ft(e,n);const{frontmatter:r}=P(),d=Xe(),p=y(()=>!!d["home-hero-image"]);return Ce("hero-image-slot-exists",p),(_,k)=>{const N=j("Content");return i(r).layout!==!1?(a(),l("div",{key:0,class:C(["Layout",i(r).pageClass])},[u(_.$slots,"layout-top",{},void 0,!0),h(ei),h(st,{class:"backdrop",show:i(e),onClick:i(n)},null,8,["show","onClick"]),h(Fr,null,{"nav-bar-title-before":v(()=>[u(_.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[u(_.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":v(()=>[u(_.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":v(()=>[u(_.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":v(()=>[u(_.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":v(()=>[u(_.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),h(Yn,{open:i(e),onOpenMenu:i(t)},null,8,["open","onOpenMenu"]),h(Zr,{open:i(e)},{"sidebar-nav-before":v(()=>[u(_.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":v(()=>[u(_.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),h(Ln,null,{"page-top":v(()=>[u(_.$slots,"page-top",{},void 0,!0)]),"page-bottom":v(()=>[u(_.$slots,"page-bottom",{},void 0,!0)]),"not-found":v(()=>[u(_.$slots,"not-found",{},void 0,!0)]),"home-hero-before":v(()=>[u(_.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info":v(()=>[u(_.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-image":v(()=>[u(_.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":v(()=>[u(_.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":v(()=>[u(_.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":v(()=>[u(_.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":v(()=>[u(_.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":v(()=>[u(_.$slots,"doc-before",{},void 0,!0)]),"doc-after":v(()=>[u(_.$slots,"doc-after",{},void 0,!0)]),"doc-top":v(()=>[u(_.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":v(()=>[u(_.$slots,"doc-bottom",{},void 0,!0)]),"aside-top":v(()=>[u(_.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":v(()=>[u(_.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":v(()=>[u(_.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[u(_.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[u(_.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[u(_.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),h(Tn),u(_.$slots,"layout-bottom",{},void 0,!0)],2)):(a(),$(N,{key:1}))}}});const si=g(ti,[["__scopeId","data-v-bb676018"]]),ni={xmini:[[0,2]],mini:[],small:[[920,6],[768,5],[640,4],[480,3],[0,2]],medium:[[960,5],[832,4],[640,3],[480,2]],big:[[832,3],[640,2]]};function oi({el:s,size:e="medium"}){const t=Ne(n,100);F(()=>{n(),window.addEventListener("resize",t)}),J(()=>{window.removeEventListener("resize",t)});function n(){ai(s.value,e)}}function ai(s,e){const t=s.children.length,n=s.querySelectorAll(".vp-sponsor-grid-item:not(.empty)").length,o=ri(s,e,n);li(s,o,t,n)}function ri(s,e,t){const n=ni[e],o=window.innerWidth;let r=1;return n.some(([d,p])=>{if(o>=d)return r=t0?ui(s,e):di(s,e*-1))}function ui(s,e){for(let t=0;t(a(),l("div",{class:C(["VPSponsorsGrid vp-sponsor-grid",[n.size]]),ref_key:"el",ref:t},[(a(!0),l(M,null,B(n.data,r=>(a(),l("div",{key:r.name,class:"vp-sponsor-grid-item"},[c("a",{class:"vp-sponsor-grid-link",href:r.url,target:"_blank",rel:"sponsored noopener"},[c("article",vi,[c("h4",pi,V(r.name),1),c("img",{class:"vp-sponsor-grid-image",src:r.img,alt:r.name},null,8,hi)])],8,_i)]))),128))],2))}}),mi={key:0,class:"vp-sponsor-tier"},gi=m({__name:"VPSponsors",props:{mode:{default:"normal"},tier:{},size:{},data:{}},setup(s){const e=s,t=y(()=>e.data.some(o=>"items"in o)?e.data:[{tier:e.tier,size:e.size,items:e.data}]);return(n,o)=>(a(),l("div",{class:C(["VPSponsors vp-sponsor",[n.mode]])},[(a(!0),l(M,null,B(t.value,(r,d)=>(a(),l("section",{key:d,class:"vp-sponsor-section"},[r.tier?(a(),l("h3",mi,V(r.tier),1)):f("",!0),h(fi,{size:r.size,data:r.items},null,8,["size","data"])]))),128))],2))}});const bi={class:"VPDocAsideSponsors"},ki=m({__name:"VPDocAsideSponsors",props:{tier:{},size:{},data:{}},setup(s){return(e,t)=>(a(),l("div",bi,[h(gi,{mode:"aside",tier:e.tier,size:e.size,data:e.data},null,8,["tier","size","data"])]))}});const yi={Layout:si,enhanceApp:({app:s})=>{s.component("Badge",Qe)}};export{ki as _,yi as t,P as u};
+import{d as m,o as a,c as l,r as u,n as C,a as H,t as V,_ as g,b as $,w as v,e as f,T as ue,u as De,i as Fe,f as de,g as y,h as L,j as F,k as c,l as i,p as z,m as E,q as U,s as q,v as ie,x as R,y as se,z as J,A as we,B as Oe,C as j,F as M,D as B,E as _e,G as W,H as h,I as G,J as Se,K as ne,L as Q,M as oe,N as Ge,O as Ue,P as Le,Q as Re,R as je,S as qe,U as Ke,V as Me,W as Ce,X as We,Y as Ye,Z as Je,$ as Xe}from"./framework.b7580407.js";const Ze=m({__name:"VPBadge",props:{text:{},type:{default:"tip"}},setup(s){return(e,t)=>(a(),l("span",{class:C(["VPBadge",e.type])},[u(e.$slots,"default",{},()=>[H(V(e.text),1)],!0)],2))}});const Qe=g(Ze,[["__scopeId","data-v-04be89dc"]]),et={key:0,class:"VPBackdrop"},tt=m({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(s){return(e,t)=>(a(),$(ue,{name:"fade"},{default:v(()=>[e.show?(a(),l("div",et)):f("",!0)]),_:1}))}});const st=g(tt,[["__scopeId","data-v-5bbe8791"]]),P=De;function Ne(s,e){let t,n=!1;return()=>{t&&clearTimeout(t),n?t=setTimeout(s,e):(s(),(n=!0)&&setTimeout(()=>n=!1,e))}}function le(s){return/^\//.test(s)?s:`/${s}`}function Y(s){if(Fe(s))return s;const{site:e}=P(),{pathname:t,search:n,hash:o}=new URL(s,"http://a.com"),r=t.endsWith("/")||t.endsWith(".html")?s:s.replace(/(?:(^\.+)\/)?.*$/,`$1${t.replace(/(\.md)?$/,e.value.cleanUrls?"":".html")}${n}${o}`);return de(r)}function X({removeCurrent:s=!0,correspondingLink:e=!1}={}){const{site:t,localeIndex:n,page:o,theme:r}=P(),d=y(()=>{var _,k;return{label:(_=t.value.locales[n.value])==null?void 0:_.label,link:((k=t.value.locales[n.value])==null?void 0:k.link)||(n.value==="root"?"/":`/${n.value}/`)}});return{localeLinks:y(()=>Object.entries(t.value.locales).flatMap(([_,k])=>s&&d.value.label===k.label?[]:{text:k.label,link:nt(k.link||(_==="root"?"/":`/${_}/`),r.value.i18nRouting!==!1&&e,o.value.relativePath.slice(d.value.link.length-1),!t.value.cleanUrls)})),currentLang:d}}function nt(s,e,t,n){return e?s.replace(/\/$/,"")+le(t.replace(/(^|\/)index\.md$/,"$1").replace(/\.md$/,n?".html":"")):s}const ot=s=>(z("data-v-8a8c82b4"),s=s(),E(),s),at={class:"NotFound"},rt={class:"code"},it={class:"title"},lt=ot(()=>c("div",{class:"divider"},null,-1)),ct={class:"quote"},ut={class:"action"},dt=["href","aria-label"],_t=m({__name:"NotFound",setup(s){const{site:e,theme:t}=P(),{localeLinks:n}=X({removeCurrent:!1}),o=L("/");return F(()=>{var d;const r=window.location.pathname.replace(e.value.base,"").replace(/(^.*?\/).*$/,"/$1");n.value.length&&(o.value=((d=n.value.find(({link:p})=>p.startsWith(r)))==null?void 0:d.link)||n.value[0].link)}),(r,d)=>{var p,_,k,N,T;return a(),l("div",at,[c("p",rt,V(((p=i(t).notFound)==null?void 0:p.code)??"404"),1),c("h1",it,V(((_=i(t).notFound)==null?void 0:_.title)??"PAGE NOT FOUND"),1),lt,c("blockquote",ct,V(((k=i(t).notFound)==null?void 0:k.quote)??"But if you don't change your direction, and if you keep looking, you may end up where you are heading."),1),c("div",ut,[c("a",{class:"link",href:i(de)(o.value),"aria-label":((N=i(t).notFound)==null?void 0:N.linkLabel)??"go to home"},V(((T=i(t).notFound)==null?void 0:T.linkText)??"Take me home"),9,dt)])])}}});const vt=g(_t,[["__scopeId","data-v-8a8c82b4"]]);function Ie(s,e){if(Array.isArray(s))return ee(s);if(s==null)return[];e=le(e);const t=Object.keys(s).sort((o,r)=>r.split("/").length-o.split("/").length).find(o=>e.startsWith(le(o))),n=t?s[t]:[];return Array.isArray(n)?ee(n):ee(n.items,n.base)}function pt(s){const e=[];let t=0;for(const n in s){const o=s[n];if(o.items){t=e.push(o);continue}e[t]||e.push({items:[]}),e[t].items.push(o)}return e}function ht(s){const e=[];function t(n){for(const o of n)o.text&&o.link&&e.push({text:o.text,link:o.link,docFooterText:o.docFooterText}),o.items&&t(o.items)}return t(s),e}function ce(s,e){return Array.isArray(e)?e.some(t=>ce(s,t)):U(s,e.link)?!0:e.items?ce(s,e.items):!1}function ee(s,e){return[...s].map(t=>{const n={...t},o=n.base||e;return o&&n.link&&(n.link=o+n.link),n.items&&(n.items=ee(n.items,o)),n})}function D(){const{frontmatter:s,page:e,theme:t}=P(),n=ie("(min-width: 960px)"),o=L(!1),r=y(()=>{const S=t.value.sidebar,b=e.value.relativePath;return S?Ie(S,b):[]}),d=L(r.value);R(r,(S,b)=>{JSON.stringify(S)!==JSON.stringify(b)&&(d.value=r.value)});const p=y(()=>s.value.sidebar!==!1&&d.value.length>0&&s.value.layout!=="home"),_=y(()=>k?s.value.aside==null?t.value.aside==="left":s.value.aside==="left":!1),k=y(()=>s.value.layout==="home"?!1:s.value.aside!=null?!!s.value.aside:t.value.aside!==!1),N=y(()=>p.value&&n.value),T=y(()=>p.value?pt(d.value):[]);function A(){o.value=!0}function I(){o.value=!1}function w(){o.value?I():A()}return{isOpen:o,sidebar:d,sidebarGroups:T,hasSidebar:p,hasAside:k,leftAside:_,isSidebarEnabled:N,open:A,close:I,toggle:w}}function ft(s,e){let t;se(()=>{t=s.value?document.activeElement:void 0}),F(()=>{window.addEventListener("keyup",n)}),J(()=>{window.removeEventListener("keyup",n)});function n(o){o.key==="Escape"&&s.value&&(e(),t==null||t.focus())}}const Te=L(q?location.hash:"");q&&window.addEventListener("hashchange",()=>{Te.value=location.hash});function mt(s){const{page:e}=P(),t=L(!1),n=y(()=>s.value.collapsed!=null),o=y(()=>!!s.value.link),r=L(!1),d=()=>{r.value=U(e.value.relativePath,s.value.link)};R([e,s,Te],d),F(d);const p=y(()=>r.value?!0:s.value.items?ce(e.value.relativePath,s.value.items):!1),_=y(()=>!!(s.value.items&&s.value.items.length));se(()=>{t.value=!!(n.value&&s.value.collapsed)}),we(()=>{(r.value||p.value)&&(t.value=!1)});function k(){n.value&&(t.value=!t.value)}return{collapsed:t,collapsible:n,isLink:o,isActiveLink:r,hasActiveLink:p,hasChildren:_,toggle:k}}function gt(){const{hasSidebar:s}=D(),e=ie("(min-width: 960px)"),t=ie("(min-width: 1280px)");return{isAsideEnabled:y(()=>!t.value&&!e.value?!1:s.value?t.value:e.value)}}const bt=71;function ve(s){return typeof s.outline=="object"&&!Array.isArray(s.outline)&&s.outline.label||s.outlineTitle||"On this page"}function pe(s){const e=[...document.querySelectorAll(".VPDoc :where(h1,h2,h3,h4,h5,h6)")].filter(t=>t.id&&t.hasChildNodes()).map(t=>{const n=Number(t.tagName[1]);return{title:$t(t),link:"#"+t.id,level:n}});return kt(e,s)}function $t(s){let e="";for(const t of s.childNodes)if(t.nodeType===1){if(t.classList.contains("VPBadge")||t.classList.contains("header-anchor"))continue;e+=t.textContent}else t.nodeType===3&&(e+=t.textContent);return e.trim()}function kt(s,e){if(e===!1)return[];const t=(typeof e=="object"&&!Array.isArray(e)?e.level:e)||2,[n,o]=typeof t=="number"?[t,t]:t==="deep"?[2,6]:t;s=s.filter(d=>d.level>=n&&d.level<=o);const r=[];e:for(let d=0;d=0;_--){const k=s[_];if(k.level{requestAnimationFrame(r),window.addEventListener("scroll",n)}),Oe(()=>{d(location.hash)}),J(()=>{window.removeEventListener("scroll",n)});function r(){if(!t.value)return;const p=[].slice.call(s.value.querySelectorAll(".outline-link")),_=[].slice.call(document.querySelectorAll(".content .header-anchor")).filter(I=>p.some(w=>w.hash===I.hash&&I.offsetParent!==null)),k=window.scrollY,N=window.innerHeight,T=document.body.offsetHeight,A=Math.abs(k+N-T)<1;if(_.length&&A){d(_[_.length-1].hash);return}for(let I=0;I<_.length;I++){const w=_[I],S=_[I+1],[b,x]=Pt(I,w,S);if(b){d(x);return}}}function d(p){o&&o.classList.remove("active"),p==null?o=null:o=s.value.querySelector(`a[href="${decodeURIComponent(p)}"]`);const _=o;_?(_.classList.add("active"),e.value.style.top=_.offsetTop+33+"px",e.value.style.opacity="1"):(e.value.style.top="33px",e.value.style.opacity="0")}}function Pe(s){return s.parentElement.offsetTop-bt}function Pt(s,e,t){const n=window.scrollY;return s===0&&n===0?[!0,null]:n{const o=j("VPDocOutlineItem",!0);return a(),l("ul",{class:C(t.root?"root":"nested")},[(a(!0),l(M,null,B(t.headers,({children:r,link:d,title:p})=>(a(),l("li",null,[c("a",{class:"outline-link",href:d,onClick:e,title:p},V(p),9,Vt),r!=null&&r.length?(a(),$(o,{key:0,headers:r},null,8,["headers"])):f("",!0)]))),256))],2)}}});const he=g(wt,[["__scopeId","data-v-29e3fa2f"]]),St=s=>(z("data-v-99fa007f"),s=s(),E(),s),Lt={class:"content"},Mt={class:"outline-title",role:"heading","aria-level":"2"},Ct={"aria-labelledby":"doc-outline-aria-label"},Nt=St(()=>c("span",{class:"visually-hidden",id:"doc-outline-aria-label"}," Table of Contents for current page ",-1)),It=m({__name:"VPDocAsideOutline",setup(s){const{frontmatter:e,theme:t}=P(),n=_e([]);W(()=>{n.value=pe(e.value.outline??t.value.outline)});const o=L(),r=L();return yt(o,r),(d,p)=>(a(),l("div",{class:C(["VPDocAsideOutline",{"has-outline":n.value.length>0}]),ref_key:"container",ref:o,role:"navigation"},[c("div",Lt,[c("div",{class:"outline-marker",ref_key:"marker",ref:r},null,512),c("div",Mt,V(i(ve)(i(t))),1),c("nav",Ct,[Nt,h(he,{headers:n.value,root:!0},null,8,["headers"])])])],2))}});const Tt=g(It,[["__scopeId","data-v-99fa007f"]]),Bt={class:"VPDocAsideCarbonAds"},At=m({__name:"VPDocAsideCarbonAds",props:{carbonAds:{}},setup(s){const e=()=>null;return(t,n)=>(a(),l("div",Bt,[h(i(e),{"carbon-ads":t.carbonAds},null,8,["carbon-ads"])]))}}),Ht=s=>(z("data-v-f5b3965e"),s=s(),E(),s),xt={class:"VPDocAside"},zt=Ht(()=>c("div",{class:"spacer"},null,-1)),Et=m({__name:"VPDocAside",setup(s){const{theme:e}=P();return(t,n)=>(a(),l("div",xt,[u(t.$slots,"aside-top",{},void 0,!0),u(t.$slots,"aside-outline-before",{},void 0,!0),h(Tt),u(t.$slots,"aside-outline-after",{},void 0,!0),zt,u(t.$slots,"aside-ads-before",{},void 0,!0),i(e).carbonAds?(a(),$(At,{key:0,"carbon-ads":i(e).carbonAds},null,8,["carbon-ads"])):f("",!0),u(t.$slots,"aside-ads-after",{},void 0,!0),u(t.$slots,"aside-bottom",{},void 0,!0)]))}});const Dt=g(Et,[["__scopeId","data-v-f5b3965e"]]);function Ft(){const{theme:s,page:e}=P();return y(()=>{const{text:t="Edit this page",pattern:n=""}=s.value.editLink||{};let o;return typeof n=="function"?o=n(e.value):o=n.replace(/:path/g,e.value.filePath),{url:o,text:t}})}function Ot(){const{page:s,theme:e,frontmatter:t}=P();return y(()=>{var _,k,N,T,A,I,w,S;const n=Ie(e.value.sidebar,s.value.relativePath),o=ht(n),r=o.findIndex(b=>U(s.value.relativePath,b.link)),d=((_=e.value.docFooter)==null?void 0:_.prev)===!1&&!t.value.prev||t.value.prev===!1,p=((k=e.value.docFooter)==null?void 0:k.next)===!1&&!t.value.next||t.value.next===!1;return{prev:d?void 0:{text:(typeof t.value.prev=="string"?t.value.prev:typeof t.value.prev=="object"?t.value.prev.text:void 0)??((N=o[r-1])==null?void 0:N.docFooterText)??((T=o[r-1])==null?void 0:T.text),link:(typeof t.value.prev=="object"?t.value.prev.link:void 0)??((A=o[r-1])==null?void 0:A.link)},next:p?void 0:{text:(typeof t.value.next=="string"?t.value.next:typeof t.value.next=="object"?t.value.next.text:void 0)??((I=o[r+1])==null?void 0:I.docFooterText)??((w=o[r+1])==null?void 0:w.text),link:(typeof t.value.next=="object"?t.value.next.link:void 0)??((S=o[r+1])==null?void 0:S.link)}}})}const Gt={},Ut={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Rt=c("path",{d:"M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"},null,-1),jt=c("path",{d:"M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"},null,-1),qt=[Rt,jt];function Kt(s,e){return a(),l("svg",Ut,qt)}const Wt=g(Gt,[["render",Kt]]),O=m({__name:"VPLink",props:{tag:{},href:{},noIcon:{type:Boolean},target:{},rel:{}},setup(s){const e=s,t=y(()=>e.tag??(e.href?"a":"span")),n=y(()=>e.href&&Se.test(e.href));return(o,r)=>(a(),$(G(t.value),{class:C(["VPLink",{link:o.href,"vp-external-link-icon":n.value,"no-icon":o.noIcon}]),href:o.href?i(Y)(o.href):void 0,target:o.target??(n.value?"_blank":void 0),rel:o.rel??(n.value?"noreferrer":void 0)},{default:v(()=>[u(o.$slots,"default")]),_:3},8,["class","href","target","rel"]))}}),Yt={class:"VPLastUpdated"},Jt=["datetime"],Xt=m({__name:"VPDocFooterLastUpdated",setup(s){const{theme:e,page:t,frontmatter:n,lang:o}=P(),r=y(()=>new Date(n.value.lastUpdated??t.value.lastUpdated)),d=y(()=>r.value.toISOString()),p=L("");return F(()=>{se(()=>{var _,k,N;p.value=new Intl.DateTimeFormat((k=(_=e.value.lastUpdated)==null?void 0:_.formatOptions)!=null&&k.forceLocale?o.value:void 0,((N=e.value.lastUpdated)==null?void 0:N.formatOptions)??{dateStyle:"short",timeStyle:"short"}).format(r.value)})}),(_,k)=>{var N;return a(),l("p",Yt,[H(V(((N=i(e).lastUpdated)==null?void 0:N.text)||i(e).lastUpdatedText||"Last updated")+": ",1),c("time",{datetime:d.value},V(p.value),9,Jt)])}}});const Zt=g(Xt,[["__scopeId","data-v-ec8405ef"]]),Qt={key:0,class:"VPDocFooter"},es={key:0,class:"edit-info"},ts={key:0,class:"edit-link"},ss={key:1,class:"last-updated"},ns={key:1,class:"prev-next"},os={class:"pager"},as=["href"],rs=["innerHTML"],is=["innerHTML"],ls={class:"pager"},cs=["href"],us=["innerHTML"],ds=["innerHTML"],_s=m({__name:"VPDocFooter",setup(s){const{theme:e,page:t,frontmatter:n}=P(),o=Ft(),r=Ot(),d=y(()=>e.value.editLink&&n.value.editLink!==!1),p=y(()=>t.value.lastUpdated&&n.value.lastUpdated!==!1),_=y(()=>d.value||p.value||r.value.prev||r.value.next);return(k,N)=>{var T,A,I,w,S,b;return _.value?(a(),l("footer",Qt,[u(k.$slots,"doc-footer-before",{},void 0,!0),d.value||p.value?(a(),l("div",es,[d.value?(a(),l("div",ts,[h(O,{class:"edit-link-button",href:i(o).url,"no-icon":!0},{default:v(()=>[h(Wt,{class:"edit-link-icon","aria-label":"edit icon"}),H(" "+V(i(o).text),1)]),_:1},8,["href"])])):f("",!0),p.value?(a(),l("div",ss,[h(Zt)])):f("",!0)])):f("",!0),(T=i(r).prev)!=null&&T.link||(A=i(r).next)!=null&&A.link?(a(),l("nav",ns,[c("div",os,[(I=i(r).prev)!=null&&I.link?(a(),l("a",{key:0,class:"pager-link prev",href:i(Y)(i(r).prev.link)},[c("span",{class:"desc",innerHTML:((w=i(e).docFooter)==null?void 0:w.prev)||"Previous page"},null,8,rs),c("span",{class:"title",innerHTML:i(r).prev.text},null,8,is)],8,as)):f("",!0)]),c("div",ls,[(S=i(r).next)!=null&&S.link?(a(),l("a",{key:0,class:"pager-link next",href:i(Y)(i(r).next.link)},[c("span",{class:"desc",innerHTML:((b=i(e).docFooter)==null?void 0:b.next)||"Next page"},null,8,us),c("span",{class:"title",innerHTML:i(r).next.text},null,8,ds)],8,cs)):f("",!0)])])):f("",!0)])):f("",!0)}}});const vs=g(_s,[["__scopeId","data-v-bae355c8"]]),ps={},hs={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},fs=c("path",{d:"M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"},null,-1),ms=[fs];function gs(s,e){return a(),l("svg",hs,ms)}const fe=g(ps,[["render",gs]]),bs={key:0,class:"VPDocOutlineDropdown"},$s={key:0,class:"items"},ks=m({__name:"VPDocOutlineDropdown",setup(s){const{frontmatter:e,theme:t}=P(),n=L(!1);W(()=>{n.value=!1});const o=_e([]);return W(()=>{o.value=pe(e.value.outline??t.value.outline)}),(r,d)=>o.value.length>0?(a(),l("div",bs,[c("button",{onClick:d[0]||(d[0]=p=>n.value=!n.value),class:C({open:n.value})},[H(V(i(ve)(i(t)))+" ",1),h(fe,{class:"icon"})],2),n.value?(a(),l("div",$s,[h(he,{headers:o.value},null,8,["headers"])])):f("",!0)])):f("",!0)}});const ys=g(ks,[["__scopeId","data-v-23cf0713"]]),Ps=s=>(z("data-v-39e6c32d"),s=s(),E(),s),Vs={class:"container"},ws=Ps(()=>c("div",{class:"aside-curtain"},null,-1)),Ss={class:"aside-container"},Ls={class:"aside-content"},Ms={class:"content"},Cs={class:"content-container"},Ns={class:"main"},Is=m({__name:"VPDoc",setup(s){const{theme:e}=P(),t=ne(),{hasSidebar:n,hasAside:o,leftAside:r}=D(),d=y(()=>t.path.replace(/[./]+/g,"_").replace(/_html$/,""));return(p,_)=>{const k=j("Content");return a(),l("div",{class:C(["VPDoc",{"has-sidebar":i(n),"has-aside":i(o)}])},[u(p.$slots,"doc-top",{},void 0,!0),c("div",Vs,[i(o)?(a(),l("div",{key:0,class:C(["aside",{"left-aside":i(r)}])},[ws,c("div",Ss,[c("div",Ls,[h(Dt,null,{"aside-top":v(()=>[u(p.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":v(()=>[u(p.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":v(()=>[u(p.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[u(p.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[u(p.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[u(p.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])],2)):f("",!0),c("div",Ms,[c("div",Cs,[u(p.$slots,"doc-before",{},void 0,!0),h(ys),c("main",Ns,[h(k,{class:C(["vp-doc",[d.value,i(e).externalLinkIcon&&"external-link-icon-enabled"]])},null,8,["class"])]),h(vs,null,{"doc-footer-before":v(()=>[u(p.$slots,"doc-footer-before",{},void 0,!0)]),_:3}),u(p.$slots,"doc-after",{},void 0,!0)])])]),u(p.$slots,"doc-bottom",{},void 0,!0)],2)}}});const Ts=g(Is,[["__scopeId","data-v-39e6c32d"]]),Bs=m({__name:"VPButton",props:{tag:{},size:{default:"medium"},theme:{default:"brand"},text:{},href:{}},setup(s){const e=s,t=y(()=>e.href&&Se.test(e.href)),n=y(()=>e.tag||e.href?"a":"button");return(o,r)=>(a(),$(G(n.value),{class:C(["VPButton",[o.size,o.theme]]),href:o.href?i(Y)(o.href):void 0,target:t.value?"_blank":void 0,rel:t.value?"noreferrer":void 0},{default:v(()=>[H(V(o.text),1)]),_:1},8,["class","href","target","rel"]))}});const As=g(Bs,[["__scopeId","data-v-c5bc28bc"]]),Hs=["src","alt"],xs=m({inheritAttrs:!1,__name:"VPImage",props:{image:{},alt:{}},setup(s){return(e,t)=>{const n=j("VPImage",!0);return e.image?(a(),l(M,{key:0},[typeof e.image=="string"||"src"in e.image?(a(),l("img",Q({key:0,class:"VPImage"},typeof e.image=="string"?e.$attrs:{...e.image,...e.$attrs},{src:i(de)(typeof e.image=="string"?e.image:e.image.src),alt:e.alt??(typeof e.image=="string"?"":e.image.alt||"")}),null,16,Hs)):(a(),l(M,{key:1},[h(n,Q({class:"dark",image:e.image.dark,alt:e.image.alt},e.$attrs),null,16,["image","alt"]),h(n,Q({class:"light",image:e.image.light,alt:e.image.alt},e.$attrs),null,16,["image","alt"])],64))],64)):f("",!0)}}});const te=g(xs,[["__scopeId","data-v-6ebf9bdf"]]),zs=s=>(z("data-v-95ba8d2c"),s=s(),E(),s),Es={class:"container"},Ds={class:"main"},Fs={key:0,class:"name"},Os=["innerHTML"],Gs=["innerHTML"],Us=["innerHTML"],Rs={key:0,class:"actions"},js={key:0,class:"image"},qs={class:"image-container"},Ks=zs(()=>c("div",{class:"image-bg"},null,-1)),Ws=m({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(s){const e=oe("hero-image-slot-exists");return(t,n)=>(a(),l("div",{class:C(["VPHero",{"has-image":t.image||i(e)}])},[c("div",Es,[c("div",Ds,[u(t.$slots,"home-hero-info",{},()=>[t.name?(a(),l("h1",Fs,[c("span",{innerHTML:t.name,class:"clip"},null,8,Os)])):f("",!0),t.text?(a(),l("p",{key:1,innerHTML:t.text,class:"text"},null,8,Gs)):f("",!0),t.tagline?(a(),l("p",{key:2,innerHTML:t.tagline,class:"tagline"},null,8,Us)):f("",!0)],!0),t.actions?(a(),l("div",Rs,[(a(!0),l(M,null,B(t.actions,o=>(a(),l("div",{key:o.link,class:"action"},[h(As,{tag:"a",size:"medium",theme:o.theme,text:o.text,href:o.link},null,8,["theme","text","href"])]))),128))])):f("",!0)]),t.image||i(e)?(a(),l("div",js,[c("div",qs,[Ks,u(t.$slots,"home-hero-image",{},()=>[t.image?(a(),$(te,{key:0,class:"image-src",image:t.image},null,8,["image"])):f("",!0)],!0)])])):f("",!0)])],2))}});const Ys=g(Ws,[["__scopeId","data-v-95ba8d2c"]]),Js=m({__name:"VPHomeHero",setup(s){const{frontmatter:e}=P();return(t,n)=>i(e).hero?(a(),$(Ys,{key:0,class:"VPHomeHero",name:i(e).hero.name,text:i(e).hero.text,tagline:i(e).hero.tagline,image:i(e).hero.image,actions:i(e).hero.actions},{"home-hero-info":v(()=>[u(t.$slots,"home-hero-info")]),"home-hero-image":v(()=>[u(t.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):f("",!0)}}),Xs={},Zs={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Qs=c("path",{d:"M19.9,12.4c0.1-0.2,0.1-0.5,0-0.8c-0.1-0.1-0.1-0.2-0.2-0.3l-7-7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3H5c-0.6,0-1,0.4-1,1s0.4,1,1,1h11.6l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l7-7C19.8,12.6,19.9,12.5,19.9,12.4z"},null,-1),en=[Qs];function tn(s,e){return a(),l("svg",Zs,en)}const sn=g(Xs,[["render",tn]]),nn={class:"box"},on={key:0,class:"icon"},an=["innerHTML"],rn=["innerHTML"],ln=["innerHTML"],cn={key:4,class:"link-text"},un={class:"link-text-value"},dn=m({__name:"VPFeature",props:{icon:{},title:{},details:{},link:{},linkText:{},rel:{},target:{}},setup(s){return(e,t)=>(a(),$(O,{class:"VPFeature",href:e.link,rel:e.rel,target:e.target,"no-icon":!0,tag:e.link?"a":"div"},{default:v(()=>[c("article",nn,[typeof e.icon=="object"&&e.icon.wrap?(a(),l("div",on,[h(te,{image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])])):typeof e.icon=="object"?(a(),$(te,{key:1,image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])):e.icon?(a(),l("div",{key:2,class:"icon",innerHTML:e.icon},null,8,an)):f("",!0),c("h2",{class:"title",innerHTML:e.title},null,8,rn),e.details?(a(),l("p",{key:3,class:"details",innerHTML:e.details},null,8,ln)):f("",!0),e.linkText?(a(),l("div",cn,[c("p",un,[H(V(e.linkText)+" ",1),h(sn,{class:"link-text-icon"})])])):f("",!0)])]),_:1},8,["href","rel","target","tag"]))}});const _n=g(dn,[["__scopeId","data-v-5826beaa"]]),vn={key:0,class:"VPFeatures"},pn={class:"container"},hn={class:"items"},fn=m({__name:"VPFeatures",props:{features:{}},setup(s){const e=s,t=y(()=>{const n=e.features.length;if(n){if(n===2)return"grid-2";if(n===3)return"grid-3";if(n%3===0)return"grid-6";if(n>3)return"grid-4"}else return});return(n,o)=>n.features?(a(),l("div",vn,[c("div",pn,[c("div",hn,[(a(!0),l(M,null,B(n.features,r=>(a(),l("div",{key:r.title,class:C(["item",[t.value]])},[h(_n,{icon:r.icon,title:r.title,details:r.details,link:r.link,"link-text":r.linkText,rel:r.rel,target:r.target},null,8,["icon","title","details","link","link-text","rel","target"])],2))),128))])])])):f("",!0)}});const mn=g(fn,[["__scopeId","data-v-8aecaca0"]]),gn=m({__name:"VPHomeFeatures",setup(s){const{frontmatter:e}=P();return(t,n)=>i(e).features?(a(),$(mn,{key:0,class:"VPHomeFeatures",features:i(e).features},null,8,["features"])):f("",!0)}}),bn={class:"VPHome"},$n=m({__name:"VPHome",setup(s){return(e,t)=>{const n=j("Content");return a(),l("div",bn,[u(e.$slots,"home-hero-before",{},void 0,!0),h(Js,null,{"home-hero-info":v(()=>[u(e.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-image":v(()=>[u(e.$slots,"home-hero-image",{},void 0,!0)]),_:3}),u(e.$slots,"home-hero-after",{},void 0,!0),u(e.$slots,"home-features-before",{},void 0,!0),h(gn),u(e.$slots,"home-features-after",{},void 0,!0),h(n)])}}});const kn=g($n,[["__scopeId","data-v-458cb9ca"]]),yn={},Pn={class:"VPPage"};function Vn(s,e){const t=j("Content");return a(),l("div",Pn,[u(s.$slots,"page-top"),h(t),u(s.$slots,"page-bottom")])}const wn=g(yn,[["render",Vn]]),Sn=m({__name:"VPContent",setup(s){const{page:e,frontmatter:t}=P(),{hasSidebar:n}=D();return(o,r)=>(a(),l("div",{class:C(["VPContent",{"has-sidebar":i(n),"is-home":i(t).layout==="home"}]),id:"VPContent"},[i(e).isNotFound?u(o.$slots,"not-found",{key:0},()=>[h(vt)],!0):i(t).layout==="page"?(a(),$(wn,{key:1},{"page-top":v(()=>[u(o.$slots,"page-top",{},void 0,!0)]),"page-bottom":v(()=>[u(o.$slots,"page-bottom",{},void 0,!0)]),_:3})):i(t).layout==="home"?(a(),$(kn,{key:2},{"home-hero-before":v(()=>[u(o.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info":v(()=>[u(o.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-image":v(()=>[u(o.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":v(()=>[u(o.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":v(()=>[u(o.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":v(()=>[u(o.$slots,"home-features-after",{},void 0,!0)]),_:3})):i(t).layout&&i(t).layout!=="doc"?(a(),$(G(i(t).layout),{key:3})):(a(),$(Ts,{key:4},{"doc-top":v(()=>[u(o.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":v(()=>[u(o.$slots,"doc-bottom",{},void 0,!0)]),"doc-footer-before":v(()=>[u(o.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":v(()=>[u(o.$slots,"doc-before",{},void 0,!0)]),"doc-after":v(()=>[u(o.$slots,"doc-after",{},void 0,!0)]),"aside-top":v(()=>[u(o.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":v(()=>[u(o.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[u(o.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[u(o.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[u(o.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":v(()=>[u(o.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}});const Ln=g(Sn,[["__scopeId","data-v-f3ed2c70"]]),Mn={class:"container"},Cn=["innerHTML"],Nn=["innerHTML"],In=m({__name:"VPFooter",setup(s){const{theme:e,frontmatter:t}=P(),{hasSidebar:n}=D();return(o,r)=>i(e).footer&&i(t).footer!==!1?(a(),l("footer",{key:0,class:C(["VPFooter",{"has-sidebar":i(n)}])},[c("div",Mn,[i(e).footer.message?(a(),l("p",{key:0,class:"message",innerHTML:i(e).footer.message},null,8,Cn)):f("",!0),i(e).footer.copyright?(a(),l("p",{key:1,class:"copyright",innerHTML:i(e).footer.copyright},null,8,Nn)):f("",!0)])],2)):f("",!0)}});const Tn=g(In,[["__scopeId","data-v-b69a1592"]]),Bn={class:"header"},An={class:"outline"},Hn=m({__name:"VPLocalNavOutlineDropdown",props:{headers:{},navHeight:{}},setup(s){const e=s,{theme:t}=P(),n=L(!1),o=L(0),r=L();W(()=>{n.value=!1});function d(){n.value=!n.value,o.value=window.innerHeight+Math.min(window.scrollY-e.navHeight,0)}function p(k){k.target.classList.contains("outline-link")&&(r.value&&(r.value.style.transition="none"),Ue(()=>{n.value=!1}))}function _(){n.value=!1,window.scrollTo({top:0,left:0,behavior:"smooth"})}return(k,N)=>(a(),l("div",{class:"VPLocalNavOutlineDropdown",style:Ge({"--vp-vh":o.value+"px"})},[k.headers.length>0?(a(),l("button",{key:0,onClick:d,class:C({open:n.value})},[H(V(i(ve)(i(t)))+" ",1),h(fe,{class:"icon"})],2)):(a(),l("button",{key:1,onClick:_},V(i(t).returnToTopLabel||"Return to top"),1)),h(ue,{name:"flyout"},{default:v(()=>[n.value?(a(),l("div",{key:0,ref_key:"items",ref:r,class:"items",onClick:p},[c("div",Bn,[c("a",{class:"top-link",href:"#",onClick:_},V(i(t).returnToTopLabel||"Return to top"),1)]),c("div",An,[h(he,{headers:k.headers},null,8,["headers"])])],512)):f("",!0)]),_:1})],4))}});const xn=g(Hn,[["__scopeId","data-v-44ae7a43"]]),zn={},En={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Dn=c("path",{d:"M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z"},null,-1),Fn=c("path",{d:"M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z"},null,-1),On=c("path",{d:"M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z"},null,-1),Gn=c("path",{d:"M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z"},null,-1),Un=[Dn,Fn,On,Gn];function Rn(s,e){return a(),l("svg",En,Un)}const jn=g(zn,[["render",Rn]]),qn=["aria-expanded"],Kn={class:"menu-text"},Wn=m({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(s){const{theme:e,frontmatter:t}=P(),{hasSidebar:n}=D(),{y:o}=Le(),r=_e([]),d=L(0);F(()=>{d.value=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--vp-nav-height"))}),W(()=>{r.value=pe(t.value.outline??e.value.outline)});const p=y(()=>r.value.length===0&&!n.value),_=y(()=>({VPLocalNav:!0,fixed:p.value,"reached-top":o.value>=d.value}));return(k,N)=>i(t).layout!=="home"&&(!p.value||i(o)>=d.value)?(a(),l("div",{key:0,class:C(_.value)},[i(n)?(a(),l("button",{key:0,class:"menu","aria-expanded":k.open,"aria-controls":"VPSidebarNav",onClick:N[0]||(N[0]=T=>k.$emit("open-menu"))},[h(jn,{class:"menu-icon"}),c("span",Kn,V(i(e).sidebarMenuLabel||"Menu"),1)],8,qn)):f("",!0),h(xn,{headers:r.value,navHeight:d.value},null,8,["headers","navHeight"])],2)):f("",!0)}});const Yn=g(Wn,[["__scopeId","data-v-a41c4a1c"]]);function Jn(){const s=L(!1);function e(){s.value=!0,window.addEventListener("resize",o)}function t(){s.value=!1,window.removeEventListener("resize",o)}function n(){s.value?t():e()}function o(){window.outerWidth>=768&&t()}const r=ne();return R(()=>r.path,t),{isScreenOpen:s,openScreen:e,closeScreen:t,toggleScreen:n}}const Xn={},Zn={class:"VPSwitch",type:"button",role:"switch"},Qn={class:"check"},eo={key:0,class:"icon"};function to(s,e){return a(),l("button",Zn,[c("span",Qn,[s.$slots.default?(a(),l("span",eo,[u(s.$slots,"default",{},void 0,!0)])):f("",!0)])])}const so=g(Xn,[["render",to],["__scopeId","data-v-56eb52d1"]]),no={},oo={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},ao=c("path",{d:"M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"},null,-1),ro=[ao];function io(s,e){return a(),l("svg",oo,ro)}const lo=g(no,[["render",io]]),co={},uo={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},_o=Re('',9),vo=[_o];function po(s,e){return a(),l("svg",uo,vo)}const ho=g(co,[["render",po]]),fo=m({__name:"VPSwitchAppearance",setup(s){const{isDark:e}=P(),t=oe("toggle-appearance",()=>{e.value=!e.value});return(n,o)=>(a(),$(so,{title:"toggle dark mode",class:"VPSwitchAppearance","aria-checked":i(e),onClick:i(t)},{default:v(()=>[h(ho,{class:"sun"}),h(lo,{class:"moon"})]),_:1},8,["aria-checked","onClick"]))}});const me=g(fo,[["__scopeId","data-v-65b67168"]]),mo={key:0,class:"VPNavBarAppearance"},go=m({__name:"VPNavBarAppearance",setup(s){const{site:e}=P();return(t,n)=>i(e).appearance&&i(e).appearance!=="force-dark"?(a(),l("div",mo,[h(me)])):f("",!0)}});const bo=g(go,[["__scopeId","data-v-dc7cad42"]]),ge=L();let Be=!1,re=0;function $o(s){const e=L(!1);if(q){!Be&&ko(),re++;const t=R(ge,n=>{var o,r,d;n===s.el.value||(o=s.el.value)!=null&&o.contains(n)?(e.value=!0,(r=s.onFocus)==null||r.call(s)):(e.value=!1,(d=s.onBlur)==null||d.call(s))});J(()=>{t(),re--,re||yo()})}return je(e)}function ko(){document.addEventListener("focusin",Ae),Be=!0,ge.value=document.activeElement}function yo(){document.removeEventListener("focusin",Ae)}function Ae(){ge.value=document.activeElement}const Po={},Vo={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},wo=c("path",{d:"M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"},null,-1),So=[wo];function Lo(s,e){return a(),l("svg",Vo,So)}const He=g(Po,[["render",Lo]]),Mo={},Co={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},No=c("circle",{cx:"12",cy:"12",r:"2"},null,-1),Io=c("circle",{cx:"19",cy:"12",r:"2"},null,-1),To=c("circle",{cx:"5",cy:"12",r:"2"},null,-1),Bo=[No,Io,To];function Ao(s,e){return a(),l("svg",Co,Bo)}const Ho=g(Mo,[["render",Ao]]),xo={class:"VPMenuLink"},zo=m({__name:"VPMenuLink",props:{item:{}},setup(s){const{page:e}=P();return(t,n)=>(a(),l("div",xo,[h(O,{class:C({active:i(U)(i(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel},{default:v(()=>[H(V(t.item.text),1)]),_:1},8,["class","href","target","rel"])]))}});const ae=g(zo,[["__scopeId","data-v-ec5470f2"]]),Eo={class:"VPMenuGroup"},Do={key:0,class:"title"},Fo=m({__name:"VPMenuGroup",props:{text:{},items:{}},setup(s){return(e,t)=>(a(),l("div",Eo,[e.text?(a(),l("p",Do,V(e.text),1)):f("",!0),(a(!0),l(M,null,B(e.items,n=>(a(),l(M,null,["link"in n?(a(),$(ae,{key:0,item:n},null,8,["item"])):f("",!0)],64))),256))]))}});const Oo=g(Fo,[["__scopeId","data-v-b9d0e57b"]]),Go={class:"VPMenu"},Uo={key:0,class:"items"},Ro=m({__name:"VPMenu",props:{items:{}},setup(s){return(e,t)=>(a(),l("div",Go,[e.items?(a(),l("div",Uo,[(a(!0),l(M,null,B(e.items,n=>(a(),l(M,{key:n.text},["link"in n?(a(),$(ae,{key:0,item:n},null,8,["item"])):(a(),$(Oo,{key:1,text:n.text,items:n.items},null,8,["text","items"]))],64))),128))])):f("",!0),u(e.$slots,"default",{},void 0,!0)]))}});const jo=g(Ro,[["__scopeId","data-v-17c3596a"]]),qo=["aria-expanded","aria-label"],Ko={key:0,class:"text"},Wo=["innerHTML"],Yo={class:"menu"},Jo=m({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(s){const e=L(!1),t=L();$o({el:t,onBlur:n});function n(){e.value=!1}return(o,r)=>(a(),l("div",{class:"VPFlyout",ref_key:"el",ref:t,onMouseenter:r[1]||(r[1]=d=>e.value=!0),onMouseleave:r[2]||(r[2]=d=>e.value=!1)},[c("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":e.value,"aria-label":o.label,onClick:r[0]||(r[0]=d=>e.value=!e.value)},[o.button||o.icon?(a(),l("span",Ko,[o.icon?(a(),$(G(o.icon),{key:0,class:"option-icon"})):f("",!0),o.button?(a(),l("span",{key:1,innerHTML:o.button},null,8,Wo)):f("",!0),h(He,{class:"text-icon"})])):(a(),$(Ho,{key:1,class:"icon"}))],8,qo),c("div",Yo,[h(jo,{items:o.items},{default:v(()=>[u(o.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}});const be=g(Jo,[["__scopeId","data-v-62bba1f9"]]),Xo={discord:'Discord',facebook:'Facebook',github:'GitHub',instagram:'Instagram',linkedin:'LinkedIn',mastodon:'Mastodon',slack:'Slack',twitter:'Twitter',x:'X',youtube:'YouTube'},Zo=["href","aria-label","innerHTML"],Qo=m({__name:"VPSocialLink",props:{icon:{},link:{},ariaLabel:{}},setup(s){const e=s,t=y(()=>typeof e.icon=="object"?e.icon.svg:Xo[e.icon]);return(n,o)=>(a(),l("a",{class:"VPSocialLink no-icon",href:n.link,"aria-label":n.ariaLabel??(typeof n.icon=="string"?n.icon:""),target:"_blank",rel:"noopener",innerHTML:t.value},null,8,Zo))}});const ea=g(Qo,[["__scopeId","data-v-1b61e2c7"]]),ta={class:"VPSocialLinks"},sa=m({__name:"VPSocialLinks",props:{links:{}},setup(s){return(e,t)=>(a(),l("div",ta,[(a(!0),l(M,null,B(e.links,({link:n,icon:o,ariaLabel:r})=>(a(),$(ea,{key:n,icon:o,link:n,ariaLabel:r},null,8,["icon","link","ariaLabel"]))),128))]))}});const $e=g(sa,[["__scopeId","data-v-8a65be56"]]),na={key:0,class:"group translations"},oa={class:"trans-title"},aa={key:1,class:"group"},ra={class:"item appearance"},ia={class:"label"},la={class:"appearance-action"},ca={key:2,class:"group"},ua={class:"item social-links"},da=m({__name:"VPNavBarExtra",setup(s){const{site:e,theme:t}=P(),{localeLinks:n,currentLang:o}=X({correspondingLink:!0}),r=y(()=>n.value.length&&o.value.label||e.value.appearance||t.value.socialLinks);return(d,p)=>r.value?(a(),$(be,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:v(()=>[i(n).length&&i(o).label?(a(),l("div",na,[c("p",oa,V(i(o).label),1),(a(!0),l(M,null,B(i(n),_=>(a(),$(ae,{key:_.link,item:_},null,8,["item"]))),128))])):f("",!0),i(e).appearance?(a(),l("div",aa,[c("div",ra,[c("p",ia,V(i(t).darkModeSwitchLabel||"Appearance"),1),c("div",la,[h(me)])])])):f("",!0),i(t).socialLinks?(a(),l("div",ca,[c("div",ua,[h($e,{class:"social-links-list",links:i(t).socialLinks},null,8,["links"])])])):f("",!0)]),_:1})):f("",!0)}});const _a=g(da,[["__scopeId","data-v-e5c8c6ca"]]),va=s=>(z("data-v-f865e4ad"),s=s(),E(),s),pa=["aria-expanded"],ha=va(()=>c("span",{class:"container"},[c("span",{class:"top"}),c("span",{class:"middle"}),c("span",{class:"bottom"})],-1)),fa=[ha],ma=m({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(s){return(e,t)=>(a(),l("button",{type:"button",class:C(["VPNavBarHamburger",{active:e.active}]),"aria-label":"mobile navigation","aria-expanded":e.active,"aria-controls":"VPNavScreen",onClick:t[0]||(t[0]=n=>e.$emit("click"))},fa,10,pa))}});const ga=g(ma,[["__scopeId","data-v-f865e4ad"]]),ba=["innerHTML"],$a=m({__name:"VPNavBarMenuLink",props:{item:{}},setup(s){const{page:e}=P();return(t,n)=>(a(),$(O,{class:C({VPNavBarMenuLink:!0,active:i(U)(i(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel,tabindex:"0"},{default:v(()=>[c("span",{innerHTML:t.item.text},null,8,ba)]),_:1},8,["class","href","target","rel"]))}});const ka=g($a,[["__scopeId","data-v-416f44b0"]]),ya=m({__name:"VPNavBarMenuGroup",props:{item:{}},setup(s){const e=s,{page:t}=P(),n=r=>"link"in r?U(t.value.relativePath,r.link,!!e.item.activeMatch):r.items.some(n),o=y(()=>n(e.item));return(r,d)=>(a(),$(be,{class:C({VPNavBarMenuGroup:!0,active:i(U)(i(t).relativePath,r.item.activeMatch,!!r.item.activeMatch)||o.value}),button:r.item.text,items:r.item.items},null,8,["class","button","items"]))}}),Pa=s=>(z("data-v-183ec936"),s=s(),E(),s),Va={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},wa=Pa(()=>c("span",{id:"main-nav-aria-label",class:"visually-hidden"},"Main Navigation",-1)),Sa=m({__name:"VPNavBarMenu",setup(s){const{theme:e}=P();return(t,n)=>i(e).nav?(a(),l("nav",Va,[wa,(a(!0),l(M,null,B(i(e).nav,o=>(a(),l(M,{key:o.text},["link"in o?(a(),$(ka,{key:0,item:o},null,8,["item"])):(a(),$(ya,{key:1,item:o},null,8,["item"]))],64))),128))])):f("",!0)}});const La=g(Sa,[["__scopeId","data-v-183ec936"]]);const Ma={type:"button",class:"DocSearch DocSearch-Button","aria-label":"Search"},Ca={class:"DocSearch-Button-Container"},Na=c("svg",{class:"DocSearch-Search-Icon",width:"20",height:"20",viewBox:"0 0 20 20","aria-label":"search icon"},[c("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none","fill-rule":"evenodd","stroke-linecap":"round","stroke-linejoin":"round"})],-1),Ia={class:"DocSearch-Button-Placeholder"},Ta=c("span",{class:"DocSearch-Button-Keys"},[c("kbd",{class:"DocSearch-Button-Key"}),c("kbd",{class:"DocSearch-Button-Key"},"K")],-1),Ve=m({__name:"VPNavBarSearchButton",props:{placeholder:{}},setup(s){return(e,t)=>(a(),l("button",Ma,[c("span",Ca,[Na,c("span",Ia,V(e.placeholder),1)]),Ta]))}});const Ba={class:"VPNavBarSearch"},Aa={id:"local-search"},Ha={key:1,id:"docsearch"},xa=m({__name:"VPNavBarSearch",setup(s){const e=()=>null,t=qe(()=>Ke(()=>import("./VPAlgoliaSearchBox.c32b1d6a.js"),["assets/chunks/VPAlgoliaSearchBox.c32b1d6a.js","assets/chunks/framework.b7580407.js"])),{theme:n,localeIndex:o}=P(),r=L(!1),d=L(!1),p=y(()=>{var S,b,x,Z,K,ke,ye;const w=((S=n.value.search)==null?void 0:S.options)??n.value.algolia;return((K=(Z=(x=(b=w==null?void 0:w.locales)==null?void 0:b[o.value])==null?void 0:x.translations)==null?void 0:Z.button)==null?void 0:K.buttonText)||((ye=(ke=w==null?void 0:w.translations)==null?void 0:ke.button)==null?void 0:ye.buttonText)||"Search"}),_=()=>{const w="VPAlgoliaPreconnect";(window.requestIdleCallback||setTimeout)(()=>{var x;const b=document.createElement("link");b.id=w,b.rel="preconnect",b.href=`https://${(((x=n.value.search)==null?void 0:x.options)??n.value.algolia).appId}-dsn.algolia.net`,b.crossOrigin="",document.head.appendChild(b)})};F(()=>{_();const w=b=>{(b.key.toLowerCase()==="k"&&(b.metaKey||b.ctrlKey)||!T(b)&&b.key==="/")&&(b.preventDefault(),k(),S())},S=()=>{window.removeEventListener("keydown",w)};window.addEventListener("keydown",w),J(S)});function k(){r.value||(r.value=!0,setTimeout(N,16))}function N(){const w=new Event("keydown");w.key="k",w.metaKey=!0,window.dispatchEvent(w),setTimeout(()=>{document.querySelector(".DocSearch-Modal")||N()},16)}function T(w){const S=w.target,b=S.tagName;return S.isContentEditable||b==="INPUT"||b==="SELECT"||b==="TEXTAREA"}const A=L(!1),I="algolia";return(w,S)=>{var b;return a(),l("div",Ba,[i(I)==="local"?(a(),l(M,{key:0},[A.value?(a(),$(i(e),{key:0,placeholder:p.value,onClose:S[0]||(S[0]=x=>A.value=!1)},null,8,["placeholder"])):f("",!0),c("div",Aa,[h(Ve,{placeholder:p.value,onClick:S[1]||(S[1]=x=>A.value=!0)},null,8,["placeholder"])])],64)):i(I)==="algolia"?(a(),l(M,{key:1},[r.value?(a(),$(i(t),{key:0,algolia:((b=i(n).search)==null?void 0:b.options)??i(n).algolia,onVnodeBeforeMount:S[2]||(S[2]=x=>d.value=!0)},null,8,["algolia"])):f("",!0),d.value?f("",!0):(a(),l("div",Ha,[h(Ve,{placeholder:p.value,onClick:k},null,8,["placeholder"])]))],64)):f("",!0)])}}});const za=m({__name:"VPNavBarSocialLinks",setup(s){const{theme:e}=P();return(t,n)=>i(e).socialLinks?(a(),$($e,{key:0,class:"VPNavBarSocialLinks",links:i(e).socialLinks},null,8,["links"])):f("",!0)}});const Ea=g(za,[["__scopeId","data-v-aaebde08"]]),Da=["href"],Fa=m({__name:"VPNavBarTitle",setup(s){const{site:e,theme:t}=P(),{hasSidebar:n}=D(),{currentLang:o}=X();return(r,d)=>(a(),l("div",{class:C(["VPNavBarTitle",{"has-sidebar":i(n)}])},[c("a",{class:"title",href:i(t).logoLink??i(Y)(i(o).link)},[u(r.$slots,"nav-bar-title-before",{},void 0,!0),i(t).logo?(a(),$(te,{key:0,class:"logo",image:i(t).logo},null,8,["image"])):f("",!0),i(t).siteTitle?(a(),l(M,{key:1},[H(V(i(t).siteTitle),1)],64)):i(t).siteTitle===void 0?(a(),l(M,{key:2},[H(V(i(e).title),1)],64)):f("",!0),u(r.$slots,"nav-bar-title-after",{},void 0,!0)],8,Da)],2))}});const Oa=g(Fa,[["__scopeId","data-v-87c32abd"]]),Ga={},Ua={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Ra=c("path",{d:"M0 0h24v24H0z",fill:"none"},null,-1),ja=c("path",{d:" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z ",class:"css-c4d79v"},null,-1),qa=[Ra,ja];function Ka(s,e){return a(),l("svg",Ua,qa)}const xe=g(Ga,[["render",Ka]]),Wa={class:"items"},Ya={class:"title"},Ja=m({__name:"VPNavBarTranslations",setup(s){const{theme:e}=P(),{localeLinks:t,currentLang:n}=X({correspondingLink:!0});return(o,r)=>i(t).length&&i(n).label?(a(),$(be,{key:0,class:"VPNavBarTranslations",icon:xe,label:i(e).langMenuLabel||"Change language"},{default:v(()=>[c("div",Wa,[c("p",Ya,V(i(n).label),1),(a(!0),l(M,null,B(i(t),d=>(a(),$(ae,{key:d.link,item:d},null,8,["item"]))),128))])]),_:1},8,["label"])):f("",!0)}});const Xa=g(Ja,[["__scopeId","data-v-fdfb8e5a"]]),Za=s=>(z("data-v-57f83237"),s=s(),E(),s),Qa={class:"container"},er={class:"title"},tr={class:"content"},sr=Za(()=>c("div",{class:"curtain"},null,-1)),nr={class:"content-body"},or=m({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(s){const{y:e}=Le(),{hasSidebar:t}=D(),{frontmatter:n}=P(),o=L({});return we(()=>{o.value={"has-sidebar":t.value,top:n.value.layout==="home"&&e.value===0}}),(r,d)=>(a(),l("div",{class:C(["VPNavBar",o.value])},[c("div",Qa,[c("div",er,[h(Oa,null,{"nav-bar-title-before":v(()=>[u(r.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[u(r.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3})]),c("div",tr,[sr,c("div",nr,[u(r.$slots,"nav-bar-content-before",{},void 0,!0),h(xa,{class:"search"}),h(La,{class:"menu"}),h(Xa,{class:"translations"}),h(bo,{class:"appearance"}),h(Ea,{class:"social-links"}),h(_a,{class:"extra"}),u(r.$slots,"nav-bar-content-after",{},void 0,!0),h(ga,{class:"hamburger",active:r.isScreenOpen,onClick:d[0]||(d[0]=p=>r.$emit("toggle-screen"))},null,8,["active"])])])])],2))}});const ar=g(or,[["__scopeId","data-v-57f83237"]]),rr={key:0,class:"VPNavScreenAppearance"},ir={class:"text"},lr=m({__name:"VPNavScreenAppearance",setup(s){const{site:e,theme:t}=P();return(n,o)=>i(e).appearance?(a(),l("div",rr,[c("p",ir,V(i(t).darkModeSwitchLabel||"Appearance"),1),h(me)])):f("",!0)}});const cr=g(lr,[["__scopeId","data-v-06a2ccf5"]]),ur=m({__name:"VPNavScreenMenuLink",props:{item:{}},setup(s){const e=oe("close-screen");return(t,n)=>(a(),$(O,{class:"VPNavScreenMenuLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:i(e)},{default:v(()=>[H(V(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}});const dr=g(ur,[["__scopeId","data-v-8ff91e12"]]),_r={},vr={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},pr=c("path",{d:"M18.9,10.9h-6v-6c0-0.6-0.4-1-1-1s-1,0.4-1,1v6h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6h6c0.6,0,1-0.4,1-1S19.5,10.9,18.9,10.9z"},null,-1),hr=[pr];function fr(s,e){return a(),l("svg",vr,hr)}const mr=g(_r,[["render",fr]]),gr=m({__name:"VPNavScreenMenuGroupLink",props:{item:{}},setup(s){const e=oe("close-screen");return(t,n)=>(a(),$(O,{class:"VPNavScreenMenuGroupLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:i(e)},{default:v(()=>[H(V(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}});const ze=g(gr,[["__scopeId","data-v-e7113d9e"]]),br={class:"VPNavScreenMenuGroupSection"},$r={key:0,class:"title"},kr=m({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(s){return(e,t)=>(a(),l("div",br,[e.text?(a(),l("p",$r,V(e.text),1)):f("",!0),(a(!0),l(M,null,B(e.items,n=>(a(),$(ze,{key:n.text,item:n},null,8,["item"]))),128))]))}});const yr=g(kr,[["__scopeId","data-v-f4e6c868"]]),Pr=["aria-controls","aria-expanded"],Vr={class:"button-text"},wr=["id"],Sr={key:1,class:"group"},Lr=m({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(s){const e=s,t=L(!1),n=y(()=>`NavScreenGroup-${e.text.replace(" ","-").toLowerCase()}`);function o(){t.value=!t.value}return(r,d)=>(a(),l("div",{class:C(["VPNavScreenMenuGroup",{open:t.value}])},[c("button",{class:"button","aria-controls":n.value,"aria-expanded":t.value,onClick:o},[c("span",Vr,V(r.text),1),h(mr,{class:"button-icon"})],8,Pr),c("div",{id:n.value,class:"items"},[(a(!0),l(M,null,B(r.items,p=>(a(),l(M,{key:p.text},["link"in p?(a(),l("div",{key:p.text,class:"item"},[h(ze,{item:p},null,8,["item"])])):(a(),l("div",Sr,[h(yr,{text:p.text,items:p.items},null,8,["text","items"])]))],64))),128))],8,wr)],2))}});const Mr=g(Lr,[["__scopeId","data-v-13f80375"]]),Cr={key:0,class:"VPNavScreenMenu"},Nr=m({__name:"VPNavScreenMenu",setup(s){const{theme:e}=P();return(t,n)=>i(e).nav?(a(),l("nav",Cr,[(a(!0),l(M,null,B(i(e).nav,o=>(a(),l(M,{key:o.text},["link"in o?(a(),$(dr,{key:0,item:o},null,8,["item"])):(a(),$(Mr,{key:1,text:o.text||"",items:o.items},null,8,["text","items"]))],64))),128))])):f("",!0)}}),Ir=m({__name:"VPNavScreenSocialLinks",setup(s){const{theme:e}=P();return(t,n)=>i(e).socialLinks?(a(),$($e,{key:0,class:"VPNavScreenSocialLinks",links:i(e).socialLinks},null,8,["links"])):f("",!0)}}),Tr={class:"list"},Br=m({__name:"VPNavScreenTranslations",setup(s){const{localeLinks:e,currentLang:t}=X({correspondingLink:!0}),n=L(!1);function o(){n.value=!n.value}return(r,d)=>i(e).length&&i(t).label?(a(),l("div",{key:0,class:C(["VPNavScreenTranslations",{open:n.value}])},[c("button",{class:"title",onClick:o},[h(xe,{class:"icon lang"}),H(" "+V(i(t).label)+" ",1),h(He,{class:"icon chevron"})]),c("ul",Tr,[(a(!0),l(M,null,B(i(e),p=>(a(),l("li",{key:p.link,class:"item"},[h(O,{class:"link",href:p.link},{default:v(()=>[H(V(p.text),1)]),_:2},1032,["href"])]))),128))])],2)):f("",!0)}});const Ar=g(Br,[["__scopeId","data-v-84369744"]]),Hr={class:"container"},xr=m({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(s){const e=L(null),t=Me(q?document.body:null);return(n,o)=>(a(),$(ue,{name:"fade",onEnter:o[0]||(o[0]=r=>t.value=!0),onAfterLeave:o[1]||(o[1]=r=>t.value=!1)},{default:v(()=>[n.open?(a(),l("div",{key:0,class:"VPNavScreen",ref_key:"screen",ref:e,id:"VPNavScreen"},[c("div",Hr,[u(n.$slots,"nav-screen-content-before",{},void 0,!0),h(Nr,{class:"menu"}),h(Ar,{class:"translations"}),h(cr,{class:"appearance"}),h(Ir,{class:"social-links"}),u(n.$slots,"nav-screen-content-after",{},void 0,!0)])],512)):f("",!0)]),_:3}))}});const zr=g(xr,[["__scopeId","data-v-796c739a"]]),Er={key:0,class:"VPNav"},Dr=m({__name:"VPNav",setup(s){const{isScreenOpen:e,closeScreen:t,toggleScreen:n}=Jn(),{frontmatter:o}=P(),r=y(()=>o.value.navbar!==!1);return Ce("close-screen",t),se(()=>{q&&document.documentElement.classList.toggle("hide-nav",!r.value)}),(d,p)=>r.value?(a(),l("header",Er,[h(ar,{"is-screen-open":i(e),onToggleScreen:i(n)},{"nav-bar-title-before":v(()=>[u(d.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[u(d.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":v(()=>[u(d.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":v(()=>[u(d.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),h(zr,{open:i(e)},{"nav-screen-content-before":v(()=>[u(d.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":v(()=>[u(d.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])])):f("",!0)}});const Fr=g(Dr,[["__scopeId","data-v-ff202323"]]),Or=s=>(z("data-v-1b9f5c6f"),s=s(),E(),s),Gr=["role","tabindex"],Ur=Or(()=>c("div",{class:"indicator"},null,-1)),Rr=["onKeydown"],jr={key:1,class:"items"},qr=m({__name:"VPSidebarItem",props:{item:{},depth:{}},setup(s){const e=s,{collapsed:t,collapsible:n,isLink:o,isActiveLink:r,hasActiveLink:d,hasChildren:p,toggle:_}=mt(y(()=>e.item)),k=y(()=>p.value?"section":"div"),N=y(()=>o.value?"a":"div"),T=y(()=>p.value?e.depth+2===7?"p":`h${e.depth+2}`:"p"),A=y(()=>o.value?void 0:"button"),I=y(()=>[[`level-${e.depth}`],{collapsible:n.value},{collapsed:t.value},{"is-link":o.value},{"is-active":r.value},{"has-active":d.value}]);function w(b){"key"in b&&b.key!=="Enter"||!e.item.link&&_()}function S(){e.item.link&&_()}return(b,x)=>{const Z=j("VPSidebarItem",!0);return a(),$(G(k.value),{class:C(["VPSidebarItem",I.value])},{default:v(()=>[b.item.text?(a(),l("div",Q({key:0,class:"item",role:A.value},We(b.item.items?{click:w,keydown:w}:{},!0),{tabindex:b.item.items&&0}),[Ur,b.item.link?(a(),$(O,{key:0,tag:N.value,class:"link",href:b.item.link,rel:b.item.rel,target:b.item.target},{default:v(()=>[(a(),$(G(T.value),{class:"text",innerHTML:b.item.text},null,8,["innerHTML"]))]),_:1},8,["tag","href","rel","target"])):(a(),$(G(T.value),{key:1,class:"text",innerHTML:b.item.text},null,8,["innerHTML"])),b.item.collapsed!=null?(a(),l("div",{key:2,class:"caret",role:"button","aria-label":"toggle section",onClick:S,onKeydown:Ye(S,["enter"]),tabindex:"0"},[h(fe,{class:"caret-icon"})],40,Rr)):f("",!0)],16,Gr)):f("",!0),b.item.items&&b.item.items.length?(a(),l("div",jr,[b.depth<5?(a(!0),l(M,{key:0},B(b.item.items,K=>(a(),$(Z,{key:K.text,item:K,depth:b.depth+1},null,8,["item","depth"]))),128)):f("",!0)])):f("",!0)]),_:1},8,["class"])}}});const Kr=g(qr,[["__scopeId","data-v-1b9f5c6f"]]),Ee=s=>(z("data-v-7ab77f34"),s=s(),E(),s),Wr=Ee(()=>c("div",{class:"curtain"},null,-1)),Yr={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},Jr=Ee(()=>c("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),Xr=m({__name:"VPSidebar",props:{open:{type:Boolean}},setup(s){const e=s,{sidebarGroups:t,hasSidebar:n}=D(),o=L(null),r=Me(q?document.body:null);return R([e,o],()=>{var d;e.open?(r.value=!0,(d=o.value)==null||d.focus()):r.value=!1},{immediate:!0,flush:"post"}),(d,p)=>i(n)?(a(),l("aside",{key:0,class:C(["VPSidebar",{open:d.open}]),ref_key:"navEl",ref:o,onClick:p[0]||(p[0]=Je(()=>{},["stop"]))},[Wr,c("nav",Yr,[Jr,u(d.$slots,"sidebar-nav-before",{},void 0,!0),(a(!0),l(M,null,B(i(t),_=>(a(),l("div",{key:_.text,class:"group"},[h(Kr,{item:_,depth:0},null,8,["item"])]))),128)),u(d.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):f("",!0)}});const Zr=g(Xr,[["__scopeId","data-v-7ab77f34"]]),Qr=m({__name:"VPSkipLink",setup(s){const e=ne(),t=L();R(()=>e.path,()=>t.value.focus());function n({target:o}){const r=document.getElementById(decodeURIComponent(o.hash).slice(1));if(r){const d=()=>{r.removeAttribute("tabindex"),r.removeEventListener("blur",d)};r.setAttribute("tabindex","-1"),r.addEventListener("blur",d),r.focus(),window.scrollTo(0,0)}}return(o,r)=>(a(),l(M,null,[c("span",{ref_key:"backToTop",ref:t,tabindex:"-1"},null,512),c("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:n}," Skip to content ")],64))}});const ei=g(Qr,[["__scopeId","data-v-315fcc9b"]]),ti=m({__name:"Layout",setup(s){const{isOpen:e,open:t,close:n}=D(),o=ne();R(()=>o.path,n),ft(e,n);const{frontmatter:r}=P(),d=Xe(),p=y(()=>!!d["home-hero-image"]);return Ce("hero-image-slot-exists",p),(_,k)=>{const N=j("Content");return i(r).layout!==!1?(a(),l("div",{key:0,class:C(["Layout",i(r).pageClass])},[u(_.$slots,"layout-top",{},void 0,!0),h(ei),h(st,{class:"backdrop",show:i(e),onClick:i(n)},null,8,["show","onClick"]),h(Fr,null,{"nav-bar-title-before":v(()=>[u(_.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[u(_.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":v(()=>[u(_.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":v(()=>[u(_.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":v(()=>[u(_.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":v(()=>[u(_.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),h(Yn,{open:i(e),onOpenMenu:i(t)},null,8,["open","onOpenMenu"]),h(Zr,{open:i(e)},{"sidebar-nav-before":v(()=>[u(_.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":v(()=>[u(_.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),h(Ln,null,{"page-top":v(()=>[u(_.$slots,"page-top",{},void 0,!0)]),"page-bottom":v(()=>[u(_.$slots,"page-bottom",{},void 0,!0)]),"not-found":v(()=>[u(_.$slots,"not-found",{},void 0,!0)]),"home-hero-before":v(()=>[u(_.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info":v(()=>[u(_.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-image":v(()=>[u(_.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":v(()=>[u(_.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":v(()=>[u(_.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":v(()=>[u(_.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":v(()=>[u(_.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":v(()=>[u(_.$slots,"doc-before",{},void 0,!0)]),"doc-after":v(()=>[u(_.$slots,"doc-after",{},void 0,!0)]),"doc-top":v(()=>[u(_.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":v(()=>[u(_.$slots,"doc-bottom",{},void 0,!0)]),"aside-top":v(()=>[u(_.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":v(()=>[u(_.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":v(()=>[u(_.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[u(_.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[u(_.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[u(_.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),h(Tn),u(_.$slots,"layout-bottom",{},void 0,!0)],2)):(a(),$(N,{key:1}))}}});const si=g(ti,[["__scopeId","data-v-f6284a77"]]),ni={xmini:[[0,2]],mini:[],small:[[920,6],[768,5],[640,4],[480,3],[0,2]],medium:[[960,5],[832,4],[640,3],[480,2]],big:[[832,3],[640,2]]};function oi({el:s,size:e="medium"}){const t=Ne(n,100);F(()=>{n(),window.addEventListener("resize",t)}),J(()=>{window.removeEventListener("resize",t)});function n(){ai(s.value,e)}}function ai(s,e){const t=s.children.length,n=s.querySelectorAll(".vp-sponsor-grid-item:not(.empty)").length,o=ri(s,e,n);li(s,o,t,n)}function ri(s,e,t){const n=ni[e],o=window.innerWidth;let r=1;return n.some(([d,p])=>{if(o>=d)return r=t0?ui(s,e):di(s,e*-1))}function ui(s,e){for(let t=0;t(a(),l("div",{class:C(["VPSponsorsGrid vp-sponsor-grid",[n.size]]),ref_key:"el",ref:t},[(a(!0),l(M,null,B(n.data,r=>(a(),l("div",{key:r.name,class:"vp-sponsor-grid-item"},[c("a",{class:"vp-sponsor-grid-link",href:r.url,target:"_blank",rel:"sponsored noopener"},[c("article",vi,[c("h4",pi,V(r.name),1),c("img",{class:"vp-sponsor-grid-image",src:r.img,alt:r.name},null,8,hi)])],8,_i)]))),128))],2))}}),mi={key:0,class:"vp-sponsor-tier"},gi=m({__name:"VPSponsors",props:{mode:{default:"normal"},tier:{},size:{},data:{}},setup(s){const e=s,t=y(()=>e.data.some(o=>"items"in o)?e.data:[{tier:e.tier,size:e.size,items:e.data}]);return(n,o)=>(a(),l("div",{class:C(["VPSponsors vp-sponsor",[n.mode]])},[(a(!0),l(M,null,B(t.value,(r,d)=>(a(),l("section",{key:d,class:"vp-sponsor-section"},[r.tier?(a(),l("h3",mi,V(r.tier),1)):f("",!0),h(fi,{size:r.size,data:r.items},null,8,["size","data"])]))),128))],2))}});const bi={class:"VPDocAsideSponsors"},ki=m({__name:"VPDocAsideSponsors",props:{tier:{},size:{},data:{}},setup(s){return(e,t)=>(a(),l("div",bi,[h(gi,{mode:"aside",tier:e.tier,size:e.size,data:e.data},null,8,["tier","size","data"])]))}});const yi={Layout:si,enhanceApp:({app:s})=>{s.component("Badge",Qe)}};export{ki as _,yi as t,P as u};
diff --git a/assets/development_aws_acknowledgement.md.daba60ba.js b/assets/development_aws_acknowledgement.md.ebd64504.js
similarity index 97%
rename from assets/development_aws_acknowledgement.md.daba60ba.js
rename to assets/development_aws_acknowledgement.md.ebd64504.js
index 1d3ee889..84cfc5cb 100644
--- a/assets/development_aws_acknowledgement.md.daba60ba.js
+++ b/assets/development_aws_acknowledgement.md.ebd64504.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,o,c as s,H as n,k as e,a as l,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const P=JSON.parse('{"title":"謝辞","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/acknowledgement.md","filePath":"development/aws/acknowledgement.md","lastUpdated":1695377563000}'),p={name:"development/aws/acknowledgement.md"},c=e("h1",{id:"謝辞",tabindex:"-1"},[l("謝辞 "),e("a",{class:"header-anchor",href:"#謝辞","aria-label":'Permalink to "謝辞"'},"​")],-1),_=i('
本原稿の執筆にあたり，以下の方々からの協力を得た．この場を借りて，感謝を表したい．
2021 年バージョンの contributors
  • 香取真知子氏 - ハンズオンプログラムの動作確認，文章校閲
2020 年バージョンの contributors
  • 勝俣敬寛氏 - Docker イメージの作成
  • 香取真知子氏 - ハンズオンプログラムの動作確認
  • @shuuji3 - MR !15
  • @takatama_jp - MR !14
本書の執筆には Asciidoctor を使用した．
また，本書はオープンソースの教科書として，すべての読者・ディベロッパーからのフィードバックを受け付けている． 誤植や記述の誤り，改善点など見つかったら，ぜひ Issues や Pull request を投稿していただきたい．
',7);function m(d,h,f,g,k,u){const t=a;return o(),s("div",null,[c,n(t,{readTime:"1",words:"129"}),_])}const N=r(p,[["render",m]]);export{P as __pageData,N as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,o,c as s,H as n,k as e,a as l,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const P=JSON.parse('{"title":"謝辞","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/acknowledgement.md","filePath":"development/aws/acknowledgement.md","lastUpdated":1699051935000}'),p={name:"development/aws/acknowledgement.md"},c=e("h1",{id:"謝辞",tabindex:"-1"},[l("謝辞 "),e("a",{class:"header-anchor",href:"#謝辞","aria-label":'Permalink to "謝辞"'},"​")],-1),_=i('
本原稿の執筆にあたり，以下の方々からの協力を得た．この場を借りて，感謝を表したい．
2021 年バージョンの contributors
  • 香取真知子氏 - ハンズオンプログラムの動作確認，文章校閲
2020 年バージョンの contributors
  • 勝俣敬寛氏 - Docker イメージの作成
  • 香取真知子氏 - ハンズオンプログラムの動作確認
  • @shuuji3 - MR !15
  • @takatama_jp - MR !14
本書の執筆には Asciidoctor を使用した．
また，本書はオープンソースの教科書として，すべての読者・ディベロッパーからのフィードバックを受け付けている． 誤植や記述の誤り，改善点など見つかったら，ぜひ Issues や Pull request を投稿していただきたい．
',7);function m(d,h,f,g,k,u){const t=a;return o(),s("div",null,[c,n(t,{readTime:"1",words:"129"}),_])}const N=r(p,[["render",m]]);export{P as __pageData,N as default};
diff --git a/assets/development_aws_acknowledgement.md.daba60ba.lean.js b/assets/development_aws_acknowledgement.md.ebd64504.lean.js
similarity index 91%
rename from assets/development_aws_acknowledgement.md.daba60ba.lean.js
rename to assets/development_aws_acknowledgement.md.ebd64504.lean.js
index 47d1977c..87e53cbe 100644
--- a/assets/development_aws_acknowledgement.md.daba60ba.lean.js
+++ b/assets/development_aws_acknowledgement.md.ebd64504.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,o,c as s,H as n,k as e,a as l,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const P=JSON.parse('{"title":"謝辞","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/acknowledgement.md","filePath":"development/aws/acknowledgement.md","lastUpdated":1695377563000}'),p={name:"development/aws/acknowledgement.md"},c=e("h1",{id:"謝辞",tabindex:"-1"},[l("謝辞 "),e("a",{class:"header-anchor",href:"#謝辞","aria-label":'Permalink to "謝辞"'},"​")],-1),_=i("",7);function m(d,h,f,g,k,u){const t=a;return o(),s("div",null,[c,n(t,{readTime:"1",words:"129"}),_])}const N=r(p,[["render",m]]);export{P as __pageData,N as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,o,c as s,H as n,k as e,a as l,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const P=JSON.parse('{"title":"謝辞","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/acknowledgement.md","filePath":"development/aws/acknowledgement.md","lastUpdated":1699051935000}'),p={name:"development/aws/acknowledgement.md"},c=e("h1",{id:"謝辞",tabindex:"-1"},[l("謝辞 "),e("a",{class:"header-anchor",href:"#謝辞","aria-label":'Permalink to "謝辞"'},"​")],-1),_=i("",7);function m(d,h,f,g,k,u){const t=a;return o(),s("div",null,[c,n(t,{readTime:"1",words:"129"}),_])}const N=r(p,[["render",m]]);export{P as __pageData,N as default};
diff --git a/assets/development_aws_appendix.md.071021e4.js b/assets/development_aws_appendix.md.071021e4.js
new file mode 100644
index 00000000..5c0c9275
--- /dev/null
+++ b/assets/development_aws_appendix.md.071021e4.js
@@ -0,0 +1,29 @@
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,a as p,b as o,c as l,d as r,e as c,f as t,g as i,h as d,i as y,j as u,k as h,l as m,m as F,n as A,o as g}from"./chunks/venv_shell.dc2530bc.js";import{_ as b,o as C,c as D,H as v,k as s,a as k,Q as f}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const K=JSON.parse('{"title":"Appendix: 環境構築","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/appendix.md","filePath":"development/aws/appendix.md","lastUpdated":1699051935000}'),_={name:"development/aws/appendix.md"},w=s("h1",{id:"appendix-環境構築",tabindex:"-1"},[k("Appendix: 環境構築 "),s("a",{class:"header-anchor",href:"#appendix-環境構築","aria-label":'Permalink to "Appendix: 環境構築"'},"​")],-1),S=f('
本書を読み進めるにあたって，ハンズオンのプログラムを実行するための環境を自分のローカルマシンにセットアップしなければならない． ここでは， AWS やコマンドラインの初心者を想定して，本章で必要なソフトウェアやライブラリのインストールなどを簡単に解説する． 以下に簡単な目次を示そう． 既に環境構築が済んでいる場合は適宜読み飛ばしていただき，関係のある箇所のみ目を通せば良い．
使用する OS は Linux/Mac/Windows のどれを用いても構わない． Windows のユーザーは， Windows Subsytem for Linux (WSL) を使用することを想定している (WSL のインストール)．
また，本書のハンズオンを実行するための Docker イメージ を提供している． これを用いると， AWS CLI/CDK や Python の設定などをスキップできるので， Docker の使用方法を知っている読者には便利だろう．
AWS アカウントの取得 ​
本書で提供するハンズオンを実際に自分で試すには，読者自身で AWS のアカウントの作成をする必要がある． 詳しいアカウントの作成の手順は 公式のドキュメンテーション に書かれているので，そちらも参照していただきたい． 以下の手順に従ってアカウントの作成を行う．
まず，ウェブブラウザから AWS コンソール にアクセスし，右上の Create an AWS Account をクリックする (figure_title で実線で囲った部分)．
サインアップ (1): AWS コンソールにアクセス
次に，遷移した先のページでメールアドレスとパスワードなどの登録を行う (figure_title)．
サインアップ (2): メールアドレス・パスワードなどの登録．
続いて，住所や電話番号などを訊かれるので，すべて入力しよう (figure_title)．
サインアップ (3): 住所・電話番号の入力
次に，クレジットカードの情報の登録を求められる (figure_title)． 個人で AWS を利用する場合は，利用料金の請求はクレジットカードを経由して行われる． クレジットカードの登録なしには AWS を使い始めることはできないことに注意．
サインアップ (4): クレジットカードの登録
次の画面では，携帯電話の SMS またはボイスメッセージを利用した本人確認が求められる (figure_title)． 希望の認証方法を選択し，自分の携帯電話番号を入力しよう．
サインアップ (5): 携帯電話による本人確認
無事に本人確認が完了すると，最後にサポートプランの選択を求められる (figure_title)． 無料の Basic support を選択しておけば問題ない．
サインアップ (6): サポートプランの選択
以上のステップにより，アカウントの作成が完了する (figure_title)． 早速ログインをして， AWS コンソールにアクセスできるか確認しておこう．
サインアップ (7): アカウントの作成が完了した
AWS のシークレットキーの作成 ​
AWS シークレットキーとは， AWS CLI や AWS CDK から AWS の API を操作するときに，ユーザー認証を行うための鍵のことである． AWS CLI/CDK を使うには，最初にシークレットキーを発行する必要がある． AWS シークレットキーの詳細は 公式ドキュメンテーション "Understanding and getting your AWS credentials" を参照．
  1. AWS コンソールにログインする．
  2. 画面右上のアカウント名をクリックし，表示されるプルダウンメニューから "My Security Credentials" を選択 (figure_title)
  3. "Access keys for CLI, SDK, & API access" の下にある "Create accesss key" のボタンをクリックする (figure_title)
  4. 表示された Access key ID, Secret access key を記録しておく (画面を閉じると二度と表示されない)．
  5. 鍵を忘れてしまった場合などは，同じ手順で再発行が可能である．
  6. 発行したシークレットキーは， ~/.aws/credentials のファイルに書き込むか，環境変数に設定するなどして使う (詳しくは AWS CLI のインストール)．
AWS シークレットキーの発行1
AWS シークレットキーの発行2
AWS Educate Starter Account を用いている場合は，次の手順でシークレットキーを確認する．
  • AWS Educate のコンソール画面から， vocareum のコンソールに移動する (figure_title)．
  • Account Details をクリックし，続いて AWS CLI: Show をクリックする．
  • aws_access_key_id, aws_secret_access_key, aws_session_token が表示される (figure_title)． ここで表示された内容を ~/.aws/credentials にコピーする (AWS CLI のインストール 参照)． aws_session_token の箇所も漏らさずコピーすること．
  • 続いて， ~/.aws/config というファイルを用意し，次の内容を書き込む． 現時点では AWS Starter Account は us-east-1 リージョンでしか利用できないためである．
toml
[default]
+    region = us-east-1
+    output = json
[default]
+    region = us-east-1
+    output = json
  • 上記の説明ではプロファイル名が default となっていたが，これは自分の好きな名前に変更してもよい． default 以外の名前を使用する場合は，コマンドを実行するときにプロファイル名を指定する必要がある (詳しくは AWS CLI のインストール)．
vocareum コンソール
vocareum から AWS シークレットキーの発行
AWS CLI のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
sh
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
インストールできたか確認するため，次のコマンドを打ってバージョン情報が出力されることを確認する．
sh
$ aws --version
$ aws --version
インストールができたら，次のコマンドにより初期設定を行う (参照)．
sh
$ aws configure
$ aws configure
コマンドを実行すると， AWS Access Key ID, AWS Secret Access Key を入力するよう指示される． シークレットキーの発行については AWS のシークレットキーの作成 を参照． コマンドは加えて，Default region name を訊いてくる． ここには自分の好きな地域 (例えば ap-northeast-1 =東京リージョン) を指定すればよい． 最後の Default output format は json としておくとよい．
このコマンドを完了すると， ~/.aws/credentials と ~/.aws/config　という名前のファイルが生成されているはずである． 念のため， cat コマンドを使って中身を確認してみるとよい．
sh
$ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
$ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
~/.aws/credentials には認証鍵の情報が， ~/.aws/config には AWS CLI の設定が記録されている．
デフォルトでは， [default] という名前でプロファイルが保存される． いくつかのプロファイルを使い分けたければ， default の例に従って，たとえば [myprofile] などという名前でプロファイルを追加すればよい．
AWS CLI でコマンドを打つときに，プロファイルを使い分けるには，
sh
$ aws s3 ls --profile myprofile
$ aws s3 ls --profile myprofile
のように， --profile というオプションをつけてコマンドを実行する．
いちいち --profile オプションをつけるのが面倒だと感じる場合は， AWS_PROFILE という環境変数を設定するとよい．
sh
$ export AWS_PROFILE=myprofile
$ export AWS_PROFILE=myprofile
あるいは，認証情報などを環境変数に設定するテクニックもある．
sh
export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
これらの環境変数は， ~/.aws/credentials よりも高い優先度をもつので，環境変数が設定されていればそちらの情報が使用される (参照)．
AWS Educate Starter Account は us-east-1 のリージョンのみ利用可能である (執筆時点での情報)． よって， AWS Educate Starter Account を使用している場合は， default region を us-east-1 に設定する必要がある．
AWS CDK のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
Node.js がインストールされていれば，基本的に次のコマンドを実行すればよい．
sh
$ sudo npm install -g aws-cdk
$ sudo npm install -g aws-cdk
本書のハンズオンは AWS CDK version 1.100.0 で開発した． CDK は開発途上のライブラリなので，将来的に API が変更される可能性がある． API の変更によりエラーが生じた場合は， version 1.100.0 を使用することを推奨する．
sh
$ npm install -g aws-cdk@1.100
$ npm install -g aws-cdk@1.100
インストールできたか確認するため，次のコマンドを打って正しくバージョンが表示されることを確認する．
sh
$ cdk --version
$ cdk --version
インストールができたら，次のコマンドにより AWS 側の初期設定を行う． これは一度実行すれば OK．
sh
$ cdk bootstrap
$ cdk bootstrap
cdk bootstrap を実行するときは，AWS の認証情報とリージョンが正しく設定されていることを確認する． デフォルトでは ~/.aws/config にあるデフォルトのプロファイルが使用される． デフォルト以外のプロファイルを用いるときは AWS CLI のインストール で紹介したテクニックを使って切り替える．
AWS CDK の認証情報の設定は AWS CLI と基本的に同じである．詳しくは AWS CLI のインストール を参照．
WSL のインストール ​
本書のハンズオンではコマンドラインから AWS CLI のコマンドを実行したり， Python で書かれたプログラムを実行する． コマンドは基本的に UNIX のターミナルを想定して書かれている． Linux や Mac のユーザーは OS に標準搭載されているターミナルを用いれば良い． Windows を利用している読者は， Windows Subsystem for Linux (WSL) を利用することで，仮想の Linux 環境を構築することを推奨する． Cygwin などの Linux 環境をエミュレートするほかのツールでも構わないが，本書のプログラムは WSL でのみ動作確認を行っている．
WSL とは， Windows の OS 上で Linux の仮想環境を起動するための， Microsoft 社が公式で提供しているソフトウェアである． Ubuntu など希望の Linux distribution が選択でき，基本的にすべての Linux 向けに作られたプログラム・ソフトウェアを使用することができる．
執筆時点では WSL 2 が最新版として提供されているので，以下では WSL 2 のインストール手順を簡単に説明する． 細かな詳細などは， 公式ドキュメンテーション を参照のこと．
前提として，使用される OS は Windows 10 (Pro または Home エディション) でなければならない． さらに，使用している Windows 10 のバージョンが WSL に対応するバージョンであるかを確認する． X64 のシステムでは Version 1903, Build 18362 以上でなければならない． バージョンが対応していない場合は、 Windows のアップデートを行う．
まず最初に， Administrator 権限で PowerShell を起動する (figure_title)． 左下の Windows メニューの検索バーに powershell と入力すると， PowerShell のプログラムが見つかるはずである， これを右クリックし、 Run as administrator を選択し起動する．
管理者権限での PowerShell の起動
PowerShell が起動したら、次のコマンドを実行する．
powershell
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
実行して、“The operation completed successfully.” と出力されるのを確認する． これで WSL が enable される．
次に，先ほどと同じ Administrator 権限で開いた PowerShell で次のコマンドを実行する。
powershell
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
実行して， “The operation completed successfully.” と出力されるのを確認する． これが確認出来たら、一度コンピュータを再起動する．
続いて， Linux kernel update package を次のリンクからダウンロードする． https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
ダウンロードしたファイルをダブルクリックして実行する． ダイアログに従ってインストールを完了させる．
そうしたら，再び PowerShell を開き次のコマンドを実行する。
powershell
wsl --set-default-version 2
wsl --set-default-version 2
最後に、自分の好みの Linux distribution をインストールする． ここでは Ubuntu 20.04 をインストールしよう．
Microsoft store のアプリを起動し，検索バーに Ubuntu と入力する． Ubuntu 20.04 LTS という項目が見つかるはずなので，それを開き， “Get” ボタンをクリックする (figure_title)． しばらく待つと， Ubuntu 20.04 のインストールが完了する．
Microsoft store から Ubuntu 20.04 をインストール
Ubuntu 20.04 を初回に起動すると，初期設定が自動で開始され，数分待つことになる． 初期設定が終わると，ユーザー名・パスワードを設定するようプロンプトが出るので，プロンプトに従い入力する．
これで WSL2 のインストールが完了した． 早速 WSL2 を起動してみよう． 左下の Windows メニューの検索バーに Ubuntu と入力すると， Ubuntu 20.04 のプログラムが見つかるはずである (figure_title)． クリックして起動しよう．
Ubuntu 20.04 の起動
すると，ターミナルの黒い画面が立ち上がるだろう (figure_title)． ls, top などのコマンドを打ってみて， WSL がきちんと動作していることを確認しよう．
WSL の起動画面
オプションとして， Windows Terminal というマイクロソフトから提供されているツールを使うと，より快適に WSL を使用することができる． 興味のある読者はこちらのインストールも推奨する．
Docker のインストール ​
Docker のインストールの方法は OS によって異なる．
Mac ユーザーは， Docker Desktop をインストールする． インストールの方法は， Docker のウェブサイト から， Mac 版の Docker Desktop をダウンロードし，ダウンロードされたファイルをダブルクリックし， Applications のフォルダにドラッグするだけで良い． 詳細は 公式ドキュメンテーション を参照のこと．
Windows のユーザーは，Docker Desktop をインストールする． その際， WSL 2 が事前にインストールされていなければならない． 詳細は 公式ドキュメンテーション を参照のこと． Docker Desktop をインストールすると， WSL からも docker コマンドが使用できるようになる．
Linux ユーザー (特に Ubuntu ユーザー) については，インストールの方法はいくつかのアプローチがある． 公式ドキュメンテーション にいくつかのインストールの方法が示されているので，詳しい情報はそちらを参照いただきたい．
最も簡単な方法は， Docker が公式で提供しているインストールスクリプトを用いる方法である． この場合，次のコマンドを実行することで Docker がインストールされる．
sh
$ curl -fsSL https://get.docker.com -o get-docker.sh\n$ sudo sh get-docker.sh
$ curl -fsSL https://get.docker.com -o get-docker.sh\n$ sudo sh get-docker.sh
デフォルトのインストールでは， root ユーザーのみが docker コマンドを使用できる設定になっている． 従って，コマンドには毎回 sudo を付け加える必要がある． これが面倒だと感じる場合は，次のステップにより，使用するユーザーを docker というグループに追加する (詳細は 公式ドキュメンテーション "Post-installation steps for Linux" を参照)．
まず最初に， docker という名前にグループを追加する． インストールによっては，既に docker グループが作られている場合もある．
sh
$ sudo groupadd docker
$ sudo groupadd docker
次に，現在使用しているユーザーを docker グループに加える．
sh
$ sudo usermod -aG docker $USER
$ sudo usermod -aG docker $USER
ここまでできたら，一度ログアウトし，再度ログインする． これによって，グループの変更がターミナルのセッションに反映される．
設定が正しくできているかを確認するため，次のコマンドを実行してみる．
sh
$ docker run hello-world
$ docker run hello-world
sudo なしでコンテナが実行できたならば，設定は完了である．
Python venv クイックガイド ​
他人からもらったプログラムで， numpy や scipy のバージョンが違う！などの理由で，プログラムが動かない，という経験をしたことがある人は多いのではないだろうか． もし，自分の計算機の中に一つしか Python 環境がないとすると，プロジェクトを切り替えるごとに正しいバージョンをインストールし直さなければならず，これは大変な手間である．
コードのシェアをよりスムーズにするためには，ライブラリのバージョンはプロジェクトごとに管理されるべきである． それを可能にするのが Python 仮想環境とよばれるツールであり， venv, pyenv, conda などがよく使われる．
そのなかでも， venv は Python に標準搭載されているのでとても便利である． pyenv や conda は，別途インストールの必要があるが，それぞれの長所もある．
venv を使って仮想環境を作成するには，
sh
$ python -m venv .env
$ python -m venv .env
と実行する． これにより .env/ というディレクトリが作られ，このディレクトリに依存するライブラリが保存されることになる．
この新たな仮想環境を起動するには
sh
$ source .env/bin/activate
$ source .env/bin/activate
と実行する．
シェルのプロンプトに (.env) という文字が追加されていることを確認しよう (figure_title)． これが， "いまあなたは venv の中にいますよ" というしるしになる．
venv を起動したときのプロンプト
仮想環境を起動すると，それ以降実行する pip コマンドは， .env/ 以下にインストールされる．このようにして，プロジェクトごとに使うライブラリのバージョンを切り分けることができる．
Python では requirements.txt というファイルに依存ライブラリを記述するのが一般的な慣例である．他人からもらったプログラムに， requirements.txt が定義されていれば，
sh
$ pip install -r requirements.txt
$ pip install -r requirements.txt
と実行することで，必要なライブラリをインストールし，瞬時に Python 環境を再現することができる．
venv による仮想環境を保存するディレクトリの名前は任意に選べることができるが， .env という名前を用いるのが一般的である．
ハンズオン実行用の Docker image の使い方 ​
ハンズオンを実行するために必要な， Node.js, Python, AWS CDK などがインストールされた Docker image を用意した． これを使用することで，自分のローカルマシンに諸々をインストールする必要なく，すぐにハンズオンのコードが実行できる．
ハンズオンのいくつかのコマンドは Docker の外 = ローカルマシンのリアル環境で実行されなければならない． それらについてはハンズオンの該当箇所に注意書きとして記してある．
Docker イメージは Docker Hub においてある． Docker イメージのビルドファイルは GitHub の docker/Dockerfile にある．
次のコマンドでコンテナを起動する．
sh
$ docker run -it tomomano/labc:latest
$ docker run -it tomomano/labc:latest
初回にコマンドを実行したときのみ，イメージが Docker Hub からダウンロード (pull) される． 二回目以降はローカルにダウンロードされたイメージが使用される．
コンテナが起動すると，次のようなインタラクティブシェルが表示されるはずである (起動時に -it のオプションをつけたのがポイントである)．
root@aws-handson:~$</programlisting>
この状態で ls コマンドを打つと， handson/ というディレクトリがあるはずである． ここに cd する．
sh
$ cd handson
$ cd handson
すると，各ハンズオンごとのディレクトリが見つかるはずである．
あとは，ハンズオンごとにディレクトリを移動し，ハンズオンごとの virtualenv を作成し，スタックのデプロイを行えばよい ( (#sec_handson_ec2_run) など参照)． ハンズオンごとに使用する依存ライブラリが異なるので，それぞれのハンズオンごとに virtualenv を作成するという設計になっている．
AWS の認証情報を設定することも忘れずに． AWS CLI のインストール で記述したように， AWS_ACCESS_KEY_ID などの環境変数を設定するのが簡単な方法である． あるいは，ローカルマシンの ~/.aws/credentials に認証情報が書き込まれているなら，このディレクトリをコンテナにマウントすることで，同じ認証ファイルをコンテナ内部から参照することが可能である． この選択肢を取る場合は，次のコマンドでコンテナを起動する．
sh
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
これにより，ローカルマシンの ~/.aws をコンテナの /root/.aws にマウントすることができる． 最後の :ro は read-only を意味する． 大切な認証ファイルが誤って書き換えられてしまわないように， read-only のフラグをつけることをおすすめする．
/root/ がコンテナ環境におけるホームディレクトリである． ここで紹介した認証ファイルをマウントするテクニックは， SSH 鍵をコンテナに渡すときなどにも使える．
',140);function E(B,W,x,L,$,Y){const a=e;return C(),D("div",null,[w,v(a,{readTime:"9",words:"2.3k"}),S])}const U=b(_,[["render",E]]);export{K as __pageData,U as default};
diff --git a/assets/development_aws_appendix.md.071021e4.lean.js b/assets/development_aws_appendix.md.071021e4.lean.js
new file mode 100644
index 00000000..2383b812
--- /dev/null
+++ b/assets/development_aws_appendix.md.071021e4.lean.js
@@ -0,0 +1 @@
+import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,a as p,b as o,c as l,d as r,e as c,f as t,g as i,h as d,i as y,j as u,k as h,l as m,m as F,n as A,o as g}from"./chunks/venv_shell.dc2530bc.js";import{_ as b,o as C,c as D,H as v,k as s,a as k,Q as f}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const K=JSON.parse('{"title":"Appendix: 環境構築","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/appendix.md","filePath":"development/aws/appendix.md","lastUpdated":1699051935000}'),_={name:"development/aws/appendix.md"},w=s("h1",{id:"appendix-環境構築",tabindex:"-1"},[k("Appendix: 環境構築 "),s("a",{class:"header-anchor",href:"#appendix-環境構築","aria-label":'Permalink to "Appendix: 環境構築"'},"​")],-1),S=f("",140);function E(B,W,x,L,$,Y){const a=e;return C(),D("div",null,[w,v(a,{readTime:"9",words:"2.3k"}),S])}const U=b(_,[["render",E]]);export{K as __pageData,U as default};
diff --git a/assets/development_aws_appendix.md.568c3e80.js b/assets/development_aws_appendix.md.568c3e80.js
deleted file mode 100644
index 1f6e29e8..00000000
--- a/assets/development_aws_appendix.md.568c3e80.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,a as o,b as l,c as p,d as r,e as c,f as t,g as i,h as d,i as y,j as u,k as h,l as A,m,n as g,o as b}from"./chunks/venv_shell.dc2530bc.js";import{_ as v,o as B,c as k,H as f,k as s,a as _,Q as w}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const K=JSON.parse('{"title":"Appendix: 環境構築","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/appendix.md","filePath":"development/aws/appendix.md","lastUpdated":1695377563000}'),S={name:"development/aws/appendix.md"},D=s("h1",{id:"appendix-環境構築",tabindex:"-1"},[_("Appendix: 環境構築 "),s("a",{class:"header-anchor",href:"#appendix-環境構築","aria-label":'Permalink to "Appendix: 環境構築"'},"​")],-1),C=w('
本書を読み進めるにあたって，ハンズオンのプログラムを実行するための環境を自分のローカルマシンにセットアップしなければならない． ここでは， AWS やコマンドラインの初心者を想定して，本章で必要なソフトウェアやライブラリのインストールなどを簡単に解説する． 以下に簡単な目次を示そう． 既に環境構築が済んでいる場合は適宜読み飛ばしていただき，関係のある箇所のみ目を通せば良い．
使用する OS は Linux/Mac/Windows のどれを用いても構わない． Windows のユーザーは， Windows Subsytem for Linux (WSL) を使用することを想定している (WSL のインストール)．
また，本書のハンズオンを実行するための Docker イメージ を提供している． これを用いると， AWS CLI/CDK や Python の設定などをスキップできるので， Docker の使用方法を知っている読者には便利だろう．
AWS アカウントの取得 ​
本書で提供するハンズオンを実際に自分で試すには，読者自身で AWS のアカウントの作成をする必要がある． 詳しいアカウントの作成の手順は 公式のドキュメンテーション に書かれているので，そちらも参照していただきたい． 以下の手順に従ってアカウントの作成を行う．
まず，ウェブブラウザから AWS コンソール にアクセスし，右上の Create an AWS Account をクリックする (figure_title で実線で囲った部分)．
サインアップ (1): AWS コンソールにアクセス
次に，遷移した先のページでメールアドレスとパスワードなどの登録を行う (figure_title)．
サインアップ (2): メールアドレス・パスワードなどの登録．
続いて，住所や電話番号などを訊かれるので，すべて入力しよう (figure_title)．
サインアップ (3): 住所・電話番号の入力
次に，クレジットカードの情報の登録を求められる (figure_title)． 個人で AWS を利用する場合は，利用料金の請求はクレジットカードを経由して行われる． クレジットカードの登録なしには AWS を使い始めることはできないことに注意．
サインアップ (4): クレジットカードの登録
次の画面では，携帯電話の SMS またはボイスメッセージを利用した本人確認が求められる (figure_title)． 希望の認証方法を選択し，自分の携帯電話番号を入力しよう．
サインアップ (5): 携帯電話による本人確認
無事に本人確認が完了すると，最後にサポートプランの選択を求められる (figure_title)． 無料の Basic support を選択しておけば問題ない．
サインアップ (6): サポートプランの選択
以上のステップにより，アカウントの作成が完了する (figure_title)． 早速ログインをして， AWS コンソールにアクセスできるか確認しておこう．
サインアップ (7): アカウントの作成が完了した
AWS のシークレットキーの作成 ​
AWS シークレットキーとは， AWS CLI や AWS CDK から AWS の API を操作するときに，ユーザー認証を行うための鍵のことである． AWS CLI/CDK を使うには，最初にシークレットキーを発行する必要がある． AWS シークレットキーの詳細は 公式ドキュメンテーション "Understanding and getting your AWS credentials" を参照．
  1. AWS コンソールにログインする．
  2. 画面右上のアカウント名をクリックし，表示されるプルダウンメニューから "My Security Credentials" を選択 (figure_title)
  3. "Access keys for CLI, SDK, & API access" の下にある "Create accesss key" のボタンをクリックする (figure_title)
  4. 表示された Access key ID, Secret access key を記録しておく (画面を閉じると二度と表示されない)．
  5. 鍵を忘れてしまった場合などは，同じ手順で再発行が可能である．
  6. 発行したシークレットキーは， ~/.aws/credentials のファイルに書き込むか，環境変数に設定するなどして使う (詳しくは AWS CLI のインストール)．
AWS シークレットキーの発行1
AWS シークレットキーの発行2
AWS Educate Starter Account を用いている場合は，次の手順でシークレットキーを確認する．
  • AWS Educate のコンソール画面から， vocareum のコンソールに移動する (figure_title)．
  • Account Details をクリックし，続いて AWS CLI: Show をクリックする．
  • aws_access_key_id, aws_secret_access_key, aws_session_token が表示される (figure_title)． ここで表示された内容を ~/.aws/credentials にコピーする (AWS CLI のインストール 参照)． aws_session_token の箇所も漏らさずコピーすること．
  • 続いて， ~/.aws/config というファイルを用意し，次の内容を書き込む． 現時点では AWS Starter Account は us-east-1 リージョンでしか利用できないためである．
toml
[default]
-    region = us-east-1
-    output = json
[default]
-    region = us-east-1
-    output = json
  • 上記の説明ではプロファイル名が default となっていたが，これは自分の好きな名前に変更してもよい． default 以外の名前を使用する場合は，コマンドを実行するときにプロファイル名を指定する必要がある (詳しくは AWS CLI のインストール)．
vocareum コンソール
vocareum から AWS シークレットキーの発行
AWS CLI のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
sh
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
インストールできたか確認するため，次のコマンドを打ってバージョン情報が出力されることを確認する．
sh
$ aws --version
$ aws --version
インストールができたら，次のコマンドにより初期設定を行う (参照)．
sh
$ aws configure
$ aws configure
コマンドを実行すると， AWS Access Key ID, AWS Secret Access Key を入力するよう指示される． シークレットキーの発行については AWS のシークレットキーの作成 を参照． コマンドは加えて，Default region name を訊いてくる． ここには自分の好きな地域 (例えば ap-northeast-1 =東京リージョン) を指定すればよい． 最後の Default output format は json としておくとよい．
このコマンドを完了すると， ~/.aws/credentials と ~/.aws/config　という名前のファイルが生成されているはずである． 念のため， cat コマンドを使って中身を確認してみるとよい．
sh
$ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
-
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
$ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
-
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
~/.aws/credentials には認証鍵の情報が， ~/.aws/config には AWS CLI の設定が記録されている．
デフォルトでは， [default] という名前でプロファイルが保存される． いくつかのプロファイルを使い分けたければ， default の例に従って，たとえば [myprofile] などという名前でプロファイルを追加すればよい．
AWS CLI でコマンドを打つときに，プロファイルを使い分けるには，
sh
$ aws s3 ls --profile myprofile
$ aws s3 ls --profile myprofile
のように， --profile というオプションをつけてコマンドを実行する．
いちいち --profile オプションをつけるのが面倒だと感じる場合は， AWS_PROFILE という環境変数を設定するとよい．
sh
$ export AWS_PROFILE=myprofile
$ export AWS_PROFILE=myprofile
あるいは，認証情報などを環境変数に設定するテクニックもある．
sh
export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
これらの環境変数は， ~/.aws/credentials よりも高い優先度をもつので，環境変数が設定されていればそちらの情報が使用される (参照)．
AWS Educate Starter Account は us-east-1 のリージョンのみ利用可能である (執筆時点での情報)． よって， AWS Educate Starter Account を使用している場合は， default region を us-east-1 に設定する必要がある．
AWS CDK のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
Node.js がインストールされていれば，基本的に次のコマンドを実行すればよい．
sh
$ sudo npm install -g aws-cdk
$ sudo npm install -g aws-cdk
本書のハンズオンは AWS CDK version 1.100.0 で開発した． CDK は開発途上のライブラリなので，将来的に API が変更される可能性がある． API の変更によりエラーが生じた場合は， version 1.100.0 を使用することを推奨する．
sh
$ npm install -g aws-cdk@1.100
$ npm install -g aws-cdk@1.100
インストールできたか確認するため，次のコマンドを打って正しくバージョンが表示されることを確認する．
sh
$ cdk --version
$ cdk --version
インストールができたら，次のコマンドにより AWS 側の初期設定を行う． これは一度実行すれば OK．
sh
$ cdk bootstrap
$ cdk bootstrap
cdk bootstrap を実行するときは，AWS の認証情報とリージョンが正しく設定されていることを確認する． デフォルトでは ~/.aws/config にあるデフォルトのプロファイルが使用される． デフォルト以外のプロファイルを用いるときは AWS CLI のインストール で紹介したテクニックを使って切り替える．
AWS CDK の認証情報の設定は AWS CLI と基本的に同じである．詳しくは AWS CLI のインストール を参照．
WSL のインストール ​
本書のハンズオンではコマンドラインから AWS CLI のコマンドを実行したり， Python で書かれたプログラムを実行する． コマンドは基本的に UNIX のターミナルを想定して書かれている． Linux や Mac のユーザーは OS に標準搭載されているターミナルを用いれば良い． Windows を利用している読者は， Windows Subsystem for Linux (WSL) を利用することで，仮想の Linux 環境を構築することを推奨する． Cygwin などの Linux 環境をエミュレートするほかのツールでも構わないが，本書のプログラムは WSL でのみ動作確認を行っている．
WSL とは， Windows の OS 上で Linux の仮想環境を起動するための， Microsoft 社が公式で提供しているソフトウェアである． Ubuntu など希望の Linux distribution が選択でき，基本的にすべての Linux 向けに作られたプログラム・ソフトウェアを使用することができる．
執筆時点では WSL 2 が最新版として提供されているので，以下では WSL 2 のインストール手順を簡単に説明する． 細かな詳細などは， 公式ドキュメンテーション を参照のこと．
前提として，使用される OS は Windows 10 (Pro または Home エディション) でなければならない． さらに，使用している Windows 10 のバージョンが WSL に対応するバージョンであるかを確認する． X64 のシステムでは Version 1903, Build 18362 以上でなければならない． バージョンが対応していない場合は、 Windows のアップデートを行う．
まず最初に， Administrator 権限で PowerShell を起動する (figure_title)． 左下の Windows メニューの検索バーに powershell と入力すると， PowerShell のプログラムが見つかるはずである， これを右クリックし、 Run as administrator を選択し起動する．
管理者権限での PowerShell の起動
PowerShell が起動したら、次のコマンドを実行する．
powershell
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
実行して、“The operation completed successfully.” と出力されるのを確認する． これで WSL が enable される．
次に，先ほどと同じ Administrator 権限で開いた PowerShell で次のコマンドを実行する。
powershell
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
実行して， “The operation completed successfully.” と出力されるのを確認する． これが確認出来たら、一度コンピュータを再起動する．
続いて， Linux kernel update package を次のリンクからダウンロードする． https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
ダウンロードしたファイルをダブルクリックして実行する． ダイアログに従ってインストールを完了させる．
そうしたら，再び PowerShell を開き次のコマンドを実行する。
powershell
wsl --set-default-version 2
wsl --set-default-version 2
最後に、自分の好みの Linux distribution をインストールする． ここでは Ubuntu 20.04 をインストールしよう．
Microsoft store のアプリを起動し，検索バーに Ubuntu と入力する． Ubuntu 20.04 LTS という項目が見つかるはずなので，それを開き， “Get” ボタンをクリックする (figure_title)． しばらく待つと， Ubuntu 20.04 のインストールが完了する．
Microsoft store から Ubuntu 20.04 をインストール
Ubuntu 20.04 を初回に起動すると，初期設定が自動で開始され，数分待つことになる． 初期設定が終わると，ユーザー名・パスワードを設定するようプロンプトが出るので，プロンプトに従い入力する．
これで WSL2 のインストールが完了した． 早速 WSL2 を起動してみよう． 左下の Windows メニューの検索バーに Ubuntu と入力すると， Ubuntu 20.04 のプログラムが見つかるはずである (figure_title)． クリックして起動しよう．
Ubuntu 20.04 の起動
すると，ターミナルの黒い画面が立ち上がるだろう (figure_title)． ls, top などのコマンドを打ってみて， WSL がきちんと動作していることを確認しよう．
WSL の起動画面
オプションとして， Windows Terminal というマイクロソフトから提供されているツールを使うと，より快適に WSL を使用することができる． 興味のある読者はこちらのインストールも推奨する．
Docker のインストール ​
Docker のインストールの方法は OS によって異なる．
Mac ユーザーは， Docker Desktop をインストールする． インストールの方法は， Docker のウェブサイト から， Mac 版の Docker Desktop をダウンロードし，ダウンロードされたファイルをダブルクリックし， Applications のフォルダにドラッグするだけで良い． 詳細は 公式ドキュメンテーション を参照のこと．
Windows のユーザーは，Docker Desktop をインストールする． その際， WSL 2 が事前にインストールされていなければならない． 詳細は 公式ドキュメンテーション を参照のこと． Docker Desktop をインストールすると， WSL からも docker コマンドが使用できるようになる．
Linux ユーザー (特に Ubuntu ユーザー) については，インストールの方法はいくつかのアプローチがある． 公式ドキュメンテーション にいくつかのインストールの方法が示されているので，詳しい情報はそちらを参照いただきたい．
最も簡単な方法は， Docker が公式で提供しているインストールスクリプトを用いる方法である． この場合，次のコマンドを実行することで Docker がインストールされる．
sh
$ curl -fsSL https://get.docker.com -o get-docker.sh\n$ sudo sh get-docker.sh
$ curl -fsSL https://get.docker.com -o get-docker.sh\n$ sudo sh get-docker.sh
デフォルトのインストールでは， root ユーザーのみが docker コマンドを使用できる設定になっている． 従って，コマンドには毎回 sudo を付け加える必要がある． これが面倒だと感じる場合は，次のステップにより，使用するユーザーを docker というグループに追加する (詳細は 公式ドキュメンテーション "Post-installation steps for Linux" を参照)．
まず最初に， docker という名前にグループを追加する． インストールによっては，既に docker グループが作られている場合もある．
sh
$ sudo groupadd docker
$ sudo groupadd docker
次に，現在使用しているユーザーを docker グループに加える．
sh
$ sudo usermod -aG docker $USER
$ sudo usermod -aG docker $USER
ここまでできたら，一度ログアウトし，再度ログインする． これによって，グループの変更がターミナルのセッションに反映される．
設定が正しくできているかを確認するため，次のコマンドを実行してみる．
sh
$ docker run hello-world
$ docker run hello-world
sudo なしでコンテナが実行できたならば，設定は完了である．
Python venv クイックガイド ​
他人からもらったプログラムで， numpy や scipy のバージョンが違う！などの理由で，プログラムが動かない，という経験をしたことがある人は多いのではないだろうか． もし，自分の計算機の中に一つしか Python 環境がないとすると，プロジェクトを切り替えるごとに正しいバージョンをインストールし直さなければならず，これは大変な手間である．
コードのシェアをよりスムーズにするためには，ライブラリのバージョンはプロジェクトごとに管理されるべきである． それを可能にするのが Python 仮想環境とよばれるツールであり， venv, pyenv, conda などがよく使われる．
そのなかでも， venv は Python に標準搭載されているのでとても便利である． pyenv や conda は，別途インストールの必要があるが，それぞれの長所もある．
venv を使って仮想環境を作成するには，
sh
$ python -m venv .env
$ python -m venv .env
と実行する． これにより .env/ というディレクトリが作られ，このディレクトリに依存するライブラリが保存されることになる．
この新たな仮想環境を起動するには
sh
$ source .env/bin/activate
$ source .env/bin/activate
と実行する．
シェルのプロンプトに (.env) という文字が追加されていることを確認しよう (figure_title)． これが， "いまあなたは venv の中にいますよ" というしるしになる．
venv を起動したときのプロンプト
仮想環境を起動すると，それ以降実行する pip コマンドは， .env/ 以下にインストールされる．このようにして，プロジェクトごとに使うライブラリのバージョンを切り分けることができる．
Python では requirements.txt というファイルに依存ライブラリを記述するのが一般的な慣例である．他人からもらったプログラムに， requirements.txt が定義されていれば，
sh
$ pip install -r requirements.txt
$ pip install -r requirements.txt
と実行することで，必要なライブラリをインストールし，瞬時に Python 環境を再現することができる．
venv による仮想環境を保存するディレクトリの名前は任意に選べることができるが， .env という名前を用いるのが一般的である．
ハンズオン実行用の Docker image の使い方 ​
ハンズオンを実行するために必要な， Node.js, Python, AWS CDK などがインストールされた Docker image を用意した． これを使用することで，自分のローカルマシンに諸々をインストールする必要なく，すぐにハンズオンのコードが実行できる．
ハンズオンのいくつかのコマンドは Docker の外 = ローカルマシンのリアル環境で実行されなければならない． それらについてはハンズオンの該当箇所に注意書きとして記してある．
Docker イメージは Docker Hub においてある． Docker イメージのビルドファイルは GitHub の docker/Dockerfile にある．
次のコマンドでコンテナを起動する．
sh
$ docker run -it tomomano/labc:latest
$ docker run -it tomomano/labc:latest
初回にコマンドを実行したときのみ，イメージが Docker Hub からダウンロード (pull) される． 二回目以降はローカルにダウンロードされたイメージが使用される．
コンテナが起動すると，次のようなインタラクティブシェルが表示されるはずである (起動時に -it のオプションをつけたのがポイントである)．
root@aws-handson:~$</programlisting>
この状態で ls コマンドを打つと， handson/ というディレクトリがあるはずである． ここに cd する．
sh
$ cd handson
$ cd handson
すると，各ハンズオンごとのディレクトリが見つかるはずである．
あとは，ハンズオンごとにディレクトリを移動し，ハンズオンごとの virtualenv を作成し，スタックのデプロイを行えばよい ( (#sec_handson_ec2_run) など参照)． ハンズオンごとに使用する依存ライブラリが異なるので，それぞれのハンズオンごとに virtualenv を作成するという設計になっている．
AWS の認証情報を設定することも忘れずに． AWS CLI のインストール で記述したように， AWS_ACCESS_KEY_ID などの環境変数を設定するのが簡単な方法である． あるいは，ローカルマシンの ~/.aws/credentials に認証情報が書き込まれているなら，このディレクトリをコンテナにマウントすることで，同じ認証ファイルをコンテナ内部から参照することが可能である． この選択肢を取る場合は，次のコマンドでコンテナを起動する．
sh
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
これにより，ローカルマシンの ~/.aws をコンテナの /root/.aws にマウントすることができる． 最後の :ro は read-only を意味する． 大切な認証ファイルが誤って書き換えられてしまわないように， read-only のフラグをつけることをおすすめする．
/root/ がコンテナ環境におけるホームディレクトリである． ここで紹介した認証ファイルをマウントするテクニックは， SSH 鍵をコンテナに渡すときなどにも使える．
',140);function W(z,x,L,$,Y,X){const a=e;return B(),k("div",null,[D,f(a,{readTime:"9",words:"2.3k"}),C])}const U=v(S,[["render",W]]);export{K as __pageData,U as default};
diff --git a/assets/development_aws_appendix.md.568c3e80.lean.js b/assets/development_aws_appendix.md.568c3e80.lean.js
deleted file mode 100644
index 6e8ddf9b..00000000
--- a/assets/development_aws_appendix.md.568c3e80.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as e}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,a as o,b as l,c as p,d as r,e as c,f as t,g as i,h as d,i as y,j as u,k as h,l as A,m,n as g,o as b}from"./chunks/venv_shell.dc2530bc.js";import{_ as v,o as B,c as k,H as f,k as s,a as _,Q as w}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const K=JSON.parse('{"title":"Appendix: 環境構築","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/appendix.md","filePath":"development/aws/appendix.md","lastUpdated":1695377563000}'),S={name:"development/aws/appendix.md"},D=s("h1",{id:"appendix-環境構築",tabindex:"-1"},[_("Appendix: 環境構築 "),s("a",{class:"header-anchor",href:"#appendix-環境構築","aria-label":'Permalink to "Appendix: 環境構築"'},"​")],-1),C=w("",140);function W(z,x,L,$,Y,X){const a=e;return B(),k("div",null,[D,f(a,{readTime:"9",words:"2.3k"}),C])}const U=v(S,[["render",W]]);export{K as __pageData,U as default};
diff --git a/assets/development_aws_assignments.md.35fe9703.js b/assets/development_aws_assignments.md.fcb27d2d.js
similarity index 92%
rename from assets/development_aws_assignments.md.35fe9703.js
rename to assets/development_aws_assignments.md.fcb27d2d.js
index dddf9963..d6f2f17c 100644
--- a/assets/development_aws_assignments.md.35fe9703.js
+++ b/assets/development_aws_assignments.md.fcb27d2d.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as s,o as n,c as o,H as r,k as e,a as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"課題","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/assignments.md","filePath":"development/aws/assignments.md","lastUpdated":1695377563000}'),d={name:"development/aws/assignments.md"},i=e("h1",{id:"課題",tabindex:"-1"},[c("課題 "),e("a",{class:"header-anchor",href:"#課題","aria-label":'Permalink to "課題"'},"​")],-1),m=e("p",null,"以下の課題を提出．",-1);function _(l,p,f,h,g,u){const a=t;return n(),o("div",null,[i,r(a,{readTime:"1",words:"8"}),m])}const w=s(d,[["render",_]]);export{k as __pageData,w as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as s,o as n,c as o,H as r,k as e,a as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"課題","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/assignments.md","filePath":"development/aws/assignments.md","lastUpdated":1699051935000}'),d={name:"development/aws/assignments.md"},i=e("h1",{id:"課題",tabindex:"-1"},[c("課題 "),e("a",{class:"header-anchor",href:"#課題","aria-label":'Permalink to "課題"'},"​")],-1),m=e("p",null,"以下の課題を提出．",-1);function _(l,p,f,h,g,u){const a=t;return n(),o("div",null,[i,r(a,{readTime:"1",words:"8"}),m])}const w=s(d,[["render",_]]);export{k as __pageData,w as default};
diff --git a/assets/development_aws_assignments.md.35fe9703.lean.js b/assets/development_aws_assignments.md.fcb27d2d.lean.js
similarity index 92%
rename from assets/development_aws_assignments.md.35fe9703.lean.js
rename to assets/development_aws_assignments.md.fcb27d2d.lean.js
index dddf9963..d6f2f17c 100644
--- a/assets/development_aws_assignments.md.35fe9703.lean.js
+++ b/assets/development_aws_assignments.md.fcb27d2d.lean.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as s,o as n,c as o,H as r,k as e,a as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"課題","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/assignments.md","filePath":"development/aws/assignments.md","lastUpdated":1695377563000}'),d={name:"development/aws/assignments.md"},i=e("h1",{id:"課題",tabindex:"-1"},[c("課題 "),e("a",{class:"header-anchor",href:"#課題","aria-label":'Permalink to "課題"'},"​")],-1),m=e("p",null,"以下の課題を提出．",-1);function _(l,p,f,h,g,u){const a=t;return n(),o("div",null,[i,r(a,{readTime:"1",words:"8"}),m])}const w=s(d,[["render",_]]);export{k as __pageData,w as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as s,o as n,c as o,H as r,k as e,a as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"課題","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/assignments.md","filePath":"development/aws/assignments.md","lastUpdated":1699051935000}'),d={name:"development/aws/assignments.md"},i=e("h1",{id:"課題",tabindex:"-1"},[c("課題 "),e("a",{class:"header-anchor",href:"#課題","aria-label":'Permalink to "課題"'},"​")],-1),m=e("p",null,"以下の課題を提出．",-1);function _(l,p,f,h,g,u){const a=t;return n(),o("div",null,[i,r(a,{readTime:"1",words:"8"}),m])}const w=s(d,[["render",_]]);export{k as __pageData,w as default};
diff --git a/assets/development_aws_author.md.025b6bde.js b/assets/development_aws_author.md.a292956b.js
similarity index 95%
rename from assets/development_aws_author.md.025b6bde.js
rename to assets/development_aws_author.md.a292956b.js
index ca4b4f06..1b64e10e 100644
--- a/assets/development_aws_author.md.025b6bde.js
+++ b/assets/development_aws_author.md.a292956b.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,o as n,c as s,H as m,k as e,a as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const w=JSON.parse('{"title":"著者紹介","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/author.md","filePath":"development/aws/author.md","lastUpdated":1695377563000}'),c={name:"development/aws/author.md"},i=e("h1",{id:"著者紹介",tabindex:"-1"},[t("著者紹介 "),e("a",{class:"header-anchor",href:"#著者紹介","aria-label":'Permalink to "著者紹介"'},"​")],-1),l=e("p",null,"真野 智之 (Tomoyuki Mano)",-1),d=e("p",null,"情報理工学博士 (東京大学大学院情報理工学系研究科システム情報学専攻)． 2021 年より日本学術振興会特別研究員 (PD) (現職)． 沖縄科学技術大学院大学 (OIST) にてポスドク研究員として働く． 現在の研究分野は神経科学・神経情報学． 趣味は料理・ランニング・鉄道・アニメ，村上春樹の熱烈な愛読家．",-1),_=e("p",null,[t("連絡先　"),e("a",{href:"mailto:tomoyukimano@gmail.com",target:"_blank",rel:"noreferrer"},"tomoyukimano@gmail.com")],-1),p=e("p",null,[t("GitHub "),e("a",{href:"https://github.com/tomomano",target:"_blank",rel:"noreferrer"},"https://github.com/tomomano")],-1);function h(u,f,k,g,b,v){const o=a;return n(),s("div",null,[i,m(o,{readTime:"1",words:"110"}),l,d,_,p])}const N=r(c,[["render",h]]);export{w as __pageData,N as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,o as n,c as s,H as m,k as e,a as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const w=JSON.parse('{"title":"著者紹介","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/author.md","filePath":"development/aws/author.md","lastUpdated":1699051935000}'),c={name:"development/aws/author.md"},i=e("h1",{id:"著者紹介",tabindex:"-1"},[t("著者紹介 "),e("a",{class:"header-anchor",href:"#著者紹介","aria-label":'Permalink to "著者紹介"'},"​")],-1),l=e("p",null,"真野 智之 (Tomoyuki Mano)",-1),d=e("p",null,"情報理工学博士 (東京大学大学院情報理工学系研究科システム情報学専攻)． 2021 年より日本学術振興会特別研究員 (PD) (現職)． 沖縄科学技術大学院大学 (OIST) にてポスドク研究員として働く． 現在の研究分野は神経科学・神経情報学． 趣味は料理・ランニング・鉄道・アニメ，村上春樹の熱烈な愛読家．",-1),_=e("p",null,[t("連絡先　"),e("a",{href:"mailto:tomoyukimano@gmail.com",target:"_blank",rel:"noreferrer"},"tomoyukimano@gmail.com")],-1),p=e("p",null,[t("GitHub "),e("a",{href:"https://github.com/tomomano",target:"_blank",rel:"noreferrer"},"https://github.com/tomomano")],-1);function h(u,f,k,g,b,v){const o=a;return n(),s("div",null,[i,m(o,{readTime:"1",words:"110"}),l,d,_,p])}const N=r(c,[["render",h]]);export{w as __pageData,N as default};
diff --git a/assets/development_aws_author.md.025b6bde.lean.js b/assets/development_aws_author.md.a292956b.lean.js
similarity index 95%
rename from assets/development_aws_author.md.025b6bde.lean.js
rename to assets/development_aws_author.md.a292956b.lean.js
index ca4b4f06..1b64e10e 100644
--- a/assets/development_aws_author.md.025b6bde.lean.js
+++ b/assets/development_aws_author.md.a292956b.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,o as n,c as s,H as m,k as e,a as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const w=JSON.parse('{"title":"著者紹介","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/author.md","filePath":"development/aws/author.md","lastUpdated":1695377563000}'),c={name:"development/aws/author.md"},i=e("h1",{id:"著者紹介",tabindex:"-1"},[t("著者紹介 "),e("a",{class:"header-anchor",href:"#著者紹介","aria-label":'Permalink to "著者紹介"'},"​")],-1),l=e("p",null,"真野 智之 (Tomoyuki Mano)",-1),d=e("p",null,"情報理工学博士 (東京大学大学院情報理工学系研究科システム情報学専攻)． 2021 年より日本学術振興会特別研究員 (PD) (現職)． 沖縄科学技術大学院大学 (OIST) にてポスドク研究員として働く． 現在の研究分野は神経科学・神経情報学． 趣味は料理・ランニング・鉄道・アニメ，村上春樹の熱烈な愛読家．",-1),_=e("p",null,[t("連絡先　"),e("a",{href:"mailto:tomoyukimano@gmail.com",target:"_blank",rel:"noreferrer"},"tomoyukimano@gmail.com")],-1),p=e("p",null,[t("GitHub "),e("a",{href:"https://github.com/tomomano",target:"_blank",rel:"noreferrer"},"https://github.com/tomomano")],-1);function h(u,f,k,g,b,v){const o=a;return n(),s("div",null,[i,m(o,{readTime:"1",words:"110"}),l,d,_,p])}const N=r(c,[["render",h]]);export{w as __pageData,N as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,o as n,c as s,H as m,k as e,a as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const w=JSON.parse('{"title":"著者紹介","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/author.md","filePath":"development/aws/author.md","lastUpdated":1699051935000}'),c={name:"development/aws/author.md"},i=e("h1",{id:"著者紹介",tabindex:"-1"},[t("著者紹介 "),e("a",{class:"header-anchor",href:"#著者紹介","aria-label":'Permalink to "著者紹介"'},"​")],-1),l=e("p",null,"真野 智之 (Tomoyuki Mano)",-1),d=e("p",null,"情報理工学博士 (東京大学大学院情報理工学系研究科システム情報学専攻)． 2021 年より日本学術振興会特別研究員 (PD) (現職)． 沖縄科学技術大学院大学 (OIST) にてポスドク研究員として働く． 現在の研究分野は神経科学・神経情報学． 趣味は料理・ランニング・鉄道・アニメ，村上春樹の熱烈な愛読家．",-1),_=e("p",null,[t("連絡先　"),e("a",{href:"mailto:tomoyukimano@gmail.com",target:"_blank",rel:"noreferrer"},"tomoyukimano@gmail.com")],-1),p=e("p",null,[t("GitHub "),e("a",{href:"https://github.com/tomomano",target:"_blank",rel:"noreferrer"},"https://github.com/tomomano")],-1);function h(u,f,k,g,b,v){const o=a;return n(),s("div",null,[i,m(o,{readTime:"1",words:"110"}),l,d,_,p])}const N=r(c,[["render",h]]);export{w as __pageData,N as default};
diff --git a/assets/development_aws_aws-batch.md.76d54c51.js b/assets/development_aws_aws-batch.md.76d54c51.js
new file mode 100644
index 00000000..190dcec9
--- /dev/null
+++ b/assets/development_aws_aws-batch.md.76d54c51.js
@@ -0,0 +1,456 @@
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as c,e as t,f as r,g as y,h as i,i as A,j as u,k as C,l as b,m as D,n as d,o as m,p as F,q as B,r as E,s as h}from"./chunks/cloud_development.e43e5d4a.js";import{_,o as g,c as q,H as f,k as s,a as v,Q as k}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const X=JSON.parse('{"title":"Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/aws-batch.md","filePath":"development/aws/aws-batch.md","lastUpdated":1699051935000}'),S={name:"development/aws/aws-batch.md"},j=s("h1",{id:"hands-on-4-aws-batch-を使って機械学習のハイパーパラメータサーチを並列化する",tabindex:"-1"},[v("Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する "),s("a",{class:"header-anchor",href:"#hands-on-4-aws-batch-を使って機械学習のハイパーパラメータサーチを並列化する","aria-label":'Permalink to "Hands-on \\#4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する"'},"​")],-1),x=k('
ハンズオン第三回では， ECS と Fargate を使って自動質問回答システムを構築した． シンプルながらも，複数の質問が送られた場合には並列にジョブが実行され，ユーザーに答えが返されるシステムを作ることができた． ここでは，すでに学習済みの言語モデルを用いてアプリケーションを構築した． しかし，一般的に言って，機械学習のワークフローでは自分で作ったモデルを訓練することが最初のステップにあるはずである． そこで，ハンズオン第四回では，クラウドを用いて機械学習の訓練を並列化・高速化することを考える．
本ハンズオンでは深層学習におけるハイパーパラメータ最適化を取り上げる． ハイパーパラメータとは，勾配降下法によって最適化されるニューラルネットのパラメータの外にあるパラメータのことであり，具体的にはモデルの層の幅・深さなどネットワークのアーキテクチャに関わるもの，学習率やモメンタムなどパラメータの更新則に関わるものなどが含まる． 深層学習においてハイパーパラメータの調整はとても重要なタスクである． しかしながら，ハイパーパラメータを調整するには，少しずつ条件を変えながら何度もニューラルネットを学習させる必要があり，多くの計算時間がかかる． 研究・開発においては，スループットよくたくさんのモデルの可能性を探索することが生産性を決める重要なファクターであり，ハイパーパラメータ探索を高速に解くという問題は極めて関心が高い． 本ハンズオンでは，クラウドの強力な計算リソースを利用して並列的にニューラルネットの訓練を実行することで，この問題を解く方法を学んでいこう．
Auto scaling groups (ASG) ​
ハンズオンに入っていく前に， Auto scaling groups (ASG) とよばれる EC2 の概念を知っておく必要がある．
ECS の概要を示した (#ecs_overview) を振り返って見てほしい． 前章 ( (#sec_fargate_qabot)) でも説明したが， ECS のクラスターで計算を担う実体としては EC2 と Fargate を指定することができる． Fargate については前章で記述した． Fargate を用いると，自在にスケールする計算環境をとても簡単な設定で構築することができた． しかし， GPU を利用することができないなど，いくつかの制約があった． EC2 を使用した計算環境を指定することで，プログラミングの複雑度は増すが， GPU やその他のより高度かつ複雑な設定を伴ったクラスターを構築することができる．
EC2 クラスターには ASG と呼ばれるサービスが配置される． ASG は複数の EC2 インスタンスをロジカルな単位でグループ化することでクラスターを構成する． ASG はクラスター内に新しいインスタンスを起動する，あるいは不要になったインスタンスを停止するなどのスケーリングを担う． ASG で重要な概念として， desired capacity, minimum capacity, maximum capacity というパラメータがある． minimum capacity， maximum capacity は，それぞれクラスター内に配置できるインスタンスの数の最小値・最大値を指定するパラメータである． 前者は，クラスターに負荷がかかっていない場合でもアイドリング状態にあるインスタンスを維持することで，急に負荷が増大した時などのバッファーとして作用することができる． 後者は，負荷が急に増えたときに，過剰な数のインスタンスが起動する事態を防ぎ，経済的なコストの上限を定める役割を果たす．
desired capacity が，その時々でシステムが要求するインスタンスの数を指定する． desired capacity は，例えば 24 時間のリズムに合わせてインスタンスの数を増減させる (昼は多く夜は少なくなど) などの決まったスケジュールに基づいた設定を適用することができる． あるいはクラスター全体にかかっている負荷に応じて， desired capacity を動的に制御することも可能である． どのような基準でクラスターのスケーリングを行うかを定めるルールのことを，スケーリングポリシーとよぶ． たとえば，クラスター全体の稼働率 (負荷) を常に 80% に維持する，などのスケーリングポリシーが想定できる． この場合，クラスター全体の負荷が 80%を下回ったときにはクラスターからインスタンスが削除され，80%を超える (あるいは超えると予測される) 場合はインスタンスを追加する，という操作が ASG によって自動的に行われる．
上記のようなパラメータを検討し，ユーザーは ASG を作成する． ASG を作成したのち， ECS との連携をプログラムしてあげることで， ECS を介して ASG による EC2 クラスターにタスクを投入することが可能になる．
AWS Batch ​
AWS Batch のアイコン
先に説明したように， ECS と ASG を組み合わせることで，所望の計算クラスターを構築することが可能である． しかしながら， ECS と ASG にはかなり込み入った設定が必要であり，初心者にとっても経験者にとってもなかなか面倒なプログラミングが要求される． そこで， ECS と ASG によるクラスターの設計を自動化してくれるサービスが提供されている． それが AWS Batch である．
AWS Batch はその名のとおりバッチ (Batch) 化されたジョブ (入力データだけが異なる独立した演算が繰り返し実行されること) を想定している． 多くの科学計算や機械学習がバッチ計算に当てはまる． たとえば，初期値のパラメータを変えて複数のシミュレーションを走らせる，といったケースだ． AWS Batch を用いることの利点は，クラスターのスケーリングやジョブの割り振りはすべて自動で実行され， ユーザーはクラウドの舞台裏の詳細を気にすることなく，大量のジョブを投入できるシステムが手に入る点である． が，知識として背後では ECS/ASG/EC2 の三つ巴が協調して動作しているという点は知っておいてほしい．
AWS Batch では，ジョブの投入・管理をスムーズに行うため，次のような概念が定義されている (figure_title)． まず， ジョブ (Job) というのが，AWS Batch によって実行される一つの計算の単位である． Job definitions とはジョブの内容を定義するものであり，これには実行されるべき Docker のイメージのアドレスや，割り当てる CPU・RAM の容量，環境変数などの設定が含まれる． Job definition に基づいて個々のジョブが実行される． ジョブが実行されると，ジョブは Job queues に入る． Job queues とは，実行待ち状態にあるジョブの列のことであり，時間的に最も先頭に投入されたジョブが最初に実行される． また，複数の queue を配置し， queue ごとに priority (優先度) を設定することが可能であり， priority の高い queue に溜まったジョブが優先的に実行される (筆者はこれをディズニーランドの"ファストパス"を連想して捉えている)． Compute environment とは，先述したクラスターとほぼ同義の概念であり，計算が実行される場所 (EC2 や Fargate からなるクラスター) を指す． Compute environment には，使用する EC2 のインスタンスタイプや同時に起動するインスタンス数の上限などの簡易なスケーリングポリシーが指定されている． Job queues は Compute environment の空き状況を監視しており， それに応じてジョブを Compute environment に投下する．
以上が AWS Batch を使用するうえで理解しておかなければならない概念であるが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは，実際に自分で手を動かしながら学んでいこう．
AWS Batch の主要な概念
EC2 or Fargate?
ECS でクラスターを構成する際，計算を実行する場として EC2 と Fargate の二つの選択肢があることを説明した． それぞれ長所と短所を抱えているのだが，どのような場合にどちらを使うべきだろうか？ それを検討するため，まずは table_title を見てみよう． これは EC2 と Fargate の特徴をまとめたものである． 説明の都合上，大幅な粗視化が行われている点は留意していただきたい．
EC2 vs Fargate
EC2Fargate
Compute capacity
Medium to large
Small to medium
GPU
Yes
No
Launch speed
Slow
Fast
Task placement flexibility
Low
High
Programming complexity
High
Low
これまでに見てきたように， EC2 は最大の CPU 数・メモリーサイズが大きかったり， GPU を利用できたりするなど，単一のインスタンスでの計算能力は高い． 対して， Fargate は単一インスタンスの最大 CPU 数は 4 コアが上限である． その一方で，インスタンスの起動に要する時間は Fargate のほうが圧倒的に早く，より俊敏にクラスターのスケーリングを行うことができる． また，タスクをクラスターに投入する際のフレキシビリティも Fargate のほうが高い． フレキシビリティというのは，例えば一つのインスタンスで 2 つ以上のコンテナを走らせる，などの状況である． 単位 CPU あたりで処理されるタスクの数を最大化する際には，このような設計がしばしば採用される． プログラミングの複雑さという観点からは， Fargate のほうが一般的にシンプルな実装になる．
このように， EC2 と Fargate は互いに相補的な特性を有しており，アプリケーションによって最適な計算環境は検討される必要がある． また，EC2 と Fargate を両方用いたハイブリッドクラスターというのも定義可能であり，そのような選択肢もしばしば用いられる．
準備 ​
ハンズオンのソースコードは GitHub の handson/aws-batch にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，アメリカ東部 (us-east-1) リージョンでは 0.526 $/hour のコストが発生する． 東京 (ap-northeast-1) を選択した場合は 0.71 $/hour のコストが発生する．
(#sec:jupyter_and_deep_learning_setup) でも注意したが，このハンズオンを始める前に G タイプインスタンスの起動上限を AWS コンソールの EC2 管理画面から確認しよう． もし上限が 0 になっていた場合は，上限緩和の申請を行う必要がある． アプリケーションの説明 にも関連した情報を記載しているので，併せて参照されたい．
MNIST 手書き文字認識 (再訪) ​
今回のハンズオンでは，機械学習のハイパーパラメータ調整を取り上げると冒頭で述べた． その最もシンプルな例題として， (#sec_mnist_using_jupyter) で扱った MNIST 手書き文字認識の問題を再度取り上げよう． (#sec_mnist_using_jupyter) では，適当にチョイスしたハイパーパラメータを用いてモデルの訓練を行った． ここで使用したプログラムのハイパーパラメータとしては，確率的勾配降下法 (SGD) における学習率やモメンタムが含まれる． コードでいうと，次の行が該当する．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
ここで使用された 学習率 (lr=0.01) やモメンタム (momentum=0.5) は恣意的に選択された値であり，これがベストな数値であるのかはわからない． たまたまこのチョイスが最適であるかもしれないし，もっと高い精度を出すハイパーパラメータの組が存在するかもしれない． この問題に答えるため，ハイパーパラメータサーチを行おう． 今回は，最もシンプルなアプローチとして，グリッドサーチによるハイパーパラメータサーチを行おう．
機械学習のハイパーパラメータの最適化には大きく３つのアプローチが挙げられる． グリッドサーチ，ランダムサーチ，そしてベイズ最適化による方法である．
グリッドサーチとは，ハイパーパラメータの組をある範囲の中で可能な組み合わせをすべて計算し，最適なパラメータの組を見出す方法である． 最もシンプルかつ確実な方法であるが，すべての組み合わせの可能性を愚直に計算するので計算コストが大きい．
ランダムサーチ法とは，ハイパーパラメータの組をある範囲の中でランダムに抽出し，大量に試行されたランダムな組の中から最適なパラメータの組を見出す方法である． すべての可能性を網羅的に探索できるわけではないが，調整すべきパラメータの数が多数ある場合に，グリッドサーチよりも効率的に広い探索空間をカバーすることができる．
ベイズ最適化を用いた方法では，過去の探索結果から次にどの組み合わせを探索すべきかという指標を計算し，次に探索するパラメータを決定する． これにより，理論的にはグリッドサーチやランダムサーチ法よりも少ない試行回数で最適なパラメータにたどり着くことができる．
並列化の観点でいうと，グリッドサーチとランダムサーチは各ハイパーパラメータの組の計算は独立に実行することができるため並列化が容易である． このように独立したジョブとして分割・並列化可能な問題を Embarrassingly parallel な問題とよぶ (直訳すると"恥ずかしいほど並列化可能な問題"，ということになる)． Embarrassingly parallel な問題はクラウドの強力な計算リソースを用いることで，非常なシンプルな実装で解くことができる． この章ではこのようなタイプの並列計算を取り上げる．
一方，ベイズ最適化による方法は，過去の結果をもとに次の探索が決定されるので，並列化はそれほど単純ではない． 最近では optuna などのハイパーパラメータ探索のためのライブラリが発達しており，ベイズ最適化の数理的な処理を自動で実行してくれるので便利である． これらのライブラリを使うと，もし一台のコンピュータ (ノード) の中に複数の GPU が存在する場合は，並列に計算を実行することができる． しかしながら，一台のノードにとどまらず，複数のノードをまたいだ並列化は，高度なプログラミングテクニックが必要とされるだけでなく，ノード間の接続様式などクラウドのアーキテクチャにも深く依存するものである． 本書ではここまで高度なクラウドの使用方法には立ち入らない．
まずは，本ハンズオンで使用する Docker イメージをローカルで実行してみよう．
Docker イメージのソースコードは handson/aws-batch/docker にある． 基本的に (#sec_mnist_using_jupyter) のハンズオンを元にし，本ハンズオン専用の軽微な変更が施してある． 興味のある読者はソースコードも含めて読んでいただきたい．
練習として，この Docker イメージを手元でビルドするところからはじめてみよう． Dockerfile が保存されているディレクトリに移動し， mymnist という名前 (Tag) をつけてビルドを実行する．
sh
$ cd handson/aws-batch/docker
+$ docker build -t mymnist .
$ cd handson/aws-batch/docker
+$ docker build -t mymnist .
docker build でエラーが出たときは次の可能性を疑ってほしい． ビルドの中で， MNIST の画像データセットを http://yann.lecun.com/exdb/mnist/ からダウンロードするのだが，ダウンロード先のサーバーがしばしばダウンしている． 世界中の機械学習ユーザーがアクセスするので，これはしばしば発生するようである． サーバーがダウンしているとビルドも失敗してしまう． エラーメッセージにそれらしい文言が含まれていたら，この可能性を疑おう．
手元でビルドするかわりに， Docker Hub から pull することも可能である． その場合は次のコマンドを実行する．
sh
$ docker pull tomomano/mymnist:latest
$ docker pull tomomano/mymnist:latest
イメージの準備ができたら，次のコマンドでコンテナを起動し， MNIST の学習を実行する．．
sh
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
このコマンドを実行すると，指定したハイパーパラメータ (--lr で与えられる学習率と --momentum で与えられるモメンタム) を使ってニューラルネットの最適化が始まる． 学習を行う最大のエポック数は --epochs パラメータで指定する． (#sec_jupyter_and_deep_learning) のハンズオンで見たような， Loss の低下がコマンドライン上に出力されるだろう (figure_title)．
Docker を実行した際の出力
上に示したコマンドを使うと，計算は CPU を使って実行される． もし，ローカルの計算機に GPU が備わっており， nvidia-docker の設定が済んでいるならば， 次のコマンドにより GPU を使って計算を実行できる．
$ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
+
このコマンドでは，--gpus all というパラメータが加わった．
CPU/GPU どちらで実行した場合でも，エポックを重ねるにつれて訓練データ (Train データ) の Loss は単調に減少していくのが見て取れるだろう． 一方，検証データ (Validation データ) の Loss および Accuracy は，ある程度まで減少した後，それ以上性能が向上しないことに気がつくだろう． これを実際にプロットしてみると figure_title のようになるはずである．
(左) Train/Validation データそれぞれの Loss のエポックごとの変化． (右) Validation データの Accuracy のエポックごとの変化
これはオーバーフィッティングとよばれる現象で，ニューラルネットが訓練データに過度に最適化され，訓練データの外のデータに対しての精度 (汎化性能) が向上していないことを示している． このような場合の対処法として， Early stopping とよばれるテクニックが知られている． Early stopping とは，検証データの Loss を追跡し，それが減少から増加に転じるエポックで学習をうち止め，そのエポックでのウェイトパラメータを採用する，というものである． 本ハンズオンでも， Early stopping によって訓練の終了を判断し，モデルの性能評価を行っていく．
MNIST 手書き文字データセットでは，訓練データとして 60,000 枚，テストデータとして 10,000 枚の画像が与えられている． 本ハンズオンで使用するコードでは，訓練データのうち 80% の 48,000 枚を訓練データとして使用し，残り 20% の 12,000 枚を検証データとして用いている． 詳しくはソースコードを参照のこと．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントは，あるハイパーパラメータの組を指定して Batch にジョブを提出する
  • Batch はジョブを受け取ると， EC2 からなるクラスターで計算を実行する
  • クラスター内では g4dn.xlarge インスタンスが起動する
  • Docker イメージは， AWS 内に用意された ECR (Elastic Container Registry) から取得される
  • 複数のジョブが投下された場合は，その数だけのインスタンスが起動し並列に実行される
  • 各ジョブによる計算の結果は S3 に保存される
  • 最後にクライアントは S3 から結果をダウンロードし，最適なハイパーパラメータの組を決定する
それでは，プログラムのソースコードを見てみよう (handson/aws-batch/app.py)．
python
class SimpleBatch(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
+
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
+
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
+
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
+
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
+
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
+
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
class SimpleBatch(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
+
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
+
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
+
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
+
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
+
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
+
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
  • で，計算結果を保存するための S3 バケットを用意している
  • で， Compute environment を定義している． ここでは g4dn.xlarge のインスタンスタイプを使用するとし，最大の vCPU 使用数は 64 と指定している． また，最小の vCPU は 0 である． 今回は，負荷がかかっていないときにアイドリング状態にあるインスタンスを用意する利点は全くないので，ここは 0 にするのが望ましい．
  • で， <2> で作成した Compute environment と紐付いた Job queue を定義している．
  • で，ジョブが計算結果を S3 に書き込むことができるよう， IAM ロールを定義している． (IAM とはリソースがもつ権限を管理する仕組みである．詳しくは (#sec:bashoutter_iam) を参照)
  • では， Docker image を配置するための ECR を定義している．
  • で Job definition を作成している． ここでは，4 vCPU， 12000 MB (=12GB) の RAM を使用するように指定している． また，今後必要となる環境変数 (BUCKET_NAME) を設定している． さらに， <4> で作った IAM を付与している．
g4dn.xlarge は 1 台あたり 4 vCPU が割り当てられている． このプログラムでは Compute environment の maximum vCPUs を 64 と指定しているので，最大で 16 台のインスタンスが同時に起動することになる． ここで maxium vCPUs を 64 に限定しているのは，なんらかのミスで意図せぬジョブを大量にクラスターに投入してしまった事態で，高額の AWS 利用料金が発生するのを防ぐためである． もし，自分のアプリケーションで必要と判断したならば自己責任において 64 よりも大きな数を設定して構わない．
ここで注意が一点ある． AWS では各アカウントごとに EC2 で起動できるインスタンスの上限が設定されている． この上限は AWS コンソールにログインし， EC2 コンソールの左側メニューバーの Limits をクリックすることで確認できる (figure_title)． g4dn.xlarge (EC2 の区分でいうと G ファミリーに属する) の制限を確認するには， Running On-Demand All G instances という名前の項目を見る． ここにある数字が， AWS によって課されたアカウントの上限であり，この上限を超えたインスタンスを起動することはできない． もし，自分の用途に対して上限が低すぎる場合は，上限の緩和申請を行うことができる． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
EC2コンソールから各種の上限を確認する
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されたことが確認できたら，AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールの検索バーで batch と入力し， AWS Batch の管理画面を開く (figure_title)．
AWS Batch のコンソール画面 (ダッシュボード)
まず目を向けてほしいのが，画面の一番下にある Compute environment overview の中の SimpleBatchcompute-env という名前の項目だ． Compute environment とは，先ほど述べたとおり，計算が実行される環境 (クラスターと読み替えてもよい) である． プログラムで指定したとおり， g4dn.xlarge が実際に使用されるインスタンスタイプとして表示されている． また， Minimum vCPUs が 0，Maximum vCPUs が 64 と設定されていることも見て取れる． 加えて，この時点では一つもジョブが走っていないので， Desired vCPUs は 0 になっている． より詳細な Compute environment の情報を閲覧したい場合は，名前をクリックすることで詳細画面が開く．
次に，Job queue overview にある SimpleBatch-queue という項目に注目してほしい． ここでは実行待ちのジョブ・実行中のジョブ・実行が完了したジョブを一覧で確認することができる． PENDING, RUNNING, SUCCEEDED, FAILED などのカラムがあることが確認できる．ジョブが進行するにつれて，ジョブの状態がこのカラムにしたがって遷移していく． 後でジョブを実際にサブミットしたときに戻ってこよう．
最後に，今回作成した Job definition を確認しよう． 左側のメニューから　Job definitions を選択し，次の画面で SimpleBatchjob-definition という項目を見つけて開く． ここから Job definition の詳細を閲覧することができる (figure_title)． 中でも重要な情報としては，　vCPUs, Memory, GPU がそれぞれ Docker に割り当てられる vCPU・メモリー・ GPU の量を規定している． また， Image と書いてあるところに，ジョブで使用される Docker イメージが指定されている． ここでは， ECR のレポジトリを参照している． 現時点ではこの ECR は空である． 次のステップとして，この ECR にイメージを配置する作業を行おう．
AWS Batch から Job definition を確認
Docker image を ECR に配置する ​
さて， Batch がジョブを実行するには，どこか指定された場所から Docker イメージをダウンロード (pull) してくる必要がある． 前回のハンズオン ( (#sec_fargate_qabot)) では，公開設定にしてある Docker Hub からイメージを pull してきた． 今回のハンズオンでは， AWS から提供されているレジストリである ECR (Elastic Container Registry) に image を配置するという設計を採用する． ECR を利用する利点は，自分だけがアクセスすることのできるプライベートなイメージの置き場所を用意できる点である． Batch は ECR からイメージを pull してくることで，タスクを実行する (figure_title)．
スタックのソースコードでいうと，次の箇所が ECR を定義している．
python
#
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
+
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
#
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
+
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
  • で，新規の ECR を作成している．
  • で Job definition を定義する中で，イメージを <1> で作った ECR から取得するように指定している． これと同時に， Job definition には ECR へのアクセス権限が IAM を通じて自動的に付与される．
さて，スタックをデプロイした時点では， ECR は空っぽである． ここに自分のアプリケーションで使う Docker イメージを push してあげる必要がある．
そのために，まずは AWS コンソールから ECR の画面を開こう (検索バーに Elastic Container Registry と入力すると出てくる)． Private というタブを選択すると， simplebatch-repositoryXXXXXX という名前のレポジトリが見つかるだろう (figure_title)．
ECR のコンソール画面
次に，このレポジトリの名前をクリックするとレポジトリの詳細画面に遷移する． そうしたら，画面右上にある View push commands というボタンをクリックする． すると figure_title のようなポップアップ画面が立ち上がる．
ECR への push コマンド
このポップアップ画面で表示されている四つのコマンドを順番に実行していくことで，手元の Docker イメージを ECR に push することができる． push を実行する前に， AWS の認証情報が設定されていることを確認しよう． そのうえで，ハンズオンのソースコードの中にある docker/ という名前のディレクトリに移動する． そうしたら，ポップアップ画面で表示されたコマンドを上から順に実行していく．
ポップアップで表示されるコマンドの 2 つめを見てみると docker build -t XXXXX . となっている． 最後の . が重要で，これは 現在のディレクトリにある Dockerfile を使ってイメージをビルドせよ という意味である． このような理由で， Dockerfile が置いてあるディレクトリに移動する必要がある．
四つ目のコマンドは，数 GB あるイメージを ECR にアップロードするので少し時間がかかるかもしれないが，これが完了するとめでたくイメージが ECR に配置されたことになる． もう一度 ECR のコンソールを見てみると，確かにイメージが配置されていることが確認できる (figure_title)． これで，AWS Batch を使ってジョブを実行させるための最後の準備が完了した．
ECR へ image の配置が完了した
単一のジョブを実行する ​
さて，ここからは実際に AWS Batch にジョブを投入する方法を見ていこう．
ハンズオンのディレクトリの notebook/ というディレクトリの中に， run_single.ipynb というファイルが見つかるはずである (.ipynb は Jupyter notebook のファイル形式)． これを Jupyter notebook から開こう．
今回のハンズオンでは， venv による仮想環境の中に Jupyter notebook もインストール済みである． なので，ローカルマシンから以下のコマンドで Jupyter notebook を立ち上げる．
sh
# .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
# .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
Jupyter notebook が起動したら， run_single.ipynb を開く．
最初の [1], [2], [3] 番のセルは，ジョブをサブミットするための関数 (submit_job()) を定義している．
python
# [1]
+import boto3
+import argparse
+
+# [2]
+# AWS 認証ヘルパー ...省略...
+
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
+
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
# [1]
+import boto3
+import argparse
+
+# [2]
+# AWS 認証ヘルパー ...省略...
+
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
+
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
submit_job() 関数について簡単に説明しよう． MNIST 手書き文字認識 (再訪) で， MNIST の Docker をローカルで実行したとき，次のようなコマンドを使用した．
sh
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
ここで， --lr 0.1 --momentum 0.5 --epochs 10 の部分が，コンテナに渡されるコマンドである．
AWS Batch でジョブを実行する際も，ContainerOverrides の command というパラメータを使用することで，コンテナに渡されるコマンドを指定することができる． コードでは以下の部分が該当する．
python
containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
続いて， [4] 番のセルに移ろう． ここでは，上記の submit_job() 関数を用いて， 学習率 = 0.01, モメンタム=0.1, エポック数=100 を指定したジョブを投入する．
python
# [4]
+submit_job(0.01, 0.1, 100)
# [4]
+submit_job(0.01, 0.1, 100)
AWS の認証情報は， Jupyter Notebook の内部から再度定義する必要がある． これを手助けするため， Notebook の [2] 番のセル (デフォルトではすべてコメントアウトされている) を用意した． これを使うにはコメントアウトを解除すればよい． このセルを実行すると， AWS の認証情報を入力する対話的なプロンプトが表示される． プロンプトに従って aws secret key などを入力することで， (Jupyter のセッションに固有な) 環境変数に AWS の認証情報が記録される．
もう一つの認証方法として， submit_job() 関数に profile_name というパラメータを用意した． もし ~/.aws/credentials に認証情報が書き込まれているのならば (詳しくは (#aws_cli_install))， profile_name に使用したいプロファイルの名前を渡すだけで， 認証を行うことができる． 慣れている読者は後者のほうが便利であると感じるだろう．
[4] 番のセルを実行したら，ジョブが実際に投入されたかどうかを AWS コンソールから確認してみよう． AWS Batch の管理コンソールを開くと， figure_title のような画面が表示されるだろう．
AWS Batch でジョブが実行されている様子
figure_title で赤で囲った箇所に注目してほしい． 一つのジョブが投入されると，それは SUBMITTED という状態を経て RUNNABLE という状態に遷移する． RUNNABLE とは， ジョブを実行するためのインスタンスが Compute environment に不足しているため，新たなインスタンスが起動されるのを待っている状態に相当する． インスタンスの準備が整うと，ジョブの状態は STARTING を経て RUNNING に至る．
次に，ジョブのステータスが RUNNING のときの Compute environment の Desired vCPU を見てみよう (figure_title で紫で囲った箇所)． ここで 4 と表示されているのは， g4dn.xlarge インスタンス一つ分の vCPU の数である． ジョブの投入に応じて，それを実行するのに最低限必要な EC2 インスタンスが起動されたことが確認できる (興味のある人は， EC2 コンソールも同時に覗いてみるとよい)．
しばらく経つと，ジョブの状態は RUNNING から SUCCEEDED (あるいは何らかの理由でエラーが発生したときには FAILED) に遷移する． 今回のハンズオンで使っている MNIST の学習はだいたい 10 分くらいで完了するはずである． ジョブの状態が SUCCEEDED になるまで見届けよう．
ジョブが完了すると，学習の結果 (エポックごとの Loss と Accuracy を記録した CSV ファイル) は S3 に保存される． AWS コンソールからこれを確認しよう．
S3 のコンソールに行くと simplebatch-bucketXXXX (XXXX の部分はユーザーによって異なる) という名前のバケットが見つかるはずである． これをクリックして中身を見てみると， metrics_lr0.0100_m0.1000.csv という名前の CSV があることが確認できるだろう (figure_title)． これが， 学習率 = 0.01, モメンタム = 0.1 として学習を行ったときの結果である．
ジョブの実行結果は S3 に保存される
さて，ここで run_single.ipynb に戻ってこよう． [5] から [7] 番のセルでは，学習結果の CSV ファイルのダウンロードを行っている．
python
# [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
+
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
+
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
+
+    return df
+
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
# [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
+
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
+
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
+
+    return df
+
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
[6] で S3 から CSV データをダウンロードし， pandas の DataFrame オブジェクトとしてロードする関数を定義している． [7] を実行する際， bucket_name という変数の値を，自分自身のバケットの名前に置き換えることに注意しよう (先ほど S3 コンソールから確認した simplebatch-bucketXXXX のことである)．
続いて， [9] 番のセルで， CSV のデータをプロットしている (figure_title)． ローカルで実行したときと同じように， AWS Batch を用いて MNIST モデルを訓練することに成功した！
python
# [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
+
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
+
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
+
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
# [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
+
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
+
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
+
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
AWS Batch で行った MNIST モデルの学習の結果
並列に複数の Job を実行する ​
さて，ここからが最後の仕上げである． ここまでのハンズオンで構築した AWS Batch のシステムを使って，ハイパーパラメータサーチを実際に行おう．
先ほど実行した run_single.ipynb と同じディレクトリにある run_sweep.ipynb を開く．
セル [1], [2], [3] は run_single.ipynb と同一である．
python
# [1]
+import boto3
+import argparse
+
+# [2]
+# AWS 認証ヘルパー ...省略...
+
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
# [1]
+import boto3
+import argparse
+
+# [2]
+# AWS 認証ヘルパー ...省略...
+
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
セル [4] の for ループを使って，グリッド状にハイパーパラメータの組み合わせを用意し， batch にジョブを投入している． ここでは 3x3=9 個のジョブを作成した．
python
# [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
# [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
セル [4] を実行したら， Batch のコンソールを開こう． 先ほどと同様に，ジョブのステータスは SUBMITTED > RUNNABLE > STARTING > RUNNING と移り変わっていくことがわかるだろう． 最終的に 9 個のジョブがすべて RUNNING の状態になることを確認しよう (figure_title)． また，このとき Compute environment の Desired vCPUs は 4x9=36 となっていることを確認しよう (figure_title)．
複数のジョブを同時投入したときの Batch コンソール
次に，Batch のコンソールの左側のメニューから Jobs をクリックしてみよう． ここでは，実行中のジョブの一覧が確認することができる (figure_title)． ジョブのステータスでフィルタリングをすることも可能である． 9 個のジョブがどれも RUNNING 状態にあることが確認できるだろう．
複数のジョブを同時投入したときの Job 一覧
今度は EC2 コンソールを見てみよう． 左のメニューから Instances を選択すると， figure_title に示すような起動中のインスタンスの一覧が表示される． g4dn.xlarge が 9 台稼働しているのが確認できる． Batch がジョブの投下に合わせて必要な数のインスタンスを起動してくれたのだ！
複数のジョブを同時投入したときの EC2 インスタンスの一覧
ここまで確認できたら，それぞれの Job が終了するまでしばらく待とう (だいたい 10-15 分くらいで終わる)． すべてのジョブが終了すると，ダッシュボードの SUCCEEDED が 9 となっているはずだ． また， Compute environment の Desired vCPUs も 0 に落ちていることを確認しよう． 最後に EC2 コンソールに行って，すべての g4dn インスタンスが停止していることを確認しよう．
以上から， AWS Batch を使うことで，ジョブの投入に応じて自動的に EC2 インスタンスが起動され，ジョブの完了とともに，ただちにインスタンスの停止が行われる一連の挙動を観察することができた． 一つのジョブの完了におよそ 10 分の時間がかかるので，9 個のハイパーパラメータの組を逐次的に計算していた場合は 90 分の時間を要することになる． AWS Batch を使ってこれらの計算を並列に実行することで，ジョブ一個分の計算時間 (=10 分) ですべての計算を終えることができた！
さて，再び run_sweep.ipynb に戻ってこよう． [5] 以降のセルでは，グリッドサーチの結果を可視化している．
python
# [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
+
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
+
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
+
+    return df
+
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
+
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
+
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
# [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
+
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
+
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
+
+    return df
+
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
+
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
+
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
最終的に出力されるプロットが figure_title である．
ハイパーパラメータのグリッドサーチの結果
このプロットから，差は僅かであるが，学習率が 0.1 のときに精度は最大となることがわかる． また，学習率 0.1 のときはモメンタムを変えても大きな差は生じないことが見て取れる．
今回のパラメータサーチは勉強用に極めて単純化されたものである点は承知いただきたい．
たとえば，今回は学習率が 0.1 が最も良いとされたが，それは訓練のエポックを 100 に限定しているからかもしれない． 学習率が低いとその分訓練に必要なエポック数も多くなる． 訓練のエポック数をもっと増やせばまた違った結果が観察される可能性はある．
また，今回は MNIST の訓練データ 60,000 枚のうち， 48,000 枚を訓練データ，残り 12,000 枚を検証データとして用いた． この分割は乱数を固定してランダムに行ったが，もしこの分割によるデータのバイアスを気にするならば， k 個の異なる学習・検証データの分割をあらかじめ用意して，複数回モデルの評価を行う (k-fold cross-validation) 方法も，より精緻なアプローチとして考えられる．
以上のようにして， CNN を用いた MNIST 分類モデルのハイパーパラメータの最適化の一連の流れを体験した． AWS Batch を利用することで，比較的少ないプログラミングで，動的に EC2 クラスターを制御し，並列にジョブを処理するシステムが構築できた． ここまで EC2 を使いこなすことができれば，多くの問題を自力で解くことが可能になるだろう！
スタックの削除 ​
これにて，本ハンズオンは終了である．最後にスタックを削除しよう． 今回のスタックを削除するにあたり，ECR に配置された Docker のイメージは手動で削除されなければならない (これをしないと， cdk destroy を実行したときにエラーになってしまう． これは CloudFormation の仕様なので従うしかない)．
ECR の Docker image を削除するには， ECR のコンソールに行き，イメージが配置されたレポジトリを開く． そして，画面右上の DELETE ボタンを押して削除する (figure_title)．
ECR から Docker image を削除する
あるいは， AWS CLI から同様の操作を行うには，以下のコマンドを用いる (XXXX は自分の ECR レポジトリ名に置き換える)．
sh
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
image の削除が完了したうえで，次のコマンドでスタックを削除する．
sh
$ cdk destroy
$ cdk destroy
(#sec:batch_development_and_debug) === クラウドを用いた機械学習アプリケーションの開発とデバッグ
本章で紹介したハンズオンでは， AWS Batch を使用することでニューラルネットの学習を複数並列に実行し，高速化を実現した． 本章の最後の話題として，クラウドを用いた機械学習アプリケーションの開発とデバッグの方法について述べよう．
ローカルに GPU を搭載した強力なマシンがなく，クラウドを利用する予算が確保されているのであれば， figure_title のような開発のスキームが理想的であると考える． 最初の段階では， (#sec_jupyter_and_deep_learning) で見たような方法で， GPU 搭載型の EC2 インスタンスを作成し， Jupyter Notebook などのインタラクティブな環境で様々なモデルを試し実験を行う． Jupyter である程度アプリケーションが完成してきたタイミングで，作成したアプリケーションを Docker イメージにパッケージングする． そして， EC2 上で docker run を行い，作成したイメージがバグなく動作するか確認を行う． その次に，ハイパーパラメータの最適化などのチューニングを， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する のハンズオンで学んだ AWS Batch などの計算システムを利用して行う． よい深層学習モデルが完成したら，仕上げに大規模データへの推論処理を行うシステムを (#sec_fargate_qabot) を参考に構築する．
実際，本書ではこの流れに沿って演習を進めてきた． MNIST タスクを解くモデルを，最初 Jupyter Notebook を使用して実験し，そのコードをほとんどそのまま Docker にパッケージし， AWS Batch を用いてハイパーパラメータサーチを行った． このサイクルを繰り返すことで，クラウドを最大限に活用した機械学習アプリケーションの開発を進めることができる．
クラウドを活用した機械学習アプリケーションの開発フロー
小括 ​
ここまでが，本書第二部の内容である． 第一部に引き続き盛りだくさんの内容であったが，ついてこれたであろうか？
第二部ではまず最初に，深層学習の計算をクラウドで実行するため， GPU 搭載型の EC2 インスタンスの起動について解説した． さらに，ハンズオンでは，クラウドに起動した仮想サーバーを使って MNIST 文字認識タスクを解くニューラルネットを訓練した ( (#sec_jupyter_and_deep_learning))．
また，より大規模な機械学習アプリケーションを作るための手段として， Docker と ECS によるクラスターの初歩を説明した ( (#sec_docker_introduction))． その応用として，英語で与えられた文章問題への回答を自動で生成するボットをクラウドに展開した ( (#sec_fargate_qabot))． タスクの投入に応じて動的に計算リソースが作成・削除される様子を実際に体験できただろう．
さらに， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する では AWS Batch を用いてニューラルネットの学習を並列に実行する方法を紹介した． ここで紹介した方法は，ミニマムであるが，計算機システムを大規模化していくためのエッセンスが網羅されている． これらのハンズオン体験から，クラウド技術を応用してどのように現実世界の問題を解いていくのか，なんとなくイメージが伝わっただろうか？
本書の第三部では，さらにレベルアップし，サーバーレスアーキテクチャという最新のクラウドの設計手法について解説する． その応用として，ハンズオンでは簡単な SNS サービスをゼロから実装する． 引き続きクラウドの最先端の世界を楽しんでいこう！
',162);function w(N,R,P,T,U,W){const n=a;return g(),q("div",null,[j,f(n,{readTime:"20",words:"5k"}),x])}const M=_(S,[["render",w]]);export{X as __pageData,M as default};
diff --git a/assets/development_aws_aws-batch.md.76d54c51.lean.js b/assets/development_aws_aws-batch.md.76d54c51.lean.js
new file mode 100644
index 00000000..b48425a3
--- /dev/null
+++ b/assets/development_aws_aws-batch.md.76d54c51.lean.js
@@ -0,0 +1 @@
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as c,e as t,f as r,g as y,h as i,i as A,j as u,k as C,l as b,m as D,n as d,o as m,p as F,q as B,r as E,s as h}from"./chunks/cloud_development.e43e5d4a.js";import{_,o as g,c as q,H as f,k as s,a as v,Q as k}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const X=JSON.parse('{"title":"Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/aws-batch.md","filePath":"development/aws/aws-batch.md","lastUpdated":1699051935000}'),S={name:"development/aws/aws-batch.md"},j=s("h1",{id:"hands-on-4-aws-batch-を使って機械学習のハイパーパラメータサーチを並列化する",tabindex:"-1"},[v("Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する "),s("a",{class:"header-anchor",href:"#hands-on-4-aws-batch-を使って機械学習のハイパーパラメータサーチを並列化する","aria-label":'Permalink to "Hands-on \\#4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する"'},"​")],-1),x=k("",162);function w(N,R,P,T,U,W){const n=a;return g(),q("div",null,[j,f(n,{readTime:"20",words:"5k"}),x])}const M=_(S,[["render",w]]);export{X as __pageData,M as default};
diff --git a/assets/development_aws_aws-batch.md.de2d649a.js b/assets/development_aws_aws-batch.md.de2d649a.js
deleted file mode 100644
index 60c2d9bb..00000000
--- a/assets/development_aws_aws-batch.md.de2d649a.js
+++ /dev/null
@@ -1,456 +0,0 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,a as p,b as o,c as e,d as t,e as c,f as r,g as y,h as i,i as u,j as b,k as d,l as m,m as B,n as A,o as h,p as _,q as g,r as f,s as q}from"./chunks/cloud_development.e43e5d4a.js";import{_ as v,o as k,c as D,H as C,k as s,a as E,Q as S}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const X=JSON.parse('{"title":"Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/aws-batch.md","filePath":"development/aws/aws-batch.md","lastUpdated":1695377563000}'),j={name:"development/aws/aws-batch.md"},w=s("h1",{id:"hands-on-4-aws-batch-を使って機械学習のハイパーパラメータサーチを並列化する",tabindex:"-1"},[E("Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する "),s("a",{class:"header-anchor",href:"#hands-on-4-aws-batch-を使って機械学習のハイパーパラメータサーチを並列化する","aria-label":'Permalink to "Hands-on \\#4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する"'},"​")],-1),x=S('
ハンズオン第三回では， ECS と Fargate を使って自動質問回答システムを構築した． シンプルながらも，複数の質問が送られた場合には並列にジョブが実行され，ユーザーに答えが返されるシステムを作ることができた． ここでは，すでに学習済みの言語モデルを用いてアプリケーションを構築した． しかし，一般的に言って，機械学習のワークフローでは自分で作ったモデルを訓練することが最初のステップにあるはずである． そこで，ハンズオン第四回では，クラウドを用いて機械学習の訓練を並列化・高速化することを考える．
本ハンズオンでは深層学習におけるハイパーパラメータ最適化を取り上げる． ハイパーパラメータとは，勾配降下法によって最適化されるニューラルネットのパラメータの外にあるパラメータのことであり，具体的にはモデルの層の幅・深さなどネットワークのアーキテクチャに関わるもの，学習率やモメンタムなどパラメータの更新則に関わるものなどが含まる． 深層学習においてハイパーパラメータの調整はとても重要なタスクである． しかしながら，ハイパーパラメータを調整するには，少しずつ条件を変えながら何度もニューラルネットを学習させる必要があり，多くの計算時間がかかる． 研究・開発においては，スループットよくたくさんのモデルの可能性を探索することが生産性を決める重要なファクターであり，ハイパーパラメータ探索を高速に解くという問題は極めて関心が高い． 本ハンズオンでは，クラウドの強力な計算リソースを利用して並列的にニューラルネットの訓練を実行することで，この問題を解く方法を学んでいこう．
Auto scaling groups (ASG) ​
ハンズオンに入っていく前に， Auto scaling groups (ASG) とよばれる EC2 の概念を知っておく必要がある．
ECS の概要を示した (#ecs_overview) を振り返って見てほしい． 前章 ( (#sec_fargate_qabot)) でも説明したが， ECS のクラスターで計算を担う実体としては EC2 と Fargate を指定することができる． Fargate については前章で記述した． Fargate を用いると，自在にスケールする計算環境をとても簡単な設定で構築することができた． しかし， GPU を利用することができないなど，いくつかの制約があった． EC2 を使用した計算環境を指定することで，プログラミングの複雑度は増すが， GPU やその他のより高度かつ複雑な設定を伴ったクラスターを構築することができる．
EC2 クラスターには ASG と呼ばれるサービスが配置される． ASG は複数の EC2 インスタンスをロジカルな単位でグループ化することでクラスターを構成する． ASG はクラスター内に新しいインスタンスを起動する，あるいは不要になったインスタンスを停止するなどのスケーリングを担う． ASG で重要な概念として， desired capacity, minimum capacity, maximum capacity というパラメータがある． minimum capacity， maximum capacity は，それぞれクラスター内に配置できるインスタンスの数の最小値・最大値を指定するパラメータである． 前者は，クラスターに負荷がかかっていない場合でもアイドリング状態にあるインスタンスを維持することで，急に負荷が増大した時などのバッファーとして作用することができる． 後者は，負荷が急に増えたときに，過剰な数のインスタンスが起動する事態を防ぎ，経済的なコストの上限を定める役割を果たす．
desired capacity が，その時々でシステムが要求するインスタンスの数を指定する． desired capacity は，例えば 24 時間のリズムに合わせてインスタンスの数を増減させる (昼は多く夜は少なくなど) などの決まったスケジュールに基づいた設定を適用することができる． あるいはクラスター全体にかかっている負荷に応じて， desired capacity を動的に制御することも可能である． どのような基準でクラスターのスケーリングを行うかを定めるルールのことを，スケーリングポリシーとよぶ． たとえば，クラスター全体の稼働率 (負荷) を常に 80% に維持する，などのスケーリングポリシーが想定できる． この場合，クラスター全体の負荷が 80%を下回ったときにはクラスターからインスタンスが削除され，80%を超える (あるいは超えると予測される) 場合はインスタンスを追加する，という操作が ASG によって自動的に行われる．
上記のようなパラメータを検討し，ユーザーは ASG を作成する． ASG を作成したのち， ECS との連携をプログラムしてあげることで， ECS を介して ASG による EC2 クラスターにタスクを投入することが可能になる．
AWS Batch ​
AWS Batch のアイコン
先に説明したように， ECS と ASG を組み合わせることで，所望の計算クラスターを構築することが可能である． しかしながら， ECS と ASG にはかなり込み入った設定が必要であり，初心者にとっても経験者にとってもなかなか面倒なプログラミングが要求される． そこで， ECS と ASG によるクラスターの設計を自動化してくれるサービスが提供されている． それが AWS Batch である．
AWS Batch はその名のとおりバッチ (Batch) 化されたジョブ (入力データだけが異なる独立した演算が繰り返し実行されること) を想定している． 多くの科学計算や機械学習がバッチ計算に当てはまる． たとえば，初期値のパラメータを変えて複数のシミュレーションを走らせる，といったケースだ． AWS Batch を用いることの利点は，クラスターのスケーリングやジョブの割り振りはすべて自動で実行され， ユーザーはクラウドの舞台裏の詳細を気にすることなく，大量のジョブを投入できるシステムが手に入る点である． が，知識として背後では ECS/ASG/EC2 の三つ巴が協調して動作しているという点は知っておいてほしい．
AWS Batch では，ジョブの投入・管理をスムーズに行うため，次のような概念が定義されている (figure_title)． まず， ジョブ (Job) というのが，AWS Batch によって実行される一つの計算の単位である． Job definitions とはジョブの内容を定義するものであり，これには実行されるべき Docker のイメージのアドレスや，割り当てる CPU・RAM の容量，環境変数などの設定が含まれる． Job definition に基づいて個々のジョブが実行される． ジョブが実行されると，ジョブは Job queues に入る． Job queues とは，実行待ち状態にあるジョブの列のことであり，時間的に最も先頭に投入されたジョブが最初に実行される． また，複数の queue を配置し， queue ごとに priority (優先度) を設定することが可能であり， priority の高い queue に溜まったジョブが優先的に実行される (筆者はこれをディズニーランドの"ファストパス"を連想して捉えている)． Compute environment とは，先述したクラスターとほぼ同義の概念であり，計算が実行される場所 (EC2 や Fargate からなるクラスター) を指す． Compute environment には，使用する EC2 のインスタンスタイプや同時に起動するインスタンス数の上限などの簡易なスケーリングポリシーが指定されている． Job queues は Compute environment の空き状況を監視しており， それに応じてジョブを Compute environment に投下する．
以上が AWS Batch を使用するうえで理解しておかなければならない概念であるが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは，実際に自分で手を動かしながら学んでいこう．
AWS Batch の主要な概念
EC2 or Fargate?
ECS でクラスターを構成する際，計算を実行する場として EC2 と Fargate の二つの選択肢があることを説明した． それぞれ長所と短所を抱えているのだが，どのような場合にどちらを使うべきだろうか？ それを検討するため，まずは table_title を見てみよう． これは EC2 と Fargate の特徴をまとめたものである． 説明の都合上，大幅な粗視化が行われている点は留意していただきたい．
EC2 vs Fargate
EC2Fargate
Compute capacity
Medium to large
Small to medium
GPU
Yes
No
Launch speed
Slow
Fast
Task placement flexibility
Low
High
Programming complexity
High
Low
これまでに見てきたように， EC2 は最大の CPU 数・メモリーサイズが大きかったり， GPU を利用できたりするなど，単一のインスタンスでの計算能力は高い． 対して， Fargate は単一インスタンスの最大 CPU 数は 4 コアが上限である． その一方で，インスタンスの起動に要する時間は Fargate のほうが圧倒的に早く，より俊敏にクラスターのスケーリングを行うことができる． また，タスクをクラスターに投入する際のフレキシビリティも Fargate のほうが高い． フレキシビリティというのは，例えば一つのインスタンスで 2 つ以上のコンテナを走らせる，などの状況である． 単位 CPU あたりで処理されるタスクの数を最大化する際には，このような設計がしばしば採用される． プログラミングの複雑さという観点からは， Fargate のほうが一般的にシンプルな実装になる．
このように， EC2 と Fargate は互いに相補的な特性を有しており，アプリケーションによって最適な計算環境は検討される必要がある． また，EC2 と Fargate を両方用いたハイブリッドクラスターというのも定義可能であり，そのような選択肢もしばしば用いられる．
準備 ​
ハンズオンのソースコードは GitHub の handson/aws-batch にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，アメリカ東部 (us-east-1) リージョンでは 0.526 $/hour のコストが発生する． 東京 (ap-northeast-1) を選択した場合は 0.71 $/hour のコストが発生する．
(#sec:jupyter_and_deep_learning_setup) でも注意したが，このハンズオンを始める前に G タイプインスタンスの起動上限を AWS コンソールの EC2 管理画面から確認しよう． もし上限が 0 になっていた場合は，上限緩和の申請を行う必要がある． アプリケーションの説明 にも関連した情報を記載しているので，併せて参照されたい．
MNIST 手書き文字認識 (再訪) ​
今回のハンズオンでは，機械学習のハイパーパラメータ調整を取り上げると冒頭で述べた． その最もシンプルな例題として， (#sec_mnist_using_jupyter) で扱った MNIST 手書き文字認識の問題を再度取り上げよう． (#sec_mnist_using_jupyter) では，適当にチョイスしたハイパーパラメータを用いてモデルの訓練を行った． ここで使用したプログラムのハイパーパラメータとしては，確率的勾配降下法 (SGD) における学習率やモメンタムが含まれる． コードでいうと，次の行が該当する．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
ここで使用された 学習率 (lr=0.01) やモメンタム (momentum=0.5) は恣意的に選択された値であり，これがベストな数値であるのかはわからない． たまたまこのチョイスが最適であるかもしれないし，もっと高い精度を出すハイパーパラメータの組が存在するかもしれない． この問題に答えるため，ハイパーパラメータサーチを行おう． 今回は，最もシンプルなアプローチとして，グリッドサーチによるハイパーパラメータサーチを行おう．
機械学習のハイパーパラメータの最適化には大きく３つのアプローチが挙げられる． グリッドサーチ，ランダムサーチ，そしてベイズ最適化による方法である．
グリッドサーチとは，ハイパーパラメータの組をある範囲の中で可能な組み合わせをすべて計算し，最適なパラメータの組を見出す方法である． 最もシンプルかつ確実な方法であるが，すべての組み合わせの可能性を愚直に計算するので計算コストが大きい．
ランダムサーチ法とは，ハイパーパラメータの組をある範囲の中でランダムに抽出し，大量に試行されたランダムな組の中から最適なパラメータの組を見出す方法である． すべての可能性を網羅的に探索できるわけではないが，調整すべきパラメータの数が多数ある場合に，グリッドサーチよりも効率的に広い探索空間をカバーすることができる．
ベイズ最適化を用いた方法では，過去の探索結果から次にどの組み合わせを探索すべきかという指標を計算し，次に探索するパラメータを決定する． これにより，理論的にはグリッドサーチやランダムサーチ法よりも少ない試行回数で最適なパラメータにたどり着くことができる．
並列化の観点でいうと，グリッドサーチとランダムサーチは各ハイパーパラメータの組の計算は独立に実行することができるため並列化が容易である． このように独立したジョブとして分割・並列化可能な問題を Embarrassingly parallel な問題とよぶ (直訳すると"恥ずかしいほど並列化可能な問題"，ということになる)． Embarrassingly parallel な問題はクラウドの強力な計算リソースを用いることで，非常なシンプルな実装で解くことができる． この章ではこのようなタイプの並列計算を取り上げる．
一方，ベイズ最適化による方法は，過去の結果をもとに次の探索が決定されるので，並列化はそれほど単純ではない． 最近では optuna などのハイパーパラメータ探索のためのライブラリが発達しており，ベイズ最適化の数理的な処理を自動で実行してくれるので便利である． これらのライブラリを使うと，もし一台のコンピュータ (ノード) の中に複数の GPU が存在する場合は，並列に計算を実行することができる． しかしながら，一台のノードにとどまらず，複数のノードをまたいだ並列化は，高度なプログラミングテクニックが必要とされるだけでなく，ノード間の接続様式などクラウドのアーキテクチャにも深く依存するものである． 本書ではここまで高度なクラウドの使用方法には立ち入らない．
まずは，本ハンズオンで使用する Docker イメージをローカルで実行してみよう．
Docker イメージのソースコードは handson/aws-batch/docker にある． 基本的に (#sec_mnist_using_jupyter) のハンズオンを元にし，本ハンズオン専用の軽微な変更が施してある． 興味のある読者はソースコードも含めて読んでいただきたい．
練習として，この Docker イメージを手元でビルドするところからはじめてみよう． Dockerfile が保存されているディレクトリに移動し， mymnist という名前 (Tag) をつけてビルドを実行する．
sh
$ cd handson/aws-batch/docker
-$ docker build -t mymnist .
$ cd handson/aws-batch/docker
-$ docker build -t mymnist .
docker build でエラーが出たときは次の可能性を疑ってほしい． ビルドの中で， MNIST の画像データセットを http://yann.lecun.com/exdb/mnist/ からダウンロードするのだが，ダウンロード先のサーバーがしばしばダウンしている． 世界中の機械学習ユーザーがアクセスするので，これはしばしば発生するようである． サーバーがダウンしているとビルドも失敗してしまう． エラーメッセージにそれらしい文言が含まれていたら，この可能性を疑おう．
手元でビルドするかわりに， Docker Hub から pull することも可能である． その場合は次のコマンドを実行する．
sh
$ docker pull tomomano/mymnist:latest
$ docker pull tomomano/mymnist:latest
イメージの準備ができたら，次のコマンドでコンテナを起動し， MNIST の学習を実行する．．
sh
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
このコマンドを実行すると，指定したハイパーパラメータ (--lr で与えられる学習率と --momentum で与えられるモメンタム) を使ってニューラルネットの最適化が始まる． 学習を行う最大のエポック数は --epochs パラメータで指定する． (#sec_jupyter_and_deep_learning) のハンズオンで見たような， Loss の低下がコマンドライン上に出力されるだろう (figure_title)．
Docker を実行した際の出力
上に示したコマンドを使うと，計算は CPU を使って実行される． もし，ローカルの計算機に GPU が備わっており， nvidia-docker の設定が済んでいるならば， 次のコマンドにより GPU を使って計算を実行できる．
$ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
-
このコマンドでは，--gpus all というパラメータが加わった．
CPU/GPU どちらで実行した場合でも，エポックを重ねるにつれて訓練データ (Train データ) の Loss は単調に減少していくのが見て取れるだろう． 一方，検証データ (Validation データ) の Loss および Accuracy は，ある程度まで減少した後，それ以上性能が向上しないことに気がつくだろう． これを実際にプロットしてみると figure_title のようになるはずである．
(左) Train/Validation データそれぞれの Loss のエポックごとの変化． (右) Validation データの Accuracy のエポックごとの変化
これはオーバーフィッティングとよばれる現象で，ニューラルネットが訓練データに過度に最適化され，訓練データの外のデータに対しての精度 (汎化性能) が向上していないことを示している． このような場合の対処法として， Early stopping とよばれるテクニックが知られている． Early stopping とは，検証データの Loss を追跡し，それが減少から増加に転じるエポックで学習をうち止め，そのエポックでのウェイトパラメータを採用する，というものである． 本ハンズオンでも， Early stopping によって訓練の終了を判断し，モデルの性能評価を行っていく．
MNIST 手書き文字データセットでは，訓練データとして 60,000 枚，テストデータとして 10,000 枚の画像が与えられている． 本ハンズオンで使用するコードでは，訓練データのうち 80% の 48,000 枚を訓練データとして使用し，残り 20% の 12,000 枚を検証データとして用いている． 詳しくはソースコードを参照のこと．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントは，あるハイパーパラメータの組を指定して Batch にジョブを提出する
  • Batch はジョブを受け取ると， EC2 からなるクラスターで計算を実行する
  • クラスター内では g4dn.xlarge インスタンスが起動する
  • Docker イメージは， AWS 内に用意された ECR (Elastic Container Registry) から取得される
  • 複数のジョブが投下された場合は，その数だけのインスタンスが起動し並列に実行される
  • 各ジョブによる計算の結果は S3 に保存される
  • 最後にクライアントは S3 から結果をダウンロードし，最適なハイパーパラメータの組を決定する
それでは，プログラムのソースコードを見てみよう (handson/aws-batch/app.py)．
python
class SimpleBatch(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
-
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
-
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
-
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
-
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
-
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
-
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
class SimpleBatch(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
-
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
-
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
-
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
-
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
-
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
-
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
  • で，計算結果を保存するための S3 バケットを用意している
  • で， Compute environment を定義している． ここでは g4dn.xlarge のインスタンスタイプを使用するとし，最大の vCPU 使用数は 64 と指定している． また，最小の vCPU は 0 である． 今回は，負荷がかかっていないときにアイドリング状態にあるインスタンスを用意する利点は全くないので，ここは 0 にするのが望ましい．
  • で， <2> で作成した Compute environment と紐付いた Job queue を定義している．
  • で，ジョブが計算結果を S3 に書き込むことができるよう， IAM ロールを定義している． (IAM とはリソースがもつ権限を管理する仕組みである．詳しくは (#sec:bashoutter_iam) を参照)
  • では， Docker image を配置するための ECR を定義している．
  • で Job definition を作成している． ここでは，4 vCPU， 12000 MB (=12GB) の RAM を使用するように指定している． また，今後必要となる環境変数 (BUCKET_NAME) を設定している． さらに， <4> で作った IAM を付与している．
g4dn.xlarge は 1 台あたり 4 vCPU が割り当てられている． このプログラムでは Compute environment の maximum vCPUs を 64 と指定しているので，最大で 16 台のインスタンスが同時に起動することになる． ここで maxium vCPUs を 64 に限定しているのは，なんらかのミスで意図せぬジョブを大量にクラスターに投入してしまった事態で，高額の AWS 利用料金が発生するのを防ぐためである． もし，自分のアプリケーションで必要と判断したならば自己責任において 64 よりも大きな数を設定して構わない．
ここで注意が一点ある． AWS では各アカウントごとに EC2 で起動できるインスタンスの上限が設定されている． この上限は AWS コンソールにログインし， EC2 コンソールの左側メニューバーの Limits をクリックすることで確認できる (figure_title)． g4dn.xlarge (EC2 の区分でいうと G ファミリーに属する) の制限を確認するには， Running On-Demand All G instances という名前の項目を見る． ここにある数字が， AWS によって課されたアカウントの上限であり，この上限を超えたインスタンスを起動することはできない． もし，自分の用途に対して上限が低すぎる場合は，上限の緩和申請を行うことができる． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
EC2コンソールから各種の上限を確認する
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されたことが確認できたら，AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールの検索バーで batch と入力し， AWS Batch の管理画面を開く (figure_title)．
AWS Batch のコンソール画面 (ダッシュボード)
まず目を向けてほしいのが，画面の一番下にある Compute environment overview の中の SimpleBatchcompute-env という名前の項目だ． Compute environment とは，先ほど述べたとおり，計算が実行される環境 (クラスターと読み替えてもよい) である． プログラムで指定したとおり， g4dn.xlarge が実際に使用されるインスタンスタイプとして表示されている． また， Minimum vCPUs が 0，Maximum vCPUs が 64 と設定されていることも見て取れる． 加えて，この時点では一つもジョブが走っていないので， Desired vCPUs は 0 になっている． より詳細な Compute environment の情報を閲覧したい場合は，名前をクリックすることで詳細画面が開く．
次に，Job queue overview にある SimpleBatch-queue という項目に注目してほしい． ここでは実行待ちのジョブ・実行中のジョブ・実行が完了したジョブを一覧で確認することができる． PENDING, RUNNING, SUCCEEDED, FAILED などのカラムがあることが確認できる．ジョブが進行するにつれて，ジョブの状態がこのカラムにしたがって遷移していく． 後でジョブを実際にサブミットしたときに戻ってこよう．
最後に，今回作成した Job definition を確認しよう． 左側のメニューから　Job definitions を選択し，次の画面で SimpleBatchjob-definition という項目を見つけて開く． ここから Job definition の詳細を閲覧することができる (figure_title)． 中でも重要な情報としては，　vCPUs, Memory, GPU がそれぞれ Docker に割り当てられる vCPU・メモリー・ GPU の量を規定している． また， Image と書いてあるところに，ジョブで使用される Docker イメージが指定されている． ここでは， ECR のレポジトリを参照している． 現時点ではこの ECR は空である． 次のステップとして，この ECR にイメージを配置する作業を行おう．
AWS Batch から Job definition を確認
Docker image を ECR に配置する ​
さて， Batch がジョブを実行するには，どこか指定された場所から Docker イメージをダウンロード (pull) してくる必要がある． 前回のハンズオン ( (#sec_fargate_qabot)) では，公開設定にしてある Docker Hub からイメージを pull してきた． 今回のハンズオンでは， AWS から提供されているレジストリである ECR (Elastic Container Registry) に image を配置するという設計を採用する． ECR を利用する利点は，自分だけがアクセスすることのできるプライベートなイメージの置き場所を用意できる点である． Batch は ECR からイメージを pull してくることで，タスクを実行する (figure_title)．
スタックのソースコードでいうと，次の箇所が ECR を定義している．
python
#
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
-
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
#
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
-
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
  • で，新規の ECR を作成している．
  • で Job definition を定義する中で，イメージを <1> で作った ECR から取得するように指定している． これと同時に， Job definition には ECR へのアクセス権限が IAM を通じて自動的に付与される．
さて，スタックをデプロイした時点では， ECR は空っぽである． ここに自分のアプリケーションで使う Docker イメージを push してあげる必要がある．
そのために，まずは AWS コンソールから ECR の画面を開こう (検索バーに Elastic Container Registry と入力すると出てくる)． Private というタブを選択すると， simplebatch-repositoryXXXXXX という名前のレポジトリが見つかるだろう (figure_title)．
ECR のコンソール画面
次に，このレポジトリの名前をクリックするとレポジトリの詳細画面に遷移する． そうしたら，画面右上にある View push commands というボタンをクリックする． すると figure_title のようなポップアップ画面が立ち上がる．
ECR への push コマンド
このポップアップ画面で表示されている四つのコマンドを順番に実行していくことで，手元の Docker イメージを ECR に push することができる． push を実行する前に， AWS の認証情報が設定されていることを確認しよう． そのうえで，ハンズオンのソースコードの中にある docker/ という名前のディレクトリに移動する． そうしたら，ポップアップ画面で表示されたコマンドを上から順に実行していく．
ポップアップで表示されるコマンドの 2 つめを見てみると docker build -t XXXXX . となっている． 最後の . が重要で，これは 現在のディレクトリにある Dockerfile を使ってイメージをビルドせよ という意味である． このような理由で， Dockerfile が置いてあるディレクトリに移動する必要がある．
四つ目のコマンドは，数 GB あるイメージを ECR にアップロードするので少し時間がかかるかもしれないが，これが完了するとめでたくイメージが ECR に配置されたことになる． もう一度 ECR のコンソールを見てみると，確かにイメージが配置されていることが確認できる (figure_title)． これで，AWS Batch を使ってジョブを実行させるための最後の準備が完了した．
ECR へ image の配置が完了した
単一のジョブを実行する ​
さて，ここからは実際に AWS Batch にジョブを投入する方法を見ていこう．
ハンズオンのディレクトリの notebook/ というディレクトリの中に， run_single.ipynb というファイルが見つかるはずである (.ipynb は Jupyter notebook のファイル形式)． これを Jupyter notebook から開こう．
今回のハンズオンでは， venv による仮想環境の中に Jupyter notebook もインストール済みである． なので，ローカルマシンから以下のコマンドで Jupyter notebook を立ち上げる．
sh
# .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
# .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
Jupyter notebook が起動したら， run_single.ipynb を開く．
最初の [1], [2], [3] 番のセルは，ジョブをサブミットするための関数 (submit_job()) を定義している．
python
# [1]
-import boto3
-import argparse
-
-# [2]
-# AWS 認証ヘルパー ...省略...
-
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
-
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
# [1]
-import boto3
-import argparse
-
-# [2]
-# AWS 認証ヘルパー ...省略...
-
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
-
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
submit_job() 関数について簡単に説明しよう． MNIST 手書き文字認識 (再訪) で， MNIST の Docker をローカルで実行したとき，次のようなコマンドを使用した．
sh
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
ここで， --lr 0.1 --momentum 0.5 --epochs 10 の部分が，コンテナに渡されるコマンドである．
AWS Batch でジョブを実行する際も，ContainerOverrides の command というパラメータを使用することで，コンテナに渡されるコマンドを指定することができる． コードでは以下の部分が該当する．
python
containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
続いて， [4] 番のセルに移ろう． ここでは，上記の submit_job() 関数を用いて， 学習率 = 0.01, モメンタム=0.1, エポック数=100 を指定したジョブを投入する．
python
# [4]
-submit_job(0.01, 0.1, 100)
# [4]
-submit_job(0.01, 0.1, 100)
AWS の認証情報は， Jupyter Notebook の内部から再度定義する必要がある． これを手助けするため， Notebook の [2] 番のセル (デフォルトではすべてコメントアウトされている) を用意した． これを使うにはコメントアウトを解除すればよい． このセルを実行すると， AWS の認証情報を入力する対話的なプロンプトが表示される． プロンプトに従って aws secret key などを入力することで， (Jupyter のセッションに固有な) 環境変数に AWS の認証情報が記録される．
もう一つの認証方法として， submit_job() 関数に profile_name というパラメータを用意した． もし ~/.aws/credentials に認証情報が書き込まれているのならば (詳しくは (#aws_cli_install))， profile_name に使用したいプロファイルの名前を渡すだけで， 認証を行うことができる． 慣れている読者は後者のほうが便利であると感じるだろう．
[4] 番のセルを実行したら，ジョブが実際に投入されたかどうかを AWS コンソールから確認してみよう． AWS Batch の管理コンソールを開くと， figure_title のような画面が表示されるだろう．
AWS Batch でジョブが実行されている様子
figure_title で赤で囲った箇所に注目してほしい． 一つのジョブが投入されると，それは SUBMITTED という状態を経て RUNNABLE という状態に遷移する． RUNNABLE とは， ジョブを実行するためのインスタンスが Compute environment に不足しているため，新たなインスタンスが起動されるのを待っている状態に相当する． インスタンスの準備が整うと，ジョブの状態は STARTING を経て RUNNING に至る．
次に，ジョブのステータスが RUNNING のときの Compute environment の Desired vCPU を見てみよう (figure_title で紫で囲った箇所)． ここで 4 と表示されているのは， g4dn.xlarge インスタンス一つ分の vCPU の数である． ジョブの投入に応じて，それを実行するのに最低限必要な EC2 インスタンスが起動されたことが確認できる (興味のある人は， EC2 コンソールも同時に覗いてみるとよい)．
しばらく経つと，ジョブの状態は RUNNING から SUCCEEDED (あるいは何らかの理由でエラーが発生したときには FAILED) に遷移する． 今回のハンズオンで使っている MNIST の学習はだいたい 10 分くらいで完了するはずである． ジョブの状態が SUCCEEDED になるまで見届けよう．
ジョブが完了すると，学習の結果 (エポックごとの Loss と Accuracy を記録した CSV ファイル) は S3 に保存される． AWS コンソールからこれを確認しよう．
S3 のコンソールに行くと simplebatch-bucketXXXX (XXXX の部分はユーザーによって異なる) という名前のバケットが見つかるはずである． これをクリックして中身を見てみると， metrics_lr0.0100_m0.1000.csv という名前の CSV があることが確認できるだろう (figure_title)． これが， 学習率 = 0.01, モメンタム = 0.1 として学習を行ったときの結果である．
ジョブの実行結果は S3 に保存される
さて，ここで run_single.ipynb に戻ってこよう． [5] から [7] 番のセルでは，学習結果の CSV ファイルのダウンロードを行っている．
python
# [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
-
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
-
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
-
-    return df
-
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
# [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
-
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
-
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
-
-    return df
-
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
[6] で S3 から CSV データをダウンロードし， pandas の DataFrame オブジェクトとしてロードする関数を定義している． [7] を実行する際， bucket_name という変数の値を，自分自身のバケットの名前に置き換えることに注意しよう (先ほど S3 コンソールから確認した simplebatch-bucketXXXX のことである)．
続いて， [9] 番のセルで， CSV のデータをプロットしている (figure_title)． ローカルで実行したときと同じように， AWS Batch を用いて MNIST モデルを訓練することに成功した！
python
# [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
-
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
-
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
-
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
# [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
-
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
-
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
-
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
AWS Batch で行った MNIST モデルの学習の結果
並列に複数の Job を実行する ​
さて，ここからが最後の仕上げである． ここまでのハンズオンで構築した AWS Batch のシステムを使って，ハイパーパラメータサーチを実際に行おう．
先ほど実行した run_single.ipynb と同じディレクトリにある run_sweep.ipynb を開く．
セル [1], [2], [3] は run_single.ipynb と同一である．
python
# [1]
-import boto3
-import argparse
-
-# [2]
-# AWS 認証ヘルパー ...省略...
-
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
# [1]
-import boto3
-import argparse
-
-# [2]
-# AWS 認証ヘルパー ...省略...
-
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
セル [4] の for ループを使って，グリッド状にハイパーパラメータの組み合わせを用意し， batch にジョブを投入している． ここでは 3x3=9 個のジョブを作成した．
python
# [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
# [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
セル [4] を実行したら， Batch のコンソールを開こう． 先ほどと同様に，ジョブのステータスは SUBMITTED > RUNNABLE > STARTING > RUNNING と移り変わっていくことがわかるだろう． 最終的に 9 個のジョブがすべて RUNNING の状態になることを確認しよう (figure_title)． また，このとき Compute environment の Desired vCPUs は 4x9=36 となっていることを確認しよう (figure_title)．
複数のジョブを同時投入したときの Batch コンソール
次に，Batch のコンソールの左側のメニューから Jobs をクリックしてみよう． ここでは，実行中のジョブの一覧が確認することができる (figure_title)． ジョブのステータスでフィルタリングをすることも可能である． 9 個のジョブがどれも RUNNING 状態にあることが確認できるだろう．
複数のジョブを同時投入したときの Job 一覧
今度は EC2 コンソールを見てみよう． 左のメニューから Instances を選択すると， figure_title に示すような起動中のインスタンスの一覧が表示される． g4dn.xlarge が 9 台稼働しているのが確認できる． Batch がジョブの投下に合わせて必要な数のインスタンスを起動してくれたのだ！
複数のジョブを同時投入したときの EC2 インスタンスの一覧
ここまで確認できたら，それぞれの Job が終了するまでしばらく待とう (だいたい 10-15 分くらいで終わる)． すべてのジョブが終了すると，ダッシュボードの SUCCEEDED が 9 となっているはずだ． また， Compute environment の Desired vCPUs も 0 に落ちていることを確認しよう． 最後に EC2 コンソールに行って，すべての g4dn インスタンスが停止していることを確認しよう．
以上から， AWS Batch を使うことで，ジョブの投入に応じて自動的に EC2 インスタンスが起動され，ジョブの完了とともに，ただちにインスタンスの停止が行われる一連の挙動を観察することができた． 一つのジョブの完了におよそ 10 分の時間がかかるので，9 個のハイパーパラメータの組を逐次的に計算していた場合は 90 分の時間を要することになる． AWS Batch を使ってこれらの計算を並列に実行することで，ジョブ一個分の計算時間 (=10 分) ですべての計算を終えることができた！
さて，再び run_sweep.ipynb に戻ってこよう． [5] 以降のセルでは，グリッドサーチの結果を可視化している．
python
# [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
-
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
-
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
-
-    return df
-
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
-
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
-
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
-
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
# [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
-
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
-
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
-
-    return df
-
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
-
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
-
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
-
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
最終的に出力されるプロットが figure_title である．
ハイパーパラメータのグリッドサーチの結果
このプロットから，差は僅かであるが，学習率が 0.1 のときに精度は最大となることがわかる． また，学習率 0.1 のときはモメンタムを変えても大きな差は生じないことが見て取れる．
今回のパラメータサーチは勉強用に極めて単純化されたものである点は承知いただきたい．
たとえば，今回は学習率が 0.1 が最も良いとされたが，それは訓練のエポックを 100 に限定しているからかもしれない． 学習率が低いとその分訓練に必要なエポック数も多くなる． 訓練のエポック数をもっと増やせばまた違った結果が観察される可能性はある．
また，今回は MNIST の訓練データ 60,000 枚のうち， 48,000 枚を訓練データ，残り 12,000 枚を検証データとして用いた． この分割は乱数を固定してランダムに行ったが，もしこの分割によるデータのバイアスを気にするならば， k 個の異なる学習・検証データの分割をあらかじめ用意して，複数回モデルの評価を行う (k-fold cross-validation) 方法も，より精緻なアプローチとして考えられる．
以上のようにして， CNN を用いた MNIST 分類モデルのハイパーパラメータの最適化の一連の流れを体験した． AWS Batch を利用することで，比較的少ないプログラミングで，動的に EC2 クラスターを制御し，並列にジョブを処理するシステムが構築できた． ここまで EC2 を使いこなすことができれば，多くの問題を自力で解くことが可能になるだろう！
スタックの削除 ​
これにて，本ハンズオンは終了である．最後にスタックを削除しよう． 今回のスタックを削除するにあたり，ECR に配置された Docker のイメージは手動で削除されなければならない (これをしないと， cdk destroy を実行したときにエラーになってしまう． これは CloudFormation の仕様なので従うしかない)．
ECR の Docker image を削除するには， ECR のコンソールに行き，イメージが配置されたレポジトリを開く． そして，画面右上の DELETE ボタンを押して削除する (figure_title)．
ECR から Docker image を削除する
あるいは， AWS CLI から同様の操作を行うには，以下のコマンドを用いる (XXXX は自分の ECR レポジトリ名に置き換える)．
sh
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
image の削除が完了したうえで，次のコマンドでスタックを削除する．
sh
$ cdk destroy
$ cdk destroy
(#sec:batch_development_and_debug) === クラウドを用いた機械学習アプリケーションの開発とデバッグ
本章で紹介したハンズオンでは， AWS Batch を使用することでニューラルネットの学習を複数並列に実行し，高速化を実現した． 本章の最後の話題として，クラウドを用いた機械学習アプリケーションの開発とデバッグの方法について述べよう．
ローカルに GPU を搭載した強力なマシンがなく，クラウドを利用する予算が確保されているのであれば， figure_title のような開発のスキームが理想的であると考える． 最初の段階では， (#sec_jupyter_and_deep_learning) で見たような方法で， GPU 搭載型の EC2 インスタンスを作成し， Jupyter Notebook などのインタラクティブな環境で様々なモデルを試し実験を行う． Jupyter である程度アプリケーションが完成してきたタイミングで，作成したアプリケーションを Docker イメージにパッケージングする． そして， EC2 上で docker run を行い，作成したイメージがバグなく動作するか確認を行う． その次に，ハイパーパラメータの最適化などのチューニングを， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する のハンズオンで学んだ AWS Batch などの計算システムを利用して行う． よい深層学習モデルが完成したら，仕上げに大規模データへの推論処理を行うシステムを (#sec_fargate_qabot) を参考に構築する．
実際，本書ではこの流れに沿って演習を進めてきた． MNIST タスクを解くモデルを，最初 Jupyter Notebook を使用して実験し，そのコードをほとんどそのまま Docker にパッケージし， AWS Batch を用いてハイパーパラメータサーチを行った． このサイクルを繰り返すことで，クラウドを最大限に活用した機械学習アプリケーションの開発を進めることができる．
クラウドを活用した機械学習アプリケーションの開発フロー
小括 ​
ここまでが，本書第二部の内容である． 第一部に引き続き盛りだくさんの内容であったが，ついてこれたであろうか？
第二部ではまず最初に，深層学習の計算をクラウドで実行するため， GPU 搭載型の EC2 インスタンスの起動について解説した． さらに，ハンズオンでは，クラウドに起動した仮想サーバーを使って MNIST 文字認識タスクを解くニューラルネットを訓練した ( (#sec_jupyter_and_deep_learning))．
また，より大規模な機械学習アプリケーションを作るための手段として， Docker と ECS によるクラスターの初歩を説明した ( (#sec_docker_introduction))． その応用として，英語で与えられた文章問題への回答を自動で生成するボットをクラウドに展開した ( (#sec_fargate_qabot))． タスクの投入に応じて動的に計算リソースが作成・削除される様子を実際に体験できただろう．
さらに， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する では AWS Batch を用いてニューラルネットの学習を並列に実行する方法を紹介した． ここで紹介した方法は，ミニマムであるが，計算機システムを大規模化していくためのエッセンスが網羅されている． これらのハンズオン体験から，クラウド技術を応用してどのように現実世界の問題を解いていくのか，なんとなくイメージが伝わっただろうか？
本書の第三部では，さらにレベルアップし，サーバーレスアーキテクチャという最新のクラウドの設計手法について解説する． その応用として，ハンズオンでは簡単な SNS サービスをゼロから実装する． 引き続きクラウドの最先端の世界を楽しんでいこう！
',162);function N(R,P,T,U,W,I){const n=a;return k(),D("div",null,[w,C(n,{readTime:"20",words:"5k"}),x])}const M=v(j,[["render",N]]);export{X as __pageData,M as default};
diff --git a/assets/development_aws_aws-batch.md.de2d649a.lean.js b/assets/development_aws_aws-batch.md.de2d649a.lean.js
deleted file mode 100644
index 36cd2d87..00000000
--- a/assets/development_aws_aws-batch.md.de2d649a.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,a as p,b as o,c as e,d as t,e as c,f as r,g as y,h as i,i as u,j as b,k as d,l as m,m as B,n as A,o as h,p as _,q as g,r as f,s as q}from"./chunks/cloud_development.e43e5d4a.js";import{_ as v,o as k,c as D,H as C,k as s,a as E,Q as S}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const X=JSON.parse('{"title":"Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/aws-batch.md","filePath":"development/aws/aws-batch.md","lastUpdated":1695377563000}'),j={name:"development/aws/aws-batch.md"},w=s("h1",{id:"hands-on-4-aws-batch-を使って機械学習のハイパーパラメータサーチを並列化する",tabindex:"-1"},[E("Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する "),s("a",{class:"header-anchor",href:"#hands-on-4-aws-batch-を使って機械学習のハイパーパラメータサーチを並列化する","aria-label":'Permalink to "Hands-on \\#4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する"'},"​")],-1),x=S("",162);function N(R,P,T,U,W,I){const n=a;return k(),D("div",null,[w,C(n,{readTime:"20",words:"5k"}),x])}const M=v(j,[["render",N]]);export{X as __pageData,M as default};
diff --git a/assets/development_aws_aws-get-started.md.5e1dfdb2.js b/assets/development_aws_aws-get-started.md.5e1dfdb2.js
new file mode 100644
index 00000000..c36db7f7
--- /dev/null
+++ b/assets/development_aws_aws-get-started.md.5e1dfdb2.js
@@ -0,0 +1,149 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,a as p,b as l,c as e,d as t,e as r,f as c,g as y,h as i,i as u,j as A}from"./chunks/iac.2263bc12.js";import{_ as C,a as d}from"./chunks/VPC.e1acca4d.js";import{_ as F,o as D,c as m,H as b,k as s,a as q,Q as h}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"AWS 入門","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/aws-get-started.md","filePath":"development/aws/aws-get-started.md","lastUpdated":1699051935000}'),B={name:"development/aws/aws-get-started.md"},g=s("h1",{id:"aws-入門",tabindex:"-1"},[q("AWS 入門 "),s("a",{class:"header-anchor",href:"#aws-入門","aria-label":'Permalink to "AWS 入門"'},"​")],-1),E=h('
AWS とは？ ​
本書では，クラウドの実践を行うプラットフォームとして， AWS を用いる． 実践にあたって，最低限必要な AWS の知識を本章では解説しよう．
AWS (Amazon Web Services) は Amazon 社が提供する総合的なクラウドプラットフォームである． AWS は Amazon 社が持つ膨大な計算リソースを貸し出すクラウドサービスとして，2006 年に誕生した． 2021 年では，クラウドプロバイダーとして最大のマーケットシェア (約 32%) を保持している (参照)． Netflix や Slack をはじめとした多くのウェブ関連のサービスで，一部または全てのサーバーリソースが AWS から提供されているとのことである． よって，知らないうちに AWS の恩恵にあずかっている人も少なくないはずだ．
最大のシェアをもつだけに，機能・サービスの幅広さはほかのクラウドプラットフォームと比べ抜きんでている． また，利用者数が多いことを反映して，公式あるいはサードパーティによる技術紹介記事が数多くウェブ上に存在しているだけでなく，ライブラリのユーザーコミュニティも大きく問題解決が捗るのも魅力の一つだ． 初期のころウェブビジネスを行う企業がユーザーの大半を占めていたが，最近は大学などでの科学研究用途としても頻繁に用いられるようになってきている．
AWS の機能・サービス ​
figure_title は，執筆時点において AWS で提供されている主要な機能・サービスの一覧である．
AWSで提供されている主要なサービス一覧
計算，ストレージ，データベース，ネットワーク，セキュリティなど，クラウドの構築に必要な様々な要素が独立したコンポーネントとして提供されている． 基本的に，これらを組み合わせることで一つのクラウドシステムができあがる．
また，機械学習・音声認識・AR/VR など，特定のアプリケーションにパッケージ済みのサービスも提供されている． これらを合計すると全部で 170 個以上のサービスが提供されているとのことである (参照)．
AWS の初心者が陥りがちなのは，大量のサービスの数に圧倒され，どこから手をつけたらよいのかわからなくなる，という状況である． たくさんのサービスの中から，どのサービスをどの順番で学んでいったらいいのか，その道筋すら明らかでなく，大きな参入障壁となっていることは間違いない． だが実のところ， AWS の基本的な構成要素はそのうちの数個のみに限られる． 基本要素となる機能の使い方を知れば， AWS のおおよそのリソースを使いこなすことが可能になる． ほかの機能の多くは，基本の要素を組み合わせて特定のアプリケーションに特化したパッケージとして AWS が用意したものである． そのポイントを認知することが， AWS の学習の最初のステップである．
ここでは， AWS 上でクラウドシステムを構築するときの基本となる構成要素を列挙する． これらは後のハンズオンで実際にプログラムを書きながら体験する． 現時点では，名前だけでも頭の片隅に記憶してもらえればよい．
計算 ​
S3 EC2 (Elastic Compute Cloud) 様々なスペックの仮想マシンを作成し，計算を実行することができる． クラウドの最も基本となる構成要素である． (#sec_first_ec2), (#sec_jupyter_and_deep_learning), (#sec_aws_batch) で詳しく触れる．
S3 Lambda Function as a Service (FaaS) とよばれる，小さな計算をサーバーなしで実行するためのサービス． サーバーレスアーキテクチャの章 ( (#sec_serverless)) で詳しく解説する．
ストレージ ​
S3EBS (Elastic Block Store) EC2 に付与することのできる仮想データドライブ． いわゆる"普通の"(一般的な OS で使われている)ファイルシステムを思い浮かべてくれたらよい．
S3
S3 (Simple Storage Service) Object Storage とよばれる，API を使ってデータの読み書きを行う，いうなれば”クラウド・ネイティブ”なデータの格納システムである． サーバーレスアーキテクチャの章 ( (#sec_serverless)) で詳しく解説する．
データベース ​
S3
DynamoDB NoSQL 型のデータベースサービス (知っている人は mongoDB などを思い浮かべたらよい)． サーバーレスアーキテクチャの章 ( (#sec_serverless)) で詳しく解説する．
ネットワーク ​
S3 VPC(Virtual Private Cloud) AWS 上に仮想ネットワーク環境を作成し，仮想サーバー間の接続を定義したり，外部からのアクセスなどを管理する． EC2 は VPC の内部に配置されなければならない．
API Gateway S3
API のエンドポイントとバックエンドのサービス (Lambda など) を接続する際に用いる，リバースプロキシとしての役割を担う． (#sec_bashoutter) で詳しく解説する．
Region と Availability Zone ​
AWS を使用する際に知っておかなければならない重要な概念として， リージョン (Region) と Availability Zone (AZ) がある (figure_title)． 以下ではこの概念について簡単に記述する．
AWSにおける Region と Availability Zones
リージョン (Region) とは，おおまかに言うとデータセンターの所在地のことである． 執筆時点において， AWS は世界の 25 の国と地域でデータセンターを所有している． figure_title は執筆時点で利用できるリージョンの世界地図を示している． 日本では東京と大阪にデータセンターがある． 各リージョンには固有の ID がついており，例えば東京は ap-northeast-1, 米国オハイオ州は us-east-2，などと定義されている．
Regions in AWS(出典: https://aws.amazon.com/about-aws/global-infrastructure/)
AWS コンソールにログインすると，画面右上のメニューバーでリージョンを選択することができる(figure_title, 赤丸で囲った箇所)． EC2, S3 などの AWS のリソースは，リージョンごとに完全に独立である． したがって，リソースを新たにデプロイする際，あるいはデプロイ済みのリソースを閲覧する際は，コンソールのリージョンが正しく設定されているか，確認する必要がある． ウェブビジネスを展開する場合などは，世界の各地にクラウドを展開する必要があるが，個人的な研究用途として用いる場合は，最寄りのリージョン (i.e. 東京) を使えば基本的に問題ない．
AWSコンソールでリージョンを選択
Avaialibity Zone (AZ) とは，リージョン内で地理的に隔離されたデータセンターのことである． それぞれのリージョンは 2 個以上の AZ を有しており，もし一つの AZ で火災や停電などが起きた場合でも，ほかの AZ がその障害をカバーすることができる． また， AZ 間は高速な AWS 専用ネットワーク回線で結ばれているため， AZ 間のデータ転送は極めて早い． AZ は，ビジネスなどでサーバーダウンが許容されない場合などに注意すべき概念であり，個人的な用途で使う限りにおいてはあまり深く考慮する必要はない．言葉の意味だけ知っておけば十分である．
AWS を使用する際，どこのリージョンを指定するのがよいのだろうか？ インターネットの接続速度の観点からは，地理的に一番近いリージョンを使用するのが一般的によいだろう． 一方， EC2 の利用料などはリージョンごとに価格設定が若干 (10-20%程度) 異なる． したがって，自分が最も頻繁に利用するサービスの価格が最も安く設定されているリージョンを選択する，というのも重要な視点である． また，いくつかのサービスは，特定のリージョンで利用できない場合もある． これらのポイントから総合的に判断して使用するリージョンを決めると良い．
AWS Educate を利用している読者へ
執筆時点において，AWS Educate による Starter Account を使用している場合は us-east-1 region のみ利用できる (参照)．
AWS でのクラウド開発 ​
AWS のクラウドの全体像がわかってきたところで，次のトピックとして，どのようにして AWS 上にクラウドの開発を行い，展開していくかについての概略を解説しよう．
AWS のリソースを追加・編集・削除するなどの操作を実行するには，コンソールを用いる方法と，API を用いる方法の，二つの経路がある．
コンソール画面からリソースを操作する ​
AWS のアカウントにログインすると，まず最初に表示されるのがAWS コンソールである (figure_title)．
AWSマネージメントコンソール画面
コンソールを使うことで， EC2 のインスタンスを立ち上げたり，S3 のデータを追加・削除したり，ログを閲覧したりなど，AWS 上のあらゆるリソースの操作を GUI (Graphical User Interface) を通して実行することができる． 初めて触る機能をポチポチと試したり，デバッグを行うときなどにとても便利である．
コンソールはさらっと機能を試したり，開発中のクラウドのデバッグをするときには便利なのであるが，実際にクラウドの開発をする場面でこれを直接いじることはあまりない． むしろ，次に紹介する API を使用して，プログラムとしてクラウドのリソースを記述することで開発を行うのが一般的である． そのような理由で，本書では AWS コンソールを使った AWS の使い方はあまり触れない． AWS のドキュメンテーションには，たくさんの チュートリアル が用意されており，コンソール画面から様々な操作を行う方法が記述されているので，興味がある読者はそちらを参照されたい．
API からリソースを操作する ​
API (Application Programming Interface) を使うことで，コマンドを AWS に送信し，クラウドのリソースの操作をすることができる． API とは，端的に言えば AWS が公開しているコマンドの一覧であり，GET, POST, DELETE などの REST API から構成されている (REST API については (#sec_rest_api) で簡単に解説する)． が，直接 REST API を入力するのは面倒であるので，その手間を解消するための様々なツールが提供されている．
例えば， AWS CLI は， UNIX コンソールから AWS API を実行するための CLI (Command Line Interface) である． CLI に加えて，いろいろなプログラミング言語での SDK (Software Development Kit) が提供されている．以下に一例を挙げる．
具体的な API の使用例を見てみよう．
S3 に新しい保存領域 (Bucket (バケット) とよばれる) を追加したいとしよう． AWS CLI を使った場合は，次のようなコマンドを打てばよい．
sh
$ aws s3 mb s3://my-bucket --region ap-northeast-1
$ aws s3 mb s3://my-bucket --region ap-northeast-1
上記のコマンドは， my-bucket という名前のバケットを， ap-northeast-1 のリージョンに作成する．
Python からこれと同じ操作を実行するには， boto3 ライブラリを使って，次のようなスクリプトを実行する．
python
import boto3
+
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
import boto3
+
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
もう一つ例をあげよう．
新しい EC2 のインスタンス(インスタンスとは，起動状態にある仮想サーバーの意味である)を起動するには，次のようなコマンドを打てば良い．
sh
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
このコマンドにより， t2.micro というタイプ (1 vCPU, 1.0 GB RAM) のインスタンスが起動する． ここではその他のパラメータの詳細の説明は省略する (ハンズオン ( (#sec_first_ec2)) で詳しく解説する)．
Python から上記と同じ操作を実行するには，以下のようなスクリプトを使う．
python
import boto3
+
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
import boto3
+
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
以上の例を通じて，API によるクラウドのリソースの操作のイメージがつかめてきただろうか？ コマンド一つで，新しい仮想サーバーを起動したり，データの保存領域を追加したり，任意の操作を実行できるわけである． 基本的に，このようなコマンドを複数組み合わせていくことで，自分の望む CPU・RAM・ネットワーク・ストレージが備わった計算環境を構築することができる． もちろん，逆の操作 (リソースの削除) も API を使って実行できる．
ミニ・ハンズオン: AWS CLI を使ってみよう ​
ここでは，ミニ・ハンズオンとして，AWS CLI を実際に使ってみる． AWS CLI は先述のとおり， AWS 上の任意のリソースの操作が可能であるが，ここでは一番シンプルな，S3 を使ったファイルの読み書きを実践する (EC2 の操作は少し複雑なので，第一回ハンズオンで行う)． aws s3 コマンドの詳しい使い方は 公式ドキュメンテーションを参照．
AWS CLI のインストールについては， (#aws_cli_install) を参照．
以下に紹介するハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
以下のコマンドを実行する前に，AWS の認証情報が正しく設定されていることを確認する． これには ~/.aws/credentials のファイルに設定が書き込まれているか，環境変数 (AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION) が定義されている必要がある． 詳しくは (#aws_cli_install) を参照．
まずは，S3 にデータの格納領域 (Bucket とよばれる．一般的な OS での"ドライブ"に相当する) を作成するところから始めよう．
sh
$ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://\${bucketName}"
$ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://\${bucketName}"
S3 のバケットの名前は， AWS 全体で一意的でなければならないことから，前述のコマンドではランダムな文字列を含んだバケットの名前を生成し，bucketName という変数に格納している． そして， aws s3 mb (mb は make bucket の略) によって，新しいバケットを作成する．
次に，バケットの一覧を取得してみよう．
sh
$ aws s3 ls
+
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
$ aws s3 ls
+
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
先ほど作成したバケットがリストにあることを確認できる．
本書のノーテーションとして，コマンドラインに入力するコマンドは，それがコマンドであると明示する目的で先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力は $ なしで表示されている．
次に，バケットにファイルをアップロードする．
sh
$ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://\${bucketName}/hello_world.txt"
$ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://\${bucketName}/hello_world.txt"
上では hello_world.txt というダミーのファイルを作成して，それをアップロードした．
それでは，バケットの中にあるファイルの一覧を取得してみる．
sh
$ aws s3 ls "s3://\${bucketName}" --human-readable
+
+2020-06-07 23:54:19   13 Bytes hello_world.txt
$ aws s3 ls "s3://\${bucketName}" --human-readable
+
+2020-06-07 23:54:19   13 Bytes hello_world.txt
先ほどアップロードしたファイルがたしかに存在することがわかる．
最後に，使い終わったバケットを削除する．
sh
$ aws s3 rb "s3://\${bucketName}" --force
$ aws s3 rb "s3://\${bucketName}" --force
rb は remove bucket の略である． デフォルトでは，バケットの中にファイルが存在すると削除できない． 空でないバケットを強制的に削除するには --force のオプションを付ける．
以上のように，AWS CLI を使って S3 バケットに対しての一連の操作を実行できた． EC2 や Lambda, DynamoDB などについても同様に AWS CLI を使ってあらゆる操作を実行できる．
Amazon Resource Name (ARN)
AWS 上のあらゆるリソースには， Amazon Resource Name (ARN) という固有の ID が付与されている． ARN は arn:aws:s3:::my_bucket/ のようなフォーマットで記述され，ARN を使用することで，特定の AWS リソース (S3 のバケットや EC2 のインスタンス) を一意的に参照することができる．
S3 バケットや EC2 インスタンスなどには ARN に加えて，人間が読みやすい名前を定義することも可能である． この場合は，ARN または名前のどちらを用いても同じリソースを参照することが可能である．
CloudFormation と AWS CDK ​
CloudFormation による Infrastructure as Code (IaC) ​
前節で述べたように，AWS API を使うことでクラウドのあらゆるリソースの作成・管理が可能である． よって，原理上は， API のコマンドを組み合わせていくことで，自分の作りたいクラウドを設計することができる．
しかし，ここで実用上考慮しなければならない点が一つある． AWS API には大きく分けて，リソースを操作するコマンドと，タスクを実行するコマンドがあることである (figure_title)．
AWS APIはリソースを操作するコマンドとタスクを実行するコマンドに大きく分けられる．リソースを記述・管理するのに使われるのが， CloudFormation と CDK である．
リソースを操作するとは，EC2 のインスタンスを起動したり，S3 のバケットを作成したり，データベースに新たなテーブルを追加する，などの静的なリソースを準備する 操作を指す． "ハコ"を作る操作とよんでも良いだろう． このようなコマンドは，クラウドのデプロイ時にのみ，一度だけ実行されればよい．
タスクを実行するコマンド とは， EC2 のインスタンスにジョブを投入したり， S3 のバケットにデータを読み書きするなどの操作を指す． これは， EC2 や S3 などのリソース ("ハコ") を前提として，その内部で実行されるべき計算を記述するものである． 前者に比べてこちらは動的な操作を担当する，と捉えることもできる．
そのような観点から，インフラを記述するプログラムとタスクを実行するプログラムはある程度分けて管理されるべきである． クラウドの開発は，クラウドの(静的な)リソースを記述するプログラムを作成するステップと，インフラ上で動く動的な操作を行うプログラムを作成するステップの二段階に分けて考えることができる．
AWS での静的リソースを管理するための仕組みが， CloudFormation である． CloudFormation とは， CloudFormation の文法に従ったテキストファイルを使って，AWS のインフラを記述する仕組みである． CloudFormation を使って，たとえば，EC2 のインスタンスをどれくらいのスペックで，何個起動するか，インスタンス間はどのようなネットワークで結び，どのようなアクセス権限を付与するか，などのリソースの要件を逐次的に記述することができる． 一度 CloudFormation ファイルができ上がれば，それにしたがったクラウドシステムをコマンド一つで AWS 上に展開することができる． また，CloudFormation ファイルを交換することで，全く同一のクラウド環境を他者が簡単に再現することも可能になる． このように，本来は物理的な実体のあるハードウェアを，プログラムによって記述し，管理するという考え方を，**Infrastructure as Code (IaC)**とよぶ．
CloudFormation を記述するには，基本的に JSON (JavaScript Object Notation) とよばれるフォーマットを使う． 次のコードは，JSON で記述された CloudFormation ファイルの一例 (抜粋) である．
json
"Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\\n",
+                     "yum update -y aws-cfn-bootstrap\\n",
+
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\\n",
+
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
"Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\\n",
+                     "yum update -y aws-cfn-bootstrap\\n",
+
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\\n",
+
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
ここでは， "WebServer" という名前のつけられた EC2 インスタンスを定義している．かなり長大で複雑な記述であるが，これによって所望のスペック・OS をもつ EC2 インスタンスを自動的に生成することが可能になる．
AWS CDK ​
前節で紹介した CloudFormation は，見てわかるとおり大変記述が複雑であり，またそれのどれか一つにでも誤りがあってはいけない． また，基本的に"テキスト"を書いていくことになるので，プログラミング言語で使うような変数やクラスといった便利な概念が使えない　(厳密には， CloudFormation にも変数に相当するような機能は存在する)． また，記述の多くの部分は繰り返しが多く，自動化できる部分も多い．
そのような悩みを解決してくれるのが， AWS Cloud Development Kit (CDK) である． CDK は Python などのプログラミング言語を使って CloudFormation を自動的に生成してくれるツールである． CDK は 2019 年にリリースされたばかりの比較的新しいツールで，日々改良が進められている (GitHub リポジトリ のリリースを見ればその開発のスピードの速さがわかるだろう)． CDK は TypeScript (JavaScript), Python, Java など複数の言語でサポートされている．
CDK を使うことで，CloudFormation に相当するクラウドリソースの記述を，より親しみのあるプログラミング言語を使って行うことができる． かつ，典型的なリソース操作に関してはパラメータの多くの部分を自動で決定してくれるので，記述しなければならない量もかなり削減される．
以下に Python を使った CDK のコードの一例 (抜粋) を示す．
python
from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
+
+class MyFirstEc2(core.Stack):
+
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
+
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
+
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
+
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
+
+class MyFirstEc2(core.Stack):
+
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
+
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
+
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
+
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
このコードは，一つ前に示した JSON を使った CloudFormation と実質的に同じことを記述している． とても煩雑だった CloudFormation ファイルに比べて， CDK と Python を使うことで格段に短く，わかりやすく記述できることができるのがわかるだろう．
本書の主題は，CDK を使って，コードを書きながら AWS の概念や開発方法を学んでいくことである． 後の章では CDK を使って様々なハンズオンを実施していく． 早速，最初のハンズオンでは， CDK を使って EC2 インスタンスを作成する方法を学んでいこう．
  • AWS CDK Examples: CDK を使ったプロジェクトの例が多数紹介されている． ここにある例をテンプレートに自分のアプリケーションの開発を進めるとよい．
`,108);function S(_,f,k,v,w,W){const a=n;return D(),m("div",null,[g,b(a,{readTime:"9",words:"2.4k"}),E])}const K=F(B,[["render",S]]);export{$ as __pageData,K as default};
diff --git a/assets/development_aws_aws-get-started.md.5e1dfdb2.lean.js b/assets/development_aws_aws-get-started.md.5e1dfdb2.lean.js
new file mode 100644
index 00000000..2541ddb1
--- /dev/null
+++ b/assets/development_aws_aws-get-started.md.5e1dfdb2.lean.js
@@ -0,0 +1 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,a as p,b as l,c as e,d as t,e as r,f as c,g as y,h as i,i as u,j as A}from"./chunks/iac.2263bc12.js";import{_ as C,a as d}from"./chunks/VPC.e1acca4d.js";import{_ as F,o as D,c as m,H as b,k as s,a as q,Q as h}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"AWS 入門","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/aws-get-started.md","filePath":"development/aws/aws-get-started.md","lastUpdated":1699051935000}'),B={name:"development/aws/aws-get-started.md"},g=s("h1",{id:"aws-入門",tabindex:"-1"},[q("AWS 入門 "),s("a",{class:"header-anchor",href:"#aws-入門","aria-label":'Permalink to "AWS 入門"'},"​")],-1),E=h("",108);function S(_,f,k,v,w,W){const a=n;return D(),m("div",null,[g,b(a,{readTime:"9",words:"2.4k"}),E])}const K=F(B,[["render",S]]);export{$ as __pageData,K as default};
diff --git a/assets/development_aws_aws-get-started.md.e1a56953.js b/assets/development_aws_aws-get-started.md.e1a56953.js
deleted file mode 100644
index 70ec3808..00000000
--- a/assets/development_aws_aws-get-started.md.e1a56953.js
+++ /dev/null
@@ -1,149 +0,0 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,a as l,b as p,c as e,d as t,e as r,f as c,g as y,h as i,i as u,j as A}from"./chunks/iac.2263bc12.js";import{_ as d,a as m}from"./chunks/VPC.e1acca4d.js";import{_ as b,o as B,c as q,H as h,k as s,a as g,Q as S}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const F=JSON.parse('{"title":"AWS 入門","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/aws-get-started.md","filePath":"development/aws/aws-get-started.md","lastUpdated":1695377563000}'),_={name:"development/aws/aws-get-started.md"},f=s("h1",{id:"aws-入門",tabindex:"-1"},[g("AWS 入門 "),s("a",{class:"header-anchor",href:"#aws-入門","aria-label":'Permalink to "AWS 入門"'},"​")],-1),C=S('
AWS とは？ ​
本書では，クラウドの実践を行うプラットフォームとして， AWS を用いる． 実践にあたって，最低限必要な AWS の知識を本章では解説しよう．
AWS (Amazon Web Services) は Amazon 社が提供する総合的なクラウドプラットフォームである． AWS は Amazon 社が持つ膨大な計算リソースを貸し出すクラウドサービスとして，2006 年に誕生した． 2021 年では，クラウドプロバイダーとして最大のマーケットシェア (約 32%) を保持している (参照)． Netflix や Slack をはじめとした多くのウェブ関連のサービスで，一部または全てのサーバーリソースが AWS から提供されているとのことである． よって，知らないうちに AWS の恩恵にあずかっている人も少なくないはずだ．
最大のシェアをもつだけに，機能・サービスの幅広さはほかのクラウドプラットフォームと比べ抜きんでている． また，利用者数が多いことを反映して，公式あるいはサードパーティによる技術紹介記事が数多くウェブ上に存在しているだけでなく，ライブラリのユーザーコミュニティも大きく問題解決が捗るのも魅力の一つだ． 初期のころウェブビジネスを行う企業がユーザーの大半を占めていたが，最近は大学などでの科学研究用途としても頻繁に用いられるようになってきている．
AWS の機能・サービス ​
figure_title は，執筆時点において AWS で提供されている主要な機能・サービスの一覧である．
AWSで提供されている主要なサービス一覧
計算，ストレージ，データベース，ネットワーク，セキュリティなど，クラウドの構築に必要な様々な要素が独立したコンポーネントとして提供されている． 基本的に，これらを組み合わせることで一つのクラウドシステムができあがる．
また，機械学習・音声認識・AR/VR など，特定のアプリケーションにパッケージ済みのサービスも提供されている． これらを合計すると全部で 170 個以上のサービスが提供されているとのことである (参照)．
AWS の初心者が陥りがちなのは，大量のサービスの数に圧倒され，どこから手をつけたらよいのかわからなくなる，という状況である． たくさんのサービスの中から，どのサービスをどの順番で学んでいったらいいのか，その道筋すら明らかでなく，大きな参入障壁となっていることは間違いない． だが実のところ， AWS の基本的な構成要素はそのうちの数個のみに限られる． 基本要素となる機能の使い方を知れば， AWS のおおよそのリソースを使いこなすことが可能になる． ほかの機能の多くは，基本の要素を組み合わせて特定のアプリケーションに特化したパッケージとして AWS が用意したものである． そのポイントを認知することが， AWS の学習の最初のステップである．
ここでは， AWS 上でクラウドシステムを構築するときの基本となる構成要素を列挙する． これらは後のハンズオンで実際にプログラムを書きながら体験する． 現時点では，名前だけでも頭の片隅に記憶してもらえればよい．
計算 ​
S3 EC2 (Elastic Compute Cloud) 様々なスペックの仮想マシンを作成し，計算を実行することができる． クラウドの最も基本となる構成要素である． (#sec_first_ec2), (#sec_jupyter_and_deep_learning), (#sec_aws_batch) で詳しく触れる．
S3 Lambda Function as a Service (FaaS) とよばれる，小さな計算をサーバーなしで実行するためのサービス． サーバーレスアーキテクチャの章 ( (#sec_serverless)) で詳しく解説する．
ストレージ ​
S3EBS (Elastic Block Store) EC2 に付与することのできる仮想データドライブ． いわゆる"普通の"(一般的な OS で使われている)ファイルシステムを思い浮かべてくれたらよい．
S3
S3 (Simple Storage Service) Object Storage とよばれる，API を使ってデータの読み書きを行う，いうなれば”クラウド・ネイティブ”なデータの格納システムである． サーバーレスアーキテクチャの章 ( (#sec_serverless)) で詳しく解説する．
データベース ​
S3
DynamoDB NoSQL 型のデータベースサービス (知っている人は mongoDB などを思い浮かべたらよい)． サーバーレスアーキテクチャの章 ( (#sec_serverless)) で詳しく解説する．
ネットワーク ​
S3 VPC(Virtual Private Cloud) AWS 上に仮想ネットワーク環境を作成し，仮想サーバー間の接続を定義したり，外部からのアクセスなどを管理する． EC2 は VPC の内部に配置されなければならない．
API Gateway S3
API のエンドポイントとバックエンドのサービス (Lambda など) を接続する際に用いる，リバースプロキシとしての役割を担う． (#sec_bashoutter) で詳しく解説する．
Region と Availability Zone ​
AWS を使用する際に知っておかなければならない重要な概念として， リージョン (Region) と Availability Zone (AZ) がある (figure_title)． 以下ではこの概念について簡単に記述する．
AWSにおける Region と Availability Zones
リージョン (Region) とは，おおまかに言うとデータセンターの所在地のことである． 執筆時点において， AWS は世界の 25 の国と地域でデータセンターを所有している． figure_title は執筆時点で利用できるリージョンの世界地図を示している． 日本では東京と大阪にデータセンターがある． 各リージョンには固有の ID がついており，例えば東京は ap-northeast-1, 米国オハイオ州は us-east-2，などと定義されている．
Regions in AWS(出典: https://aws.amazon.com/about-aws/global-infrastructure/)
AWS コンソールにログインすると，画面右上のメニューバーでリージョンを選択することができる(figure_title, 赤丸で囲った箇所)． EC2, S3 などの AWS のリソースは，リージョンごとに完全に独立である． したがって，リソースを新たにデプロイする際，あるいはデプロイ済みのリソースを閲覧する際は，コンソールのリージョンが正しく設定されているか，確認する必要がある． ウェブビジネスを展開する場合などは，世界の各地にクラウドを展開する必要があるが，個人的な研究用途として用いる場合は，最寄りのリージョン (i.e. 東京) を使えば基本的に問題ない．
AWSコンソールでリージョンを選択
Avaialibity Zone (AZ) とは，リージョン内で地理的に隔離されたデータセンターのことである． それぞれのリージョンは 2 個以上の AZ を有しており，もし一つの AZ で火災や停電などが起きた場合でも，ほかの AZ がその障害をカバーすることができる． また， AZ 間は高速な AWS 専用ネットワーク回線で結ばれているため， AZ 間のデータ転送は極めて早い． AZ は，ビジネスなどでサーバーダウンが許容されない場合などに注意すべき概念であり，個人的な用途で使う限りにおいてはあまり深く考慮する必要はない．言葉の意味だけ知っておけば十分である．
AWS を使用する際，どこのリージョンを指定するのがよいのだろうか？ インターネットの接続速度の観点からは，地理的に一番近いリージョンを使用するのが一般的によいだろう． 一方， EC2 の利用料などはリージョンごとに価格設定が若干 (10-20%程度) 異なる． したがって，自分が最も頻繁に利用するサービスの価格が最も安く設定されているリージョンを選択する，というのも重要な視点である． また，いくつかのサービスは，特定のリージョンで利用できない場合もある． これらのポイントから総合的に判断して使用するリージョンを決めると良い．
AWS Educate を利用している読者へ
執筆時点において，AWS Educate による Starter Account を使用している場合は us-east-1 region のみ利用できる (参照)．
AWS でのクラウド開発 ​
AWS のクラウドの全体像がわかってきたところで，次のトピックとして，どのようにして AWS 上にクラウドの開発を行い，展開していくかについての概略を解説しよう．
AWS のリソースを追加・編集・削除するなどの操作を実行するには，コンソールを用いる方法と，API を用いる方法の，二つの経路がある．
コンソール画面からリソースを操作する ​
AWS のアカウントにログインすると，まず最初に表示されるのがAWS コンソールである (figure_title)．
AWSマネージメントコンソール画面
コンソールを使うことで， EC2 のインスタンスを立ち上げたり，S3 のデータを追加・削除したり，ログを閲覧したりなど，AWS 上のあらゆるリソースの操作を GUI (Graphical User Interface) を通して実行することができる． 初めて触る機能をポチポチと試したり，デバッグを行うときなどにとても便利である．
コンソールはさらっと機能を試したり，開発中のクラウドのデバッグをするときには便利なのであるが，実際にクラウドの開発をする場面でこれを直接いじることはあまりない． むしろ，次に紹介する API を使用して，プログラムとしてクラウドのリソースを記述することで開発を行うのが一般的である． そのような理由で，本書では AWS コンソールを使った AWS の使い方はあまり触れない． AWS のドキュメンテーションには，たくさんの チュートリアル が用意されており，コンソール画面から様々な操作を行う方法が記述されているので，興味がある読者はそちらを参照されたい．
API からリソースを操作する ​
API (Application Programming Interface) を使うことで，コマンドを AWS に送信し，クラウドのリソースの操作をすることができる． API とは，端的に言えば AWS が公開しているコマンドの一覧であり，GET, POST, DELETE などの REST API から構成されている (REST API については (#sec_rest_api) で簡単に解説する)． が，直接 REST API を入力するのは面倒であるので，その手間を解消するための様々なツールが提供されている．
例えば， AWS CLI は， UNIX コンソールから AWS API を実行するための CLI (Command Line Interface) である． CLI に加えて，いろいろなプログラミング言語での SDK (Software Development Kit) が提供されている．以下に一例を挙げる．
具体的な API の使用例を見てみよう．
S3 に新しい保存領域 (Bucket (バケット) とよばれる) を追加したいとしよう． AWS CLI を使った場合は，次のようなコマンドを打てばよい．
sh
$ aws s3 mb s3://my-bucket --region ap-northeast-1
$ aws s3 mb s3://my-bucket --region ap-northeast-1
上記のコマンドは， my-bucket という名前のバケットを， ap-northeast-1 のリージョンに作成する．
Python からこれと同じ操作を実行するには， boto3 ライブラリを使って，次のようなスクリプトを実行する．
python
import boto3
-
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
import boto3
-
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
もう一つ例をあげよう．
新しい EC2 のインスタンス(インスタンスとは，起動状態にある仮想サーバーの意味である)を起動するには，次のようなコマンドを打てば良い．
sh
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
このコマンドにより， t2.micro というタイプ (1 vCPU, 1.0 GB RAM) のインスタンスが起動する． ここではその他のパラメータの詳細の説明は省略する (ハンズオン ( (#sec_first_ec2)) で詳しく解説する)．
Python から上記と同じ操作を実行するには，以下のようなスクリプトを使う．
python
import boto3
-
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
import boto3
-
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
以上の例を通じて，API によるクラウドのリソースの操作のイメージがつかめてきただろうか？ コマンド一つで，新しい仮想サーバーを起動したり，データの保存領域を追加したり，任意の操作を実行できるわけである． 基本的に，このようなコマンドを複数組み合わせていくことで，自分の望む CPU・RAM・ネットワーク・ストレージが備わった計算環境を構築することができる． もちろん，逆の操作 (リソースの削除) も API を使って実行できる．
ミニ・ハンズオン: AWS CLI を使ってみよう ​
ここでは，ミニ・ハンズオンとして，AWS CLI を実際に使ってみる． AWS CLI は先述のとおり， AWS 上の任意のリソースの操作が可能であるが，ここでは一番シンプルな，S3 を使ったファイルの読み書きを実践する (EC2 の操作は少し複雑なので，第一回ハンズオンで行う)． aws s3 コマンドの詳しい使い方は 公式ドキュメンテーションを参照．
AWS CLI のインストールについては， (#aws_cli_install) を参照．
以下に紹介するハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
以下のコマンドを実行する前に，AWS の認証情報が正しく設定されていることを確認する． これには ~/.aws/credentials のファイルに設定が書き込まれているか，環境変数 (AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION) が定義されている必要がある． 詳しくは (#aws_cli_install) を参照．
まずは，S3 にデータの格納領域 (Bucket とよばれる．一般的な OS での"ドライブ"に相当する) を作成するところから始めよう．
sh
$ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://\${bucketName}"
$ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://\${bucketName}"
S3 のバケットの名前は， AWS 全体で一意的でなければならないことから，前述のコマンドではランダムな文字列を含んだバケットの名前を生成し，bucketName という変数に格納している． そして， aws s3 mb (mb は make bucket の略) によって，新しいバケットを作成する．
次に，バケットの一覧を取得してみよう．
sh
$ aws s3 ls
-
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
$ aws s3 ls
-
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
先ほど作成したバケットがリストにあることを確認できる．
本書のノーテーションとして，コマンドラインに入力するコマンドは，それがコマンドであると明示する目的で先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力は $ なしで表示されている．
次に，バケットにファイルをアップロードする．
sh
$ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://\${bucketName}/hello_world.txt"
$ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://\${bucketName}/hello_world.txt"
上では hello_world.txt というダミーのファイルを作成して，それをアップロードした．
それでは，バケットの中にあるファイルの一覧を取得してみる．
sh
$ aws s3 ls "s3://\${bucketName}" --human-readable
-
-2020-06-07 23:54:19   13 Bytes hello_world.txt
$ aws s3 ls "s3://\${bucketName}" --human-readable
-
-2020-06-07 23:54:19   13 Bytes hello_world.txt
先ほどアップロードしたファイルがたしかに存在することがわかる．
最後に，使い終わったバケットを削除する．
sh
$ aws s3 rb "s3://\${bucketName}" --force
$ aws s3 rb "s3://\${bucketName}" --force
rb は remove bucket の略である． デフォルトでは，バケットの中にファイルが存在すると削除できない． 空でないバケットを強制的に削除するには --force のオプションを付ける．
以上のように，AWS CLI を使って S3 バケットに対しての一連の操作を実行できた． EC2 や Lambda, DynamoDB などについても同様に AWS CLI を使ってあらゆる操作を実行できる．
Amazon Resource Name (ARN)
AWS 上のあらゆるリソースには， Amazon Resource Name (ARN) という固有の ID が付与されている． ARN は arn:aws:s3:::my_bucket/ のようなフォーマットで記述され，ARN を使用することで，特定の AWS リソース (S3 のバケットや EC2 のインスタンス) を一意的に参照することができる．
S3 バケットや EC2 インスタンスなどには ARN に加えて，人間が読みやすい名前を定義することも可能である． この場合は，ARN または名前のどちらを用いても同じリソースを参照することが可能である．
CloudFormation と AWS CDK ​
CloudFormation による Infrastructure as Code (IaC) ​
前節で述べたように，AWS API を使うことでクラウドのあらゆるリソースの作成・管理が可能である． よって，原理上は， API のコマンドを組み合わせていくことで，自分の作りたいクラウドを設計することができる．
しかし，ここで実用上考慮しなければならない点が一つある． AWS API には大きく分けて，リソースを操作するコマンドと，タスクを実行するコマンドがあることである (figure_title)．
AWS APIはリソースを操作するコマンドとタスクを実行するコマンドに大きく分けられる．リソースを記述・管理するのに使われるのが， CloudFormation と CDK である．
リソースを操作するとは，EC2 のインスタンスを起動したり，S3 のバケットを作成したり，データベースに新たなテーブルを追加する，などの静的なリソースを準備する 操作を指す． "ハコ"を作る操作とよんでも良いだろう． このようなコマンドは，クラウドのデプロイ時にのみ，一度だけ実行されればよい．
タスクを実行するコマンド とは， EC2 のインスタンスにジョブを投入したり， S3 のバケットにデータを読み書きするなどの操作を指す． これは， EC2 や S3 などのリソース ("ハコ") を前提として，その内部で実行されるべき計算を記述するものである． 前者に比べてこちらは動的な操作を担当する，と捉えることもできる．
そのような観点から，インフラを記述するプログラムとタスクを実行するプログラムはある程度分けて管理されるべきである． クラウドの開発は，クラウドの(静的な)リソースを記述するプログラムを作成するステップと，インフラ上で動く動的な操作を行うプログラムを作成するステップの二段階に分けて考えることができる．
AWS での静的リソースを管理するための仕組みが， CloudFormation である． CloudFormation とは， CloudFormation の文法に従ったテキストファイルを使って，AWS のインフラを記述する仕組みである． CloudFormation を使って，たとえば，EC2 のインスタンスをどれくらいのスペックで，何個起動するか，インスタンス間はどのようなネットワークで結び，どのようなアクセス権限を付与するか，などのリソースの要件を逐次的に記述することができる． 一度 CloudFormation ファイルができ上がれば，それにしたがったクラウドシステムをコマンド一つで AWS 上に展開することができる． また，CloudFormation ファイルを交換することで，全く同一のクラウド環境を他者が簡単に再現することも可能になる． このように，本来は物理的な実体のあるハードウェアを，プログラムによって記述し，管理するという考え方を，**Infrastructure as Code (IaC)**とよぶ．
CloudFormation を記述するには，基本的に JSON (JavaScript Object Notation) とよばれるフォーマットを使う． 次のコードは，JSON で記述された CloudFormation ファイルの一例 (抜粋) である．
json
"Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\\n",
-                     "yum update -y aws-cfn-bootstrap\\n",
-
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\\n",
-
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
"Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\\n",
-                     "yum update -y aws-cfn-bootstrap\\n",
-
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\\n",
-
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
ここでは， "WebServer" という名前のつけられた EC2 インスタンスを定義している．かなり長大で複雑な記述であるが，これによって所望のスペック・OS をもつ EC2 インスタンスを自動的に生成することが可能になる．
AWS CDK ​
前節で紹介した CloudFormation は，見てわかるとおり大変記述が複雑であり，またそれのどれか一つにでも誤りがあってはいけない． また，基本的に"テキスト"を書いていくことになるので，プログラミング言語で使うような変数やクラスといった便利な概念が使えない　(厳密には， CloudFormation にも変数に相当するような機能は存在する)． また，記述の多くの部分は繰り返しが多く，自動化できる部分も多い．
そのような悩みを解決してくれるのが， AWS Cloud Development Kit (CDK) である． CDK は Python などのプログラミング言語を使って CloudFormation を自動的に生成してくれるツールである． CDK は 2019 年にリリースされたばかりの比較的新しいツールで，日々改良が進められている (GitHub リポジトリ のリリースを見ればその開発のスピードの速さがわかるだろう)． CDK は TypeScript (JavaScript), Python, Java など複数の言語でサポートされている．
CDK を使うことで，CloudFormation に相当するクラウドリソースの記述を，より親しみのあるプログラミング言語を使って行うことができる． かつ，典型的なリソース操作に関してはパラメータの多くの部分を自動で決定してくれるので，記述しなければならない量もかなり削減される．
以下に Python を使った CDK のコードの一例 (抜粋) を示す．
python
from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
-
-class MyFirstEc2(core.Stack):
-
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
-
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
-
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
-
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
-
-class MyFirstEc2(core.Stack):
-
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
-
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
-
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
-
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
このコードは，一つ前に示した JSON を使った CloudFormation と実質的に同じことを記述している． とても煩雑だった CloudFormation ファイルに比べて， CDK と Python を使うことで格段に短く，わかりやすく記述できることができるのがわかるだろう．
本書の主題は，CDK を使って，コードを書きながら AWS の概念や開発方法を学んでいくことである． 後の章では CDK を使って様々なハンズオンを実施していく． 早速，最初のハンズオンでは， CDK を使って EC2 インスタンスを作成する方法を学んでいこう．
  • AWS CDK Examples: CDK を使ったプロジェクトの例が多数紹介されている． ここにある例をテンプレートに自分のアプリケーションの開発を進めるとよい．
`,108);function k(v,w,W,D,I,x){const a=n;return B(),q("div",null,[f,h(a,{readTime:"9",words:"2.4k"}),C])}const $=b(_,[["render",k]]);export{F as __pageData,$ as default};
diff --git a/assets/development_aws_aws-get-started.md.e1a56953.lean.js b/assets/development_aws_aws-get-started.md.e1a56953.lean.js
deleted file mode 100644
index 3f40092f..00000000
--- a/assets/development_aws_aws-get-started.md.e1a56953.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,a as l,b as p,c as e,d as t,e as r,f as c,g as y,h as i,i as u,j as A}from"./chunks/iac.2263bc12.js";import{_ as d,a as m}from"./chunks/VPC.e1acca4d.js";import{_ as b,o as B,c as q,H as h,k as s,a as g,Q as S}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const F=JSON.parse('{"title":"AWS 入門","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/aws-get-started.md","filePath":"development/aws/aws-get-started.md","lastUpdated":1695377563000}'),_={name:"development/aws/aws-get-started.md"},f=s("h1",{id:"aws-入門",tabindex:"-1"},[g("AWS 入門 "),s("a",{class:"header-anchor",href:"#aws-入門","aria-label":'Permalink to "AWS 入門"'},"​")],-1),C=S("",108);function k(v,w,W,D,I,x){const a=n;return B(),q("div",null,[f,h(a,{readTime:"9",words:"2.4k"}),C])}const $=b(_,[["render",k]]);export{F as __pageData,$ as default};
diff --git a/assets/development_aws_closing.md.cf9dad64.js b/assets/development_aws_closing.md.0cdd4f54.js
similarity index 91%
rename from assets/development_aws_closing.md.cf9dad64.js
rename to assets/development_aws_closing.md.0cdd4f54.js
index b93aeb01..c27910c8 100644
--- a/assets/development_aws_closing.md.cf9dad64.js
+++ b/assets/development_aws_closing.md.0cdd4f54.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as s,c as n,H as r,k as e,a as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"まとめ","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/closing.md","filePath":"development/aws/closing.md","lastUpdated":1695377563000}'),d={name:"development/aws/closing.md"},i=e("h1",{id:"まとめ",tabindex:"-1"},[c("まとめ "),e("a",{class:"header-anchor",href:"#まとめ","aria-label":'Permalink to "まとめ"'},"​")],-1);function l(m,p,_,f,h,g){const a=t;return s(),n("div",null,[i,r(a,{readTime:"1",words:"0"})])}const k=o(d,[["render",l]]);export{$ as __pageData,k as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as s,c as n,H as r,k as e,a as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"まとめ","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/closing.md","filePath":"development/aws/closing.md","lastUpdated":1699051935000}'),d={name:"development/aws/closing.md"},i=e("h1",{id:"まとめ",tabindex:"-1"},[c("まとめ "),e("a",{class:"header-anchor",href:"#まとめ","aria-label":'Permalink to "まとめ"'},"​")],-1);function l(m,p,_,f,h,g){const a=t;return s(),n("div",null,[i,r(a,{readTime:"1",words:"0"})])}const k=o(d,[["render",l]]);export{$ as __pageData,k as default};
diff --git a/assets/development_aws_closing.md.cf9dad64.lean.js b/assets/development_aws_closing.md.0cdd4f54.lean.js
similarity index 91%
rename from assets/development_aws_closing.md.cf9dad64.lean.js
rename to assets/development_aws_closing.md.0cdd4f54.lean.js
index b93aeb01..c27910c8 100644
--- a/assets/development_aws_closing.md.cf9dad64.lean.js
+++ b/assets/development_aws_closing.md.0cdd4f54.lean.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as s,c as n,H as r,k as e,a as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"まとめ","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/closing.md","filePath":"development/aws/closing.md","lastUpdated":1695377563000}'),d={name:"development/aws/closing.md"},i=e("h1",{id:"まとめ",tabindex:"-1"},[c("まとめ "),e("a",{class:"header-anchor",href:"#まとめ","aria-label":'Permalink to "まとめ"'},"​")],-1);function l(m,p,_,f,h,g){const a=t;return s(),n("div",null,[i,r(a,{readTime:"1",words:"0"})])}const k=o(d,[["render",l]]);export{$ as __pageData,k as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as s,c as n,H as r,k as e,a as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"まとめ","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/closing.md","filePath":"development/aws/closing.md","lastUpdated":1699051935000}'),d={name:"development/aws/closing.md"},i=e("h1",{id:"まとめ",tabindex:"-1"},[c("まとめ "),e("a",{class:"header-anchor",href:"#まとめ","aria-label":'Permalink to "まとめ"'},"​")],-1);function l(m,p,_,f,h,g){const a=t;return s(),n("div",null,[i,r(a,{readTime:"1",words:"0"})])}const k=o(d,[["render",l]]);export{$ as __pageData,k as default};
diff --git a/assets/development_aws_cloud.md.e679b136.js b/assets/development_aws_cloud.md.148d68f2.js
similarity index 99%
rename from assets/development_aws_cloud.md.e679b136.js
rename to assets/development_aws_cloud.md.148d68f2.js
index 0f84f8c4..aa06703a 100644
--- a/assets/development_aws_cloud.md.e679b136.js
+++ b/assets/development_aws_cloud.md.148d68f2.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,a as t,b as i,c as p}from"./chunks/terminal.94539704.js";import{_ as n,o as s,c as l,H as c,k as o,a as g,Q as d}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const N=JSON.parse('{"title":"クラウド概論","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/cloud.md","filePath":"development/aws/cloud.md","lastUpdated":1695377563000}'),u={name:"development/aws/cloud.md"},_=o("h1",{id:"クラウド概論",tabindex:"-1"},[g("クラウド概論 "),o("a",{class:"header-anchor",href:"#クラウド概論","aria-label":'Permalink to "クラウド概論"'},"​")],-1),f=d('
クラウドとは？ ​
Cloud
クラウドとはなにか？ クラウドという言葉は，それ自身がとても広い意味をもつので，厳密な定義付けを行うことは難しい．
学術的な意味でのクラウドの定義づけをするとしたら，NIST(米国・国立標準技術研究所) による The NIST Definition of Cloud Computing が引用されることが多い． ここに記載されたクラウドの定義・モデルを図示したのが figure_title である．
The NIST Definition of Cloud Computing
これによると，クラウドとは以下の要件が満たされたハードウェア/ソフトウェアの総体のことをいう．
  • On-demand self-service 利用者のリクエストに応じて計算資源が自動的に割り当てられる．
  • Broad network access 利用者はネットワークを通じてクラウドにアクセスできる．
  • Resource pooling クラウドプロバイダーは，所有する計算資源を分割することで複数の利用者に計算資源を割り当てる．
  • Rapid elasticity 利用者のリクエストに応じて，迅速に計算資源の拡大あるいは縮小を行うことができる．
  • Measured service 計算資源の利用量を計測・監視することができる．
…と，いわれても抽象的でよくわからないかもしれない．もう少し具体的な話をする．
個人が所有する計算機で， CPU をアップグレードしようと思ったら，物理的に筐体を開け，CPU ソケットを露出させ，新しい CPU に交換する必要があるだろう． あるいは，ストレージがいっぱいになってしまったら，古いディスクを抜き取り，新しいディスクを挿入する必要がある． 計算機の場所を移動させたときには，新しい部屋の LAN ケーブルを差し込まないとネットワークには接続できない．
クラウドでは，これらの操作がプログラムからのコマンドによって実行できる． CPU が 1000 個欲しいと思ったならば，そのようにクラウドプロバイダーにリクエストを送れば良い． すると，数分もしないうちに 1000 CPU の計算資源が割り当てられる． ストレージを 1TB から 10TB に拡張しようと思ったならば，そのようにコマンドを送ればよい (これは，Google Drive や Dropbox などのサービスなどで馴染みのある人も多いだろう)． 計算資源を使い終わったら，そのことをプロバイダーに伝えれば，割り当て分はすぐさま削除される． クラウドプロバイダーは，使った計算資源の量を正確にモニタリングしており，その量をもとに利用料金の計算が行われる．
このように，クラウドの本質は物理的なハードウェアの仮想化・抽象化であり，利用者はコマンドを通じて，まるでソフトウェアの一部かのように，物理的なハードウェアの管理・運用を行うことができる． もちろん，背後では，データセンターに置かれた膨大な数の計算機が大量の電力を消費しながら稼働している． クラウドプロバイダーはデータセンターの計算資源を上手にやりくりし，ソフトウェアとしてのインターフェースをユーザーに提供することで，このような仮想化・抽象化を達成しているわけである． クラウドプロバイダーの視点からすると，大勢のユーザーに計算機を貸し出し，データセンターの稼働率を常時 100%に近づけることで，利益率の最大化を図っているのである．
著者の言葉で，クラウドの重要な特性を定義するならば，以下のようになる．
クラウドとは計算機ハードウェアの抽象化である．つまり，物理的なハードウェアをソフトウェアの一部かのように自在に操作・拡大・接続することを可能にする技術である．
先述の The NIST Definition of Cloud Computing に戻ると，クラウドプロバイダーによるクラウドサービスの形態としては，次の三つが定義されている (figure_title)．
  • Software as a Service (SaaS): クラウド上で実行されるアプリケーションをサービスとして利用者に提供する形態． 例として， Google Drive や Slack などが挙げられる． 利用者は，背後にあるクラウドのインフラ (ネットワークやサーバーなど) には直接触れず，アプリケーションとして提供されているクラウドサービスを享受する．
  • Platform as a Service (PaaS): 顧客の作成したアプリケーション (多くの場合データベースと API リクエスト処理を行うサーバーのコードから構成される) をデプロイする環境をサービスとして利用者に提供する形態． PaaS では利用者はクラウドのインフラに直接触れることはなく，計算負荷が増減した際のサーバーのスケーリングはクラウドプロバイダーによってなされる． 例としては， Google App Engine や Heroku などがある．
  • Infrastructure as a Service (IaaS): クラウド上の計算インフラストラクチャーを従量課金制で利用者に提供する形態． 利用者は必要なネットワーク・サーバー・ストレージをプロバイダーから借り受け，そこに自身のアプリケーションを展開し運用する． IaaS の例としては AWS EC2 などが挙げられる．
本書が扱うのは，主に IaaS におけるクラウド開発である． すなわち，開発者がクラウドのインフラを直接操作し，所望のネットワーク・サーバー・ストレージなどを一から構成し，そこにアプリケーションを展開するというクラウド開発である． この意味において，クラウドの開発とはクラウドインフラストラクチャーを定義・展開するプログラムを構築するステップとインフラ上で実際に走るアプリケーションを作成するステップの二つに分けることができる． この二つは，プログラマーの技術としてはある程度分業を行うことが可能であるが，最も効率化・最適化されたクラウドシステムを構築するためには両方の理解が必須である． 本書では，前者 (クラウドインフラの記述) に重きを置きつつ，アプリケーションレイヤーの話題も取り扱う． PaaS とは，開発者はアプリケーションレイヤーの開発に注力し，クラウドインフラの部分はクラウドプロバイダーに依存するという概念である． PaaS は，クラウドインフラの開発が不要になることで開発の時間が短縮されるが，細かなインフラの挙動はコントロールできないという限界がある． 本書では PaaS についてはとくに取り扱わない．
SaaS は本書の文脈では開発による"成果物"と捉えられるだろう． すなわち， IaaS を構成するプログラムを作成し展開することによって，一般の人が利用できるようなウェブ上の計算サービスやデータベースを提供することが開発の最終ゴールである． 本書のハンズオンではその実例として，シンプルな SNS の作成 ( (#sec_bashoutter)) などの演習を提供する．
なお，最近では Function as a Service (FaaS) やサーバーレスコンピューティングなども新たなクラウドのカテゴリとして認知されている． これらの概念については (#sec_intro_serverless) などの章で詳しく触れていく． 本書を読み進める中で明らかになるように，クラウドの技術は日進月歩である． 本書では実用的・教育的な観点から，従来的なクラウドの設計概念に触れたあと，サーバーレスなどの最新の技術も網羅するので，楽しみにしながら読み進めていただきたい．
最後に，The NIST Definition of Cloud Computing によると，クラウドの運用形態について次のような定義がなされている (figure_title)． 特定の組織・団体・企業の内部のみで使用されるクラウドを，プライベートクラウド (private cloud) とよぶ． 例えば，大学や研究機関では，その機関の構成員向けの大規模計算機サーバーが運用されていることが多い． プライベートクラウドは，組織の構成員ならば無料もしくは極めて割安のコストで計算を実行できる． しかし，使用できる計算資源の上限は限られる場合が多く，拡張時の柔軟性に欠ける場合もある．
一方，商用のサービスとして一般の顧客に向けたクラウドのことを，パブリッククラウド (public cloud) とよぶ． 有名なパブリッククラウドプラットフォームの例を挙げると， Google 社が提供する Google Cloud Platform (GCP)， Microsoft 社が提供する Azure， Amazon 社が提供する Amazon Web Services (AWS) などがある． パブリッククラウドを利用する場合は，プロバイダーの設定した利用料金を支払うことになる． その分，巨大なデータセンターを運用する企業の計算資源にアクセスすることができるので，計算のキャパシティは無尽蔵にあるといって過言でない．
第三のクラウドの運用形態として，コミュニティクラウド (community cloud) が挙げられる． これは，例えば政府の省庁・機関など目的・役割を共有する団体・組織が共有して運用するクラウドを指す． 最後に，ハイブリッドクラウド (hybrid cloud) という形態もあり，これはプライベート・パブリック・コミュニティクラウドの二つ以上の組み合わせによって構成されるクラウドのことである． データ保護の観点から，いくつかの機密データやプライバシーに関わる情報はプライベートクラウドに保持し，残りのシステムをパブリッククラウドに依存する，などの形態が想定される．
本書で説明するのは，基本的にパブリッククラウドを使ったクラウド開発である． 特に，Amazon Web Services (AWS) を使用して，具体的な技術と概念を学んでいく． 一方で，サーバーのスケーリングや仮想計算環境などのテクニックはすべてのクラウドに共通な概念であるので，クラウドのプラットフォームが変わろうと一般に通用する知識も同時に身につくはずだ．
なぜクラウドを使うのか？ ​
上述のように，クラウドとはプログラムを通じて自由に計算資源を操作することのできる計算環境である． ここでは，リアルなローカル計算環境と比べて，なぜクラウドを使うと良いことがあるのかについて述べたい．
  1. 自由にサーバーのサイズをスケールできる
    なにか新しいプロジェクトを始めるとき，あらかじめ必要なサーバーのスペックを知るのは難しい． いきなり大きなサーバーを買うのはリスクが高い． 一方で，小さすぎるサーバーでは，後のアップグレードが面倒である． クラウドを利用すれば，プロジェクトを進めながら，必要な分だけの計算資源を確保することができる． 2. 自分でサーバーをメンテナンスする必要がない
    悲しいことに，コンピュータとは古くなるものである．最近の技術の進歩の速度からすると，5 年も経てば，もはや当時の最新コンピュータも化石と同じである． 5 年ごとにサーバーを入れ替えるのは相当な手間である． またサーバーの停電や故障など不意の障害への対応も必要である． クラウドでは，そのようなインフラの整備やメンテナンスはプロバイダーが自動でやってくれるので，ユーザーが心配する必要がない． 3. 初期コスト 0
    自前の計算環境とクラウドの，経済的なコストのイメージを示したのが figure_title である． クラウドを利用する場合の初期コストは基本的に 0 である． その後，使った利用量に応じてコストが増大していく． 一方，自前の計算環境では，大きな初期コストが生じる． その分，初期投資後のコストの増加は，電気利用料やサーバー維持費などに留まるため，クラウドを利用した場合よりも傾きは小さくなる． 自前の計算機では，ある一定期間後，サーバーのアップグレードなどによる支出が生じることがある． 一方，クラウドを利用する場合は，そのような非連続なコストの増大は基本的に生じない． クラウドのコストのカーブが，自前計算環境のコストのカーブの下にある範囲においては，クラウドを使うことは経済的なコスト削減につながる．
    クラウドと自前計算機環境の経済的コストの比較
とくに，**1.**の点は研究の場面では重要であると筆者は感じる． 研究をやっていて，四六時中計算を走らせ続けるという場合は少ない． むしろ，新しいアルゴリズムが完成したとき・新しいデータが届いたとき，集中的・突発的に計算タスクが増大することが多いだろう． そういったときに，フレキシブルに計算力を増強させることができるのは，クラウドを使う大きなメリットである．
ここまでクラウドを使うメリットを述べたが，逆に，デメリットというのも当然存在する．
  1. クラウドは賢く使わないといけない
    figure_title で示したコストのカーブにあるとおり，使い方によっては自前の計算環境のほうがコスト的に有利な場面は存在しうる． クラウドを利用する際は，使い終わった計算資源はすぐに削除するなど，利用者が賢く管理を行う必要があり，これを怠ると思いもしない額の請求が届く可能性がある． 2. セキュリティ
    クラウドは，インターネットを通じて世界のどこからでもアクセスできる状態にあり，セキュリティ管理を怠ると簡単にハッキングの対象となりうる． ハッキングを受けると，情報流出だけでなく，経済的な損失を被る可能性がある． 3. ラーニングカーブ
    上記のように，コスト・セキュリティなど，クラウドを利用する際に留意しなければならない点は多い． 賢くクラウドを使うには，十分なクラウドの理解が必要であり，そのラーニングカーブを乗り越える必要がある．
Mac/Linux などでコマンドを入力するときに使用する，あの黒い画面のことを Terminal とよんだりする． この言葉の語源をご存知だろうか？
Terminal
この言葉の語源は，コンピュータが誕生して間もない頃の時代に遡る． その頃のコンピュータというと，何千何万のという数の真空管が接続された，会議室一個分くらいのサイズのマシンであった． そのような高価でメンテが大変な機材であるから，当然みんなでシェアして使うことが前提となる． ユーザーがコンピュータにアクセスするため，マシンからは何本かのケーブルが伸び，それぞれにキーボードとスクリーンが接続されていた… これを Terminal とよんでいたのである． 人々は，代わる代わる Terminal の前に座って，計算機との対話を行っていた．
時代は流れ，Windows や Mac などのいわゆるパーソナルコンピュータの出現により，コンピュータはみんなで共有するものではなく，個人が所有するものになった．
最近のクラウドの台頭は，みんなで大きなコンピュータをシェアするという，最初のコンピュータの使われ方に原点回帰していると捉えることもできる． 一方で，スマートフォンやウェアラブルなどのエッジデバイスの普及も盛んであり，個人が複数の"小さな"コンピュータを所有する，という流れも同時に進行しているのである．
',33);function m(h,S,T,P,b,v){const e=a;return s(),l("div",null,[_,c(e,{readTime:"4",words:"1.5k"}),f])}const q=n(u,[["render",m]]);export{N as __pageData,q as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,a as t,b as i,c as p}from"./chunks/terminal.94539704.js";import{_ as n,o as s,c as l,H as c,k as o,a as g,Q as d}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const N=JSON.parse('{"title":"クラウド概論","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/cloud.md","filePath":"development/aws/cloud.md","lastUpdated":1699051935000}'),u={name:"development/aws/cloud.md"},_=o("h1",{id:"クラウド概論",tabindex:"-1"},[g("クラウド概論 "),o("a",{class:"header-anchor",href:"#クラウド概論","aria-label":'Permalink to "クラウド概論"'},"​")],-1),f=d('
クラウドとは？ ​
Cloud
クラウドとはなにか？ クラウドという言葉は，それ自身がとても広い意味をもつので，厳密な定義付けを行うことは難しい．
学術的な意味でのクラウドの定義づけをするとしたら，NIST(米国・国立標準技術研究所) による The NIST Definition of Cloud Computing が引用されることが多い． ここに記載されたクラウドの定義・モデルを図示したのが figure_title である．
The NIST Definition of Cloud Computing
これによると，クラウドとは以下の要件が満たされたハードウェア/ソフトウェアの総体のことをいう．
  • On-demand self-service 利用者のリクエストに応じて計算資源が自動的に割り当てられる．
  • Broad network access 利用者はネットワークを通じてクラウドにアクセスできる．
  • Resource pooling クラウドプロバイダーは，所有する計算資源を分割することで複数の利用者に計算資源を割り当てる．
  • Rapid elasticity 利用者のリクエストに応じて，迅速に計算資源の拡大あるいは縮小を行うことができる．
  • Measured service 計算資源の利用量を計測・監視することができる．
…と，いわれても抽象的でよくわからないかもしれない．もう少し具体的な話をする．
個人が所有する計算機で， CPU をアップグレードしようと思ったら，物理的に筐体を開け，CPU ソケットを露出させ，新しい CPU に交換する必要があるだろう． あるいは，ストレージがいっぱいになってしまったら，古いディスクを抜き取り，新しいディスクを挿入する必要がある． 計算機の場所を移動させたときには，新しい部屋の LAN ケーブルを差し込まないとネットワークには接続できない．
クラウドでは，これらの操作がプログラムからのコマンドによって実行できる． CPU が 1000 個欲しいと思ったならば，そのようにクラウドプロバイダーにリクエストを送れば良い． すると，数分もしないうちに 1000 CPU の計算資源が割り当てられる． ストレージを 1TB から 10TB に拡張しようと思ったならば，そのようにコマンドを送ればよい (これは，Google Drive や Dropbox などのサービスなどで馴染みのある人も多いだろう)． 計算資源を使い終わったら，そのことをプロバイダーに伝えれば，割り当て分はすぐさま削除される． クラウドプロバイダーは，使った計算資源の量を正確にモニタリングしており，その量をもとに利用料金の計算が行われる．
このように，クラウドの本質は物理的なハードウェアの仮想化・抽象化であり，利用者はコマンドを通じて，まるでソフトウェアの一部かのように，物理的なハードウェアの管理・運用を行うことができる． もちろん，背後では，データセンターに置かれた膨大な数の計算機が大量の電力を消費しながら稼働している． クラウドプロバイダーはデータセンターの計算資源を上手にやりくりし，ソフトウェアとしてのインターフェースをユーザーに提供することで，このような仮想化・抽象化を達成しているわけである． クラウドプロバイダーの視点からすると，大勢のユーザーに計算機を貸し出し，データセンターの稼働率を常時 100%に近づけることで，利益率の最大化を図っているのである．
著者の言葉で，クラウドの重要な特性を定義するならば，以下のようになる．
クラウドとは計算機ハードウェアの抽象化である．つまり，物理的なハードウェアをソフトウェアの一部かのように自在に操作・拡大・接続することを可能にする技術である．
先述の The NIST Definition of Cloud Computing に戻ると，クラウドプロバイダーによるクラウドサービスの形態としては，次の三つが定義されている (figure_title)．
  • Software as a Service (SaaS): クラウド上で実行されるアプリケーションをサービスとして利用者に提供する形態． 例として， Google Drive や Slack などが挙げられる． 利用者は，背後にあるクラウドのインフラ (ネットワークやサーバーなど) には直接触れず，アプリケーションとして提供されているクラウドサービスを享受する．
  • Platform as a Service (PaaS): 顧客の作成したアプリケーション (多くの場合データベースと API リクエスト処理を行うサーバーのコードから構成される) をデプロイする環境をサービスとして利用者に提供する形態． PaaS では利用者はクラウドのインフラに直接触れることはなく，計算負荷が増減した際のサーバーのスケーリングはクラウドプロバイダーによってなされる． 例としては， Google App Engine や Heroku などがある．
  • Infrastructure as a Service (IaaS): クラウド上の計算インフラストラクチャーを従量課金制で利用者に提供する形態． 利用者は必要なネットワーク・サーバー・ストレージをプロバイダーから借り受け，そこに自身のアプリケーションを展開し運用する． IaaS の例としては AWS EC2 などが挙げられる．
本書が扱うのは，主に IaaS におけるクラウド開発である． すなわち，開発者がクラウドのインフラを直接操作し，所望のネットワーク・サーバー・ストレージなどを一から構成し，そこにアプリケーションを展開するというクラウド開発である． この意味において，クラウドの開発とはクラウドインフラストラクチャーを定義・展開するプログラムを構築するステップとインフラ上で実際に走るアプリケーションを作成するステップの二つに分けることができる． この二つは，プログラマーの技術としてはある程度分業を行うことが可能であるが，最も効率化・最適化されたクラウドシステムを構築するためには両方の理解が必須である． 本書では，前者 (クラウドインフラの記述) に重きを置きつつ，アプリケーションレイヤーの話題も取り扱う． PaaS とは，開発者はアプリケーションレイヤーの開発に注力し，クラウドインフラの部分はクラウドプロバイダーに依存するという概念である． PaaS は，クラウドインフラの開発が不要になることで開発の時間が短縮されるが，細かなインフラの挙動はコントロールできないという限界がある． 本書では PaaS についてはとくに取り扱わない．
SaaS は本書の文脈では開発による"成果物"と捉えられるだろう． すなわち， IaaS を構成するプログラムを作成し展開することによって，一般の人が利用できるようなウェブ上の計算サービスやデータベースを提供することが開発の最終ゴールである． 本書のハンズオンではその実例として，シンプルな SNS の作成 ( (#sec_bashoutter)) などの演習を提供する．
なお，最近では Function as a Service (FaaS) やサーバーレスコンピューティングなども新たなクラウドのカテゴリとして認知されている． これらの概念については (#sec_intro_serverless) などの章で詳しく触れていく． 本書を読み進める中で明らかになるように，クラウドの技術は日進月歩である． 本書では実用的・教育的な観点から，従来的なクラウドの設計概念に触れたあと，サーバーレスなどの最新の技術も網羅するので，楽しみにしながら読み進めていただきたい．
最後に，The NIST Definition of Cloud Computing によると，クラウドの運用形態について次のような定義がなされている (figure_title)． 特定の組織・団体・企業の内部のみで使用されるクラウドを，プライベートクラウド (private cloud) とよぶ． 例えば，大学や研究機関では，その機関の構成員向けの大規模計算機サーバーが運用されていることが多い． プライベートクラウドは，組織の構成員ならば無料もしくは極めて割安のコストで計算を実行できる． しかし，使用できる計算資源の上限は限られる場合が多く，拡張時の柔軟性に欠ける場合もある．
一方，商用のサービスとして一般の顧客に向けたクラウドのことを，パブリッククラウド (public cloud) とよぶ． 有名なパブリッククラウドプラットフォームの例を挙げると， Google 社が提供する Google Cloud Platform (GCP)， Microsoft 社が提供する Azure， Amazon 社が提供する Amazon Web Services (AWS) などがある． パブリッククラウドを利用する場合は，プロバイダーの設定した利用料金を支払うことになる． その分，巨大なデータセンターを運用する企業の計算資源にアクセスすることができるので，計算のキャパシティは無尽蔵にあるといって過言でない．
第三のクラウドの運用形態として，コミュニティクラウド (community cloud) が挙げられる． これは，例えば政府の省庁・機関など目的・役割を共有する団体・組織が共有して運用するクラウドを指す． 最後に，ハイブリッドクラウド (hybrid cloud) という形態もあり，これはプライベート・パブリック・コミュニティクラウドの二つ以上の組み合わせによって構成されるクラウドのことである． データ保護の観点から，いくつかの機密データやプライバシーに関わる情報はプライベートクラウドに保持し，残りのシステムをパブリッククラウドに依存する，などの形態が想定される．
本書で説明するのは，基本的にパブリッククラウドを使ったクラウド開発である． 特に，Amazon Web Services (AWS) を使用して，具体的な技術と概念を学んでいく． 一方で，サーバーのスケーリングや仮想計算環境などのテクニックはすべてのクラウドに共通な概念であるので，クラウドのプラットフォームが変わろうと一般に通用する知識も同時に身につくはずだ．
なぜクラウドを使うのか？ ​
上述のように，クラウドとはプログラムを通じて自由に計算資源を操作することのできる計算環境である． ここでは，リアルなローカル計算環境と比べて，なぜクラウドを使うと良いことがあるのかについて述べたい．
  1. 自由にサーバーのサイズをスケールできる
    なにか新しいプロジェクトを始めるとき，あらかじめ必要なサーバーのスペックを知るのは難しい． いきなり大きなサーバーを買うのはリスクが高い． 一方で，小さすぎるサーバーでは，後のアップグレードが面倒である． クラウドを利用すれば，プロジェクトを進めながら，必要な分だけの計算資源を確保することができる． 2. 自分でサーバーをメンテナンスする必要がない
    悲しいことに，コンピュータとは古くなるものである．最近の技術の進歩の速度からすると，5 年も経てば，もはや当時の最新コンピュータも化石と同じである． 5 年ごとにサーバーを入れ替えるのは相当な手間である． またサーバーの停電や故障など不意の障害への対応も必要である． クラウドでは，そのようなインフラの整備やメンテナンスはプロバイダーが自動でやってくれるので，ユーザーが心配する必要がない． 3. 初期コスト 0
    自前の計算環境とクラウドの，経済的なコストのイメージを示したのが figure_title である． クラウドを利用する場合の初期コストは基本的に 0 である． その後，使った利用量に応じてコストが増大していく． 一方，自前の計算環境では，大きな初期コストが生じる． その分，初期投資後のコストの増加は，電気利用料やサーバー維持費などに留まるため，クラウドを利用した場合よりも傾きは小さくなる． 自前の計算機では，ある一定期間後，サーバーのアップグレードなどによる支出が生じることがある． 一方，クラウドを利用する場合は，そのような非連続なコストの増大は基本的に生じない． クラウドのコストのカーブが，自前計算環境のコストのカーブの下にある範囲においては，クラウドを使うことは経済的なコスト削減につながる．
    クラウドと自前計算機環境の経済的コストの比較
とくに，**1.**の点は研究の場面では重要であると筆者は感じる． 研究をやっていて，四六時中計算を走らせ続けるという場合は少ない． むしろ，新しいアルゴリズムが完成したとき・新しいデータが届いたとき，集中的・突発的に計算タスクが増大することが多いだろう． そういったときに，フレキシブルに計算力を増強させることができるのは，クラウドを使う大きなメリットである．
ここまでクラウドを使うメリットを述べたが，逆に，デメリットというのも当然存在する．
  1. クラウドは賢く使わないといけない
    figure_title で示したコストのカーブにあるとおり，使い方によっては自前の計算環境のほうがコスト的に有利な場面は存在しうる． クラウドを利用する際は，使い終わった計算資源はすぐに削除するなど，利用者が賢く管理を行う必要があり，これを怠ると思いもしない額の請求が届く可能性がある． 2. セキュリティ
    クラウドは，インターネットを通じて世界のどこからでもアクセスできる状態にあり，セキュリティ管理を怠ると簡単にハッキングの対象となりうる． ハッキングを受けると，情報流出だけでなく，経済的な損失を被る可能性がある． 3. ラーニングカーブ
    上記のように，コスト・セキュリティなど，クラウドを利用する際に留意しなければならない点は多い． 賢くクラウドを使うには，十分なクラウドの理解が必要であり，そのラーニングカーブを乗り越える必要がある．
Mac/Linux などでコマンドを入力するときに使用する，あの黒い画面のことを Terminal とよんだりする． この言葉の語源をご存知だろうか？
Terminal
この言葉の語源は，コンピュータが誕生して間もない頃の時代に遡る． その頃のコンピュータというと，何千何万のという数の真空管が接続された，会議室一個分くらいのサイズのマシンであった． そのような高価でメンテが大変な機材であるから，当然みんなでシェアして使うことが前提となる． ユーザーがコンピュータにアクセスするため，マシンからは何本かのケーブルが伸び，それぞれにキーボードとスクリーンが接続されていた… これを Terminal とよんでいたのである． 人々は，代わる代わる Terminal の前に座って，計算機との対話を行っていた．
時代は流れ，Windows や Mac などのいわゆるパーソナルコンピュータの出現により，コンピュータはみんなで共有するものではなく，個人が所有するものになった．
最近のクラウドの台頭は，みんなで大きなコンピュータをシェアするという，最初のコンピュータの使われ方に原点回帰していると捉えることもできる． 一方で，スマートフォンやウェアラブルなどのエッジデバイスの普及も盛んであり，個人が複数の"小さな"コンピュータを所有する，という流れも同時に進行しているのである．
',33);function m(h,S,T,P,b,v){const e=a;return s(),l("div",null,[_,c(e,{readTime:"4",words:"1.5k"}),f])}const q=n(u,[["render",m]]);export{N as __pageData,q as default};
diff --git a/assets/development_aws_cloud.md.e679b136.lean.js b/assets/development_aws_cloud.md.148d68f2.lean.js
similarity index 92%
rename from assets/development_aws_cloud.md.e679b136.lean.js
rename to assets/development_aws_cloud.md.148d68f2.lean.js
index 455fa8fd..c580d7f0 100644
--- a/assets/development_aws_cloud.md.e679b136.lean.js
+++ b/assets/development_aws_cloud.md.148d68f2.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,a as t,b as i,c as p}from"./chunks/terminal.94539704.js";import{_ as n,o as s,c as l,H as c,k as o,a as g,Q as d}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const N=JSON.parse('{"title":"クラウド概論","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/cloud.md","filePath":"development/aws/cloud.md","lastUpdated":1695377563000}'),u={name:"development/aws/cloud.md"},_=o("h1",{id:"クラウド概論",tabindex:"-1"},[g("クラウド概論 "),o("a",{class:"header-anchor",href:"#クラウド概論","aria-label":'Permalink to "クラウド概論"'},"​")],-1),f=d("",33);function m(h,S,T,P,b,v){const e=a;return s(),l("div",null,[_,c(e,{readTime:"4",words:"1.5k"}),f])}const q=n(u,[["render",m]]);export{N as __pageData,q as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,a as t,b as i,c as p}from"./chunks/terminal.94539704.js";import{_ as n,o as s,c as l,H as c,k as o,a as g,Q as d}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const N=JSON.parse('{"title":"クラウド概論","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/cloud.md","filePath":"development/aws/cloud.md","lastUpdated":1699051935000}'),u={name:"development/aws/cloud.md"},_=o("h1",{id:"クラウド概論",tabindex:"-1"},[g("クラウド概論 "),o("a",{class:"header-anchor",href:"#クラウド概論","aria-label":'Permalink to "クラウド概論"'},"​")],-1),f=d("",33);function m(h,S,T,P,b,v){const e=a;return s(),l("div",null,[_,c(e,{readTime:"4",words:"1.5k"}),f])}const q=n(u,[["render",m]]);export{N as __pageData,q as default};
diff --git a/assets/development_aws_docker-system.md.4275fd21.lean.js b/assets/development_aws_docker-system.md.4275fd21.lean.js
deleted file mode 100644
index 2b0a3f30..00000000
--- a/assets/development_aws_docker-system.md.4275fd21.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,a as o,b as p,c as l,d as r,e as t,f as c,g as i}from"./chunks/ecs.73d77e6a.js";import{_ as y,o as d,c as u,H as m,k as s,a as h,Q as g}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const x=JSON.parse('{"title":"Docker 入門","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/docker-system.md","filePath":"development/aws/docker-system.md","lastUpdated":1695377563000}'),k={name:"development/aws/docker-system.md"},b=s("h1",{id:"docker-入門",tabindex:"-1"},[h("Docker 入門 "),s("a",{class:"header-anchor",href:"#docker-入門","aria-label":'Permalink to "Docker 入門"'},"​")],-1),A=g("",72);function f(_,D,B,v,C,S){const a=n;return d(),u("div",null,[b,m(a,{readTime:"8",words:"2.2k"}),A])}const E=y(k,[["render",f]]);export{x as __pageData,E as default};
diff --git a/assets/development_aws_docker-system.md.4275fd21.js b/assets/development_aws_docker-system.md.dcee24fc.js
similarity index 64%
rename from assets/development_aws_docker-system.md.4275fd21.js
rename to assets/development_aws_docker-system.md.dcee24fc.js
index f99873c9..615d5681 100644
--- a/assets/development_aws_docker-system.md.4275fd21.js
+++ b/assets/development_aws_docker-system.md.dcee24fc.js
@@ -1,65 +1,65 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,a as o,b as p,c as l,d as r,e as t,f as c,g as i}from"./chunks/ecs.73d77e6a.js";import{_ as y,o as d,c as u,H as m,k as s,a as h,Q as g}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const x=JSON.parse('{"title":"Docker 入門","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/docker-system.md","filePath":"development/aws/docker-system.md","lastUpdated":1695377563000}'),k={name:"development/aws/docker-system.md"},b=s("h1",{id:"docker-入門",tabindex:"-1"},[h("Docker 入門 "),s("a",{class:"header-anchor",href:"#docker-入門","aria-label":'Permalink to "Docker 入門"'},"​")],-1),A=g('
ここまでの章で扱ってきたハンズオンでは，単一のサーバーを立ち上げ，それに SSH でログインをして，コマンドを叩くことで計算を行ってきた． いわば，パーソナルコンピュータの延長のような形でクラウドを使ってきたわけである． このような，インターネットのどこからでもアクセスできるパーソナルコンピュータとしてのクラウドという使い方も，もちろん便利であるし，いろいろな応用の可能性がある． しかし，これだけではクラウドの本当の価値は十分に発揮されていないと言うべきだろう． (#chap_cloud_basics) で述べたように，現代的なクラウドの一番の強みは自由に計算機の規模を拡大できることにある． すなわち，多数のサーバーを同時に起動し，複数のジョブを分散並列的に実行させることで大量のデータを処理してこそ，クラウドの本領が発揮されるのである．
本章からはじまる 3 章分 (Docker 入門, (#sec_fargate_qabot), (#sec_aws_batch)) を使って，クラウドを利用することでどのように大規模な計算システムを構築しビッグデータの解析に立ち向かうのか，その片鱗をお見せしたい． とくに，前章で扱った深層学習をどのようにビッグデータに適用していくかという点に焦点を絞って議論していきたい． そのための前準備として，本章では Docker とよばれる計算機環境の仮想化ソフトウェアを紹介する (figure_title)． 現代のクラウドは Docker なしには成り立たないといっても過言ではないだろう． クラウドに限らず，ローカルで行う計算処理にも Docker は大変便利である． AWS からは少し話が離れるが，しっかりと理解して前に進んでもらいたい．
機械学習の大規模化 ​
先ほどから"計算システムの大規模化"と繰り返し唱えているが，それは具体的にはどのようなものを指しているのか？ ここでは大規模データを処理するための計算機システムを，機械学習を例にとって見てみよう．
(#sec_scientific_computing) で紹介した GPT-3 のような，超巨大な数のパラメータを有する深層学習モデルを学習させたいとしよう． そのような計算を行いたい場合，一つのサーバーでは計算力が到底足りない． したがって，典型的には figure_title に示すような計算システムの設計がなされる． すなわち，大量の教師データを小さなチャンクとして複数のマシンに分散し，並列的にニューラルネットのパラメータを最適化していくという構造である．
複数の計算機を使った大規模な深層学習モデルの訓練
あるいは，学習済みのモデルを大量のデータに適用し，解析を行いたいとしよう． たとえば， SNS のプラットフォームで大量の画像が与えられて，それぞれの写真に何が写っているのかをラベルづけする，などのアプリケーションを想定できる． そのような場合は， figure_title のようなアーキテクチャが考えられるだろう． すなわち，大量のデータを複数のマシンで分割し，それぞれのマシンで推論の計算を行うというような構造である．
複数の計算機による深層学習モデルを使った推論計算
このような複数の計算機を同時に走らせるようなアプリケーションをクラウド上で実現するには，どのようにすればよいのだろうか？
重要なポイントとして， figure_title や figure_title で起動している複数のマシンは，基本的に全く同一の OS・計算環境を有している点である． ここで，個人のコンピュータで行うようなインストールの操作を，各マシンで行うこともできるが，それは大変な手間であるし，メンテナンスも面倒だろう． すなわち，大規模な計算システムを構築するには，簡単に計算環境を複製できるような仕組みが必要であるということがわかる．
そのような目的を実現するために使われるのが， Docker とよばれるソフトウェアである．
Docker とは ​
Docker のアイコン
Docker とは， コンテナ (Container) とよばれる仮想環境下で，ホスト OS とは独立した別の計算環境を走らせるためのソフトウェアである． Docker を使うことで， OS を含めたすべてのプログラムをコンパクトにパッケージングすることが可能になる (パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ)． Docker を使うことで，クラウドのサーバー上に瞬時に計算環境を複製することが可能になり， figure_title で見たような複数の計算機を同時に走らせるためのシステムが実現できる．
Docker は 2013 年に Solomon Hykes らを中心に開発され，それ以降爆発的に普及し，クラウドコンピューティングだけでなく，機械学習・科学計算の文脈などでも欠かすことのできないソフトウェアとなった． Docker はエンタープライズ向けの製品を除き無料で使用することができ，コアの部分は オープンソースプロジェクト として公開されている． Docker は Linux, Windows, Mac いずれの OS でも提供されている． 概念としては， Docker は仮想マシン (Virtual machine; VM) にとても近い． ここでは， VM との対比をしながら，Docker とはなにかを簡単に説明しよう．
仮想マシン (VM) とは，ホストとなるマシンの上に，仮想化された OS を走らせる技術である (figure_title)． VM には ハイパーバイザー (Hypervisor) とよばれるレイヤーが存在する． Hypervisor はまず，物理的な計算機リソース (CPU, RAM, network など) を分割し，仮想化する． たとえば， ホストマシンに物理的な CPU が 4 コアあるとして，ハイパーバイザーはそれを (2,2) 個の組に仮想的に分割することができる． VM 上で起動する OS には，ハイパーバイザーによって仮想化されたハードウェアが割り当てられる． VM 上で起動する OS は基本的に完全に独立であり，たとえば OS-A は OS-B に割り当てられた CPU やメモリー領域にアクセスすることはできない (これを isolation とよぶ)． VM を作成するための有名なソフトウェアとしては， VMware， VirtualBox， Xen などがある． また，これまで触ってきた EC2 も，基本的に VM 技術を使うことで所望のスペックをもった仮想マシンがユーザーに提示される．
Docker も， VM と同様に，仮想化された OS をホストの OS 上に走らせるための技術である． VM に対し， Docker ではハードウェアレベルの仮想化は行われておらず，すべての仮想化はソフトウェアレベルで実現されている (figure_title)． Docker で走る仮想 OS は，多くの部分をホストの OS に依存しており，結果として非常にコンパクトである． その結果， Docker で仮想 OS を起動するために要する時間は， VM に比べて圧倒的に早い． また， パッケージ化された環境 (=イメージ) のサイズも完全な OS に比べ圧倒的に小さくなるので，ネットワークを通じたやり取りが非常に高速化される点も重要である 加えて， VM のいくつかの実装では，メタル (仮想化マシンに対して，物理的なハードウェア上で直接起動する場合のこと) と比べ，ハイパーバイザーレイヤーでのオーバーヘッドなどにより性能が低下することが知られているが， Docker ではメタルとほぼ同様の性能を引き出すことができるとされている．
その他， VM との相違点などはたくさんあるのだが，ここではこれ以上詳細には立ち入らない． 大事なのは， Docker とはとてもコンパクトかつハイパフォーマンスな仮想計算環境を作るツールである，という点である． その手軽さゆえに，2013 年の登場以降，クラウドシステムでの利用が急速に増加し，現代のクラウドでは欠くことのできない中心的な技術になっている．
Docker (左) と VM (右) の比較 (画像出典: https://www.docker.com/blog/containers-replacing-virtual-machines/)
職業的プログラマーにとっての"三種の神器"とはなんだろうか？ 多様な意見があると思うが，筆者は Git, Vim そして Docker を挙げたい．
Git は多くの読者がご存じの通り，コードの変更を追跡するためのシステムである． Linux の作成者である Linus Torvalds によって 2005 年に誕生した． チームでの開発を進める際には欠かせないツールだ．
Vim は 1991 年から 30 年以上の間プログラマーたちに愛されてきたテキストエディターである． Stackoverflow が行った 2019 年のアンケート によると，開発環境の部門で 5 位の人気を獲得している． たくさんのショートカットと様々なカスタム設定が提供されているので，初見の人にはなかなかハードルが高いが，一度マスターすれば他のモダンなエディターや統合開発環境に負けない，あるいはそれ以上の開発体験を実現することができる．
これらの十年以上の歴史あるツールに並んで，第三番目の三種の神器として挙げたいのが Docker だ． Docker はプログラマーの開発のワークフローを一変させた． たとえば，プロジェクトごとに Docker イメージを作成することで，どの OS・コンピュータ でも全く同じ計算環境で開発・テストを実行することができるようになった． また， DevOps や CI / CD (Continuous Integration / Continuous Deployment) といった最近の開発ワークフローも Docker のようなコンテナ技術の存在に立脚している． さらにはサーバーレスコンピューティング ( (#sec_serverless)) といった概念も，コンテナ技術の生んだ大きな技術革新といえる．
あなたにとっての三種の神器はなんだろうか？ また，これからの未来ではどんな新しいツールが三種の神器としてプログラマーのワークフローを革新していくだろうか？
Docker チュートリアル ​
Docker とはなにかを理解するためには，実際に触って動かしてみるのが一番有効な手立てである． ここでは， Docker の簡単なチュートリアルを行っていく．
Docker のインストールについては， (#sec:install_docker) および 公式のドキュメンテーション を参照してもらいたい． Docker のインストールが完了している前提で，以下は話を進めるものとする．
Docker 用語集 ​
Docker を使い始めるに当たり，最初に主要な用語を解説しよう． 次のパラグラフで太字で強調された用語を頭に入れた上で，続くチュートリアルに取り組んでいただきたい．
Docker を起動する際の大まかなステップを示したのが figure_title である． パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ． イメージは， Docker Hub などのリポジトリで配布されているものをダウンロードするか，自分でカスタムのイメージを作成することも可能である． イメージを作成するための”レシピ”を記述したファイルが Dockerfile である． Dockerfile からイメージを作成する操作を build とよぶ． イメージがホストマシンのメモリにロードされ，起動状態にある計算環境のことを コンテナ (Container) とよぶ． Container を起動するために使用されるコマンドが run である．
Image と Container
イメージをダウンロード ​
パッケージ化された Docker の仮想環境 (= イメージ (Image)) は， Docker Hub からダウンロードできる． Docker Hub には，個人や企業・団体が作成した Docker イメージが集められており， GitHub などと同じ感覚で，オープンな形で公開されている．
たとえば， Ubuntu のイメージは Ubuntu の公式リポジトリ で公開されており， pull コマンドを使うことでローカルにダウンロードすることができる．
sh
$ docker pull ubuntu:18.04
$ docker pull ubuntu:18.04
ここで，イメージ名の : (コロン) 以降に続く文字列を タグ (tag) と呼び，主にバージョンを指定するなどの目的で使われる．
pull コマンドはデフォルトでは Docker Hub でイメージを検索し，ダウンロードを行う． Docker イメージを公開するためのデータベース (レジストリ (registry) とよぶ) は Docker Hub だけではなく，たとえば GitLab や GitHub は独自のレジストリ機能を提供しているし，個人のサーバーでレジストリを立ち上げることも可能である． Docker Hub 以外のレジストリから pull するには， myregistry.local:5000/testing/test-image のように，イメージ名の先頭につける形でレジストリのアドレス (さらにオプションとしてポート番号) を指定する．
コンテナを起動 ​
Pull してきたイメージを起動するには， run コマンドを使う．
sh
$ docker run -it ubuntu:18.04
$ docker run -it ubuntu:18.04
ここで， -it とは，インタラクティブな shell のセッションを開始するために必要なオプションである．
このコマンドを実行すると，仮想化された Ubuntu が起動され，コマンドラインからコマンドが打ち込めるようになる (figure_title)． このように起動状態にある計算環境 (ランタイム) のことを Container (コンテナ) とよぶ．
Docker を使って ubuntu:18.04 イメージを起動
ここで使用した ubuntu:18.04 のイメージは，空の Ubuntu OS だが，すでにプログラムがインストール済みのものもある． これは， (#sec_jupyter_and_deep_learning) でみた DLAMI と概念として似ている． たとえば， PyTorch がインストール済みのイメージは PyTorch 公式の Docker Hub リポジトリ で公開されている．
これを起動してみよう．
sh
$ docker run -it pytorch/pytorch
$ docker run -it pytorch/pytorch
docker run を実行したとき，ローカルに該当するイメージが見つからない場合は，自動的に Docker Hub からダウンロードされる．
pytorch のコンテナが起動したら， Python のシェルを立ち上げて， pytorch をインポートしてみよう．
sh
$ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
$ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
このように， Docker を使うことで簡単に特定の OS・プログラムの入った計算環境を再現することが可能になる．
自分だけのイメージを作る ​
自分の使うソフトウェア・ライブラリがインストールされた，自分だけのイメージを作ることも可能である．
たとえば， 本書のハンズオン実行用に提供している docker イメージ には， Python, Node.js, AWS CLI, AWS CDK などのソフトウェアがインストール済みであり，ダウンロードしてくるだけですぐにハンズオンのプログラムが実行できるようになっている．
カスタムの docker イメージを作るには， Dockerfile という名前のついたファイルを用意し，その中にどんなプログラムをインストールするかなどを記述していく．
具体例として，本書で提供している Docker イメージのレシピを見てみよう (docker/Dockerfile)．
dockerfile
FROM node:12
-LABEL maintainer="Tomoyuki Mano"
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,a as o,b as p,c as l,d as r,e as t,f as c,g as i}from"./chunks/ecs.73d77e6a.js";import{_ as y,o as u,c as d,H as m,k as s,a as h,Q as g}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const P=JSON.parse('{"title":"Docker 入門","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/docker-system.md","filePath":"development/aws/docker-system.md","lastUpdated":1699051935000}'),b={name:"development/aws/docker-system.md"},k=s("h1",{id:"docker-入門",tabindex:"-1"},[h("Docker 入門 "),s("a",{class:"header-anchor",href:"#docker-入門","aria-label":'Permalink to "Docker 入門"'},"​")],-1),D=g('
ここまでの章で扱ってきたハンズオンでは，単一のサーバーを立ち上げ，それに SSH でログインをして，コマンドを叩くことで計算を行ってきた． いわば，パーソナルコンピュータの延長のような形でクラウドを使ってきたわけである． このような，インターネットのどこからでもアクセスできるパーソナルコンピュータとしてのクラウドという使い方も，もちろん便利であるし，いろいろな応用の可能性がある． しかし，これだけではクラウドの本当の価値は十分に発揮されていないと言うべきだろう． (#chap_cloud_basics) で述べたように，現代的なクラウドの一番の強みは自由に計算機の規模を拡大できることにある． すなわち，多数のサーバーを同時に起動し，複数のジョブを分散並列的に実行させることで大量のデータを処理してこそ，クラウドの本領が発揮されるのである．
本章からはじまる 3 章分 (Docker 入門, (#sec_fargate_qabot), (#sec_aws_batch)) を使って，クラウドを利用することでどのように大規模な計算システムを構築しビッグデータの解析に立ち向かうのか，その片鱗をお見せしたい． とくに，前章で扱った深層学習をどのようにビッグデータに適用していくかという点に焦点を絞って議論していきたい． そのための前準備として，本章では Docker とよばれる計算機環境の仮想化ソフトウェアを紹介する (figure_title)． 現代のクラウドは Docker なしには成り立たないといっても過言ではないだろう． クラウドに限らず，ローカルで行う計算処理にも Docker は大変便利である． AWS からは少し話が離れるが，しっかりと理解して前に進んでもらいたい．
機械学習の大規模化 ​
先ほどから"計算システムの大規模化"と繰り返し唱えているが，それは具体的にはどのようなものを指しているのか？ ここでは大規模データを処理するための計算機システムを，機械学習を例にとって見てみよう．
(#sec_scientific_computing) で紹介した GPT-3 のような，超巨大な数のパラメータを有する深層学習モデルを学習させたいとしよう． そのような計算を行いたい場合，一つのサーバーでは計算力が到底足りない． したがって，典型的には figure_title に示すような計算システムの設計がなされる． すなわち，大量の教師データを小さなチャンクとして複数のマシンに分散し，並列的にニューラルネットのパラメータを最適化していくという構造である．
複数の計算機を使った大規模な深層学習モデルの訓練
あるいは，学習済みのモデルを大量のデータに適用し，解析を行いたいとしよう． たとえば， SNS のプラットフォームで大量の画像が与えられて，それぞれの写真に何が写っているのかをラベルづけする，などのアプリケーションを想定できる． そのような場合は， figure_title のようなアーキテクチャが考えられるだろう． すなわち，大量のデータを複数のマシンで分割し，それぞれのマシンで推論の計算を行うというような構造である．
複数の計算機による深層学習モデルを使った推論計算
このような複数の計算機を同時に走らせるようなアプリケーションをクラウド上で実現するには，どのようにすればよいのだろうか？
重要なポイントとして， figure_title や figure_title で起動している複数のマシンは，基本的に全く同一の OS・計算環境を有している点である． ここで，個人のコンピュータで行うようなインストールの操作を，各マシンで行うこともできるが，それは大変な手間であるし，メンテナンスも面倒だろう． すなわち，大規模な計算システムを構築するには，簡単に計算環境を複製できるような仕組みが必要であるということがわかる．
そのような目的を実現するために使われるのが， Docker とよばれるソフトウェアである．
Docker とは ​
Docker のアイコン
Docker とは， コンテナ (Container) とよばれる仮想環境下で，ホスト OS とは独立した別の計算環境を走らせるためのソフトウェアである． Docker を使うことで， OS を含めたすべてのプログラムをコンパクトにパッケージングすることが可能になる (パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ)． Docker を使うことで，クラウドのサーバー上に瞬時に計算環境を複製することが可能になり， figure_title で見たような複数の計算機を同時に走らせるためのシステムが実現できる．
Docker は 2013 年に Solomon Hykes らを中心に開発され，それ以降爆発的に普及し，クラウドコンピューティングだけでなく，機械学習・科学計算の文脈などでも欠かすことのできないソフトウェアとなった． Docker はエンタープライズ向けの製品を除き無料で使用することができ，コアの部分は オープンソースプロジェクト として公開されている． Docker は Linux, Windows, Mac いずれの OS でも提供されている． 概念としては， Docker は仮想マシン (Virtual machine; VM) にとても近い． ここでは， VM との対比をしながら，Docker とはなにかを簡単に説明しよう．
仮想マシン (VM) とは，ホストとなるマシンの上に，仮想化された OS を走らせる技術である (figure_title)． VM には ハイパーバイザー (Hypervisor) とよばれるレイヤーが存在する． Hypervisor はまず，物理的な計算機リソース (CPU, RAM, network など) を分割し，仮想化する． たとえば， ホストマシンに物理的な CPU が 4 コアあるとして，ハイパーバイザーはそれを (2,2) 個の組に仮想的に分割することができる． VM 上で起動する OS には，ハイパーバイザーによって仮想化されたハードウェアが割り当てられる． VM 上で起動する OS は基本的に完全に独立であり，たとえば OS-A は OS-B に割り当てられた CPU やメモリー領域にアクセスすることはできない (これを isolation とよぶ)． VM を作成するための有名なソフトウェアとしては， VMware， VirtualBox， Xen などがある． また，これまで触ってきた EC2 も，基本的に VM 技術を使うことで所望のスペックをもった仮想マシンがユーザーに提示される．
Docker も， VM と同様に，仮想化された OS をホストの OS 上に走らせるための技術である． VM に対し， Docker ではハードウェアレベルの仮想化は行われておらず，すべての仮想化はソフトウェアレベルで実現されている (figure_title)． Docker で走る仮想 OS は，多くの部分をホストの OS に依存しており，結果として非常にコンパクトである． その結果， Docker で仮想 OS を起動するために要する時間は， VM に比べて圧倒的に早い． また， パッケージ化された環境 (=イメージ) のサイズも完全な OS に比べ圧倒的に小さくなるので，ネットワークを通じたやり取りが非常に高速化される点も重要である 加えて， VM のいくつかの実装では，メタル (仮想化マシンに対して，物理的なハードウェア上で直接起動する場合のこと) と比べ，ハイパーバイザーレイヤーでのオーバーヘッドなどにより性能が低下することが知られているが， Docker ではメタルとほぼ同様の性能を引き出すことができるとされている．
その他， VM との相違点などはたくさんあるのだが，ここではこれ以上詳細には立ち入らない． 大事なのは， Docker とはとてもコンパクトかつハイパフォーマンスな仮想計算環境を作るツールである，という点である． その手軽さゆえに，2013 年の登場以降，クラウドシステムでの利用が急速に増加し，現代のクラウドでは欠くことのできない中心的な技術になっている．
Docker (左) と VM (右) の比較 (画像出典: https://www.docker.com/blog/containers-replacing-virtual-machines/)
職業的プログラマーにとっての"三種の神器"とはなんだろうか？ 多様な意見があると思うが，筆者は Git, Vim そして Docker を挙げたい．
Git は多くの読者がご存じの通り，コードの変更を追跡するためのシステムである． Linux の作成者である Linus Torvalds によって 2005 年に誕生した． チームでの開発を進める際には欠かせないツールだ．
Vim は 1991 年から 30 年以上の間プログラマーたちに愛されてきたテキストエディターである． Stackoverflow が行った 2019 年のアンケート によると，開発環境の部門で 5 位の人気を獲得している． たくさんのショートカットと様々なカスタム設定が提供されているので，初見の人にはなかなかハードルが高いが，一度マスターすれば他のモダンなエディターや統合開発環境に負けない，あるいはそれ以上の開発体験を実現することができる．
これらの十年以上の歴史あるツールに並んで，第三番目の三種の神器として挙げたいのが Docker だ． Docker はプログラマーの開発のワークフローを一変させた． たとえば，プロジェクトごとに Docker イメージを作成することで，どの OS・コンピュータ でも全く同じ計算環境で開発・テストを実行することができるようになった． また， DevOps や CI / CD (Continuous Integration / Continuous Deployment) といった最近の開発ワークフローも Docker のようなコンテナ技術の存在に立脚している． さらにはサーバーレスコンピューティング ( (#sec_serverless)) といった概念も，コンテナ技術の生んだ大きな技術革新といえる．
あなたにとっての三種の神器はなんだろうか？ また，これからの未来ではどんな新しいツールが三種の神器としてプログラマーのワークフローを革新していくだろうか？
Docker チュートリアル ​
Docker とはなにかを理解するためには，実際に触って動かしてみるのが一番有効な手立てである． ここでは， Docker の簡単なチュートリアルを行っていく．
Docker のインストールについては， (#sec:install_docker) および 公式のドキュメンテーション を参照してもらいたい． Docker のインストールが完了している前提で，以下は話を進めるものとする．
Docker 用語集 ​
Docker を使い始めるに当たり，最初に主要な用語を解説しよう． 次のパラグラフで太字で強調された用語を頭に入れた上で，続くチュートリアルに取り組んでいただきたい．
Docker を起動する際の大まかなステップを示したのが figure_title である． パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ． イメージは， Docker Hub などのリポジトリで配布されているものをダウンロードするか，自分でカスタムのイメージを作成することも可能である． イメージを作成するための”レシピ”を記述したファイルが Dockerfile である． Dockerfile からイメージを作成する操作を build とよぶ． イメージがホストマシンのメモリにロードされ，起動状態にある計算環境のことを コンテナ (Container) とよぶ． Container を起動するために使用されるコマンドが run である．
Image と Container
イメージをダウンロード ​
パッケージ化された Docker の仮想環境 (= イメージ (Image)) は， Docker Hub からダウンロードできる． Docker Hub には，個人や企業・団体が作成した Docker イメージが集められており， GitHub などと同じ感覚で，オープンな形で公開されている．
たとえば， Ubuntu のイメージは Ubuntu の公式リポジトリ で公開されており， pull コマンドを使うことでローカルにダウンロードすることができる．
sh
$ docker pull ubuntu:18.04
$ docker pull ubuntu:18.04
ここで，イメージ名の : (コロン) 以降に続く文字列を タグ (tag) と呼び，主にバージョンを指定するなどの目的で使われる．
pull コマンドはデフォルトでは Docker Hub でイメージを検索し，ダウンロードを行う． Docker イメージを公開するためのデータベース (レジストリ (registry) とよぶ) は Docker Hub だけではなく，たとえば GitLab や GitHub は独自のレジストリ機能を提供しているし，個人のサーバーでレジストリを立ち上げることも可能である． Docker Hub 以外のレジストリから pull するには， myregistry.local:5000/testing/test-image のように，イメージ名の先頭につける形でレジストリのアドレス (さらにオプションとしてポート番号) を指定する．
コンテナを起動 ​
Pull してきたイメージを起動するには， run コマンドを使う．
sh
$ docker run -it ubuntu:18.04
$ docker run -it ubuntu:18.04
ここで， -it とは，インタラクティブな shell のセッションを開始するために必要なオプションである．
このコマンドを実行すると，仮想化された Ubuntu が起動され，コマンドラインからコマンドが打ち込めるようになる (figure_title)． このように起動状態にある計算環境 (ランタイム) のことを Container (コンテナ) とよぶ．
Docker を使って ubuntu:18.04 イメージを起動
ここで使用した ubuntu:18.04 のイメージは，空の Ubuntu OS だが，すでにプログラムがインストール済みのものもある． これは， (#sec_jupyter_and_deep_learning) でみた DLAMI と概念として似ている． たとえば， PyTorch がインストール済みのイメージは PyTorch 公式の Docker Hub リポジトリ で公開されている．
これを起動してみよう．
sh
$ docker run -it pytorch/pytorch
$ docker run -it pytorch/pytorch
docker run を実行したとき，ローカルに該当するイメージが見つからない場合は，自動的に Docker Hub からダウンロードされる．
pytorch のコンテナが起動したら， Python のシェルを立ち上げて， pytorch をインポートしてみよう．
sh
$ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
$ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
このように， Docker を使うことで簡単に特定の OS・プログラムの入った計算環境を再現することが可能になる．
自分だけのイメージを作る ​
自分の使うソフトウェア・ライブラリがインストールされた，自分だけのイメージを作ることも可能である．
たとえば， 本書のハンズオン実行用に提供している docker イメージ には， Python, Node.js, AWS CLI, AWS CDK などのソフトウェアがインストール済みであり，ダウンロードしてくるだけですぐにハンズオンのプログラムが実行できるようになっている．
カスタムの docker イメージを作るには， Dockerfile という名前のついたファイルを用意し，その中にどんなプログラムをインストールするかなどを記述していく．
具体例として，本書で提供している Docker イメージのレシピを見てみよう (docker/Dockerfile)．
dockerfile
FROM node:12
+LABEL maintainer="Tomoyuki Mano"
 
-RUN apt-get update \\
-    && apt-get install nano
+RUN apt-get update \\
+    && apt-get install nano
 
-#
-RUN cd /opt \\
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \\
-    && tar -xzf Python-3.7.6.tgz \\
-    && cd Python-3.7.6 \\
-    && ./configure --enable-optimizations \\
-    && make install
+#
+RUN cd /opt \\
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \\
+    && tar -xzf Python-3.7.6.tgz \\
+    && cd Python-3.7.6 \\
+    && ./configure --enable-optimizations \\
+    && make install
 
-RUN cd /opt \\
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \\
-    && unzip awscliv2.zip \\
-    && ./aws/install
+RUN cd /opt \\
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \\
+    && unzip awscliv2.zip \\
+    && ./aws/install
 
-#
-RUN npm install -g aws-cdk@1.100
+#
+RUN npm install -g aws-cdk@1.100
 
-# clean up unnecessary files
-RUN rm -rf /opt/*
+# clean up unnecessary files
+RUN rm -rf /opt/*
 
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
FROM node:12
-LABEL maintainer="Tomoyuki Mano"
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
FROM node:12
+LABEL maintainer="Tomoyuki Mano"
 
-RUN apt-get update \\
-    && apt-get install nano
+RUN apt-get update \\
+    && apt-get install nano
 
-#
-RUN cd /opt \\
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \\
-    && tar -xzf Python-3.7.6.tgz \\
-    && cd Python-3.7.6 \\
-    && ./configure --enable-optimizations \\
-    && make install
+#
+RUN cd /opt \\
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \\
+    && tar -xzf Python-3.7.6.tgz \\
+    && cd Python-3.7.6 \\
+    && ./configure --enable-optimizations \\
+    && make install
 
-RUN cd /opt \\
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \\
-    && unzip awscliv2.zip \\
-    && ./aws/install
+RUN cd /opt \\
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \\
+    && unzip awscliv2.zip \\
+    && ./aws/install
 
-#
-RUN npm install -g aws-cdk@1.100
+#
+RUN npm install -g aws-cdk@1.100
 
-# clean up unnecessary files
-RUN rm -rf /opt/*
+# clean up unnecessary files
+RUN rm -rf /opt/*
 
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
Dockerfile の中身の説明は詳しくは行わないが，たとえば上のコードで <1> で示したところは， Python 3.7 のインストールを実行している． また， <2> で示したところは， AWS CDK のインストールを行っていることがわかるだろう． このように，リアルな OS で行うのと同じ流れでインストールのコマンドを逐一記述していくことで，自分だけの Docker イメージを作成することができる． 一度イメージを作成すれば，それを配布することで，他者も同一の計算環境を簡単に再構成することができる．
"ぼくの環境ではそのプログラム走ったのにな…" というのは，プログラミング初心者ではよく耳にする会話だが， Docker を使いこなせばそのような心配とは無縁である． そのような意味で，クラウド以外の場面でも， Docker の有用性・汎用性は極めて高い．
コンテナを用いた仮想計算環境ツールとして Docker を紹介したが， ほかに選択肢はないのか？ よくぞ聞いてくれた！ Docker の登場以降，複数のコンテナベースの仮想環境ツールが開発されてきた． いずれのツールも，概念や API については Docker と共通するものが多いが，Docker にはない独自の特徴を提供している． ここではその中でも有名ないくつかを紹介しよう．
Singularity は科学計算や HPC (High Performance Computing) の分野で人気の高いコンテナプラットフォームである． Singularity では大学・研究機関の HPC クラスターでの運用に適したような設計が施されている． たとえば， Docker は基本的には root 権限で実行されるのに対し， Singularity はユーザー権限 (コマンドを実行したユーザー自身) でプログラムが実行される． root 権限での実行は Web サーバーのように個人・企業がある特定のサービスのために運用するサーバーでは問題ないが，多数のユーザーが多様な目的で計算を実行する HPC クラスターでは問題となる． また，Singularity は独自のイメージの作成方法・エコシステムをもっているが， Docker イメージを Singularity のイメージに変換し実行する機能も有している．
podman は Red Hat 社によって開発されたもう一つのコンテナプラットフォームである． podman は基本的に Docker と同一のコマンドを採用しているが，実装は Red Hat によってスクラッチから行われた． podman では， Singularity と同様にユーザー権限でのプログラムの実行を可能であり，クラウドおよび HPC の両方の環境に対応するコンテナプラットフォームを目指して作られた． また，その名前にあるとおり pod とよばれる独自の概念が導入されている．
著者の個人的な意見としては，現時点では Docker をマスターしておけば当面は困ることはないと考えるが，興味のある読者はぜひこれらのツールも試してみてはいかがだろうか？
Elastic Container Service (ECS) ​
ECS のアイコン
ここまでに説明してきたように， Docker を使うことで仮想計算環境を簡単に複製・起動することが可能になる． 本章の最後の話題として， AWS 上で Docker を使った計算システムを構築する方法を解説しよう．
Elastic Container Service (ECS) とは， Docker を使った計算機クラスターを AWS 上に作成するためのツールである (figure_title)． ECS を使用することで， Docker にパッケージされたアプリケーションを計算機クラスターに投入したり，計算機クラスターのインスタンスを追加・削除する操作 (=スケーリング) を行うことができる．
ECS の概要を示したのが figure_title である． ECS は，タスク (Task) と呼ばれる単位で管理された計算ジョブを受け付ける． システムにタスクが投入されると，ECS は最初にタスクで指定された Docker イメージを外部レジストリからダウンロードしてくる． 外部レジストリとしては， Docker Hub や AWS 独自の Docker レジストリである ECR (Elastic Container Registry) を指定することができる．
ECS の次の重要な役割はタスクの配置である． あらかじめ定義されたクラスター内で，計算負荷が小さい仮想インスタンスを選び出し，そこに Docker イメージを配置することで指定された計算タスクが開始される． "計算負荷が小さい仮想インスタンスを選び出す" と言ったが，具体的にどのような戦略・ポリシーでこの選択を行うかは，ユーザーの指定したパラメータに従う．
また，クラスターのスケーリングも ECS における重要な概念である． スケーリングとは，クラスター内のインスタンスの計算負荷をモニタリングし，計算負荷に応じてインスタンスの起動・停止を行う操作を指す． クラスター全体の計算負荷が指定された閾値 (たとえば 80%の稼働率) を超えていた場合，新たな仮想インスタンスをクラスター内に立ち上げる操作を scale-out (スケールアウト) とよび， 負荷が減った場合に不要なインスタンスを停止する操作を scale-in (スケールイン) とよぶ． クラスターのスケーリングは， ECS がほかの AWS のサービスと連携することで実現される． 具体的には， EC2 の Auto scaling group (ASG) や Fargate の２つの選択肢が多くの場合選択される． ASG については (#sec_aws_batch), Fargate については (#sec_fargate_qabot) でより詳細に解説する．
これら一連のタスクの管理を， ECS は自動でやってくれる． クラスターのスケーリングやタスクの配置に関してのパラメータを一度指定してしまえば，ユーザーは (ほとんどなにも考えずに) 大量のタスクを投入することができる． クラスターのスケーリングによってタスクの量にちょうど十分なだけのインスタンスが起動し，タスクが完了した後は不要なインスタンスはすべて停止される．
さて，ここまで説明的な話が続いてしまったが，次章からは早速 Docker と AWS を使って大規模な並列計算システムを構築していこう！
ECS の概要
',72);function f(_,D,B,v,C,S){const a=n;return d(),u("div",null,[b,m(a,{readTime:"8",words:"2.2k"}),A])}const E=y(k,[["render",f]]);export{x as __pageData,E as default};
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
Dockerfile の中身の説明は詳しくは行わないが，たとえば上のコードで <1> で示したところは， Python 3.7 のインストールを実行している． また， <2> で示したところは， AWS CDK のインストールを行っていることがわかるだろう． このように，リアルな OS で行うのと同じ流れでインストールのコマンドを逐一記述していくことで，自分だけの Docker イメージを作成することができる． 一度イメージを作成すれば，それを配布することで，他者も同一の計算環境を簡単に再構成することができる．
"ぼくの環境ではそのプログラム走ったのにな…" というのは，プログラミング初心者ではよく耳にする会話だが， Docker を使いこなせばそのような心配とは無縁である． そのような意味で，クラウド以外の場面でも， Docker の有用性・汎用性は極めて高い．
コンテナを用いた仮想計算環境ツールとして Docker を紹介したが， ほかに選択肢はないのか？ よくぞ聞いてくれた！ Docker の登場以降，複数のコンテナベースの仮想環境ツールが開発されてきた． いずれのツールも，概念や API については Docker と共通するものが多いが，Docker にはない独自の特徴を提供している． ここではその中でも有名ないくつかを紹介しよう．
Singularity は科学計算や HPC (High Performance Computing) の分野で人気の高いコンテナプラットフォームである． Singularity では大学・研究機関の HPC クラスターでの運用に適したような設計が施されている． たとえば， Docker は基本的には root 権限で実行されるのに対し， Singularity はユーザー権限 (コマンドを実行したユーザー自身) でプログラムが実行される． root 権限での実行は Web サーバーのように個人・企業がある特定のサービスのために運用するサーバーでは問題ないが，多数のユーザーが多様な目的で計算を実行する HPC クラスターでは問題となる． また，Singularity は独自のイメージの作成方法・エコシステムをもっているが， Docker イメージを Singularity のイメージに変換し実行する機能も有している．
podman は Red Hat 社によって開発されたもう一つのコンテナプラットフォームである． podman は基本的に Docker と同一のコマンドを採用しているが，実装は Red Hat によってスクラッチから行われた． podman では， Singularity と同様にユーザー権限でのプログラムの実行を可能であり，クラウドおよび HPC の両方の環境に対応するコンテナプラットフォームを目指して作られた． また，その名前にあるとおり pod とよばれる独自の概念が導入されている．
著者の個人的な意見としては，現時点では Docker をマスターしておけば当面は困ることはないと考えるが，興味のある読者はぜひこれらのツールも試してみてはいかがだろうか？
Elastic Container Service (ECS) ​
ECS のアイコン
ここまでに説明してきたように， Docker を使うことで仮想計算環境を簡単に複製・起動することが可能になる． 本章の最後の話題として， AWS 上で Docker を使った計算システムを構築する方法を解説しよう．
Elastic Container Service (ECS) とは， Docker を使った計算機クラスターを AWS 上に作成するためのツールである (figure_title)． ECS を使用することで， Docker にパッケージされたアプリケーションを計算機クラスターに投入したり，計算機クラスターのインスタンスを追加・削除する操作 (=スケーリング) を行うことができる．
ECS の概要を示したのが figure_title である． ECS は，タスク (Task) と呼ばれる単位で管理された計算ジョブを受け付ける． システムにタスクが投入されると，ECS は最初にタスクで指定された Docker イメージを外部レジストリからダウンロードしてくる． 外部レジストリとしては， Docker Hub や AWS 独自の Docker レジストリである ECR (Elastic Container Registry) を指定することができる．
ECS の次の重要な役割はタスクの配置である． あらかじめ定義されたクラスター内で，計算負荷が小さい仮想インスタンスを選び出し，そこに Docker イメージを配置することで指定された計算タスクが開始される． "計算負荷が小さい仮想インスタンスを選び出す" と言ったが，具体的にどのような戦略・ポリシーでこの選択を行うかは，ユーザーの指定したパラメータに従う．
また，クラスターのスケーリングも ECS における重要な概念である． スケーリングとは，クラスター内のインスタンスの計算負荷をモニタリングし，計算負荷に応じてインスタンスの起動・停止を行う操作を指す． クラスター全体の計算負荷が指定された閾値 (たとえば 80%の稼働率) を超えていた場合，新たな仮想インスタンスをクラスター内に立ち上げる操作を scale-out (スケールアウト) とよび， 負荷が減った場合に不要なインスタンスを停止する操作を scale-in (スケールイン) とよぶ． クラスターのスケーリングは， ECS がほかの AWS のサービスと連携することで実現される． 具体的には， EC2 の Auto scaling group (ASG) や Fargate の２つの選択肢が多くの場合選択される． ASG については (#sec_aws_batch), Fargate については (#sec_fargate_qabot) でより詳細に解説する．
これら一連のタスクの管理を， ECS は自動でやってくれる． クラスターのスケーリングやタスクの配置に関してのパラメータを一度指定してしまえば，ユーザーは (ほとんどなにも考えずに) 大量のタスクを投入することができる． クラスターのスケーリングによってタスクの量にちょうど十分なだけのインスタンスが起動し，タスクが完了した後は不要なインスタンスはすべて停止される．
さて，ここまで説明的な話が続いてしまったが，次章からは早速 Docker と AWS を使って大規模な並列計算システムを構築していこう！
ECS の概要
',72);function C(A,_,F,f,v,E){const a=n;return u(),d("div",null,[k,m(a,{readTime:"8",words:"2.2k"}),D])}const x=y(b,[["render",C]]);export{P as __pageData,x as default};
diff --git a/assets/development_aws_docker-system.md.dcee24fc.lean.js b/assets/development_aws_docker-system.md.dcee24fc.lean.js
new file mode 100644
index 00000000..f9debbb0
--- /dev/null
+++ b/assets/development_aws_docker-system.md.dcee24fc.lean.js
@@ -0,0 +1 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,a as o,b as p,c as l,d as r,e as t,f as c,g as i}from"./chunks/ecs.73d77e6a.js";import{_ as y,o as u,c as d,H as m,k as s,a as h,Q as g}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const P=JSON.parse('{"title":"Docker 入門","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/docker-system.md","filePath":"development/aws/docker-system.md","lastUpdated":1699051935000}'),b={name:"development/aws/docker-system.md"},k=s("h1",{id:"docker-入門",tabindex:"-1"},[h("Docker 入門 "),s("a",{class:"header-anchor",href:"#docker-入門","aria-label":'Permalink to "Docker 入門"'},"​")],-1),D=g("",72);function C(A,_,F,f,v,E){const a=n;return u(),d("div",null,[k,m(a,{readTime:"8",words:"2.2k"}),D])}const x=y(b,[["render",C]]);export{P as __pageData,x as default};
diff --git a/assets/development_aws_handson-bashoutter.md.890a8ec8.js b/assets/development_aws_handson-bashoutter.md.890a8ec8.js
new file mode 100644
index 00000000..2eb784bd
--- /dev/null
+++ b/assets/development_aws_handson-bashoutter.md.890a8ec8.js
@@ -0,0 +1,409 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as t,e as c,f as r,g as i,h as y}from"./chunks/bashoutter_2.cd8a2a95.js";import{_ as d,o as u,c as A,H as b,k as s,a as m,Q as D}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const I=JSON.parse('{"title":"Hands-on #6: Bashoutter","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-bashoutter.md","filePath":"development/aws/handson-bashoutter.md","lastUpdated":1699051935000}'),C={name:"development/aws/handson-bashoutter.md"},h=s("h1",{id:"hands-on-6-bashoutter",tabindex:"-1"},[m("Hands-on #6: Bashoutter "),s("a",{class:"header-anchor",href:"#hands-on-6-bashoutter","aria-label":'Permalink to "Hands-on \\#6: Bashoutter"'},"​")],-1),F=D('
さて，最後のハンズオンとなる第六回では，これまで学んできたサーバーレスクラウドの技術を使って，簡単なウェブサービスを作ってみよう． 具体的には，人々が自分の作った俳句を投稿する SNS サービス (Bashoutter と名付ける) を作成してみよう． Lambda, DynamoDB, S3 などの技術をすべて盛り込み，シンプルながらもサーバーレスの利点を生かしたスケーラブルな SNS アプリが誕生する． 最終的には， figure_title のような，ミニマルではあるがとても現代風な SNS サイトが完成する！
ハンズオン#6で作製する SNS アプリケーション "Bashoutter"
準備 ​
ハンズオンのソースコードは GitHub の handson/bashoutter に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． それ以外に必要な準備はない．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行できる．
アプリケーションの説明 ​
API ​
今回のアプリケーションでは，人々からの俳句の投稿を受け付けたり，投稿された俳句の一覧を取得する，といった機能を実装したい． この機能を実現するための最小限の設計として， table_title に示すような四つの REST API を今回は実装する． 俳句を投稿する，閲覧する，削除するという基本的なデータ操作を行うための API が完備されている． また， PATCH /haiku/{item_id} は， {item_id} で指定された俳句に”いいね”をするために使用する．
Bashoutter API
GET /haiku
俳句の一覧を取得する
POST /haiku
新しい俳句を投稿する
PATCH /haiku/{item_id}
{item_id} で指定された俳句にお気に入り票を一つ入れる
DELETE /haiku/{item_id}
{item_id} で指定された俳句を削除する
それぞれの API のパラメータおよび返り値の詳細は，ハンズオンのソースコードの中の swagger.yml に定義してある．
Open API Specification (OAS; 少し前は Swagger Specification とよばれていた) は， REST API のための記述フォーマットである． OAS に従って API の仕様が記述されていると，簡単にドキュメンテーションを生成したり，クライアントアプリケーションを自動生成することができる． 今回用意した API 仕様 も， OAS に従って書いてある． 詳しくは Swagger の公式ドキュメンテーション などを参照．
アプリケーションアーキテクチャ ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#5で作製するアプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントからの API リクエストは， API Gateway (後述)にまず送信され， API の URI で指定された Lambda 関数へ転送される．
  • それぞれの API のパス (リソース) ごとに独立した Lambda を用意する．
  • 俳句の情報 (作者，本文，投稿日時など) を記録するためのデータベース (DynamoDB) を用意する．
  • 各 Lambda 関数には， DynamoDB へのアクセス権を付与する．
  • 最後に，ウェブブラウザからコンテンツを表示できるよう， ウェブページの静的コンテンツを配信するための S3 バケットを用意する．クライアントはこの S3 バケットにアクセスすることで HTML/CSS/JS などのコンテンツを取得する．
それでは，プログラムのソースコードを見てみよう (handson/bashoutter/app.py)．
python
class Bashoutter(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
+
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
+
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
+
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
+
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
+
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
class Bashoutter(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
+
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
+
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
+
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
+
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
+
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
  • ここで，俳句の情報を記録しておくための DynamoDB テーブルを定義している．
  • 静的コンテンツを配信するための S3 バケットを用意している．
  • それぞれの API で実行される Lambda 関数を定義している． 関数は Python3.7 で書かれており，コードは handson/bashoutter/api/api.py にある．
  • <3> で定義された Lambda 関数に対し，データベースへの読み書きのアクセス権限を付与している．
  • ここで，API Gateway により，各 API パスとそこで実行されるべき Lambda 関数を紐付けている．
それぞれの項目について，もう少し詳しく説明しよう．
Public access mode の S3 バケット ​
S3 のバケットを作成しているコードを見てみよう．
python
bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
ここで注目してほしいのは public_read_access=True の部分だ． 前章で， S3 について説明を行ったときには触れなかったが， S3 には Public access mode という機能がある． Public access mode をオンにしておくと，バケットの中のファイルは認証なしで (i.e. インターネット上の誰でも) 閲覧できるようになる． この設定は，一般公開されているウェブサイトの静的なコンテンツを置いておくのに最適であり，多くのサーバーレスによるウェブサービスでこのような設計が行われる． public access mode を設定しておくと， http://XXXX.s3-website-ap-northeast-1.amazonaws.com/ のような固有の URL がバケットに対して付与される． そして，クライアントがこの URL にアクセスをすると，バケットの中にある index.html がクライアントに返され，ページがロードされる (どのファイルが返されるかは， website_index_document="index.html" の部分で設定している．)
なお，この時点ではバケットは空である． HTML/CSS/JS など静的コンテンツの配置は，デプロイを行った後ほどのステップで行う．
より本格的なウェブページを運用する際には， public access mode の S3 バケットに， CloudFront という機能を追加することが一般的である． CloudFront により，　Content Delivery Nework (CDN) や暗号化された HTTPS 通信を設定することができる． CloudFront についての詳細は 公式ドキュメンテーション "What is Amazon CloudFront?" などを参照いただきたい．
今回のハンズオンでは説明の簡略化のため CloudFront の設定を行わなかったが，興味のある読者は次のリンクのプログラムが参考になるだろう．
今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API のハンドラ関数 ​
API リクエストが来たときに，リクエストされた処理を行う関数のことをハンドラ (handler) 関数とよぶ． GET /haiku の API に対してのハンドラ関数を Lambda で定義している部分を見てみよう．
python
get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
簡単なところから見ていくと， memory_size=512 の箇所でメモリーの使用量を 512MB に指定している． また， code=_lambda.Code.from_asset("api") によって外部のディレクトリ (api/) を参照せよと指定しており， handler="api.get_haiku" のところで api.py というファイルの get_haiku() という関数をハンドラ関数として実行せよ，と定義している．
次に，ハンドラ関数として使用されている get_haiku() のコードを見てみよう (handson/bashoutter/api/api.py)．
python
ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
+
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
+
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
+
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
+
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
response = table.scan() で，俳句の格納された DynamoDB テーブルから，すべての要素を取り出している． もしなにもエラーが起きなければステータスコード 200 が返され，もしなにかエラーが起こればステータスコード 500 が返されるようになっている．
上記のような操作を，ほかの API についても繰り返すことで，すべての API のハンドラ関数が定義されている．
GET /haiku のハンドラ関数で， response = table.scan() という部分があるが，実はこれは最善の書き方ではない． DynamoDB の scan() メソッドは，最大で 1MB までのデータしか返さない． データベースのサイズが大きく， 1MB 以上のデータがある場合には，再帰的に scan() メソッドをよぶ必要がある． 詳しくは boto3 ドキュメンテーション を参照．
AWS における権限の管理 (IAM) ​
以下の部分のコードに注目してほしい．
python
table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
これまでは説明の簡略化のためにあえて触れてこなかったが， AWS には IAM (Identity and Access Management) という重要な概念がある． IAM は基本的に，あるリソースがほかのリソースに対してどのような権限をもっているか，を規定するものである． Lambda は，デフォルトの状態ではほかのリソースにアクセスする権限をなにも有していない． したがって， Lambda 関数が DynamoDB のデータを読み書きするためには，それを許可するような IAM が Lambda 関数に付与されていなければならない．今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
CDK による dynamodb.Table オブジェクトには grant_read_write_data() という便利なメソッドが備わっており，アクセスを許可したい Lambda 関数を引数としてこのメソッドを呼ぶことで，データベースへの読み書きを許可する IAM を付与することができる． 同様に，CDK の s3.Bucket オブジェクトにも grant_read_write() というメソッドが備わっており，これによってバケットへの読み書きを許可することができる． このメソッドは，実は (#sec_aws_batch) で AWS Batch によるクラスターを構成した際に使用した． 興味のある読者は振り返ってコードを確認してみよう．
各リソースに付与する IAM は，必要最低限の権限を与えるにとどめるというのが基本方針である． これにより，セキュリティを向上させるだけでなく，意図していないプログラムからのデータベースへの読み書きを防止するという点で，バグを未然に防ぐことができる．
そのような理由により，このコードでは GET のハンドラー関数に対しては grant_read_data() によって， read 権限のみを付与している．
API Gateway ​
API Gateway とは， API の"入り口"として，API のリクエストパスに従って Lambda や EC2 などに接続を行うという機能を担う (figure_title)． Lambda や EC2 によって行われた処理の結果は，再び API Gateway を経由してクライアントに返される． このように，クライアントとバックエンドサーバーの間に立ち， API のリソースパスに応じて接続先を振り分けるようなサーバーをルーター，あるいはリバースプロキシとよんだりする． 従来的には，ルーターにはそれ専用の仮想サーバーが置かれることが一般的であった． しかし， API Gateway はサーバーレスなルーターとして，固定されたサーバーを配置することなく， API のリクエストが来たときのみ起動し，API のルーティングを実行する． サーバーレスであることの当然の帰結として，アクセスの件数が増大したときにはそれにルーティングの処理能力を自動で増やす機能も備わっている．
API Gateway
API Gateway を配置することで，大量 (1 秒間に数千から数万件) の API リクエストに対応することのできるシステムを容易に構築することができる． API Gateway の料金は table_title のように設定されている． また，無料利用枠により，月ごとに 100 万件までのリクエストは 0 円で利用できる．
API Gateway の利用料金設定 (参照)
Number of Requests (per month)Price (per million)
First 333 million
$4.25
Next 667 million
$3.53
Next 19 billion
$3.00
Over 20 billion
$1.91
ソースコードの該当箇所を見てみよう．
python
#
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
+
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
+
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
#
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
+
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
+
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
  • 最初に， api = apigw.RestApi() により，空の API Gateway を作成している．
  • 次に， api.root.add_resource() のメソッドを呼ぶことで， /haiku という API パスを追加している．
  • 続いて， add_method() を呼ぶことで， GET, POST のメソッドを /haiku のパスに定義している．
  • さらに， haiku.add_resource("{item_id}") により， /haiku/{item_id} という API パスを追加している．
  • 最後に， add_method() を呼ぶことにより， PATCH, DELETE のメソッドを /haiku/{item_id} のパスに定義している．
このように， API Gateway の使い方は非常にシンプルで，逐次的に API パスとそこで実行されるメソッド・Lambda を記述していくだけでよい．
このプログラムで 新規 API を作成すると， ランダムな URL がその API のエンドポイントとして割り当てられる． これを． api.example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API Gateway で新規 API を作成したとき， default_cors_preflight_options= というパラメータで Cross Origin Resource Sharing (CORS) の設定を行っている． これは，ブラウザで走る Web アプリケーションと API を接続するときに必要な設定である．
アプリケーションのデプロイ ​
アプリケーションの中身が理解できたところで，早速デプロイを行ってみよう． デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている Bashoutter.BashoutterApiEndpoint = XXXX, Bashoutter.BucketUrl = YYYY の二つ文字列はあとで使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． まずは，コンソールから API Gateway のページに行く． すると， figure_title のような画面が表示され，デプロイ済みの API エンドポイントの一覧が確認できる．
API Gateway コンソール画面 (1)
今回デプロイした "BashoutterApi" という名前の API をクリックすることで figure_title のような画面に遷移し，詳細情報を閲覧できる． GET /haiku, POST /haiku などが定義されていることが確認できる．
それぞれのメソッドをクリックすると，そのメソッドの詳細情報を確認できる． API Gateway は，前述したルーティングの機能だけでなく，認証機能などを追加することも可能である． このハンズオンではとくにこれらの機能は使用しないが， "Method Request" と書いてある項目などがそれに相当する． 次に， figure_title で画面右端の赤色で囲った部分に，この API で呼ばれる Lambda 関数が指定されていることに注目しよう． 関数名をクリックと，該当する Lambda のコンソールに遷移し，関数の中身を閲覧することが可能である．
API Gateway コンソール画面 (2)
次に， S3 のコンソール画面に移ってみよう． bashouter- で始まるランダムな名前のバケットが見つかるはずである (figure_title)．
S3 コンソール画面
バケットの名前をクリックすることで，バケットの中身を確認してみよう． index.html のほか， css/, js/ などのディレクトリがあるのが確認できるだろう (figure_title)． これらが，ウェブページの"枠"を定義している静的コンテンツである．
S3 バケットの中身
API リクエストを送信する ​
それでは，デプロイしたアプリケーションに対し，実際に API リクエストを送信してみよう． まずはコマンドラインから API を送信する演習を行おう． S3 に配置した GUI は一旦おいておく．
ここではコマンドラインから HTTP API リクエストを送信するためのシンプルな HTTP クライアントである HTTPie を使ってみよう． HTTPie は，スタックをデプロイするときに Python 仮想環境 (venv) を作成したとき，一緒にインストールされている． 念のためインストールがうまくいっているか確認するには，仮想環境を立ち上げたあとコマンドラインに http と打ってみる． ヘルプのメッセージが出力されたら準備 OK である．
まず，先ほどデプロイを実行したときに得られた API のエンドポイントの URL (Bashoutter.BashoutterApiEndpoint = XXXX で得られた XXXX の文字列) をコマンドラインの変数に設定しておく．
sh
$ export ENDPOINT_URL=XXXX
$ export ENDPOINT_URL=XXXX
次に，俳句の一覧を取得するため， GET /haiku の API を送信してみよう．
sh
$ http GET "\${ENDPOINT_URL}/haiku"
$ http GET "\${ENDPOINT_URL}/haiku"
現時点では，まだだれも俳句を投稿していないので，空の配列 ([]) が返ってくる．
それでは次に， POST /haiku を使って俳句を投稿してみよう．
sh
$ http POST "\${ENDPOINT_URL}/haiku" \\
+username="松尾芭蕉" \\
+first="閑さや" \\
+second="岩にしみ入る" \\
+third="蝉の声"
$ http POST "\${ENDPOINT_URL}/haiku" \\
+username="松尾芭蕉" \\
+first="閑さや" \\
+second="岩にしみ入る" \\
+third="蝉の声"
次のような出力が得られるだろう．
sh
HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
新しい俳句を投稿することに成功したようである． 本当に俳句が追加されたか，再び GET リクエストを呼ぶことで確認してみよう．
sh
$ http GET "\${ENDPOINT_URL}/haiku"
+
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
$ http GET "\${ENDPOINT_URL}/haiku"
+
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
素晴らしい！
次に， PATCH /haiku/{item_id} を呼ぶことでこの俳句にいいねを追加してみよう． 一つ前のコマンドで取得した俳句の item_id を，次のコマンドの XXXX に代入した上で実行しよう．
sh
$ http PATCH "\${ENDPOINT_URL}/haiku/XXXX"
$ http PATCH "\${ENDPOINT_URL}/haiku/XXXX"
{"description": "OK"} という出力が得られるはずである． 再び GET リクエストを送ることで，いいね (likes) が 1 増えたことを確認しよう．
sh
$ http GET "\${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
$ http GET "\${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
最後に， DELETE リクエストを送ることで俳句をデータベースから削除しよう． XXXX は item_id の値で置き換えたうえで次のコマンドを実行する．
sh
$ http DELETE "\${ENDPOINT_URL}/haiku/XXXX"
$ http DELETE "\${ENDPOINT_URL}/haiku/XXXX"
再び GET リクエストを送ることで，返り値が空 ([]) になっていることを確認しよう．
これで，俳句の投稿・取得・削除そしていいねの追加，といった基本的な API がきちんと動作していることが確認できた．
大量の API リクエストをシミュレートする ​
さて，前節ではマニュアルで一つずつ俳句を投稿した． 多数のユーザーがいるような SNS では，1 秒間に数千件以上の投稿がされている． 今回はサーバーレスアーキテクチャを採用したことで，そのような瞬間的な大量アクセスにも容易に対応できるようなシステムが自動的に構築されている． このポイントを実証するため，ここでは大量の API が送信された状況をシミュレートしてみよう．
handson/bashoutter/client.py に，大量の API リクエストをシミュレートするためのプログラムが書かれている． このプログラムを使用すると， POST /haiku の API リクエストを指定された回数だけ実行することができる．
テストとして， API を 300 回実行してみよう． 次のコマンドを実行する．
sh
$ python client.py $ENDPOINT_URL post_many 300
$ python client.py $ENDPOINT_URL post_many 300
数秒のうちに実行が完了するだろう． これがもし，単一のサーバーからなる API だったとしたら，このような大量のリクエストの処理にはもっと時間がかかっただろう． 最悪の場合には，サーバーダウンにもつながっていたかもしれない． したがって，今回作成したサーバーレスアプリケーションは，とてもシンプルながらも 1 秒間に数百件の処理を行えるような，スケーラブルなクラウドシステムであることがわかる． サーバーレスでクラウドを設計することの利点を垣間見ることができただろうか？
先述のコマンドにより大量の俳句を投稿するとデータベースに無駄なデータがどんどん溜まってしまう． データベースを完全に空にするには，次のコマンドを使用する．
sh
$ python client.py $ENDPOINT_URL clear_database
$ python client.py $ENDPOINT_URL clear_database
Bashoutter GUI を動かしてみる ​
前節ではコマンドラインから API を送信する演習を行った． ウェブアプリケーションでは，これと同じことがウェブブラウザの背後で行われ，ページのコンテンツが表示されている ( (#fig:web_server) 参照)． 最後に， API が GUI と統合されるとどうなるのか，見てみよう．
CDK のコードで， Public access mode の S3 バケットを作成したことを思い出してほしい． 最初のステップとして，ここにウェブサイトのコンテンツをアップロードしよう． ハンズオンのソースコードの中に gui/dist というフォルダが見つかるはずである． ここにはビルド済みのウェブサイトの静的コンテンツ (HTML/CSS/JavaScript) が入っている． AWS CLI のコマンドを使うことでこれらのファイルを S3 にアップロードしよう．
sh
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
コマンドを実行する際は， Bashoutter ハンズオンのディレクトリから行うこと (./gui/dist に注目)，そして <BUCKET_NAME> にはデプロイした自身のバケットの名前が入る点に注意． 念のため，AWS コンソールにログインし，バケットにファイルがアップロードされている点を確認しておこう．
なお，今回は GUI の説明はとくに行わないが， Bashoutter のウェブサイトは Vue.js と Vuetify という UI フレームワークを使って作成した． Vue を使うことで， Single page application (SPA) の技術でウェブサイトの画面がレンダリングされる． ソースコードは handson/bashoutter/gui のディレクトリの中にあるので，興味のある読者は確認してみるとよい．
アップトードが完了したところで，続いてデプロイを実行したときにコマンドラインの出力を見直してみよう． Bashoutter.BucketUrl= で与えられた URL が見つかるはずである (figure_title)． これは，先述したとおり， Public access mode の S3 バケットの URL である．
ウェブブラウザを開き，アドレスバーに S3 の URL を入力しへアクセスしてみよう． すると， figure_title のようなページが表示されるはずである．
"Bashoutter" の GUI 画面
ページが表示されたら，一番上の "API Endpoint URL" と書いてあるテキストボックスに，今回デプロイした API Gateway の URL を入力する (今回のアプリケーションでは，API Gateway の URL はランダムに割り当てられるのでこのような GUI の仕様になっている)． そうしたら，画面の "REFRESH" と書いてあるボタンを押してみよう． データベースに俳句が登録済みであれば，俳句の一覧が表示されるはずである． 各俳句の左下にあるハートのアイコンをクリックすることで， "like" の票を入れることができる．
新しい俳句を投稿するには，五七五と投稿者の名前を入力して， "POST" を押す． "POST" を押した後は，再び "REFRESH" ボタンを押すことで最新の俳句のリストをデータベースから取得する．
アプリケーションの削除 ​
これで， Bashoutter プロジェクトが完成した！ この SNS は，インターネットを通じて世界のどこからでもアクセスできる状態にある． また， 大量の API リクエストをシミュレートする で見たように，大量のユーザーの同時アクセスによる負荷がかかっても，柔軟にスケールが行われ遅延なく処理を行うことができる． 極めて簡素ながらも，立派なウェブサービスとしてのスペックは満たしているのである！
Bashoutter アプリを存分に楽しむことができたら，最後に忘れずにスタックを削除しよう．
コマンドラインからスタックの削除を実行するには，次のコマンドを使う．
sh
$ cdk destroy
$ cdk destroy
CDK のバージョンによっては S3 のバケットが空でないと， cdk destroy がエラーを出力する場合がある． この場合はスタックを削除する前に， S3 バケットの中身をすべて削除しなければならない．
コンソールから実行するには， S3 コンソールに行き，バケットの中身を開いたうえで，すべてのファイルを選択し， "Actions" → "Delete" を実行すればよいい．
コマンドラインから実行するには， 次のコマンドを使う． <BUCKET NAME> のところは，自分の バケットの名前 ("BashoutterBucketXXXX" というパターンの名前がついているはずである) に置き換えることを忘れずに．
sh
$ aws s3 rm <BUCKET NAME> --recursive
$ aws s3 rm <BUCKET NAME> --recursive
小括 ​
ここまでが，本書第三部の内容であった．
第三部では，クラウドの応用として，一般の人に使ってもらうようなウェブアプリケーション・データベースをどのようにして作るのか，という点に焦点を当てて，説明を行った． その中で，従来的なクラウドシステムの設計と，ここ数年の最新の設計方法であるサーバーレスアーキテクチャについて解説した． (#sec_intro_serverless) では， AWS でのサーバーレスの実践として， Lambda, S3, DynamoDB のハンズオンを行った． 最後に， Hands-on #6: Bashoutter では，これらの技術を統合することで，完全サーバーレスなウェブアプリケーション "Bashoutter" を作成した．
これらの演習を通じて，世の中のウェブサービスがどのようにしてでき上がっているのか，少し理解が深まっただろうか？ また，そのようなウェブアプリケーションを自分が作りたいと思ったとき，今回のハンズオンがその出発点となることができたならば幸いである．
',126);function E(_,B,g,q,k,v){const a=n;return u(),A("div",null,[h,b(a,{readTime:"12",words:"2.9k"}),F])}const S=d(C,[["render",E]]);export{I as __pageData,S as default};
diff --git a/assets/development_aws_handson-bashoutter.md.d59bc53b.lean.js b/assets/development_aws_handson-bashoutter.md.890a8ec8.lean.js
similarity index 50%
rename from assets/development_aws_handson-bashoutter.md.d59bc53b.lean.js
rename to assets/development_aws_handson-bashoutter.md.890a8ec8.lean.js
index f0ed53d3..112a64eb 100644
--- a/assets/development_aws_handson-bashoutter.md.d59bc53b.lean.js
+++ b/assets/development_aws_handson-bashoutter.md.890a8ec8.lean.js
@@ -1 +1 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,a as p,b as o,c as e,d as t,e as c,f as r,g as i,h as y}from"./chunks/bashoutter_2.cd8a2a95.js";import{_ as d,o as u,c as b,H as A,k as s,a as m,Q as B}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const S=JSON.parse('{"title":"Hands-on #6: Bashoutter","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-bashoutter.md","filePath":"development/aws/handson-bashoutter.md","lastUpdated":1695377563000}'),h={name:"development/aws/handson-bashoutter.md"},_=s("h1",{id:"hands-on-6-bashoutter",tabindex:"-1"},[m("Hands-on #6: Bashoutter "),s("a",{class:"header-anchor",href:"#hands-on-6-bashoutter","aria-label":'Permalink to "Hands-on \\#6: Bashoutter"'},"​")],-1),q=B("",126);function g(k,v,f,D,C,P){const a=n;return u(),b("div",null,[_,A(a,{readTime:"12",words:"2.9k"}),q])}const L=d(h,[["render",g]]);export{S as __pageData,L as default};
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as t,e as c,f as r,g as i,h as y}from"./chunks/bashoutter_2.cd8a2a95.js";import{_ as d,o as u,c as A,H as b,k as s,a as m,Q as D}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const I=JSON.parse('{"title":"Hands-on #6: Bashoutter","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-bashoutter.md","filePath":"development/aws/handson-bashoutter.md","lastUpdated":1699051935000}'),C={name:"development/aws/handson-bashoutter.md"},h=s("h1",{id:"hands-on-6-bashoutter",tabindex:"-1"},[m("Hands-on #6: Bashoutter "),s("a",{class:"header-anchor",href:"#hands-on-6-bashoutter","aria-label":'Permalink to "Hands-on \\#6: Bashoutter"'},"​")],-1),F=D("",126);function E(_,B,g,q,k,v){const a=n;return u(),A("div",null,[h,b(a,{readTime:"12",words:"2.9k"}),F])}const S=d(C,[["render",E]]);export{I as __pageData,S as default};
diff --git a/assets/development_aws_handson-bashoutter.md.d59bc53b.js b/assets/development_aws_handson-bashoutter.md.d59bc53b.js
deleted file mode 100644
index 2a446245..00000000
--- a/assets/development_aws_handson-bashoutter.md.d59bc53b.js
+++ /dev/null
@@ -1,409 +0,0 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,a as p,b as o,c as e,d as t,e as c,f as r,g as i,h as y}from"./chunks/bashoutter_2.cd8a2a95.js";import{_ as d,o as u,c as b,H as A,k as s,a as m,Q as B}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const S=JSON.parse('{"title":"Hands-on #6: Bashoutter","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-bashoutter.md","filePath":"development/aws/handson-bashoutter.md","lastUpdated":1695377563000}'),h={name:"development/aws/handson-bashoutter.md"},_=s("h1",{id:"hands-on-6-bashoutter",tabindex:"-1"},[m("Hands-on #6: Bashoutter "),s("a",{class:"header-anchor",href:"#hands-on-6-bashoutter","aria-label":'Permalink to "Hands-on \\#6: Bashoutter"'},"​")],-1),q=B('
さて，最後のハンズオンとなる第六回では，これまで学んできたサーバーレスクラウドの技術を使って，簡単なウェブサービスを作ってみよう． 具体的には，人々が自分の作った俳句を投稿する SNS サービス (Bashoutter と名付ける) を作成してみよう． Lambda, DynamoDB, S3 などの技術をすべて盛り込み，シンプルながらもサーバーレスの利点を生かしたスケーラブルな SNS アプリが誕生する． 最終的には， figure_title のような，ミニマルではあるがとても現代風な SNS サイトが完成する！
ハンズオン#6で作製する SNS アプリケーション "Bashoutter"
準備 ​
ハンズオンのソースコードは GitHub の handson/bashoutter に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． それ以外に必要な準備はない．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行できる．
アプリケーションの説明 ​
API ​
今回のアプリケーションでは，人々からの俳句の投稿を受け付けたり，投稿された俳句の一覧を取得する，といった機能を実装したい． この機能を実現するための最小限の設計として， table_title に示すような四つの REST API を今回は実装する． 俳句を投稿する，閲覧する，削除するという基本的なデータ操作を行うための API が完備されている． また， PATCH /haiku/{item_id} は， {item_id} で指定された俳句に”いいね”をするために使用する．
Bashoutter API
GET /haiku
俳句の一覧を取得する
POST /haiku
新しい俳句を投稿する
PATCH /haiku/{item_id}
{item_id} で指定された俳句にお気に入り票を一つ入れる
DELETE /haiku/{item_id}
{item_id} で指定された俳句を削除する
それぞれの API のパラメータおよび返り値の詳細は，ハンズオンのソースコードの中の swagger.yml に定義してある．
Open API Specification (OAS; 少し前は Swagger Specification とよばれていた) は， REST API のための記述フォーマットである． OAS に従って API の仕様が記述されていると，簡単にドキュメンテーションを生成したり，クライアントアプリケーションを自動生成することができる． 今回用意した API 仕様 も， OAS に従って書いてある． 詳しくは Swagger の公式ドキュメンテーション などを参照．
アプリケーションアーキテクチャ ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#5で作製するアプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントからの API リクエストは， API Gateway (後述)にまず送信され， API の URI で指定された Lambda 関数へ転送される．
  • それぞれの API のパス (リソース) ごとに独立した Lambda を用意する．
  • 俳句の情報 (作者，本文，投稿日時など) を記録するためのデータベース (DynamoDB) を用意する．
  • 各 Lambda 関数には， DynamoDB へのアクセス権を付与する．
  • 最後に，ウェブブラウザからコンテンツを表示できるよう， ウェブページの静的コンテンツを配信するための S3 バケットを用意する．クライアントはこの S3 バケットにアクセスすることで HTML/CSS/JS などのコンテンツを取得する．
それでは，プログラムのソースコードを見てみよう (handson/bashoutter/app.py)．
python
class Bashoutter(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
-
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
-
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
-
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
-
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
-
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
class Bashoutter(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
-
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
-
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
-
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
-
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
-
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
  • ここで，俳句の情報を記録しておくための DynamoDB テーブルを定義している．
  • 静的コンテンツを配信するための S3 バケットを用意している．
  • それぞれの API で実行される Lambda 関数を定義している． 関数は Python3.7 で書かれており，コードは handson/bashoutter/api/api.py にある．
  • <3> で定義された Lambda 関数に対し，データベースへの読み書きのアクセス権限を付与している．
  • ここで，API Gateway により，各 API パスとそこで実行されるべき Lambda 関数を紐付けている．
それぞれの項目について，もう少し詳しく説明しよう．
Public access mode の S3 バケット ​
S3 のバケットを作成しているコードを見てみよう．
python
bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
ここで注目してほしいのは public_read_access=True の部分だ． 前章で， S3 について説明を行ったときには触れなかったが， S3 には Public access mode という機能がある． Public access mode をオンにしておくと，バケットの中のファイルは認証なしで (i.e. インターネット上の誰でも) 閲覧できるようになる． この設定は，一般公開されているウェブサイトの静的なコンテンツを置いておくのに最適であり，多くのサーバーレスによるウェブサービスでこのような設計が行われる． public access mode を設定しておくと， http://XXXX.s3-website-ap-northeast-1.amazonaws.com/ のような固有の URL がバケットに対して付与される． そして，クライアントがこの URL にアクセスをすると，バケットの中にある index.html がクライアントに返され，ページがロードされる (どのファイルが返されるかは， website_index_document="index.html" の部分で設定している．)
なお，この時点ではバケットは空である． HTML/CSS/JS など静的コンテンツの配置は，デプロイを行った後ほどのステップで行う．
より本格的なウェブページを運用する際には， public access mode の S3 バケットに， CloudFront という機能を追加することが一般的である． CloudFront により，　Content Delivery Nework (CDN) や暗号化された HTTPS 通信を設定することができる． CloudFront についての詳細は 公式ドキュメンテーション "What is Amazon CloudFront?" などを参照いただきたい．
今回のハンズオンでは説明の簡略化のため CloudFront の設定を行わなかったが，興味のある読者は次のリンクのプログラムが参考になるだろう．
今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API のハンドラ関数 ​
API リクエストが来たときに，リクエストされた処理を行う関数のことをハンドラ (handler) 関数とよぶ． GET /haiku の API に対してのハンドラ関数を Lambda で定義している部分を見てみよう．
python
get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
簡単なところから見ていくと， memory_size=512 の箇所でメモリーの使用量を 512MB に指定している． また， code=_lambda.Code.from_asset("api") によって外部のディレクトリ (api/) を参照せよと指定しており， handler="api.get_haiku" のところで api.py というファイルの get_haiku() という関数をハンドラ関数として実行せよ，と定義している．
次に，ハンドラ関数として使用されている get_haiku() のコードを見てみよう (handson/bashoutter/api/api.py)．
python
ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
-
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
-
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
-
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
-
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
response = table.scan() で，俳句の格納された DynamoDB テーブルから，すべての要素を取り出している． もしなにもエラーが起きなければステータスコード 200 が返され，もしなにかエラーが起こればステータスコード 500 が返されるようになっている．
上記のような操作を，ほかの API についても繰り返すことで，すべての API のハンドラ関数が定義されている．
GET /haiku のハンドラ関数で， response = table.scan() という部分があるが，実はこれは最善の書き方ではない． DynamoDB の scan() メソッドは，最大で 1MB までのデータしか返さない． データベースのサイズが大きく， 1MB 以上のデータがある場合には，再帰的に scan() メソッドをよぶ必要がある． 詳しくは boto3 ドキュメンテーション を参照．
AWS における権限の管理 (IAM) ​
以下の部分のコードに注目してほしい．
python
table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
これまでは説明の簡略化のためにあえて触れてこなかったが， AWS には IAM (Identity and Access Management) という重要な概念がある． IAM は基本的に，あるリソースがほかのリソースに対してどのような権限をもっているか，を規定するものである． Lambda は，デフォルトの状態ではほかのリソースにアクセスする権限をなにも有していない． したがって， Lambda 関数が DynamoDB のデータを読み書きするためには，それを許可するような IAM が Lambda 関数に付与されていなければならない．今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
CDK による dynamodb.Table オブジェクトには grant_read_write_data() という便利なメソッドが備わっており，アクセスを許可したい Lambda 関数を引数としてこのメソッドを呼ぶことで，データベースへの読み書きを許可する IAM を付与することができる． 同様に，CDK の s3.Bucket オブジェクトにも grant_read_write() というメソッドが備わっており，これによってバケットへの読み書きを許可することができる． このメソッドは，実は (#sec_aws_batch) で AWS Batch によるクラスターを構成した際に使用した． 興味のある読者は振り返ってコードを確認してみよう．
各リソースに付与する IAM は，必要最低限の権限を与えるにとどめるというのが基本方針である． これにより，セキュリティを向上させるだけでなく，意図していないプログラムからのデータベースへの読み書きを防止するという点で，バグを未然に防ぐことができる．
そのような理由により，このコードでは GET のハンドラー関数に対しては grant_read_data() によって， read 権限のみを付与している．
API Gateway ​
API Gateway とは， API の"入り口"として，API のリクエストパスに従って Lambda や EC2 などに接続を行うという機能を担う (figure_title)． Lambda や EC2 によって行われた処理の結果は，再び API Gateway を経由してクライアントに返される． このように，クライアントとバックエンドサーバーの間に立ち， API のリソースパスに応じて接続先を振り分けるようなサーバーをルーター，あるいはリバースプロキシとよんだりする． 従来的には，ルーターにはそれ専用の仮想サーバーが置かれることが一般的であった． しかし， API Gateway はサーバーレスなルーターとして，固定されたサーバーを配置することなく， API のリクエストが来たときのみ起動し，API のルーティングを実行する． サーバーレスであることの当然の帰結として，アクセスの件数が増大したときにはそれにルーティングの処理能力を自動で増やす機能も備わっている．
API Gateway
API Gateway を配置することで，大量 (1 秒間に数千から数万件) の API リクエストに対応することのできるシステムを容易に構築することができる． API Gateway の料金は table_title のように設定されている． また，無料利用枠により，月ごとに 100 万件までのリクエストは 0 円で利用できる．
API Gateway の利用料金設定 (参照)
Number of Requests (per month)Price (per million)
First 333 million
$4.25
Next 667 million
$3.53
Next 19 billion
$3.00
Over 20 billion
$1.91
ソースコードの該当箇所を見てみよう．
python
#
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
-
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
-
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
#
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
-
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
-
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
  • 最初に， api = apigw.RestApi() により，空の API Gateway を作成している．
  • 次に， api.root.add_resource() のメソッドを呼ぶことで， /haiku という API パスを追加している．
  • 続いて， add_method() を呼ぶことで， GET, POST のメソッドを /haiku のパスに定義している．
  • さらに， haiku.add_resource("{item_id}") により， /haiku/{item_id} という API パスを追加している．
  • 最後に， add_method() を呼ぶことにより， PATCH, DELETE のメソッドを /haiku/{item_id} のパスに定義している．
このように， API Gateway の使い方は非常にシンプルで，逐次的に API パスとそこで実行されるメソッド・Lambda を記述していくだけでよい．
このプログラムで 新規 API を作成すると， ランダムな URL がその API のエンドポイントとして割り当てられる． これを． api.example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API Gateway で新規 API を作成したとき， default_cors_preflight_options= というパラメータで Cross Origin Resource Sharing (CORS) の設定を行っている． これは，ブラウザで走る Web アプリケーションと API を接続するときに必要な設定である．
アプリケーションのデプロイ ​
アプリケーションの中身が理解できたところで，早速デプロイを行ってみよう． デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている Bashoutter.BashoutterApiEndpoint = XXXX, Bashoutter.BucketUrl = YYYY の二つ文字列はあとで使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． まずは，コンソールから API Gateway のページに行く． すると， figure_title のような画面が表示され，デプロイ済みの API エンドポイントの一覧が確認できる．
API Gateway コンソール画面 (1)
今回デプロイした "BashoutterApi" という名前の API をクリックすることで figure_title のような画面に遷移し，詳細情報を閲覧できる． GET /haiku, POST /haiku などが定義されていることが確認できる．
それぞれのメソッドをクリックすると，そのメソッドの詳細情報を確認できる． API Gateway は，前述したルーティングの機能だけでなく，認証機能などを追加することも可能である． このハンズオンではとくにこれらの機能は使用しないが， "Method Request" と書いてある項目などがそれに相当する． 次に， figure_title で画面右端の赤色で囲った部分に，この API で呼ばれる Lambda 関数が指定されていることに注目しよう． 関数名をクリックと，該当する Lambda のコンソールに遷移し，関数の中身を閲覧することが可能である．
API Gateway コンソール画面 (2)
次に， S3 のコンソール画面に移ってみよう． bashouter- で始まるランダムな名前のバケットが見つかるはずである (figure_title)．
S3 コンソール画面
バケットの名前をクリックすることで，バケットの中身を確認してみよう． index.html のほか， css/, js/ などのディレクトリがあるのが確認できるだろう (figure_title)． これらが，ウェブページの"枠"を定義している静的コンテンツである．
S3 バケットの中身
API リクエストを送信する ​
それでは，デプロイしたアプリケーションに対し，実際に API リクエストを送信してみよう． まずはコマンドラインから API を送信する演習を行おう． S3 に配置した GUI は一旦おいておく．
ここではコマンドラインから HTTP API リクエストを送信するためのシンプルな HTTP クライアントである HTTPie を使ってみよう． HTTPie は，スタックをデプロイするときに Python 仮想環境 (venv) を作成したとき，一緒にインストールされている． 念のためインストールがうまくいっているか確認するには，仮想環境を立ち上げたあとコマンドラインに http と打ってみる． ヘルプのメッセージが出力されたら準備 OK である．
まず，先ほどデプロイを実行したときに得られた API のエンドポイントの URL (Bashoutter.BashoutterApiEndpoint = XXXX で得られた XXXX の文字列) をコマンドラインの変数に設定しておく．
sh
$ export ENDPOINT_URL=XXXX
$ export ENDPOINT_URL=XXXX
次に，俳句の一覧を取得するため， GET /haiku の API を送信してみよう．
sh
$ http GET "\${ENDPOINT_URL}/haiku"
$ http GET "\${ENDPOINT_URL}/haiku"
現時点では，まだだれも俳句を投稿していないので，空の配列 ([]) が返ってくる．
それでは次に， POST /haiku を使って俳句を投稿してみよう．
sh
$ http POST "\${ENDPOINT_URL}/haiku" \\
-username="松尾芭蕉" \\
-first="閑さや" \\
-second="岩にしみ入る" \\
-third="蝉の声"
$ http POST "\${ENDPOINT_URL}/haiku" \\
-username="松尾芭蕉" \\
-first="閑さや" \\
-second="岩にしみ入る" \\
-third="蝉の声"
次のような出力が得られるだろう．
sh
HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
新しい俳句を投稿することに成功したようである． 本当に俳句が追加されたか，再び GET リクエストを呼ぶことで確認してみよう．
sh
$ http GET "\${ENDPOINT_URL}/haiku"
-
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
$ http GET "\${ENDPOINT_URL}/haiku"
-
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
素晴らしい！
次に， PATCH /haiku/{item_id} を呼ぶことでこの俳句にいいねを追加してみよう． 一つ前のコマンドで取得した俳句の item_id を，次のコマンドの XXXX に代入した上で実行しよう．
sh
$ http PATCH "\${ENDPOINT_URL}/haiku/XXXX"
$ http PATCH "\${ENDPOINT_URL}/haiku/XXXX"
{"description": "OK"} という出力が得られるはずである． 再び GET リクエストを送ることで，いいね (likes) が 1 増えたことを確認しよう．
sh
$ http GET "\${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
$ http GET "\${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
最後に， DELETE リクエストを送ることで俳句をデータベースから削除しよう． XXXX は item_id の値で置き換えたうえで次のコマンドを実行する．
sh
$ http DELETE "\${ENDPOINT_URL}/haiku/XXXX"
$ http DELETE "\${ENDPOINT_URL}/haiku/XXXX"
再び GET リクエストを送ることで，返り値が空 ([]) になっていることを確認しよう．
これで，俳句の投稿・取得・削除そしていいねの追加，といった基本的な API がきちんと動作していることが確認できた．
大量の API リクエストをシミュレートする ​
さて，前節ではマニュアルで一つずつ俳句を投稿した． 多数のユーザーがいるような SNS では，1 秒間に数千件以上の投稿がされている． 今回はサーバーレスアーキテクチャを採用したことで，そのような瞬間的な大量アクセスにも容易に対応できるようなシステムが自動的に構築されている． このポイントを実証するため，ここでは大量の API が送信された状況をシミュレートしてみよう．
handson/bashoutter/client.py に，大量の API リクエストをシミュレートするためのプログラムが書かれている． このプログラムを使用すると， POST /haiku の API リクエストを指定された回数だけ実行することができる．
テストとして， API を 300 回実行してみよう． 次のコマンドを実行する．
sh
$ python client.py $ENDPOINT_URL post_many 300
$ python client.py $ENDPOINT_URL post_many 300
数秒のうちに実行が完了するだろう． これがもし，単一のサーバーからなる API だったとしたら，このような大量のリクエストの処理にはもっと時間がかかっただろう． 最悪の場合には，サーバーダウンにもつながっていたかもしれない． したがって，今回作成したサーバーレスアプリケーションは，とてもシンプルながらも 1 秒間に数百件の処理を行えるような，スケーラブルなクラウドシステムであることがわかる． サーバーレスでクラウドを設計することの利点を垣間見ることができただろうか？
先述のコマンドにより大量の俳句を投稿するとデータベースに無駄なデータがどんどん溜まってしまう． データベースを完全に空にするには，次のコマンドを使用する．
sh
$ python client.py $ENDPOINT_URL clear_database
$ python client.py $ENDPOINT_URL clear_database
Bashoutter GUI を動かしてみる ​
前節ではコマンドラインから API を送信する演習を行った． ウェブアプリケーションでは，これと同じことがウェブブラウザの背後で行われ，ページのコンテンツが表示されている ( (#fig:web_server) 参照)． 最後に， API が GUI と統合されるとどうなるのか，見てみよう．
CDK のコードで， Public access mode の S3 バケットを作成したことを思い出してほしい． 最初のステップとして，ここにウェブサイトのコンテンツをアップロードしよう． ハンズオンのソースコードの中に gui/dist というフォルダが見つかるはずである． ここにはビルド済みのウェブサイトの静的コンテンツ (HTML/CSS/JavaScript) が入っている． AWS CLI のコマンドを使うことでこれらのファイルを S3 にアップロードしよう．
sh
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
コマンドを実行する際は， Bashoutter ハンズオンのディレクトリから行うこと (./gui/dist に注目)，そして <BUCKET_NAME> にはデプロイした自身のバケットの名前が入る点に注意． 念のため，AWS コンソールにログインし，バケットにファイルがアップロードされている点を確認しておこう．
なお，今回は GUI の説明はとくに行わないが， Bashoutter のウェブサイトは Vue.js と Vuetify という UI フレームワークを使って作成した． Vue を使うことで， Single page application (SPA) の技術でウェブサイトの画面がレンダリングされる． ソースコードは handson/bashoutter/gui のディレクトリの中にあるので，興味のある読者は確認してみるとよい．
アップトードが完了したところで，続いてデプロイを実行したときにコマンドラインの出力を見直してみよう． Bashoutter.BucketUrl= で与えられた URL が見つかるはずである (figure_title)． これは，先述したとおり， Public access mode の S3 バケットの URL である．
ウェブブラウザを開き，アドレスバーに S3 の URL を入力しへアクセスしてみよう． すると， figure_title のようなページが表示されるはずである．
"Bashoutter" の GUI 画面
ページが表示されたら，一番上の "API Endpoint URL" と書いてあるテキストボックスに，今回デプロイした API Gateway の URL を入力する (今回のアプリケーションでは，API Gateway の URL はランダムに割り当てられるのでこのような GUI の仕様になっている)． そうしたら，画面の "REFRESH" と書いてあるボタンを押してみよう． データベースに俳句が登録済みであれば，俳句の一覧が表示されるはずである． 各俳句の左下にあるハートのアイコンをクリックすることで， "like" の票を入れることができる．
新しい俳句を投稿するには，五七五と投稿者の名前を入力して， "POST" を押す． "POST" を押した後は，再び "REFRESH" ボタンを押すことで最新の俳句のリストをデータベースから取得する．
アプリケーションの削除 ​
これで， Bashoutter プロジェクトが完成した！ この SNS は，インターネットを通じて世界のどこからでもアクセスできる状態にある． また， 大量の API リクエストをシミュレートする で見たように，大量のユーザーの同時アクセスによる負荷がかかっても，柔軟にスケールが行われ遅延なく処理を行うことができる． 極めて簡素ながらも，立派なウェブサービスとしてのスペックは満たしているのである！
Bashoutter アプリを存分に楽しむことができたら，最後に忘れずにスタックを削除しよう．
コマンドラインからスタックの削除を実行するには，次のコマンドを使う．
sh
$ cdk destroy
$ cdk destroy
CDK のバージョンによっては S3 のバケットが空でないと， cdk destroy がエラーを出力する場合がある． この場合はスタックを削除する前に， S3 バケットの中身をすべて削除しなければならない．
コンソールから実行するには， S3 コンソールに行き，バケットの中身を開いたうえで，すべてのファイルを選択し， "Actions" → "Delete" を実行すればよいい．
コマンドラインから実行するには， 次のコマンドを使う． <BUCKET NAME> のところは，自分の バケットの名前 ("BashoutterBucketXXXX" というパターンの名前がついているはずである) に置き換えることを忘れずに．
sh
$ aws s3 rm <BUCKET NAME> --recursive
$ aws s3 rm <BUCKET NAME> --recursive
小括 ​
ここまでが，本書第三部の内容であった．
第三部では，クラウドの応用として，一般の人に使ってもらうようなウェブアプリケーション・データベースをどのようにして作るのか，という点に焦点を当てて，説明を行った． その中で，従来的なクラウドシステムの設計と，ここ数年の最新の設計方法であるサーバーレスアーキテクチャについて解説した． (#sec_intro_serverless) では， AWS でのサーバーレスの実践として， Lambda, S3, DynamoDB のハンズオンを行った． 最後に， Hands-on #6: Bashoutter では，これらの技術を統合することで，完全サーバーレスなウェブアプリケーション "Bashoutter" を作成した．
これらの演習を通じて，世の中のウェブサービスがどのようにしてでき上がっているのか，少し理解が深まっただろうか？ また，そのようなウェブアプリケーションを自分が作りたいと思ったとき，今回のハンズオンがその出発点となることができたならば幸いである．
',126);function g(k,v,f,D,C,P){const a=n;return u(),b("div",null,[_,A(a,{readTime:"12",words:"2.9k"}),q])}const L=d(h,[["render",g]]);export{S as __pageData,L as default};
diff --git a/assets/development_aws_handson-ec2.md.2a763e5b.js b/assets/development_aws_handson-ec2.md.2a763e5b.js
deleted file mode 100644
index 75defb84..00000000
--- a/assets/development_aws_handson-ec2.md.2a763e5b.js
+++ /dev/null
@@ -1,193 +0,0 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as t,e as c,f as r}from"./chunks/ec2_keypair_console.fc89ef69.js";import{a as y,_ as i}from"./chunks/VPC.e1acca4d.js";import{_ as d,o as A,c as u,H as B,k as s,a as b,Q as m}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const H=JSON.parse('{"title":"Hands-on #1: 初めての EC2 インスタンスを起動する","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-ec2.md","filePath":"development/aws/handson-ec2.md","lastUpdated":1695377563000}'),h={name:"development/aws/handson-ec2.md"},g=s("h1",{id:"hands-on-1-初めての-ec2-インスタンスを起動する",tabindex:"-1"},[b("Hands-on #1: 初めての EC2 インスタンスを起動する "),s("a",{class:"header-anchor",href:"#hands-on-1-初めての-ec2-インスタンスを起動する","aria-label":'Permalink to "Hands-on \\#1: 初めての EC2 インスタンスを起動する"'},"​")],-1),D=m('
ハンズオンの第一回では， CDK を使って EC2 のインスタンス(仮想サーバー)を作成し，SSH でサーバーにログインする，という演習を行う． このハンズオンを終えれば，あなたは自分だけのサーバーを AWS 上に立ち上げ，自由に計算を走らせることができるようになるのである！
準備 ​
ハンズオンのソースコードは GitHub の handson/ec2-get-started に置いてある．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行することができる．
まずは，ハンズオンを実行するための環境を整える． これらの環境整備は，後のハンズオンでも前提となるものなので確実にミスなく行っていただきたい．
  • AWS Account: ハンズオンを実行するには個人の AWS アカウントが必要である． AWS アカウントの取得については (#sec:create_aws_account) を参照のこと．
  • Python と Node.js: 本ハンズオンを実行するには，Python (3.6 以上)，Node.js (12.0 以上) がインストールされていなければならない．
  • AWS CLI: AWS CLI のインストールについては， (#aws_cli_install) を参照． ここに記載されている認証鍵の設定も済ませておくこと．
  • AWS CDK: AWS CDK のインストールについては， (#aws_cdk_install) を参照．
  • ソースコードのダウンロード: 本ハンズオンで使用するプログラムのソースコードを，以下のコマンドを使って GitHub からダウンロードする．
sh
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
あるいは， https://github.com/tomomano/learn-aws-by-coding のページに行って，右上のダウンロードボタンからダウンロードすることもできる．
Docker を使用する場合
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもパッケージ済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
使用方法については (#sec_handson_docker) を参照のこと．
SSH ​
SSH (secure shell) は Unix 系のリモートサーバーに安全にアクセスするためのツールである． 本ハンズオンでは， SSH を使って仮想サーバーにアクセスする． SSH に慣れていない読者のため，簡単な説明をここで行おう．
SSH による通信はすべて暗号化されているので，機密情報をインターネットを介して安全に送受信することができる． 本ハンズオンで，リモートのサーバーにアクセスするための SSH クライアントがローカルマシンにインストールされている必要がある． SSH クライアントは Linux/Mac には標準搭載されている． Windows の場合は WSL をインストールすることで SSH クライアントを利用することを推奨する ( (#environments) を参照)．
SSH コマンドの基本的な使い方を次に示す． <host name> はアクセスする先のサーバーの IP アドレスや DNS によるホストネームが入る． <user name> は接続する先のユーザー名である．
sh
$ ssh <user name>@<host name>
$ ssh <user name>@<host name>
SSH は平文のパスワードによる認証を行うこともできるが，より強固なセキュリティを施すため，公開鍵暗号方式(Public Key Cryptography)による認証を行うことが強く推奨されており， EC2 はこの方法でしかアクセスを許していない． 公開鍵暗号方式の仕組みについては各自勉強してほしい． 本ハンズオンにおいて大事なことは，EC2 インスタンスが公開鍵(Public key)を保持し，クライアントとなるコンピュータ(読者自身のコンピュータ)が秘密鍵(Private key)を保持する，という点である． EC2 のインスタンスには秘密鍵を持ったコンピュータのみがアクセスすることができる．逆に言うと，秘密鍵が漏洩すると第三者もサーバーにアクセスできることになるので，秘密鍵は絶対に漏洩することのないよう注意して管理する．
SSH コマンドでは，ログインのために使用する秘密鍵ファイルを -i もしくは --identity_file のオプションで指定することができる． たとえば，次のように使う．
sh
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#1で作製するアプリケーションのアーキテクチャ
このアプリケーションではまず，VPC (Virtual Private Cloud) を使ってプライベートな仮想ネットワーク環境を立ち上げている． その VPC の public subnet の内側に，EC2 (Elatic Compute Cloud) の仮想サーバーを配置する． さらに，セキュリティのため， Security Group による EC2 インスタンスへのアクセス制限を設定している． このようにして作成された仮想サーバーに，SSH を使ってアクセスし，簡単な計算を行う．
figure_title のようなアプリケーションを，CDK を使って構築する．
早速ではあるが，今回のハンズオンで使用するプログラムを見てみよう (handson/ec2-get-started/app.py)．
python
class MyFirstEc2(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
-
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
-
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
class MyFirstEc2(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
-
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
-
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
  • まず最初に，VPC を定義する．
  • 次に， security group (SG) を定義している． ここでは，任意の IPv4 のアドレスからの，ポート 22 (SSH の接続に使用される)への接続を許可している． それ以外の接続は拒絶される．
  • 最後に，上記で作った VPC と SG が付与された EC2 インスタンスを作成している． インスタンスタイプは t2.micro を選択し， Amazon Linux を OS として設定している．
それぞれについて，もう少し詳しく説明しよう．
VPC (Virtual Private Cloud) ​
VPC のアイコン.
VPC
VPC は AWS 上にプライベートな仮想ネットワーク環境を構築するツールである．高度な計算システムを構築するには，複数のサーバーを連動させて計算を行う必要があるが，そのような場合に互いのアドレスなどを管理する必要があり，そういった目的で VPC は有用である．
本ハンズオンでは，サーバーは一つしか起動しないので，VPC の恩恵はよく分からないかもしれない．しかし，EC2 インスタンスは必ず VPC の中に配置されなければならない，という制約があるので，このハンズオンでもミニマルな VPC を構成している．
興味のある読者のために，VPC のコードについてもう少し詳しく説明しよう．
python
vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
  • max_azs=1 : このパラメータは，前章で説明した avaialibility zone (AZ) を設定している． このハンズオンでは，特にデータセンターの障害などを気にする必要はないので 1 にしている．
  • cidr="10.10.0.0/23" : このパラメータは，VPC 内の IPv4 のレンジを指定している． CIDR 記法については， Wikipediaなどを参照． 10.10.0.0/23 は 10.10.0.0 から 10.10.1.255 までの 512 個の連続したアドレス範囲を指している． つまり，この VPC では最大で 512 個のユニークな IPv4 アドレスが使えることになる． 今回はサーバーは一つなので 512 個は明らかに多すぎるが，VPC はアドレスの数はどれだけ作成しても無料なので，多めに作成した．
  • subnet_configuration=... : このパラメータは，VPC にどのようなサブネットを作るか，を決めている． サブネットの種類には private subnet と public subnet の二種類がある． private subnet は基本的にインターネットとは遮断されたサブネット環境である． インターネットと繋がっていないので，セキュリティは極めて高く， VPC 内のサーバーとのみ通信を行えばよい EC2 インスタンスはここに配置する． Public subnet とはインターネットに繋がったサブネットである． 本ハンズオンで作成するサーバーは，外から SSH でログインを行いたいので， Public subnet 内に配置する． より詳細な記述は 公式ドキュメンテーション を参照．
  • natgateways=0 : これは少し高度な内容なので省略する (興味のある読者は 公式ドキュメンテーションを参照)． が，これを 0 にしておかないと，NAT Gateway の利用料金が発生してしまうので，注意！
Security Group ​
Security group (SG) は， EC2 インスタンスに付与することのできる仮想ファイアーウォールである． たとえば，特定の IP アドレスから来た接続を許可・拒絶したり　(インバウンド・トラフィックの制限) ，逆に特定の IP アドレスへのアクセスを禁止したり (アウトバウンド・トラフィックの制限) することができる．
コードの該当部分を見てみよう．
python
sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
本ハンズオンでは， SSH による外部からの接続を許容するため， sg.add_ingress_rule(peer=ec2.Peer.any_ipv4(), connection=ec2.Port.tcp(22)) により，すべての IPv4 アドレスからのポート 22 番へのアクセスを許容している． また， SSH で EC2 インスタンスにログインしたのち，インターネットからプログラムなどをダウンロードできるよう， allow_all_outbound=True のパラメータを設定している．
SSH はデフォルトでは 22 番ポートを使用するのが慣例である．
セキュリティ上の観点からは，SSH の接続は自宅や大学・職場など特定の地点からの接続のみを許す方が望ましい．
EC2 (Elastic Compute Cloud) ​
EC2 のアイコン.
EC2
EC2 は AWS 上に仮想サーバーを立ち上げるサービスである． 個々の起動状態にある仮想サーバーのことをインスタンス (instance) とよぶ (しかし，口語的なコミュニケーションにおいては，サーバーとインスタンスという言葉は相互互換的に用いられることが多い)．
EC2 では用途に応じて様々なインスタンスタイプが提供されている． table_title に，代表的なインスタンスタイプの例を挙げる (執筆時点での情報)． EC2 のインスタンスタイプのすべてのリストは 公式ドキュメンテーション "Amazon EC2 Instance Types" で見ることができる．
EC2 instance types ​
InstancevCPUMemory (GiB)Network bandwidth (Gbps)Price per hour ($)
t2.micro11-0.0116
t2.small12-0.023
t2.medium24-0.0464
c5.24xlarge96192254.08
c5n.18xlarge721921003.888
x1e.16xlarge6419521013.344
table_title からわかるように， CPU は 1 コアから 96 コアまで，メモリーは 1GB から 2TB 以上まで，ネットワーク帯域は最大で 100Gbps まで，幅広く選択することができる． また，時間あたりの料金は，CPU・メモリーの占有数にほぼ比例する形で増加する． EC2 はサーバーの起動時間を秒単位で記録しており，利用料金は使用時間に比例する形で決定される． 例えば， t2.medium のインスタンスを 10 時間起動した場合，0.0464 * 10 = 0.464 ドルの料金が発生する．
AWS には 無料利用枠 というものがあり， t2.micro であれば月に 750 時間までは無料で利用することができる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
上記で t2.micro の $0.0116 / hour という金額は， On-demand インスタンスというタイプを選択した場合の価格である． EC2 ではほかに， Spot instance とよばれるインスタンスも存在しする． Spot instance は，AWS のデータセンターの負荷が増えた場合，ユーザーのプログラムが実行中であっても AWS の判断により強制シャットダウンされる，という不便さを抱えているのだが，その分大幅に安い料金設定になっている． AWS で一時的に生じた余剰な空き CPU をユーザーに割安で貸し出す，という発想である． 科学計算やウェブサーバーなどの用途でコストを削減する目的で， Spot Instance を活用する事例も多数報告されている．
EC2 インスタンスを定義しているコードの該当部分を見てみよう．
python
host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
ここでは， t2.micro というインスタンスタイプを選択している． さらに， machine_image として， Amazon Linux を選択している (Machine image は OS と似た概念である． Machine image については， (#sec_jupyter_and_deep_learning) でより詳しく触れる)． さらに，上で定義した VPC, SG をこのインスタンスに付与している．
以上が，今回使用するプログラムの簡単な解説であった． ミニマルな形のプログラムではあるが，仮想サーバーを作成するのに必要なステップがおわかりいただけただろうか？
プログラムを実行する ​
さて，ハンズオンのコードの理解ができたところで，プログラムを実際に実行してみよう．繰り返しになるが， 準備 での準備ができていることが前提である．
Python の依存ライブラリのインストール ​
まずは，Python の依存ライブラリをインストールする．以下では，Python のライブラリを管理するツールとして， venv を使用する．
まずは， handson/ec2-get-started のディレクトリに移動しよう．
sh
$ cd handson/ec2-get-started
$ cd handson/ec2-get-started
ディレクトリを移動したら， venv で新しい仮想環境を作成し，インストールを実行する．
sh
$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
これで Python の環境構築は完了だ．
venv の簡単な説明は (#venv_quick_guide) に記述してある．
環境によっては pip ではなく pip3 あるいは python3 -m pip に置き換える必要がある．
AWS のシークレットキーをセットする ​
AWS CLI および AWS CDK を使うには， AWS のシークレットキーが設定されている必要がある． シークレットキーの発行については (#aws_secrets) を参照のこと． シークレットキーを発行したら， (#aws_cli_install) を参照し，コマンドラインの設定を行う．
手順をここに短く要約すると，一つ目の方法は AWS_ACCESS_KEY_ID などの環境変数を設定するやり方である． もう一つの方法は， ~/.aws/credentials に認証情報を保存しておく方式である． シークレットキーの設定は AWS CLI/CDK を使用するうえで共通のステップになるので，しっかりと理解しておくように．
SSH 鍵を生成 ​
EC2 インスタンスには SSH を使ってログインする． EC2 インスタンスを作成するのに先行して，今回のハンズオンで専用に使う SSH の公開鍵・秘密鍵のペアを準備する必要がある．
次の AWS CLI コマンドにより， HirakeGoma という名前のついた鍵を生成する．
sh
$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
このコマンドを実行すると，現在のディレクトリに HirakeGoma.pem というファイルが作成される．これが，サーバーにアクセスするための秘密鍵である． SSH でこの鍵を使うため， ~/.ssh/ のディレクトリに鍵を移動する． さらに，秘密鍵が書き換えられたり第三者に閲覧されないよう，ファイルのアクセス権限を 400 に設定する．
sh
$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
デプロイを実行 ​
これまでのステップで， EC2 インスタンスをデプロイするための準備が整った！ 早速，次のコマンドによりアプリケーションを AWS にデプロイしよう． -c key_name="HirakeGoma" というオプションで，先ほど生成した HirakeGoma という名前の鍵を使うよう指定している．
sh
$ cdk deploy -c key_name="HirakeGoma"
$ cdk deploy -c key_name="HirakeGoma"
このコマンドを実行すると， VPC， EC2 などが AWS 上に展開される． そして，コマンドの出力の最後に figure_title のような出力が得られるはずである． 出力の中で InstancePublicIp に続く数字が，起動したインスタンスのパブリック IP アドレスである． IP アドレスはデプロイごとにランダムなアドレスが割り当てられる．
CDKデプロイ実行後の出力
SSH でログイン ​
早速，SSH 　で接続してみよう．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
-i オプションで，先ほど生成した秘密鍵を指定している． EC2 インスタンスにはデフォルトで ec2-user という名前のユーザーが作られているので，それを使用する． 最後に， <IP address> の部分は自身が作成した EC2 インスタンスの IP アドレスで置き換える (12.345.678.9 など）．
ログインに成功すると， figure_title のような画面が表示される． リモートのサーバーにログインしているので，プロンプトが [ec2-user@ip-10-10-1-217 ~]$ のようになっていることを確認しよう．
SSH で EC2 インスタンスにログイン
おめでとう！これで，めでたく AWS 上に EC2 仮想サーバーを起動し，リモートからアクセスできるようになった！
起動した EC2 インスタンスで遊んでみる ​
せっかく新しいインスタンスを起動したので，少し遊んでみよう．
ログインした EC2 インスタンスで，次のコマンドを実行してみよう． CPU の情報を取得することができる．
sh
$ cat /proc/cpuinfo
-
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
$ cat /proc/cpuinfo
-
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
次に，実行中のプロセスやメモリの消費を見てみよう．
bash
$  top -n 1
-
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
-
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
$  top -n 1
-
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
-
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
t2.micro インスタンスなので， 1009140k = 1GB のメモリーがあることがわかる．
今回起動したインスタンスには Python 2 はインストール済みだが， Python 3 は入っていない． Python 3.6 のインストールを行ってみよう． インストールは簡単である．
sh
$ sudo yum update -y
-$ sudo yum install -y python36
$ sudo yum update -y
-$ sudo yum install -y python36
インストールした Python を起動してみよう．
sh
$ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
$ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
Python のインタープリタが起動した！ Ctrl + D あるいは exit() と入力することで，インタープリタを閉じることができる．
さて，サーバーでのお遊びはこんなところにしておこう (興味があれば各自いろいろと試してみると良い) ． 次のコマンドでログアウトする．
sh
$ exit
$ exit
AWS コンソールから確認 ​
これまでは，すべてコマンドラインから EC2 に関連する操作を行ってきた． EC2 インスタンスの状態を確認したり，サーバーをシャットダウンするなどの操作は，AWS コンソールから実行することもできる． 軽くこれを紹介しよう．
まず，ウェブブラウザを開いて AWS コンソールにログインする． ログインしたら， Services から EC2 を検索(選択)する． 次に，左のサイドバーの Instances とページをたどる. すると， figure_title のような画面が得られるはずである． この画面で，自分のアカウントの管理下にあるインスタンスを確認できる． 同様に，VPC・SG についてもコンソールから確認できる．
EC2 コンソール画面
コンソール右上で，正しいリージョン (今回の場合は ap-northeast-1, Tokyo) が選択されているか，注意する！
前章で CloudFormation について触れたが，今回デプロイしたアプリケーションも，CloudFormation のスタックとして管理されている． スタック (stack) とは， AWS リソースの集合のことを指す． 今回の場合は， VPC/EC2/SG などがスタックの中に含まれている． コンソールで CloudFormation のページに行ってみよう (figure_title)．
CloudFormation コンソール画面
"MyFirstEc2" という名前のスタックがあることが確認できる． クリックをして中身を見てみると，EC2, VPC などのリソースがこのスタックに紐付いていることがわかる．
スタックを削除 ​
これにて，第一回のハンズオンで説明すべき事柄はすべて完了した． 最後に，使わなくなったスタックを削除しよう． スタックの削除には，二つの方法がある．
一つ目の方法は，前節の Cloudformation のコンソール画面で， "Delete" ボタンを押すことである (figure_title)． すると，スタックの状態が "DELETE_IN_PROGRESS" に変わり，削除が完了すると CloudFormation のスタックの一覧から消える．
CloudFormationコンソール画面から，スタックを削除
二つ目の方法は，コマンドラインから行う方法である． 先ほど，デプロイを行ったコマンドラインに戻ろう． そうしたら，次のコマンドを実行する．
sh
$ cdk destroy
$ cdk destroy
このコマンドを実行すると，スタックの削除が始まる． 削除した後は，VPC, EC2 など，すべて跡形もなく消え去っていることを自身で確かめよう． CloudFormation を用いることで関連するすべての AWS リソースを一度に管理・削除することができるので，大変便利である．
スタックの削除は各自で必ず行うこと！ 行わなかった場合， EC2 インスタンスの料金が発生し続けることになる！
また，本ハンズオンのために作成した SSH 鍵ペアも不要なので，削除しておく． まず， EC2 側に登録してある公開鍵を削除する． これも，コンソールおよびコマンドラインの二つの方法で実行できる．
コンソールから実行するには， EC2 の画面に行き，左のサイドバーの Key Pairs を選択する． 鍵の一覧が表示されるので， HirakeGoma とある鍵にチェックを入れ，画面右上の Actions から， Delete を実行する (figure_title)．
EC2でSSH鍵ペアを削除
コマンドラインから実行するには，次のコマンドを使う．
sh
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
最後に，ローカルのコンピュータから鍵を削除する．
sh
$ rm -f ~/.ssh/HirakeGoma.pem
$ rm -f ~/.ssh/HirakeGoma.pem
これで，クラウドの片付けもすべて終了だ．
なお，頻繁に EC2 インスタンスを起動したりする場合は，いちいち SSH 鍵を削除する必要はない．
小括 ​
ここまでが，本書の第一部の内容である． 盛りだくさんの内容であったが，ついてこれたであろうか？
(#chap_cloud_basics) では，クラウドの定義と用語の説明を行ったあと，なぜクラウドを使うのか，という点を議論した． 続いて (#sec_aws_general_introduction) では，クラウドを学ぶ具体的なプラットフォームとして AWS を取り上げ， AWS を使用するにあたり最低限必要な知識と用語の説明を行った． さらに， Hands-on #1: 初めての EC2 インスタンスを起動する のハンズオンでは AWS CLI と AWS CDK を使って，自身のプライベートなサーバーを AWS 上に立ち上げる演習を行った．
これらを通じて，いかに簡単に (たった数行のコマンドで！) 仮想サーバーを立ち上げたり，削除したりすることができるか，体験できただろう． 筆者は， (#chap_cloud_basics) でクラウドの最も重要な側面はダイナミックに計算リソースを拡大・縮小できることである，と述べた． この言葉の意味が，ハンズオンを通じてより明らかになっただろうか？ ここで学んだ技術を少し応用するだけで，自分のウェブページをホストする仮想サーバーを作成したり，大量のコアを搭載した EC2 インスタンスを用意して科学計算を実行するなど，いろいろなアプリケーションが実現できる．
次章からは，今回学んだクラウドの技術を基に，より現実に即した問題を解くことを体験してもらう． お楽しみに！
',134);function v(_,C,k,S,f,q){const a=n;return A(),u("div",null,[g,B(a,{readTime:"11",words:"2.6k"}),D])}const $=d(h,[["render",v]]);export{H as __pageData,$ as default};
diff --git a/assets/development_aws_handson-ec2.md.43188290.js b/assets/development_aws_handson-ec2.md.43188290.js
new file mode 100644
index 00000000..2c50bd90
--- /dev/null
+++ b/assets/development_aws_handson-ec2.md.43188290.js
@@ -0,0 +1,193 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as t,e as c,f as r}from"./chunks/ec2_keypair_console.fc89ef69.js";import{a as y,_ as i}from"./chunks/VPC.e1acca4d.js";import{_ as F,o as C,c as A,H as d,k as s,a as D,Q as u}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const H=JSON.parse('{"title":"Hands-on #1: 初めての EC2 インスタンスを起動する","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-ec2.md","filePath":"development/aws/handson-ec2.md","lastUpdated":1699051935000}'),b={name:"development/aws/handson-ec2.md"},m=s("h1",{id:"hands-on-1-初めての-ec2-インスタンスを起動する",tabindex:"-1"},[D("Hands-on #1: 初めての EC2 インスタンスを起動する "),s("a",{class:"header-anchor",href:"#hands-on-1-初めての-ec2-インスタンスを起動する","aria-label":'Permalink to "Hands-on \\#1: 初めての EC2 インスタンスを起動する"'},"​")],-1),E=u('
ハンズオンの第一回では， CDK を使って EC2 のインスタンス(仮想サーバー)を作成し，SSH でサーバーにログインする，という演習を行う． このハンズオンを終えれば，あなたは自分だけのサーバーを AWS 上に立ち上げ，自由に計算を走らせることができるようになるのである！
準備 ​
ハンズオンのソースコードは GitHub の handson/ec2-get-started に置いてある．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行することができる．
まずは，ハンズオンを実行するための環境を整える． これらの環境整備は，後のハンズオンでも前提となるものなので確実にミスなく行っていただきたい．
  • AWS Account: ハンズオンを実行するには個人の AWS アカウントが必要である． AWS アカウントの取得については (#sec:create_aws_account) を参照のこと．
  • Python と Node.js: 本ハンズオンを実行するには，Python (3.6 以上)，Node.js (12.0 以上) がインストールされていなければならない．
  • AWS CLI: AWS CLI のインストールについては， (#aws_cli_install) を参照． ここに記載されている認証鍵の設定も済ませておくこと．
  • AWS CDK: AWS CDK のインストールについては， (#aws_cdk_install) を参照．
  • ソースコードのダウンロード: 本ハンズオンで使用するプログラムのソースコードを，以下のコマンドを使って GitHub からダウンロードする．
sh
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
あるいは， https://github.com/tomomano/learn-aws-by-coding のページに行って，右上のダウンロードボタンからダウンロードすることもできる．
Docker を使用する場合
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもパッケージ済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
使用方法については (#sec_handson_docker) を参照のこと．
SSH ​
SSH (secure shell) は Unix 系のリモートサーバーに安全にアクセスするためのツールである． 本ハンズオンでは， SSH を使って仮想サーバーにアクセスする． SSH に慣れていない読者のため，簡単な説明をここで行おう．
SSH による通信はすべて暗号化されているので，機密情報をインターネットを介して安全に送受信することができる． 本ハンズオンで，リモートのサーバーにアクセスするための SSH クライアントがローカルマシンにインストールされている必要がある． SSH クライアントは Linux/Mac には標準搭載されている． Windows の場合は WSL をインストールすることで SSH クライアントを利用することを推奨する ( (#environments) を参照)．
SSH コマンドの基本的な使い方を次に示す． <host name> はアクセスする先のサーバーの IP アドレスや DNS によるホストネームが入る． <user name> は接続する先のユーザー名である．
sh
$ ssh <user name>@<host name>
$ ssh <user name>@<host name>
SSH は平文のパスワードによる認証を行うこともできるが，より強固なセキュリティを施すため，公開鍵暗号方式(Public Key Cryptography)による認証を行うことが強く推奨されており， EC2 はこの方法でしかアクセスを許していない． 公開鍵暗号方式の仕組みについては各自勉強してほしい． 本ハンズオンにおいて大事なことは，EC2 インスタンスが公開鍵(Public key)を保持し，クライアントとなるコンピュータ(読者自身のコンピュータ)が秘密鍵(Private key)を保持する，という点である． EC2 のインスタンスには秘密鍵を持ったコンピュータのみがアクセスすることができる．逆に言うと，秘密鍵が漏洩すると第三者もサーバーにアクセスできることになるので，秘密鍵は絶対に漏洩することのないよう注意して管理する．
SSH コマンドでは，ログインのために使用する秘密鍵ファイルを -i もしくは --identity_file のオプションで指定することができる． たとえば，次のように使う．
sh
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#1で作製するアプリケーションのアーキテクチャ
このアプリケーションではまず，VPC (Virtual Private Cloud) を使ってプライベートな仮想ネットワーク環境を立ち上げている． その VPC の public subnet の内側に，EC2 (Elatic Compute Cloud) の仮想サーバーを配置する． さらに，セキュリティのため， Security Group による EC2 インスタンスへのアクセス制限を設定している． このようにして作成された仮想サーバーに，SSH を使ってアクセスし，簡単な計算を行う．
figure_title のようなアプリケーションを，CDK を使って構築する．
早速ではあるが，今回のハンズオンで使用するプログラムを見てみよう (handson/ec2-get-started/app.py)．
python
class MyFirstEc2(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
+
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
+
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
class MyFirstEc2(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
+
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
+
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
  • まず最初に，VPC を定義する．
  • 次に， security group (SG) を定義している． ここでは，任意の IPv4 のアドレスからの，ポート 22 (SSH の接続に使用される)への接続を許可している． それ以外の接続は拒絶される．
  • 最後に，上記で作った VPC と SG が付与された EC2 インスタンスを作成している． インスタンスタイプは t2.micro を選択し， Amazon Linux を OS として設定している．
それぞれについて，もう少し詳しく説明しよう．
VPC (Virtual Private Cloud) ​
VPC のアイコン.
VPC
VPC は AWS 上にプライベートな仮想ネットワーク環境を構築するツールである．高度な計算システムを構築するには，複数のサーバーを連動させて計算を行う必要があるが，そのような場合に互いのアドレスなどを管理する必要があり，そういった目的で VPC は有用である．
本ハンズオンでは，サーバーは一つしか起動しないので，VPC の恩恵はよく分からないかもしれない．しかし，EC2 インスタンスは必ず VPC の中に配置されなければならない，という制約があるので，このハンズオンでもミニマルな VPC を構成している．
興味のある読者のために，VPC のコードについてもう少し詳しく説明しよう．
python
vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
  • max_azs=1 : このパラメータは，前章で説明した avaialibility zone (AZ) を設定している． このハンズオンでは，特にデータセンターの障害などを気にする必要はないので 1 にしている．
  • cidr="10.10.0.0/23" : このパラメータは，VPC 内の IPv4 のレンジを指定している． CIDR 記法については， Wikipediaなどを参照． 10.10.0.0/23 は 10.10.0.0 から 10.10.1.255 までの 512 個の連続したアドレス範囲を指している． つまり，この VPC では最大で 512 個のユニークな IPv4 アドレスが使えることになる． 今回はサーバーは一つなので 512 個は明らかに多すぎるが，VPC はアドレスの数はどれだけ作成しても無料なので，多めに作成した．
  • subnet_configuration=... : このパラメータは，VPC にどのようなサブネットを作るか，を決めている． サブネットの種類には private subnet と public subnet の二種類がある． private subnet は基本的にインターネットとは遮断されたサブネット環境である． インターネットと繋がっていないので，セキュリティは極めて高く， VPC 内のサーバーとのみ通信を行えばよい EC2 インスタンスはここに配置する． Public subnet とはインターネットに繋がったサブネットである． 本ハンズオンで作成するサーバーは，外から SSH でログインを行いたいので， Public subnet 内に配置する． より詳細な記述は 公式ドキュメンテーション を参照．
  • natgateways=0 : これは少し高度な内容なので省略する (興味のある読者は 公式ドキュメンテーションを参照)． が，これを 0 にしておかないと，NAT Gateway の利用料金が発生してしまうので，注意！
Security Group ​
Security group (SG) は， EC2 インスタンスに付与することのできる仮想ファイアーウォールである． たとえば，特定の IP アドレスから来た接続を許可・拒絶したり　(インバウンド・トラフィックの制限) ，逆に特定の IP アドレスへのアクセスを禁止したり (アウトバウンド・トラフィックの制限) することができる．
コードの該当部分を見てみよう．
python
sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
本ハンズオンでは， SSH による外部からの接続を許容するため， sg.add_ingress_rule(peer=ec2.Peer.any_ipv4(), connection=ec2.Port.tcp(22)) により，すべての IPv4 アドレスからのポート 22 番へのアクセスを許容している． また， SSH で EC2 インスタンスにログインしたのち，インターネットからプログラムなどをダウンロードできるよう， allow_all_outbound=True のパラメータを設定している．
SSH はデフォルトでは 22 番ポートを使用するのが慣例である．
セキュリティ上の観点からは，SSH の接続は自宅や大学・職場など特定の地点からの接続のみを許す方が望ましい．
EC2 (Elastic Compute Cloud) ​
EC2 のアイコン.
EC2
EC2 は AWS 上に仮想サーバーを立ち上げるサービスである． 個々の起動状態にある仮想サーバーのことをインスタンス (instance) とよぶ (しかし，口語的なコミュニケーションにおいては，サーバーとインスタンスという言葉は相互互換的に用いられることが多い)．
EC2 では用途に応じて様々なインスタンスタイプが提供されている． table_title に，代表的なインスタンスタイプの例を挙げる (執筆時点での情報)． EC2 のインスタンスタイプのすべてのリストは 公式ドキュメンテーション "Amazon EC2 Instance Types" で見ることができる．
EC2 instance types ​
InstancevCPUMemory (GiB)Network bandwidth (Gbps)Price per hour ($)
t2.micro11-0.0116
t2.small12-0.023
t2.medium24-0.0464
c5.24xlarge96192254.08
c5n.18xlarge721921003.888
x1e.16xlarge6419521013.344
table_title からわかるように， CPU は 1 コアから 96 コアまで，メモリーは 1GB から 2TB 以上まで，ネットワーク帯域は最大で 100Gbps まで，幅広く選択することができる． また，時間あたりの料金は，CPU・メモリーの占有数にほぼ比例する形で増加する． EC2 はサーバーの起動時間を秒単位で記録しており，利用料金は使用時間に比例する形で決定される． 例えば， t2.medium のインスタンスを 10 時間起動した場合，0.0464 * 10 = 0.464 ドルの料金が発生する．
AWS には 無料利用枠 というものがあり， t2.micro であれば月に 750 時間までは無料で利用することができる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
上記で t2.micro の $0.0116 / hour という金額は， On-demand インスタンスというタイプを選択した場合の価格である． EC2 ではほかに， Spot instance とよばれるインスタンスも存在しする． Spot instance は，AWS のデータセンターの負荷が増えた場合，ユーザーのプログラムが実行中であっても AWS の判断により強制シャットダウンされる，という不便さを抱えているのだが，その分大幅に安い料金設定になっている． AWS で一時的に生じた余剰な空き CPU をユーザーに割安で貸し出す，という発想である． 科学計算やウェブサーバーなどの用途でコストを削減する目的で， Spot Instance を活用する事例も多数報告されている．
EC2 インスタンスを定義しているコードの該当部分を見てみよう．
python
host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
ここでは， t2.micro というインスタンスタイプを選択している． さらに， machine_image として， Amazon Linux を選択している (Machine image は OS と似た概念である． Machine image については， (#sec_jupyter_and_deep_learning) でより詳しく触れる)． さらに，上で定義した VPC, SG をこのインスタンスに付与している．
以上が，今回使用するプログラムの簡単な解説であった． ミニマルな形のプログラムではあるが，仮想サーバーを作成するのに必要なステップがおわかりいただけただろうか？
プログラムを実行する ​
さて，ハンズオンのコードの理解ができたところで，プログラムを実際に実行してみよう．繰り返しになるが， 準備 での準備ができていることが前提である．
Python の依存ライブラリのインストール ​
まずは，Python の依存ライブラリをインストールする．以下では，Python のライブラリを管理するツールとして， venv を使用する．
まずは， handson/ec2-get-started のディレクトリに移動しよう．
sh
$ cd handson/ec2-get-started
$ cd handson/ec2-get-started
ディレクトリを移動したら， venv で新しい仮想環境を作成し，インストールを実行する．
sh
$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
これで Python の環境構築は完了だ．
venv の簡単な説明は (#venv_quick_guide) に記述してある．
環境によっては pip ではなく pip3 あるいは python3 -m pip に置き換える必要がある．
AWS のシークレットキーをセットする ​
AWS CLI および AWS CDK を使うには， AWS のシークレットキーが設定されている必要がある． シークレットキーの発行については (#aws_secrets) を参照のこと． シークレットキーを発行したら， (#aws_cli_install) を参照し，コマンドラインの設定を行う．
手順をここに短く要約すると，一つ目の方法は AWS_ACCESS_KEY_ID などの環境変数を設定するやり方である． もう一つの方法は， ~/.aws/credentials に認証情報を保存しておく方式である． シークレットキーの設定は AWS CLI/CDK を使用するうえで共通のステップになるので，しっかりと理解しておくように．
SSH 鍵を生成 ​
EC2 インスタンスには SSH を使ってログインする． EC2 インスタンスを作成するのに先行して，今回のハンズオンで専用に使う SSH の公開鍵・秘密鍵のペアを準備する必要がある．
次の AWS CLI コマンドにより， HirakeGoma という名前のついた鍵を生成する．
sh
$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
このコマンドを実行すると，現在のディレクトリに HirakeGoma.pem というファイルが作成される．これが，サーバーにアクセスするための秘密鍵である． SSH でこの鍵を使うため， ~/.ssh/ のディレクトリに鍵を移動する． さらに，秘密鍵が書き換えられたり第三者に閲覧されないよう，ファイルのアクセス権限を 400 に設定する．
sh
$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
デプロイを実行 ​
これまでのステップで， EC2 インスタンスをデプロイするための準備が整った！ 早速，次のコマンドによりアプリケーションを AWS にデプロイしよう． -c key_name="HirakeGoma" というオプションで，先ほど生成した HirakeGoma という名前の鍵を使うよう指定している．
sh
$ cdk deploy -c key_name="HirakeGoma"
$ cdk deploy -c key_name="HirakeGoma"
このコマンドを実行すると， VPC， EC2 などが AWS 上に展開される． そして，コマンドの出力の最後に figure_title のような出力が得られるはずである． 出力の中で InstancePublicIp に続く数字が，起動したインスタンスのパブリック IP アドレスである． IP アドレスはデプロイごとにランダムなアドレスが割り当てられる．
CDKデプロイ実行後の出力
SSH でログイン ​
早速，SSH 　で接続してみよう．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
-i オプションで，先ほど生成した秘密鍵を指定している． EC2 インスタンスにはデフォルトで ec2-user という名前のユーザーが作られているので，それを使用する． 最後に， <IP address> の部分は自身が作成した EC2 インスタンスの IP アドレスで置き換える (12.345.678.9 など）．
ログインに成功すると， figure_title のような画面が表示される． リモートのサーバーにログインしているので，プロンプトが [ec2-user@ip-10-10-1-217 ~]$ のようになっていることを確認しよう．
SSH で EC2 インスタンスにログイン
おめでとう！これで，めでたく AWS 上に EC2 仮想サーバーを起動し，リモートからアクセスできるようになった！
起動した EC2 インスタンスで遊んでみる ​
せっかく新しいインスタンスを起動したので，少し遊んでみよう．
ログインした EC2 インスタンスで，次のコマンドを実行してみよう． CPU の情報を取得することができる．
sh
$ cat /proc/cpuinfo
+
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
$ cat /proc/cpuinfo
+
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
次に，実行中のプロセスやメモリの消費を見てみよう．
bash
$  top -n 1
+
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
+
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
$  top -n 1
+
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
+
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
t2.micro インスタンスなので， 1009140k = 1GB のメモリーがあることがわかる．
今回起動したインスタンスには Python 2 はインストール済みだが， Python 3 は入っていない． Python 3.6 のインストールを行ってみよう． インストールは簡単である．
sh
$ sudo yum update -y
+$ sudo yum install -y python36
$ sudo yum update -y
+$ sudo yum install -y python36
インストールした Python を起動してみよう．
sh
$ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
$ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
Python のインタープリタが起動した！ Ctrl + D あるいは exit() と入力することで，インタープリタを閉じることができる．
さて，サーバーでのお遊びはこんなところにしておこう (興味があれば各自いろいろと試してみると良い) ． 次のコマンドでログアウトする．
sh
$ exit
$ exit
AWS コンソールから確認 ​
これまでは，すべてコマンドラインから EC2 に関連する操作を行ってきた． EC2 インスタンスの状態を確認したり，サーバーをシャットダウンするなどの操作は，AWS コンソールから実行することもできる． 軽くこれを紹介しよう．
まず，ウェブブラウザを開いて AWS コンソールにログインする． ログインしたら， Services から EC2 を検索(選択)する． 次に，左のサイドバーの Instances とページをたどる. すると， figure_title のような画面が得られるはずである． この画面で，自分のアカウントの管理下にあるインスタンスを確認できる． 同様に，VPC・SG についてもコンソールから確認できる．
EC2 コンソール画面
コンソール右上で，正しいリージョン (今回の場合は ap-northeast-1, Tokyo) が選択されているか，注意する！
前章で CloudFormation について触れたが，今回デプロイしたアプリケーションも，CloudFormation のスタックとして管理されている． スタック (stack) とは， AWS リソースの集合のことを指す． 今回の場合は， VPC/EC2/SG などがスタックの中に含まれている． コンソールで CloudFormation のページに行ってみよう (figure_title)．
CloudFormation コンソール画面
"MyFirstEc2" という名前のスタックがあることが確認できる． クリックをして中身を見てみると，EC2, VPC などのリソースがこのスタックに紐付いていることがわかる．
スタックを削除 ​
これにて，第一回のハンズオンで説明すべき事柄はすべて完了した． 最後に，使わなくなったスタックを削除しよう． スタックの削除には，二つの方法がある．
一つ目の方法は，前節の Cloudformation のコンソール画面で， "Delete" ボタンを押すことである (figure_title)． すると，スタックの状態が "DELETE_IN_PROGRESS" に変わり，削除が完了すると CloudFormation のスタックの一覧から消える．
CloudFormationコンソール画面から，スタックを削除
二つ目の方法は，コマンドラインから行う方法である． 先ほど，デプロイを行ったコマンドラインに戻ろう． そうしたら，次のコマンドを実行する．
sh
$ cdk destroy
$ cdk destroy
このコマンドを実行すると，スタックの削除が始まる． 削除した後は，VPC, EC2 など，すべて跡形もなく消え去っていることを自身で確かめよう． CloudFormation を用いることで関連するすべての AWS リソースを一度に管理・削除することができるので，大変便利である．
スタックの削除は各自で必ず行うこと！ 行わなかった場合， EC2 インスタンスの料金が発生し続けることになる！
また，本ハンズオンのために作成した SSH 鍵ペアも不要なので，削除しておく． まず， EC2 側に登録してある公開鍵を削除する． これも，コンソールおよびコマンドラインの二つの方法で実行できる．
コンソールから実行するには， EC2 の画面に行き，左のサイドバーの Key Pairs を選択する． 鍵の一覧が表示されるので， HirakeGoma とある鍵にチェックを入れ，画面右上の Actions から， Delete を実行する (figure_title)．
EC2でSSH鍵ペアを削除
コマンドラインから実行するには，次のコマンドを使う．
sh
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
最後に，ローカルのコンピュータから鍵を削除する．
sh
$ rm -f ~/.ssh/HirakeGoma.pem
$ rm -f ~/.ssh/HirakeGoma.pem
これで，クラウドの片付けもすべて終了だ．
なお，頻繁に EC2 インスタンスを起動したりする場合は，いちいち SSH 鍵を削除する必要はない．
小括 ​
ここまでが，本書の第一部の内容である． 盛りだくさんの内容であったが，ついてこれたであろうか？
(#chap_cloud_basics) では，クラウドの定義と用語の説明を行ったあと，なぜクラウドを使うのか，という点を議論した． 続いて (#sec_aws_general_introduction) では，クラウドを学ぶ具体的なプラットフォームとして AWS を取り上げ， AWS を使用するにあたり最低限必要な知識と用語の説明を行った． さらに， Hands-on #1: 初めての EC2 インスタンスを起動する のハンズオンでは AWS CLI と AWS CDK を使って，自身のプライベートなサーバーを AWS 上に立ち上げる演習を行った．
これらを通じて，いかに簡単に (たった数行のコマンドで！) 仮想サーバーを立ち上げたり，削除したりすることができるか，体験できただろう． 筆者は， (#chap_cloud_basics) でクラウドの最も重要な側面はダイナミックに計算リソースを拡大・縮小できることである，と述べた． この言葉の意味が，ハンズオンを通じてより明らかになっただろうか？ ここで学んだ技術を少し応用するだけで，自分のウェブページをホストする仮想サーバーを作成したり，大量のコアを搭載した EC2 インスタンスを用意して科学計算を実行するなど，いろいろなアプリケーションが実現できる．
次章からは，今回学んだクラウドの技術を基に，より現実に即した問題を解くことを体験してもらう． お楽しみに！
',134);function h(B,g,v,_,k,S){const a=n;return C(),A("div",null,[m,d(a,{readTime:"11",words:"2.6k"}),E])}const $=F(b,[["render",h]]);export{H as __pageData,$ as default};
diff --git a/assets/development_aws_handson-ec2.md.2a763e5b.lean.js b/assets/development_aws_handson-ec2.md.43188290.lean.js
similarity index 58%
rename from assets/development_aws_handson-ec2.md.2a763e5b.lean.js
rename to assets/development_aws_handson-ec2.md.43188290.lean.js
index 13867458..6ca92d55 100644
--- a/assets/development_aws_handson-ec2.md.2a763e5b.lean.js
+++ b/assets/development_aws_handson-ec2.md.43188290.lean.js
@@ -1 +1 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as t,e as c,f as r}from"./chunks/ec2_keypair_console.fc89ef69.js";import{a as y,_ as i}from"./chunks/VPC.e1acca4d.js";import{_ as d,o as A,c as u,H as B,k as s,a as b,Q as m}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const H=JSON.parse('{"title":"Hands-on #1: 初めての EC2 インスタンスを起動する","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-ec2.md","filePath":"development/aws/handson-ec2.md","lastUpdated":1695377563000}'),h={name:"development/aws/handson-ec2.md"},g=s("h1",{id:"hands-on-1-初めての-ec2-インスタンスを起動する",tabindex:"-1"},[b("Hands-on #1: 初めての EC2 インスタンスを起動する "),s("a",{class:"header-anchor",href:"#hands-on-1-初めての-ec2-インスタンスを起動する","aria-label":'Permalink to "Hands-on \\#1: 初めての EC2 インスタンスを起動する"'},"​")],-1),D=m("",134);function v(_,C,k,S,f,q){const a=n;return A(),u("div",null,[g,B(a,{readTime:"11",words:"2.6k"}),D])}const $=d(h,[["render",v]]);export{H as __pageData,$ as default};
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as t,e as c,f as r}from"./chunks/ec2_keypair_console.fc89ef69.js";import{a as y,_ as i}from"./chunks/VPC.e1acca4d.js";import{_ as F,o as C,c as A,H as d,k as s,a as D,Q as u}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const H=JSON.parse('{"title":"Hands-on #1: 初めての EC2 インスタンスを起動する","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-ec2.md","filePath":"development/aws/handson-ec2.md","lastUpdated":1699051935000}'),b={name:"development/aws/handson-ec2.md"},m=s("h1",{id:"hands-on-1-初めての-ec2-インスタンスを起動する",tabindex:"-1"},[D("Hands-on #1: 初めての EC2 インスタンスを起動する "),s("a",{class:"header-anchor",href:"#hands-on-1-初めての-ec2-インスタンスを起動する","aria-label":'Permalink to "Hands-on \\#1: 初めての EC2 インスタンスを起動する"'},"​")],-1),E=u("",134);function h(B,g,v,_,k,S){const a=n;return C(),A("div",null,[m,d(a,{readTime:"11",words:"2.6k"}),E])}const $=F(b,[["render",h]]);export{H as __pageData,$ as default};
diff --git a/assets/development_aws_handson-jupyter.md.7f479319.js b/assets/development_aws_handson-jupyter.md.7f479319.js
deleted file mode 100644
index 397f2830..00000000
--- a/assets/development_aws_handson-jupyter.md.7f479319.js
+++ /dev/null
@@ -1,247 +0,0 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as t,e as r,f as c,g as y,h as i,i as d,j as u,k as m,l as h,m as b,n as B,o as A,p as g}from"./chunks/mnist_prediction.4ba5b405.js";import{_,o as v,c as f,H as k,k as s,a as D,Q as q}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Hands-on #2: AWS でディープラーニングを実践","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-jupyter.md","filePath":"development/aws/handson-jupyter.md","lastUpdated":1695377563000}'),C={name:"development/aws/handson-jupyter.md"},S=s("h1",{id:"hands-on-2-aws-でディープラーニングを実践",tabindex:"-1"},[D("Hands-on #2: AWS でディープラーニングを実践 "),s("a",{class:"header-anchor",href:"#hands-on-2-aws-でディープラーニングを実践","aria-label":'Permalink to "Hands-on \\#2: AWS でディープラーニングを実践"'},"​")],-1),z=q('
準備 ​
ハンズオン第二回では， GPU を搭載した EC2 インスタンスを起動し，深層学習モデルの学習と推論を実行する演習を行う．
ハンズオンのソースコードは GitHub の handson/mnist に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． それ以外に必要な準備はない．
初期状態の AWS アカウントでは， GPU 搭載の G タイプのインスタンスの起動上限が 0 になっていることがある． これを確認するには， AWS コンソールから EC2 の画面を開き，左のメニューから Limits を選択する． その中の Running On-Demand All G instances という数字が G インスタンスの起動上限を表している．
もし，これが 0 になっていた場合は， AWS の自動申請フォームから上限緩和のリクエストを送る必要がある． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，東京 (ap-northeast-1) リージョンでは 0.71 $/hour のコストが発生する．
AWS Educate Starter Account を使用している読者へ: 執筆時点においては， Starter Account には GPU 搭載型インスタンスを起動できないという制限が設けられている． したがって， Starter Account のユーザーはこのハンズオンを実行することはできない． 興味のある読者は，制限のない一般アカウントを自分自身で取得する必要があることに注意．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#2で作製するアプリケーションのアーキテクチャ
図の多くの部分が，第一回ハンズオンで作成したアプリケーションと共通していることに気がつくだろう． 少しの変更で，簡単にディープラーニングを走らせる環境を構築することができるのである！主な変更点は次の３点である．
  • GPU を搭載した g4dn.xlarge インスタンスタイプを使用
  • ディープラーニングに使うプログラムがあらかじめインストールされた DLAMI (後述) を使用
  • SSH にポートフォワーディングのオプションつけてサーバーに接続し，サーバーで起動している Jupyter Notebook (後述) を使ってプログラムを書いたり実行したりする
ハンズオンで使用するプログラムのコードをみてみよう handson/mnist/app.py)． コードは第一回目とほとんど共通である．変更点のみ解説を行う．
python
class Ec2ForDl(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
-
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
-
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
class Ec2ForDl(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
-
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
-
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
  • ここで， g4dn.xlarge インスタンスタイプを選択している (第一回では， CPU のみの t2.micro だった)． g4dn.xlarge のインスタンスタイプは， (#sec_scientific_computing) ですでに触れた通り， NVIDIA T4 と呼ばれる廉価版モデルの GPU を搭載したインスタンスである． CPU は 4 core, メインメモリーは 16GB が割り当てあられている．
  • ここでは，Deep Learning 用の諸々のソフトウェアがプリンストールされた AMI (Deep Learning Amazon Machine Image; DLAMI) を選択している (第一回では，Amazon Linux という AMI を使用していた)． 使用する AMI の ID は リージョンごとに指定する必要があり，ここでは us-east-1 と ap-northeast-1 でそれぞれ定義している．
DLAMI という新しい概念が出てきたので，説明しよう．
AMI が us-east-1 と ap-northeast-1 でしか定義されていないので，提供されているコードはこの二つのリージョンのみでデプロイ可能である． もしほかのリージョンを利用したい場合は， AMI の ID を自身で検索し，コードに書き込む必要がある．
DLAMI (Deep Learning Amazon Machine Image) ​
AMI (Amazon Machine Image) とは，大まかには OS (Operating System) に相当する概念である． 当然のことながら， OS がなければコンピュータはなにもできないので，EC2 インスタンスを起動するときには必ずなにかの OS を"インストール"する必要がある． EC2 が起動したときにロードされる OS に相当するものが， AMI である． AMI には，たとえば Ubuntu などの Linux 系 OS に加えて，Windows Server を選択することもできる． また， EC2 での使用に最適化された Amazon Linux という AMI も提供されている．
しかしながら， AMI を単なる OS と理解するのは過剰な単純化である． AMI には，ベースとなる (空っぽの) OS を選択することもできるが，それに加えて，各種のプログラムがインストール済みの AMI も定義することができる． 必要なプログラムがインストールされている AMI を見つけることができれば，自身でインストールを行ったり環境設定したりする手間が大幅に省ける． 具体例を挙げると，ハンズオン第一回では EC2 インスタンスに Python 3.6 をインストールする例を示したが，そのような操作をインスタンスが起動するたびに行うのは手間である！
AMI は， AWS 公式のものに加えて，サードパーティから提供されているものもある． また，自分自身の AMI を作って登録することも可能である (参考)． AMI は EC2 のコンソールから検索することが可能である． あるいは，AWS CLI を使って，次のコマンドでリストを取得することができる (参考)．
sh
$ aws ec2 describe-images --owners amazon
$ aws ec2 describe-images --owners amazon
ディープラーニングで頻繁に使われるプログラムがあらかじめインストールしてある AMI が， DLAMI (Deep Learning AMI) である． DLAMI には TensorFlow, PyTorch などの人気の高いディープラーニングのフレームワーク・ライブラリがすでにインストールされているため， EC2 インスタンスを起動してすぐさまディープラーニングの計算を実行できる．
本ハンズオンでは， Amazon Linux 2 をベースにした DLAMI を使用する (AMI ID = ami-09c0c16fc46a29ed9．この AMI は ap-northeast-1 でしか使用できない点に注意)． AWS CLI を使って，この AMI の詳細情報を取得してみよう．
sh
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
AMI ID = ami-09c0c16fc46a29ed9 の詳細情報
figure_title のような出力が得られるはずである．得られた出力から，この DLAMI には PyTorch のバージョン 1.4.0 と 1.5.0 がインストールされていることがわかる． この DLAMI を使って，早速ディープラーニングの計算を実行してみよう．
DLAMI には具体的には何がインストールされているのだろうか？ 興味のある読者のために，簡単な解説をしよう (参考: 公式ドキュメンテーション "What Is the AWS Deep Learning AMI?")．
最も low-level なレイヤーとしては， GPU ドライバー がインストールされている． GPU ドライバーなしには OS は GPU とコマンドのやり取りをすることができない． 次のレイヤーが CUDA と cuDNN である． CUDA は， NVIDIA 社が開発した， GPU 上で汎用コンピューティングを行うための言語であり， C++ 言語を拡張したシンタックスを備える． cuDNN は CUDA で書かれたディープラーニングのライブラリであり，n 次元の畳み込みなどの演算が実装されている． ここまでが， "Base" とよばれるタイプの DLAMI の中身である．
これに加えて， "Conda" とよばれるタイプには， "Base" のプログラム基盤の上に， TensorFlow や PyTorch などのライブラリがインストールされている． さらに， Anaconda による仮想環境を使うことによって， TensorFlow の環境・ PyTorch の環境・ MxNet の環境など，フレームワークを簡単に切り替えることができる (これについては，後のハンズオンで触れる)． また， Jupyter Notebook もインストール済みである．
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，ハンズオン 1 とほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれのコマンドの意味を忘れてしまった場合は，ハンズオン 1 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/mnist
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
-
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
# プロジェクトのディレクトリに移動
-$ cd handson/mnist
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
-
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
ハンズオン 1 で作成した SSH 鍵の削除を行わなかった場合は， SSH 鍵を改めて作成する必要はない． 逆に言うと，同じ名前の SSH がすでに存在する場合は，鍵生成のコマンドはエラーを出力する．
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．AWS により割り振られた IP アドレス (InstancePublicIp に続く文字列) をメモしておこう．
CDKデプロイ実行後の出力
ログイン ​
早速，デプロイしたインスタンスに SSH でログインしてみよう． ここでは，この後で使う Jupyter Notebook に接続するため，ポートフォワーディング (port forwarding) のオプション (-L) をつけてログインする．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
ポートフォワーディングとは，クライアントマシンの特定のアドレスへの接続を， SSH の暗号化された通信を介して，リモートマシンの特定のアドレスへ転送する，という意味である． このコマンドの -L localhost:8931:localhost:8888 は，自分のローカルマシンの localhost:8931 へのアクセスを，リモートサーバーの localhost:8888 のアドレスに転送せよ，という意味である (: につづく数字は TCP/IP ポートの番号を意味している)． リモートサーバーのポート 8888 には，後述する Jupyter Notebook が起動している． したがって，ローカルマシンの localhost:8931 にアクセスすることで，リモートサーバーの Jupyter Notebook にアクセスすることができるのである (figure_title)． このような SSH による接続方式をトンネル接続とよぶ．
SSH のポートフォワーディングによる Jupyter Notebook へのアクセス
ポートフォワーディングのオプションで，ポートの番号 (:8931, :8888 など) には 1 から 65535 までの任意の整数を指定できる． しかし，たとえば ポート 22 (SSH) やポート 80 (HTTP) など，いくつかすでに使われているポート番号もあることに注意する． また， Jupyter Notebook はデフォルトではポート 8888 番を使用する． したがって，リモート側のポート番号は，8888 を使うのがよい．
SSH ログインコマンドの <IP address> 部分は自身のインスタンスの IP アドレスを代入することを忘れずに．
本書の提供している Docker を使ってデプロイを実行した人へ
SSH によるログインは， Docker の外 (すなわちクライアントマシン本体) から行わなければならない． なぜなら，Jupyter を開くウェブブラウザは Docker の外にあるからである．
その際，秘密鍵を Docker の外にもってこなければならない． 手っ取り早い方法は， cat ~/.ssh/HirakeGoma と打って，出力結果をコピーしてホストマシンのファイルに書き込む方法である． あるいは -v オプションをつけて，ファイルシステムをマウントしてもよい (詳しくは Docker 公式ドキュメンテーション "Use volumes" を参照)．
SSH によるログインができたら，早速， GPU の状態を確認してみよう． 次のコマンドを実行する．
sh
$ nvidia-smi
$ nvidia-smi
figure_title のような出力が得られるはずである． 出力を見ると， Tesla T4 型の GPU が 1 台搭載されていることが確認できる． その他，GPU Driver や CUDA のバージョン， GPU の負荷・メモリー使用率などの情報を確認することができる．
nvidia-smi の出力
Jupyter Notebook の起動 ​
Jupyter Notebook とは，インタラクティブに Python のプログラムを書いたり実行したりするためのツールである． Jupyter は GUI としてウェブブラウザを介してアクセスする形式をとっており，まるでノートを書くように，プロットやテーブルのデータも美しく表示することができる (figure_title)． Python に慣れている読者は，きっと一度は使ったことがあるだろう．
Jupyter Notebook の画面
このハンズオンでは， Jupyter Notebook を使ってディープラーニングのプログラムをインタラクティブに実行していく． DLAMI には既に Jupyter がインストールされているので，特段の設定なしに使い始めることができる．
早速， Jupyter を起動しよう． SSH でログインした先の EC2 インスタンスで，次のコマンドを実行すればよい．
sh
$ cd ~ # go to home directory
-$ jupyter notebook
$ cd ~ # go to home directory
-$ jupyter notebook
このコマンドを実行すると， figure_title のような出力が確認できるだろう． この出力から，Jupyter のサーバーが EC2 インスタンスの localhost:8888 というアドレスに起動していることがわかる． また， localhost:8888 に続く ?token=XXXX は，アクセスに使うための一時的なトークンである．
Jupyter Notebook サーバーを起動
Jupyter Notebook を初回に起動するときは，起動に数分程度の時間がかかることがある． ほかの動作も起動直後は遅く，いくつかプログラムを走らせていくうちに俊敏に反応するようになってくる． これは， AWS の GPU 搭載型仮想マシンの運用方法に起因する現象だと考えられる．
先ほど，ポートフォワーディングのオプションをつけて SSH 接続をしているので， Jupyter の起動している localhost:8888 には，ローカルマシンの localhost:8931 からアクセスすることができる． したがって，ローカルマシンから Jupyter にアクセスするには，ウェブブラウザ (Chrome, FireFox など)から次のアドレスにアクセスすれば良い．
http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
?token=XXXX の部分は，上で Jupyter を起動したときに発行されたトークンの値に置き換える．
上のアドレスにアクセスすると， Jupyter のホーム画面が起動するはずである (figure_title)． これで， Jupyter の準備が整った！
Jupyter ホーム画面
Jupyter Notebook の使い方 (超簡易版)
  • Shift + Enter: セルを実行
  • Esc: Command mode に遷移
  • メニューバーの "+" ボタン または Command mode で A ⇒ セルを追加
  • メニューバーの "ハサミ" ボタン または Command mode で X ⇒ セルを削除
ショートカットの一覧などは Ventsislav Yordanov 氏によるブログ が参考になる．
PyTorch はじめの一歩 ​
PyTorch は Facebook AI Research LAB (FAIR) が中心となって開発を進めている，オープンソースのディープラーニングのライブラリである． PyTorch は 有名な例で言えば Tesla 社の自動運転プロジェクトなどで使用されており，執筆時点において最も人気の高いディープラーニングライブラリの一つである． 本ハンズオンでは， PyTorch を使ってディープラーニングの実践を行う．
PyTorch の歴史のお話
Facebook は PyTorch のほかに Caffe2 とよばれるディープラーニングのフレームワークを開発していた (初代 Caffe は UC Berkley の博士課程学生だった Yangqing Jia によって創られた)． Caffe2 は 2018 年に PyTorch プロジェクトに合併された．
また，2019 年 12 月，日本の Preferred Networks 社が開発していた Chainer も開発を終了し，PyTorch の開発チームと協業していくことが発表された (詳しくは プレスリリース を参照)． PyTorch には，開発統合前から Chainer からインスパイアされた API がいくつもあり， Chainer の DNA は今も PyTorch に引き継がれているのである…!
本格的なディープラーニングの計算に移る前に， PyTorch ライブラリを使って， GPU で計算を行うとはどういうものか，その入り口に触れてみよう．
まずは，新しいノートブックを作成する． Jupyter のホーム画面の右上の "New" を押し，"conda_pytorch_p36" という環境を選択したうえで，新規ノートブックを作成する (figure_title)． "conda_pytorch_p36" の仮想環境には， PyTorch がインストール済みである．
新規ノートブックの作成． "conda_pytorch_p36" の環境を選択する．
ここでは，次のようなプログラムを書いて，実行していく． (figure_title)．
PyTorch始めの一歩
まずは， PyTorch をインポートする．さらに， GPU が使える環境にあるか，確認する．
python
import torch
-print("Is CUDA ready?", torch.cuda.is_available())
import torch
-print("Is CUDA ready?", torch.cuda.is_available())
出力:
Is CUDA ready? True</programlisting>
次に，3x3 のランダムな行列を CPU 上に作ってみよう．
python
x = torch.rand(3,3)
-print(x)
x = torch.rand(3,3)
-print(x)
出力:
tensor([[0.6896, 0.2428, 0.3269], [0.0533, 0.3594, 0.9499], [0.9764, 0.5881, 0.0203]])</programlisting>
次に，行列を GPU 上に作成する．
python
y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
そして，行列 x と y の加算を，GPU 上で実行する．
python
z = x + y
-print(z)
z = x + y
-print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]], device='cuda:0')</programlisting>
最後に， GPU 上にある行列を， CPU に戻す．
python
z = z.to("cpu")
-print(z)
z = z.to("cpu")
-print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]])</programlisting>
以上の例は， GPU を使った計算の初歩の初歩であるが，雰囲気はつかめただろうか？ CPU と GPU で明示的にデータを交換するのが肝である． この例はたった 3x3 の行列の足し算なので， GPU を使う意味はまったくないが，これが数千，数万のサイズの行列になったとき， GPU は格段の威力を発揮する．
完成した Jupyter Notebook は /handson/mnist/pytorch/pytorch_get_started.ipynb にある． Jupyter の画面右上の "Upload" からこのファイルをアップロードして，コードを走らせることが可能である．
しなしながら，勉強のときにはコードはすべて自分の手で打つことが，記憶に残りやすくより効果的である，というのが筆者の意見である．
実際にベンチマークを取ることで GPU と CPU の速度を比較をしてみよう． 実行時間を計測するツールとして， Jupyter の提供する %time マジックコマンドを利用する．
まずは CPU を使用して，10000x10000 の行列の行列積を計算した場合の速度を測ってみよう． 先ほどのノートブックの続きに，次のコードを実行する．
python
s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-
-%time z = torch.matmul(x,y)
s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-
-%time z = torch.matmul(x,y)
出力は以下のようなものが得られるだろう． これは，行列積の計算に実時間で 5.8 秒かかったことを意味する (実行のたびに計測される時間はばらつくことに留意)．
CPU times: user 11.5 s, sys: 140 ms, total: 11.6 s Wall time: 5.8 s</programlisting>
次に， GPU を使用して，同じ演算を行った場合の速度を計測しよう．
python
s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
-
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
-
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
出力は以下のようなものになるだろう． GPU では 553 ミリ秒 で計算を終えることができた！
CPU times: user 334 ms, sys: 220 ms, total: 554 ms Wall time: 553 ms</programlisting>
PyTorch において， GPU での演算は asynchronous (非同期) で実行される． その理由で，上のベンチマークコードでは， torch.cuda.synchronize() というステートメントを埋め込んである．
このベンチマークでは， dtype=torch.float32 と指定することで，32bit の浮動小数点型を用いている． ディープラーニングの学習および推論の計算には，32bit 型，場合によっては 16bit 型が使われるのが一般的である． これの主な理由として，教師データやミニバッチに起因するノイズが，浮動小数点の精度よりも大きいことがあげられる． 32bit/16bit を採用することで，メモリー消費を抑えたり，計算速度の向上が達成できる．
上記のベンチマークから，GPU を用いることで，約 10 倍のスピードアップを実現することができた． スピードアップの性能は，演算の種類や行列のサイズに依存する． 行列積は，そのなかでも最も速度向上が見込まれる演算の一つである．
実践ディープラーニング! MNIST 手書き数字認識タスク ​
ここまで，AWS 上でディープラーニングの計算をするための概念や前提知識をながながと説明してきたが，ついにここからディープラーニングの計算を実際に走らせてみる．
ここでは，機械学習のタスクで最も初歩的かつ有名な MNIST データセットを使った数字認識を扱う (figure_title)． これは，0 から 9 までの手書きの数字の画像が与えられ，その数字が何の数字なのかを当てる，というシンプルなタスクである．
MNIST 手書き数字データセット
今回は， MNIST 文字認識タスクを，畳み込みニューラルネットワーク (Convolutional Neural Network; CNN) を使って解く． ソースコードは /handson/minist/pytorch/ にある mnist.ipynb と simple_mnist.py である． なお，このプログラムは， PyTorch の公式 Example Project 集 を参考に，多少の改変を行ったものである．
まずは，カスタムのクラスや関数が定義された simple_mnist.py をアップロードしよう (figure_title)． 画面右上の "Upload" ボタンをクリックし，ファイルを選択することでアップロードができる． この Python プログラムの中に，CNN のモデルや，学習の各イテレーションにおけるパラメータの更新などが記述されている． 今回はこの中身を説明することはしないが，興味のある読者は自身でソースコードを読んでみるとよい．
 をアップロード
simple_mnist.py をアップロードできたら，次に新しい notebook を作成しよう． "conda_pytorch_p36" の環境を選択することを忘れずに．
新しいノートブックが起動したら，まずは必要なライブラリをインポートしよう．
python
import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
-
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
-
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
torchvision パッケージには，MNIST データセットをロードするなどの便利な関数が含まれている． また，今回のハンズオンで使うカスタムのクラス・関数 (Model, train, evaluate) のインポートを行っている．
次に，MNIST テストデータをダウンロードしよう． 同時に，画像データの輝度の正規化も行っている．
python
transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
-
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
-
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
-
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
-
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
今回扱う MNIST データは 28x28 ピクセルの正方形の画像(モノクロ)と，それぞれのラベル(0 - 9 の数字)の組で構成されている． いくつかのデータを抽出して，可視化してみよう． figure_title のような出力が得られるはずである．
python
examples = iter(testloader)
-example_data, example_targets = examples.next()
-
-print("Example data size:", example_data.shape)
-
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
examples = iter(testloader)
-example_data, example_targets = examples.next()
-
-print("Example data size:", example_data.shape)
-
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
MNIST の手書き数字画像とその教師ラベル
次に， CNN のモデルを定義する．
python
model = Model()
-model.to("cuda") # load to GPU
model = Model()
-model.to("cuda") # load to GPU
今回使う Model は simple_mnist.py の中で定義されている． このモデルは，figure_title に示したような，２層の畳み込み層と 2 層の全結合層からなるネットワークである． 出力層 (output layer) には Softmax 関数を使用し，損失関数 (Loss function) には 負の対数尤度関数 (Negative log likelyhood; NLL) を使用している．
本ハンズオンで使用するニューラルネットの構造．
続いて， CNN のパラメータを更新する最適化アルゴリズムを定義する． ここでは， 確率的勾配降下法 (Stochastic Gradient Descent; SGD) を使用している．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
これで，準備が整った． CNN の学習ループを開始しよう!
python
train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\\n")
-
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\\n")
-
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
ここでは 5 エポック分の学習を行っている． GPU を使えば，これくらいの計算であれば 1 分程度で完了するだろう．
出力として， figure_title のようなプロットが得られるはずである． イテレーションを重ねるにつれて，損失関数 (Loss function) の値が減少している (=精度が向上している) ことがわかる．
学習の進行に対する Train loss の変化
出力にはテキスト形式で各エポック終了後のテストデータに対する精度も表示されている． 最終的には 98% 以上の極めて高い精度を実現できていることが確認できるだろう (figure_title)．
学習したCNNのテストデータに対するスコア (5エポック後)
学習した CNN の推論結果を可視化してみよう． 次のコードを実行することで， figure_title のような出力が得られるだろう． この図で，下段右から二番目は，"1"に近い見た目をしているが，きちんと"9"と推論できている． なかなか賢い CNN を作り出すことができたようだ！
python
model.eval()
-
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
-
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
model.eval()
-
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
-
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
学習した CNN による，MNIST画像の推論結果
最後に，学習したニューラルネットワークのパラメータを mnist_cnn.pt というファイル名で保存しておこう． これで，将来いつでも今回学習したモデルを再現し，別の実験に使用することができる．
python
torch.save(model.state_dict(), "mnist_cnn.pt")
torch.save(model.state_dict(), "mnist_cnn.pt")
以上が， AWS クラウドの仮想サーバーを立ち上げ，最初のディープラーニングの計算を行う一連の流れである． MNIST 文字認識のタスクを行うニューラルネットを，クラウド上の GPU を使って高速に学習させ，現実的な問題を一つ解くことができたのである． 興味のある読者は，今回のハンズオンを雛形に，自分の所望の計算を走らせてみるとよいだろう．
スタックの削除 ​
これにて，ハンズオン第二回の内容はすべて説明した． クラウドの利用料金を最小化するため，使い終わった EC2 インスタンスはすぐさま削除しよう．
ハンズオン第一回と同様に， AWS の CloudFormation コンソールか， AWS CLI により削除を実行する (詳細は (#handson_01_delete_stack) 参照)．
sh
$ cdk destroy
$ cdk destroy
スタックの削除は各自で必ず行うこと！ 行わなかった場合，EC2 インスタンスの料金が発生し続けることになる！ g4dn.xlarge は $0.71 / hour の料金設定なので，一日起動しつづけると約$17 の請求が発生することになる！
AWS のバジェットアラート
AWS の初心者が (あるいは経験者も) しばしば陥る失敗が，インスタンスの停止忘れなどで無駄なリソースがクラウドで放置されてしまい，巨大な額の請求が届く，というミスだ． 特に，開発を行っている間はこのような事態は起こりうるものだと思って，備えておかなければならない． このような事態を未然に防ぐため， AWS Budgets という機能が無料で提供されている． AWS Budgets を利用することで，月の利用金額がある閾値を超えた場合にユーザーにメールが送信される，などのアラートを設定することができる． 詳細な手順は AWS の公式ブログ "Getting Started with AWS Budgets" を参照のこと． 本書の読者も，ぜひこのタイミングでアラートを設定しておくことを推奨する．
',154);function w(P,x,I,T,N,M){const a=n;return v(),f("div",null,[S,k(a,{readTime:"14",words:"3.2k"}),z])}const H=_(C,[["render",w]]);export{$ as __pageData,H as default};
diff --git a/assets/development_aws_handson-jupyter.md.7f479319.lean.js b/assets/development_aws_handson-jupyter.md.7f479319.lean.js
deleted file mode 100644
index 1642bc86..00000000
--- a/assets/development_aws_handson-jupyter.md.7f479319.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as t,e as r,f as c,g as y,h as i,i as d,j as u,k as m,l as h,m as b,n as B,o as A,p as g}from"./chunks/mnist_prediction.4ba5b405.js";import{_,o as v,c as f,H as k,k as s,a as D,Q as q}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Hands-on #2: AWS でディープラーニングを実践","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-jupyter.md","filePath":"development/aws/handson-jupyter.md","lastUpdated":1695377563000}'),C={name:"development/aws/handson-jupyter.md"},S=s("h1",{id:"hands-on-2-aws-でディープラーニングを実践",tabindex:"-1"},[D("Hands-on #2: AWS でディープラーニングを実践 "),s("a",{class:"header-anchor",href:"#hands-on-2-aws-でディープラーニングを実践","aria-label":'Permalink to "Hands-on \\#2: AWS でディープラーニングを実践"'},"​")],-1),z=q("",154);function w(P,x,I,T,N,M){const a=n;return v(),f("div",null,[S,k(a,{readTime:"14",words:"3.2k"}),z])}const H=_(C,[["render",w]]);export{$ as __pageData,H as default};
diff --git a/assets/development_aws_handson-jupyter.md.e87bcd1f.js b/assets/development_aws_handson-jupyter.md.e87bcd1f.js
new file mode 100644
index 00000000..3087e706
--- /dev/null
+++ b/assets/development_aws_handson-jupyter.md.e87bcd1f.js
@@ -0,0 +1,247 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as t,e as r,f as c,g as y,h as i,i as d,j as A,k as u,l as m,m as C,n as D,o as F,p as h}from"./chunks/mnist_prediction.4ba5b405.js";import{_ as b,o as g,c as E,H as B,k as s,a as _,Q as v}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const L=JSON.parse('{"title":"Hands-on #2: AWS でディープラーニングを実践","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-jupyter.md","filePath":"development/aws/handson-jupyter.md","lastUpdated":1699051935000}'),k={name:"development/aws/handson-jupyter.md"},f=s("h1",{id:"hands-on-2-aws-でディープラーニングを実践",tabindex:"-1"},[_("Hands-on #2: AWS でディープラーニングを実践 "),s("a",{class:"header-anchor",href:"#hands-on-2-aws-でディープラーニングを実践","aria-label":'Permalink to "Hands-on \\#2: AWS でディープラーニングを実践"'},"​")],-1),q=v('
準備 ​
ハンズオン第二回では， GPU を搭載した EC2 インスタンスを起動し，深層学習モデルの学習と推論を実行する演習を行う．
ハンズオンのソースコードは GitHub の handson/mnist に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． それ以外に必要な準備はない．
初期状態の AWS アカウントでは， GPU 搭載の G タイプのインスタンスの起動上限が 0 になっていることがある． これを確認するには， AWS コンソールから EC2 の画面を開き，左のメニューから Limits を選択する． その中の Running On-Demand All G instances という数字が G インスタンスの起動上限を表している．
もし，これが 0 になっていた場合は， AWS の自動申請フォームから上限緩和のリクエストを送る必要がある． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，東京 (ap-northeast-1) リージョンでは 0.71 $/hour のコストが発生する．
AWS Educate Starter Account を使用している読者へ: 執筆時点においては， Starter Account には GPU 搭載型インスタンスを起動できないという制限が設けられている． したがって， Starter Account のユーザーはこのハンズオンを実行することはできない． 興味のある読者は，制限のない一般アカウントを自分自身で取得する必要があることに注意．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#2で作製するアプリケーションのアーキテクチャ
図の多くの部分が，第一回ハンズオンで作成したアプリケーションと共通していることに気がつくだろう． 少しの変更で，簡単にディープラーニングを走らせる環境を構築することができるのである！主な変更点は次の３点である．
  • GPU を搭載した g4dn.xlarge インスタンスタイプを使用
  • ディープラーニングに使うプログラムがあらかじめインストールされた DLAMI (後述) を使用
  • SSH にポートフォワーディングのオプションつけてサーバーに接続し，サーバーで起動している Jupyter Notebook (後述) を使ってプログラムを書いたり実行したりする
ハンズオンで使用するプログラムのコードをみてみよう handson/mnist/app.py)． コードは第一回目とほとんど共通である．変更点のみ解説を行う．
python
class Ec2ForDl(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
+
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
+
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
class Ec2ForDl(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
+
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
+
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
  • ここで， g4dn.xlarge インスタンスタイプを選択している (第一回では， CPU のみの t2.micro だった)． g4dn.xlarge のインスタンスタイプは， (#sec_scientific_computing) ですでに触れた通り， NVIDIA T4 と呼ばれる廉価版モデルの GPU を搭載したインスタンスである． CPU は 4 core, メインメモリーは 16GB が割り当てあられている．
  • ここでは，Deep Learning 用の諸々のソフトウェアがプリンストールされた AMI (Deep Learning Amazon Machine Image; DLAMI) を選択している (第一回では，Amazon Linux という AMI を使用していた)． 使用する AMI の ID は リージョンごとに指定する必要があり，ここでは us-east-1 と ap-northeast-1 でそれぞれ定義している．
DLAMI という新しい概念が出てきたので，説明しよう．
AMI が us-east-1 と ap-northeast-1 でしか定義されていないので，提供されているコードはこの二つのリージョンのみでデプロイ可能である． もしほかのリージョンを利用したい場合は， AMI の ID を自身で検索し，コードに書き込む必要がある．
DLAMI (Deep Learning Amazon Machine Image) ​
AMI (Amazon Machine Image) とは，大まかには OS (Operating System) に相当する概念である． 当然のことながら， OS がなければコンピュータはなにもできないので，EC2 インスタンスを起動するときには必ずなにかの OS を"インストール"する必要がある． EC2 が起動したときにロードされる OS に相当するものが， AMI である． AMI には，たとえば Ubuntu などの Linux 系 OS に加えて，Windows Server を選択することもできる． また， EC2 での使用に最適化された Amazon Linux という AMI も提供されている．
しかしながら， AMI を単なる OS と理解するのは過剰な単純化である． AMI には，ベースとなる (空っぽの) OS を選択することもできるが，それに加えて，各種のプログラムがインストール済みの AMI も定義することができる． 必要なプログラムがインストールされている AMI を見つけることができれば，自身でインストールを行ったり環境設定したりする手間が大幅に省ける． 具体例を挙げると，ハンズオン第一回では EC2 インスタンスに Python 3.6 をインストールする例を示したが，そのような操作をインスタンスが起動するたびに行うのは手間である！
AMI は， AWS 公式のものに加えて，サードパーティから提供されているものもある． また，自分自身の AMI を作って登録することも可能である (参考)． AMI は EC2 のコンソールから検索することが可能である． あるいは，AWS CLI を使って，次のコマンドでリストを取得することができる (参考)．
sh
$ aws ec2 describe-images --owners amazon
$ aws ec2 describe-images --owners amazon
ディープラーニングで頻繁に使われるプログラムがあらかじめインストールしてある AMI が， DLAMI (Deep Learning AMI) である． DLAMI には TensorFlow, PyTorch などの人気の高いディープラーニングのフレームワーク・ライブラリがすでにインストールされているため， EC2 インスタンスを起動してすぐさまディープラーニングの計算を実行できる．
本ハンズオンでは， Amazon Linux 2 をベースにした DLAMI を使用する (AMI ID = ami-09c0c16fc46a29ed9．この AMI は ap-northeast-1 でしか使用できない点に注意)． AWS CLI を使って，この AMI の詳細情報を取得してみよう．
sh
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
AMI ID = ami-09c0c16fc46a29ed9 の詳細情報
figure_title のような出力が得られるはずである．得られた出力から，この DLAMI には PyTorch のバージョン 1.4.0 と 1.5.0 がインストールされていることがわかる． この DLAMI を使って，早速ディープラーニングの計算を実行してみよう．
DLAMI には具体的には何がインストールされているのだろうか？ 興味のある読者のために，簡単な解説をしよう (参考: 公式ドキュメンテーション "What Is the AWS Deep Learning AMI?")．
最も low-level なレイヤーとしては， GPU ドライバー がインストールされている． GPU ドライバーなしには OS は GPU とコマンドのやり取りをすることができない． 次のレイヤーが CUDA と cuDNN である． CUDA は， NVIDIA 社が開発した， GPU 上で汎用コンピューティングを行うための言語であり， C++ 言語を拡張したシンタックスを備える． cuDNN は CUDA で書かれたディープラーニングのライブラリであり，n 次元の畳み込みなどの演算が実装されている． ここまでが， "Base" とよばれるタイプの DLAMI の中身である．
これに加えて， "Conda" とよばれるタイプには， "Base" のプログラム基盤の上に， TensorFlow や PyTorch などのライブラリがインストールされている． さらに， Anaconda による仮想環境を使うことによって， TensorFlow の環境・ PyTorch の環境・ MxNet の環境など，フレームワークを簡単に切り替えることができる (これについては，後のハンズオンで触れる)． また， Jupyter Notebook もインストール済みである．
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，ハンズオン 1 とほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれのコマンドの意味を忘れてしまった場合は，ハンズオン 1 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/mnist
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
+
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
# プロジェクトのディレクトリに移動
+$ cd handson/mnist
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
+
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
ハンズオン 1 で作成した SSH 鍵の削除を行わなかった場合は， SSH 鍵を改めて作成する必要はない． 逆に言うと，同じ名前の SSH がすでに存在する場合は，鍵生成のコマンドはエラーを出力する．
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．AWS により割り振られた IP アドレス (InstancePublicIp に続く文字列) をメモしておこう．
CDKデプロイ実行後の出力
ログイン ​
早速，デプロイしたインスタンスに SSH でログインしてみよう． ここでは，この後で使う Jupyter Notebook に接続するため，ポートフォワーディング (port forwarding) のオプション (-L) をつけてログインする．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
ポートフォワーディングとは，クライアントマシンの特定のアドレスへの接続を， SSH の暗号化された通信を介して，リモートマシンの特定のアドレスへ転送する，という意味である． このコマンドの -L localhost:8931:localhost:8888 は，自分のローカルマシンの localhost:8931 へのアクセスを，リモートサーバーの localhost:8888 のアドレスに転送せよ，という意味である (: につづく数字は TCP/IP ポートの番号を意味している)． リモートサーバーのポート 8888 には，後述する Jupyter Notebook が起動している． したがって，ローカルマシンの localhost:8931 にアクセスすることで，リモートサーバーの Jupyter Notebook にアクセスすることができるのである (figure_title)． このような SSH による接続方式をトンネル接続とよぶ．
SSH のポートフォワーディングによる Jupyter Notebook へのアクセス
ポートフォワーディングのオプションで，ポートの番号 (:8931, :8888 など) には 1 から 65535 までの任意の整数を指定できる． しかし，たとえば ポート 22 (SSH) やポート 80 (HTTP) など，いくつかすでに使われているポート番号もあることに注意する． また， Jupyter Notebook はデフォルトではポート 8888 番を使用する． したがって，リモート側のポート番号は，8888 を使うのがよい．
SSH ログインコマンドの <IP address> 部分は自身のインスタンスの IP アドレスを代入することを忘れずに．
本書の提供している Docker を使ってデプロイを実行した人へ
SSH によるログインは， Docker の外 (すなわちクライアントマシン本体) から行わなければならない． なぜなら，Jupyter を開くウェブブラウザは Docker の外にあるからである．
その際，秘密鍵を Docker の外にもってこなければならない． 手っ取り早い方法は， cat ~/.ssh/HirakeGoma と打って，出力結果をコピーしてホストマシンのファイルに書き込む方法である． あるいは -v オプションをつけて，ファイルシステムをマウントしてもよい (詳しくは Docker 公式ドキュメンテーション "Use volumes" を参照)．
SSH によるログインができたら，早速， GPU の状態を確認してみよう． 次のコマンドを実行する．
sh
$ nvidia-smi
$ nvidia-smi
figure_title のような出力が得られるはずである． 出力を見ると， Tesla T4 型の GPU が 1 台搭載されていることが確認できる． その他，GPU Driver や CUDA のバージョン， GPU の負荷・メモリー使用率などの情報を確認することができる．
nvidia-smi の出力
Jupyter Notebook の起動 ​
Jupyter Notebook とは，インタラクティブに Python のプログラムを書いたり実行したりするためのツールである． Jupyter は GUI としてウェブブラウザを介してアクセスする形式をとっており，まるでノートを書くように，プロットやテーブルのデータも美しく表示することができる (figure_title)． Python に慣れている読者は，きっと一度は使ったことがあるだろう．
Jupyter Notebook の画面
このハンズオンでは， Jupyter Notebook を使ってディープラーニングのプログラムをインタラクティブに実行していく． DLAMI には既に Jupyter がインストールされているので，特段の設定なしに使い始めることができる．
早速， Jupyter を起動しよう． SSH でログインした先の EC2 インスタンスで，次のコマンドを実行すればよい．
sh
$ cd ~ # go to home directory
+$ jupyter notebook
$ cd ~ # go to home directory
+$ jupyter notebook
このコマンドを実行すると， figure_title のような出力が確認できるだろう． この出力から，Jupyter のサーバーが EC2 インスタンスの localhost:8888 というアドレスに起動していることがわかる． また， localhost:8888 に続く ?token=XXXX は，アクセスに使うための一時的なトークンである．
Jupyter Notebook サーバーを起動
Jupyter Notebook を初回に起動するときは，起動に数分程度の時間がかかることがある． ほかの動作も起動直後は遅く，いくつかプログラムを走らせていくうちに俊敏に反応するようになってくる． これは， AWS の GPU 搭載型仮想マシンの運用方法に起因する現象だと考えられる．
先ほど，ポートフォワーディングのオプションをつけて SSH 接続をしているので， Jupyter の起動している localhost:8888 には，ローカルマシンの localhost:8931 からアクセスすることができる． したがって，ローカルマシンから Jupyter にアクセスするには，ウェブブラウザ (Chrome, FireFox など)から次のアドレスにアクセスすれば良い．
http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
?token=XXXX の部分は，上で Jupyter を起動したときに発行されたトークンの値に置き換える．
上のアドレスにアクセスすると， Jupyter のホーム画面が起動するはずである (figure_title)． これで， Jupyter の準備が整った！
Jupyter ホーム画面
Jupyter Notebook の使い方 (超簡易版)
  • Shift + Enter: セルを実行
  • Esc: Command mode に遷移
  • メニューバーの "+" ボタン または Command mode で A ⇒ セルを追加
  • メニューバーの "ハサミ" ボタン または Command mode で X ⇒ セルを削除
ショートカットの一覧などは Ventsislav Yordanov 氏によるブログ が参考になる．
PyTorch はじめの一歩 ​
PyTorch は Facebook AI Research LAB (FAIR) が中心となって開発を進めている，オープンソースのディープラーニングのライブラリである． PyTorch は 有名な例で言えば Tesla 社の自動運転プロジェクトなどで使用されており，執筆時点において最も人気の高いディープラーニングライブラリの一つである． 本ハンズオンでは， PyTorch を使ってディープラーニングの実践を行う．
PyTorch の歴史のお話
Facebook は PyTorch のほかに Caffe2 とよばれるディープラーニングのフレームワークを開発していた (初代 Caffe は UC Berkley の博士課程学生だった Yangqing Jia によって創られた)． Caffe2 は 2018 年に PyTorch プロジェクトに合併された．
また，2019 年 12 月，日本の Preferred Networks 社が開発していた Chainer も開発を終了し，PyTorch の開発チームと協業していくことが発表された (詳しくは プレスリリース を参照)． PyTorch には，開発統合前から Chainer からインスパイアされた API がいくつもあり， Chainer の DNA は今も PyTorch に引き継がれているのである…!
本格的なディープラーニングの計算に移る前に， PyTorch ライブラリを使って， GPU で計算を行うとはどういうものか，その入り口に触れてみよう．
まずは，新しいノートブックを作成する． Jupyter のホーム画面の右上の "New" を押し，"conda_pytorch_p36" という環境を選択したうえで，新規ノートブックを作成する (figure_title)． "conda_pytorch_p36" の仮想環境には， PyTorch がインストール済みである．
新規ノートブックの作成． "conda_pytorch_p36" の環境を選択する．
ここでは，次のようなプログラムを書いて，実行していく． (figure_title)．
PyTorch始めの一歩
まずは， PyTorch をインポートする．さらに， GPU が使える環境にあるか，確認する．
python
import torch
+print("Is CUDA ready?", torch.cuda.is_available())
import torch
+print("Is CUDA ready?", torch.cuda.is_available())
出力:
Is CUDA ready? True</programlisting>
次に，3x3 のランダムな行列を CPU 上に作ってみよう．
python
x = torch.rand(3,3)
+print(x)
x = torch.rand(3,3)
+print(x)
出力:
tensor([[0.6896, 0.2428, 0.3269], [0.0533, 0.3594, 0.9499], [0.9764, 0.5881, 0.0203]])</programlisting>
次に，行列を GPU 上に作成する．
python
y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
そして，行列 x と y の加算を，GPU 上で実行する．
python
z = x + y
+print(z)
z = x + y
+print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]], device='cuda:0')</programlisting>
最後に， GPU 上にある行列を， CPU に戻す．
python
z = z.to("cpu")
+print(z)
z = z.to("cpu")
+print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]])</programlisting>
以上の例は， GPU を使った計算の初歩の初歩であるが，雰囲気はつかめただろうか？ CPU と GPU で明示的にデータを交換するのが肝である． この例はたった 3x3 の行列の足し算なので， GPU を使う意味はまったくないが，これが数千，数万のサイズの行列になったとき， GPU は格段の威力を発揮する．
完成した Jupyter Notebook は /handson/mnist/pytorch/pytorch_get_started.ipynb にある． Jupyter の画面右上の "Upload" からこのファイルをアップロードして，コードを走らせることが可能である．
しなしながら，勉強のときにはコードはすべて自分の手で打つことが，記憶に残りやすくより効果的である，というのが筆者の意見である．
実際にベンチマークを取ることで GPU と CPU の速度を比較をしてみよう． 実行時間を計測するツールとして， Jupyter の提供する %time マジックコマンドを利用する．
まずは CPU を使用して，10000x10000 の行列の行列積を計算した場合の速度を測ってみよう． 先ほどのノートブックの続きに，次のコードを実行する．
python
s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+
+%time z = torch.matmul(x,y)
s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+
+%time z = torch.matmul(x,y)
出力は以下のようなものが得られるだろう． これは，行列積の計算に実時間で 5.8 秒かかったことを意味する (実行のたびに計測される時間はばらつくことに留意)．
CPU times: user 11.5 s, sys: 140 ms, total: 11.6 s Wall time: 5.8 s</programlisting>
次に， GPU を使用して，同じ演算を行った場合の速度を計測しよう．
python
s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
+
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
+
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
出力は以下のようなものになるだろう． GPU では 553 ミリ秒 で計算を終えることができた！
CPU times: user 334 ms, sys: 220 ms, total: 554 ms Wall time: 553 ms</programlisting>
PyTorch において， GPU での演算は asynchronous (非同期) で実行される． その理由で，上のベンチマークコードでは， torch.cuda.synchronize() というステートメントを埋め込んである．
このベンチマークでは， dtype=torch.float32 と指定することで，32bit の浮動小数点型を用いている． ディープラーニングの学習および推論の計算には，32bit 型，場合によっては 16bit 型が使われるのが一般的である． これの主な理由として，教師データやミニバッチに起因するノイズが，浮動小数点の精度よりも大きいことがあげられる． 32bit/16bit を採用することで，メモリー消費を抑えたり，計算速度の向上が達成できる．
上記のベンチマークから，GPU を用いることで，約 10 倍のスピードアップを実現することができた． スピードアップの性能は，演算の種類や行列のサイズに依存する． 行列積は，そのなかでも最も速度向上が見込まれる演算の一つである．
実践ディープラーニング! MNIST 手書き数字認識タスク ​
ここまで，AWS 上でディープラーニングの計算をするための概念や前提知識をながながと説明してきたが，ついにここからディープラーニングの計算を実際に走らせてみる．
ここでは，機械学習のタスクで最も初歩的かつ有名な MNIST データセットを使った数字認識を扱う (figure_title)． これは，0 から 9 までの手書きの数字の画像が与えられ，その数字が何の数字なのかを当てる，というシンプルなタスクである．
MNIST 手書き数字データセット
今回は， MNIST 文字認識タスクを，畳み込みニューラルネットワーク (Convolutional Neural Network; CNN) を使って解く． ソースコードは /handson/minist/pytorch/ にある mnist.ipynb と simple_mnist.py である． なお，このプログラムは， PyTorch の公式 Example Project 集 を参考に，多少の改変を行ったものである．
まずは，カスタムのクラスや関数が定義された simple_mnist.py をアップロードしよう (figure_title)． 画面右上の "Upload" ボタンをクリックし，ファイルを選択することでアップロードができる． この Python プログラムの中に，CNN のモデルや，学習の各イテレーションにおけるパラメータの更新などが記述されている． 今回はこの中身を説明することはしないが，興味のある読者は自身でソースコードを読んでみるとよい．
 をアップロード
simple_mnist.py をアップロードできたら，次に新しい notebook を作成しよう． "conda_pytorch_p36" の環境を選択することを忘れずに．
新しいノートブックが起動したら，まずは必要なライブラリをインポートしよう．
python
import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
+
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
+
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
torchvision パッケージには，MNIST データセットをロードするなどの便利な関数が含まれている． また，今回のハンズオンで使うカスタムのクラス・関数 (Model, train, evaluate) のインポートを行っている．
次に，MNIST テストデータをダウンロードしよう． 同時に，画像データの輝度の正規化も行っている．
python
transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
+
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
+
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
今回扱う MNIST データは 28x28 ピクセルの正方形の画像(モノクロ)と，それぞれのラベル(0 - 9 の数字)の組で構成されている． いくつかのデータを抽出して，可視化してみよう． figure_title のような出力が得られるはずである．
python
examples = iter(testloader)
+example_data, example_targets = examples.next()
+
+print("Example data size:", example_data.shape)
+
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
examples = iter(testloader)
+example_data, example_targets = examples.next()
+
+print("Example data size:", example_data.shape)
+
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
MNIST の手書き数字画像とその教師ラベル
次に， CNN のモデルを定義する．
python
model = Model()
+model.to("cuda") # load to GPU
model = Model()
+model.to("cuda") # load to GPU
今回使う Model は simple_mnist.py の中で定義されている． このモデルは，figure_title に示したような，２層の畳み込み層と 2 層の全結合層からなるネットワークである． 出力層 (output layer) には Softmax 関数を使用し，損失関数 (Loss function) には 負の対数尤度関数 (Negative log likelyhood; NLL) を使用している．
本ハンズオンで使用するニューラルネットの構造．
続いて， CNN のパラメータを更新する最適化アルゴリズムを定義する． ここでは， 確率的勾配降下法 (Stochastic Gradient Descent; SGD) を使用している．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
これで，準備が整った． CNN の学習ループを開始しよう!
python
train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\\n")
+
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\\n")
+
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
ここでは 5 エポック分の学習を行っている． GPU を使えば，これくらいの計算であれば 1 分程度で完了するだろう．
出力として， figure_title のようなプロットが得られるはずである． イテレーションを重ねるにつれて，損失関数 (Loss function) の値が減少している (=精度が向上している) ことがわかる．
学習の進行に対する Train loss の変化
出力にはテキスト形式で各エポック終了後のテストデータに対する精度も表示されている． 最終的には 98% 以上の極めて高い精度を実現できていることが確認できるだろう (figure_title)．
学習したCNNのテストデータに対するスコア (5エポック後)
学習した CNN の推論結果を可視化してみよう． 次のコードを実行することで， figure_title のような出力が得られるだろう． この図で，下段右から二番目は，"1"に近い見た目をしているが，きちんと"9"と推論できている． なかなか賢い CNN を作り出すことができたようだ！
python
model.eval()
+
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
+
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
model.eval()
+
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
+
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
学習した CNN による，MNIST画像の推論結果
最後に，学習したニューラルネットワークのパラメータを mnist_cnn.pt というファイル名で保存しておこう． これで，将来いつでも今回学習したモデルを再現し，別の実験に使用することができる．
python
torch.save(model.state_dict(), "mnist_cnn.pt")
torch.save(model.state_dict(), "mnist_cnn.pt")
以上が， AWS クラウドの仮想サーバーを立ち上げ，最初のディープラーニングの計算を行う一連の流れである． MNIST 文字認識のタスクを行うニューラルネットを，クラウド上の GPU を使って高速に学習させ，現実的な問題を一つ解くことができたのである． 興味のある読者は，今回のハンズオンを雛形に，自分の所望の計算を走らせてみるとよいだろう．
スタックの削除 ​
これにて，ハンズオン第二回の内容はすべて説明した． クラウドの利用料金を最小化するため，使い終わった EC2 インスタンスはすぐさま削除しよう．
ハンズオン第一回と同様に， AWS の CloudFormation コンソールか， AWS CLI により削除を実行する (詳細は (#handson_01_delete_stack) 参照)．
sh
$ cdk destroy
$ cdk destroy
スタックの削除は各自で必ず行うこと！ 行わなかった場合，EC2 インスタンスの料金が発生し続けることになる！ g4dn.xlarge は $0.71 / hour の料金設定なので，一日起動しつづけると約$17 の請求が発生することになる！
AWS のバジェットアラート
AWS の初心者が (あるいは経験者も) しばしば陥る失敗が，インスタンスの停止忘れなどで無駄なリソースがクラウドで放置されてしまい，巨大な額の請求が届く，というミスだ． 特に，開発を行っている間はこのような事態は起こりうるものだと思って，備えておかなければならない． このような事態を未然に防ぐため， AWS Budgets という機能が無料で提供されている． AWS Budgets を利用することで，月の利用金額がある閾値を超えた場合にユーザーにメールが送信される，などのアラートを設定することができる． 詳細な手順は AWS の公式ブログ "Getting Started with AWS Budgets" を参照のこと． 本書の読者も，ぜひこのタイミングでアラートを設定しておくことを推奨する．
',154);function S(P,x,I,w,T,N){const a=n;return g(),E("div",null,[f,B(a,{readTime:"14",words:"3.2k"}),q])}const $=b(k,[["render",S]]);export{L as __pageData,$ as default};
diff --git a/assets/development_aws_handson-jupyter.md.e87bcd1f.lean.js b/assets/development_aws_handson-jupyter.md.e87bcd1f.lean.js
new file mode 100644
index 00000000..3ff4ebd7
--- /dev/null
+++ b/assets/development_aws_handson-jupyter.md.e87bcd1f.lean.js
@@ -0,0 +1 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as t,e as r,f as c,g as y,h as i,i as d,j as A,k as u,l as m,m as C,n as D,o as F,p as h}from"./chunks/mnist_prediction.4ba5b405.js";import{_ as b,o as g,c as E,H as B,k as s,a as _,Q as v}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const L=JSON.parse('{"title":"Hands-on #2: AWS でディープラーニングを実践","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-jupyter.md","filePath":"development/aws/handson-jupyter.md","lastUpdated":1699051935000}'),k={name:"development/aws/handson-jupyter.md"},f=s("h1",{id:"hands-on-2-aws-でディープラーニングを実践",tabindex:"-1"},[_("Hands-on #2: AWS でディープラーニングを実践 "),s("a",{class:"header-anchor",href:"#hands-on-2-aws-でディープラーニングを実践","aria-label":'Permalink to "Hands-on \\#2: AWS でディープラーニングを実践"'},"​")],-1),q=v("",154);function S(P,x,I,w,T,N){const a=n;return g(),E("div",null,[f,B(a,{readTime:"14",words:"3.2k"}),q])}const $=b(k,[["render",S]]);export{L as __pageData,$ as default};
diff --git a/assets/development_aws_handson-qabot.md.27ff1082.js b/assets/development_aws_handson-qabot.md.27ff1082.js
new file mode 100644
index 00000000..56aa6286
--- /dev/null
+++ b/assets/development_aws_handson-qabot.md.27ff1082.js
@@ -0,0 +1,172 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as t,e as r,f as c,g as i,h as y,i as u,j as d}from"./chunks/ask_many_output.0bb19110.js";import{_ as A,o as b,c as h,H as C,k as s,a as m,Q as D}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Hands-on #3: AWS で自動質問回答ボットを走らせる","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-qabot.md","filePath":"development/aws/handson-qabot.md","lastUpdated":1699051935000}'),F={name:"development/aws/handson-qabot.md"},E=s("h1",{id:"hands-on-3-aws-で自動質問回答ボットを走らせる",tabindex:"-1"},[m("Hands-on #3: AWS で自動質問回答ボットを走らせる "),s("a",{class:"header-anchor",href:"#hands-on-3-aws-で自動質問回答ボットを走らせる","aria-label":'Permalink to "Hands-on \\#3: AWS で自動質問回答ボットを走らせる"'},"​")],-1),B=D('
ハンズオン第三回では， Docker と ECS を駆使した機械学習アプリケーションを実装しよう． 具体的には，深層学習による自然言語処理を行うことで，クライアントから与えられた文章題に対して回答を生成する，自動 Question & Answering ボットを作成しよう． ECS を利用することで，ジョブの数によって動的にインスタンスの数を制御し，並列にタスクを実行するようなシステムを構築しよう．
通常の機械学習のワークフローでは，モデルの訓練 ⇒ 推論 (データへの適用) が基本的な流れである． しかしながら， GPU 搭載型の EC2 クラスターを使ったモデルの訓練はやや難易度が高いため，次章 ( (#sec_aws_batch)) で取り扱う． 本章は，クラウド上でのクラスターの構築・タスクの管理などの概念に慣れるため，よりシンプルな実装で実現できる Fargate クラスターを用いた推論計算の並列化を紹介する．
Fargate ​
ハンズオンに入っていく前に， Fargate という AWS の機能を知っておく必要がある (figure_title)．
Fargate のアイコン
ECS の概要を示した (#ecs_overview) をもう一度見てみよう． この図で， ECS の管理下にあるクラスターが示されているが，このクラスターの中で計算を行う実体としては二つの選択肢がある． EC2 あるいは Fargate のいずれかである． EC2 を用いた場合は，先の章 ( (#sec_first_ec2), (#sec_jupyter_and_deep_learning)) で説明したような流れでインスタンスが起動し，計算が実行される． しかし， EC2 を用いた計算機クラスターの作成・管理は技術的な難易度がやや高いので，次章 ( (#sec_aws_batch)) で説明することにする．
Fargate とは， ECS での利用に特化して設計された，コンテナを使用した計算タスクを走らせるための仕組みである． 計算を走らせるという点では EC2 と役割は似ているが， Fargate は EC2 インスタンスのような物理的実体はもたない． 物理的実体をもたないというのは，たとえば SSH でログインすることは基本的に想定されていないし，なにかのソフトウェアをインストールしたりなどの概念も存在しない． Fargate ではすべての計算は Docker コンテナを介して行われる． すなわち， Fargate を利用するには，ユーザーは最初に所望の Docker イメージを指定しておき， Fargate は docker run のコマンドを使用することで計算タスクを実行する． Fargate を用いる利点は， Fargate を ECS のクラスターに指定すると，スケーリングなどの操作が簡単な設定・プログラムで構築できる点である．
Fargate では， EC2 と同様に CPU とメモリーのサイズを必要な分だけ指定できる． 執筆時点では， CPU は 0.25 - 4 コア， RAM は 0.5 - 30 GB の間で選択することができる (詳しくは 公式ドキュメンテーション "Amazon ECS on AWS Fargate" 参照)． クラスターのスケーリングが容易な分， Fargate では EC2 ほど大きな CPU コア・ RAM 容量を単一インスタンスに付与することができず，また GPU を利用することもできない．
以上が Fargate の概要であったが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは実際に手を動かしながら， ECS と Fargate を使った並列タスクの処理の仕方を学んでいこう．
厳密には， ECS に付与するクラスターには EC2 と Fargate のハイブリッドを使用することも可能である．
準備 ​
ハンズオンのソースコードは GitHub の handson/qa-bot にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンでは 1CPU/4GB RAM の Fargate インスタンスを使用する． 計算の実行には 0.025 $/hour のコストが発生することに注意．
Transformer を用いた question-answering プログラム ​
このハンズオンで開発する，自動質問回答システムをより具体的に定義しよう． 次のような文脈 (context) と質問 (question) が与えられた状況を想定する．
txt
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \\"the world's most famous equation\\". He received the 1921 Nobel Prize in Physics \\"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \\"the world's most famous equation\\". He received the 1921 Nobel Prize in Physics \\"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
今回作成する自動回答システムは，このような問題に対して， context に含まれる文字列から正解となる言葉を見つけ出すものとする． 上の問題では，次のような回答を返すべきである．
answer: 1921
+
人間にとっては，このような文章を理解することは容易であるが，コンピュータにそれを解かせるのは難しいことは容易に想像ができるだろう． しかし，近年の深層学習を使った自然言語処理の進歩は著しく，上で示したような例題などは極めて高い正答率で回答できるモデルを作ることができる．
今回は， huggingface/transformers で公開されている学習済みの言語モデルを利用することで，上で定義した問題を解く Q&A ボットを作る． この Q&A ボットは Transformer とよばれるモデルを使った自然言語処理に支えられえている (figure_title)． このプログラムを， Docker にパッケージしたものが 著者の Docker Hub リポジトリ に用意してある． クラウドの設計に入る前に，まずはこのプログラムを単体で動かしてみよう．
Transformer モデルアーキテクチャ (画像出典: Vaswani+ 2017)
なお，今回は学習済みのモデルを用いているので，私達が行うのは与えられた入力をモデルに投入して予測を行う (推論) のみである． 推論の演算は， CPU だけでも十分高速に行うことができるので，コストの削減と，実装をシンプルにする目的で，このハンズオンでは GPU は利用しない． 一般的に， ニューラルネットは学習のほうが圧倒的に計算コストが大きく，そのような場合に GPU はより威力を発揮する．
次のコマンドで，今回使う Docker image を ローカルにダウンロード (pull) してこよう．
sh
$ docker pull tomomano/qabot:latest
$ docker pull tomomano/qabot:latest
pull できたら，早速この Docker に質問を投げかけてみよう． まずは context と question をコマンドラインの変数として定義する．
sh
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
そうしたら，次のコマンドによってコンテナを実行する．
sh
$ docker run tomomano/qabot "\${context}" "\${question}" foo --no_save
$ docker run tomomano/qabot "\${context}" "\${question}" foo --no_save
今回用意した Docker image は，第一引数に context となる文字列を，第二引数に question に相当する文字列を受けつける． 第三引数，第四引数については，クラウドに展開するときの実装上の都合なので，いまは気にしなくてよい．
このコマンドを実行すると，次のような出力が得られるはずである．
json
{ "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
{ "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
"score" は正解の自信度を表す数字で， [0,1] の範囲で与えられる． "start", "end" は， context 中の何文字目が正解に相当するかを示しており， "answer" が正解と予測された文字列である． 1921 年という，正しい答えが返ってきていることに注目してほしい．
もう少し難しい質問を投げかけてみよう．
sh
$ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "\${context}" "\${question}" foo --no_save
$ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "\${context}" "\${question}" foo --no_save
出力：
json
{
+    "score": 0.5235594527494207,
+    "start": 470,
+    "end": 506,
+    "answer": "his services to theoretical physics,"
+}
{
+    "score": 0.5235594527494207,
+    "start": 470,
+    "end": 506,
+    "answer": "his services to theoretical physics,"
+}
今度は， score が 0.52 と，少し自信がないようだが，それでも正しい答えにたどりつけていることがわかる．
このように， 深層学習に支えられた言語モデルを用いることで，実用にも役に立ちそうな Q&A ボットを実現できていることがわかる． 以降では，このプログラムをクラウドに展開することで，大量の質問に自動で対応できるようなシステムを設計していく．
今回使用する Question & Answering システムには， DistilBERT という Transformer を基にした言語モデルが用いられている． 興味のある読者は， 原著論文 を参照してもらいたい． また， huggingface/transformers による DistilBert の実装のドキュメンテーションは 公式ドキュメンテーション を参照のこと．
今回提供する Q-A ボットの Docker のソースコードは https://github.com/andatoshiki/toshiki-notebookblob/main/handson/qa-bot/docker/Dockerfile にある．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，以下のような設計である．
  • クライアントは，質問を AWS 上のアプリケーションに送信する．
  • 質問のタスクは ECS によって処理される．
  • ECS は， Docker Hub から，イメージをダウンロードする．
  • 次に，ECS はクラスター内に新たな Fargate インスタンスを立ち上げ，ダウンロードされた Docker イメージをこの新規インスタンスに配置する．
    • このとき，一つの質問に対し一つの Fargate インスタンスを立ち上げることで，複数の質問を並列的に処理できるようにする．
  • ジョブが実行される．
  • ジョブの実行結果 (質問への回答) は， データベース (DynamoDB) に書き込まれる．
  • 最後に，クライアントは DynamoDB から質問への回答を読み取る．
それでは，プログラムのソースコードを見てみよう (handson/qa-bot/app.py)．
python
class EcsClusterQaBot(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
+
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
+
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
+
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
+
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
class EcsClusterQaBot(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
+
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
+
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
+
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
+
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
  • ここでは，回答の結果を書き込むためのデータベースを用意している． DynamoDB については，サーバーレスアーキテクチャの章で扱うので，今は気にしなくてよい．
  • ここでは，ハンズオン #1, #2 で行ったのと同様に， VPC を定義している．
  • ここで， ECS のクラスター (cluster) を定義している． クラスターとは，仮想サーバーのプールのことであり，クラスターの中に複数の仮想インスタンスを配置する．
  • ここで，実行するタスクを定義している (task definition)．
  • ここで， タスクの実行で使用する Docker イメージを定義している．
ECS と Fargate ​
ECS と Fargate の部分について，コードをくわしく見てみよう．
python
cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
+
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
+
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
+
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
+
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
cluster = の箇所で，空の ECS クラスターを定義している．
次に， taskdef=ecs.FargateTaskDefinition の箇所で， Fargate インスタンスを使ったタスクを定義しており，とくにここでは 1 CPU, 4GB RAM というマシンスペックを指定している． また，このようにして定義されたタスクは，デフォルトで 1 タスクにつき 1 インスタンスが使用される．
最後に， container = の箇所で，タスクの実行で使用する Docker image を定義している． ここでは， Docker Hub に置いてある image をダウンロードしてくるよう指定している．
このようにわずか数行のコードであるが，これだけで前述したような，タスクのスケジューリングなどが自動で実行される．
このコードで cpu=1024 と指定されているのに注目してほしい． これは CPU ユニットと呼ばれる数で， 以下の換算表に従って仮想 CPU (virtual CPU; vCPU) が割り当てられる． 1024 が 1 CPU に相当する． 0.25 や 0.5 vCPU などの数字は，それぞれ実効的に 1/4, 1/2 の CPU 時間が割り当てられることを意味する． また， CPU ユニットによって使用できるメモリー量も変わってくる． たとえば， 1024 CPU ユニットを選択した場合は， 2 から 8 GB の範囲でのみメモリー量を指定することができる． 最新の情報は 公式ドキュメンテーション "Amazon ECS on AWS Fargate" を参照のこと．
CPU　ユニットと 指定可能なメモリー量の換算表
CPU ユニット
メモリーの値
256 (.25 vCPU)
0.5 GB, 1 GB, 2 GB
512 (.5 vCPU)
1 GB, 2 GB, 3 GB, 4 GB
1024 (1 vCPU)
2 GB, 3 GB, 4 GB, 5 GB, 6 GB, 7 GB, 8 GB
2048 (2 vCPU)
Between 4 GB and 16 GB in 1-GB increments
4096 (4 vCPU)
Between 8 GB and 30 GB in 1-GB increments
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． SSH によるログインの必要がないので，むしろ単純なくらいである． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックの中身を確認してみよう． コンソールから，ECS のページに行くと figure_title のような画面が表示されるはずである． EcsClusterQaBot-XXXX という名前ついたクラスターを見つけよう．
Cluster というのが，先ほど説明したとおり，複数の仮想インスタンスを束ねる一つの単位である． figure_title で， FARGATE という文字の下に 0 Running tasks, 0 Pending tasks と表示されていることを確認しよう． この時点では一つもタスクが走っていないので，数字はすべて 0 になっている．
ECS コンソール画面
続いて，この画面の左のメニューバーから Task Definitions という項目を見つけ，クリックしよう． 移動した先のページで EcsClusterQaBotEcsClusterQaBotTaskDefXXXX という項目が見つかるので，開く． 開いた先のページをスクロールすると figure_title に示したような情報が見つかるだろう． 使用する CPU ・メモリーの量や， Docker container の実行に関する設定などが，この Task Definition の画面から確認することができる．
Task definition の確認
タスクの実行 ​
それでは，質問をデプロイしたクラウドに提出してみよう．
ECS にタスクを投入するのはやや複雑なので，タスクの投入を簡単にするプログラム (run_task.py) を用意した (handson/qa-bot/run_task.py)．
次のようなコマンドで，ECS クラスターに新しい質問を投入することができる．
sh
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
run_task.py を実行するには， コマンドラインで AWS の認証情報が設定されていることが前提である．
"ask" の引数に続き，文脈 (context) と質問 (question) を引数として渡している．
このコマンドを実行すると， "Waiting for the task to finish…" と出力が表示され，回答を得るまでしばらく待たされる． この間， AWS では ECS がタスクを受理し，新しい Fargate のインスタンスを起動し， Docker イメージをそのインスタンスに配置する，という一連の処理がなされている． AWS コンソールから，この一連の様子をモニタリングしてみよう．
先ほどの ECS コンソール画面にもどり，クラスターの名前をクリックすることで，クラスターの詳細画面を開く． 次に， "Tasks" という名前のタブがあるので，それを開く (figure_title)． すると，実行中のタスクの一覧が表示されるだろう．
ECS のタスクの実行状況をモニタリング
figure_title で見て取れるように， "Last status = Pending" となっていることから，この時点では，タスクを実行する準備をしている段階である，ということがわかる． Fargate のインスタンスを起動し， Docker image を配置するまでおよそ 1-2 分の時間がかかる．
しばらく待つうちに， Status が "RUNNING" に遷移し，計算が始まる． 計算が終わると， Status は "STOPPED" に遷移し， ECS によって Fargate インスタンスは自動的にシャットダウンされる．
figure_title の画面から， "Task" の列にあるタスク ID クリックすることで，タスクの詳細画面を開いてみよう (figure_title)． "Last status", "Platform version" など，タスクの情報が表示されている． また， "Logs" のタブを開くことで，コンテナの吐き出した実行ログを閲覧することができる．
質問タスクの実行結果
さて， run_task.py を実行したコマンドラインに戻ってきてみると， figure_title のような出力が得られているはずである． "Momotaro" という正しい回答が返ってきている！
質問タスクの実行結果
タスクの同時実行 ​
さて，先ほどはたった一つの質問を投入したわけだが，今回設計したアプリケーションは， ECS と Fargate を使うことで同時にたくさんの質問を処理することができる． 実際に，たくさんの質問を一度に投入してみよう． run_task.py に ask_many というオプションを付けることで，複数の質問を一度に送信できる． 質問の内容は handson/qa-bot/problems.json に定義されている．
次のようなコマンドを実行しよう．
sh
$ python run_task.py ask_many
$ python run_task.py ask_many
このコマンドを実行した後で，先ほどの ECS コンソールに行き，タスクの一覧を見てみよう (figure_title)． 複数の Fargate インスタンスが起動され，タスクが並列に実行されているのがわかる．
複数の質問タスクを同時に投入する
すべてのタスクのステータスが "STOPPED" になったことを確認した上で，質問への回答を取得しよう． それには，次のコマンドを実行する．
sh
$ python run_task.py list_answers
$ python run_task.py list_answers
結果として， figure_title のような出力が得られるだろう． 複雑な文章問題に対し，高い正答率で回答できていることがわかるだろう．
 の実行結果
おめでとう！ ここまでついてこれた読者はとても初歩的ながらも，深層学習による言語モデルを使って自動で質問への回答を生成するシステムを創り上げることができた！ それも，数百の質問にも同時に対応できるような，とても高いスケーラビリティーをもったシステムである！ 今回は GUI (Graphical User Interface) を用意することはしなかったが，このシステムに簡単な GUI を追加すればなかなか立派なウェブサービスとして運用できるだろう．
run_task.py で質問を投入し続けると，回答を記録しているデータベースにどんどんエントリーが溜まっていく． これらのエントリーをすべて消去するには，次のコマンドを使う．
sh
$ python run_task.py clear
$ python run_task.py clear
スタックの削除 ​
これにて，今回のハンズオンは終了である． 最後にスタックを削除しよう．
スタックを削除するには，前回までと同様に， AWS コンソールにログインし CloudFormation の画面から DELETE ボタンをクリックするか，コマンドラインからコマンドを実行する． コマンドラインから行う場合は，次のコマンドを使用する．
sh
$ cdk destroy
$ cdk destroy
',102);function g(q,f,k,_,v,w){const a=n;return b(),h("div",null,[E,C(a,{readTime:"11",words:"2.5k"}),B])}const U=A(F,[["render",g]]);export{$ as __pageData,U as default};
diff --git a/assets/development_aws_handson-qabot.md.27ff1082.lean.js b/assets/development_aws_handson-qabot.md.27ff1082.lean.js
new file mode 100644
index 00000000..01fb14a6
--- /dev/null
+++ b/assets/development_aws_handson-qabot.md.27ff1082.lean.js
@@ -0,0 +1 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as l,b as o,c as e,d as t,e as r,f as c,g as i,h as y,i as u,j as d}from"./chunks/ask_many_output.0bb19110.js";import{_ as A,o as b,c as h,H as C,k as s,a as m,Q as D}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Hands-on #3: AWS で自動質問回答ボットを走らせる","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-qabot.md","filePath":"development/aws/handson-qabot.md","lastUpdated":1699051935000}'),F={name:"development/aws/handson-qabot.md"},E=s("h1",{id:"hands-on-3-aws-で自動質問回答ボットを走らせる",tabindex:"-1"},[m("Hands-on #3: AWS で自動質問回答ボットを走らせる "),s("a",{class:"header-anchor",href:"#hands-on-3-aws-で自動質問回答ボットを走らせる","aria-label":'Permalink to "Hands-on \\#3: AWS で自動質問回答ボットを走らせる"'},"​")],-1),B=D("",102);function g(q,f,k,_,v,w){const a=n;return b(),h("div",null,[E,C(a,{readTime:"11",words:"2.5k"}),B])}const U=A(F,[["render",g]]);export{$ as __pageData,U as default};
diff --git a/assets/development_aws_handson-qabot.md.3c125433.js b/assets/development_aws_handson-qabot.md.3c125433.js
deleted file mode 100644
index 72b311a4..00000000
--- a/assets/development_aws_handson-qabot.md.3c125433.js
+++ /dev/null
@@ -1,172 +0,0 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,a as p,b as o,c as e,d as t,e as r,f as c,g as i,h as y,i as d,j as u}from"./chunks/ask_many_output.0bb19110.js";import{_ as h,o as b,c as m,H as A,k as s,a as B,Q as f}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Hands-on #3: AWS で自動質問回答ボットを走らせる","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-qabot.md","filePath":"development/aws/handson-qabot.md","lastUpdated":1695377563000}'),g={name:"development/aws/handson-qabot.md"},q=s("h1",{id:"hands-on-3-aws-で自動質問回答ボットを走らせる",tabindex:"-1"},[B("Hands-on #3: AWS で自動質問回答ボットを走らせる "),s("a",{class:"header-anchor",href:"#hands-on-3-aws-で自動質問回答ボットを走らせる","aria-label":'Permalink to "Hands-on \\#3: AWS で自動質問回答ボットを走らせる"'},"​")],-1),k=f('
ハンズオン第三回では， Docker と ECS を駆使した機械学習アプリケーションを実装しよう． 具体的には，深層学習による自然言語処理を行うことで，クライアントから与えられた文章題に対して回答を生成する，自動 Question & Answering ボットを作成しよう． ECS を利用することで，ジョブの数によって動的にインスタンスの数を制御し，並列にタスクを実行するようなシステムを構築しよう．
通常の機械学習のワークフローでは，モデルの訓練 ⇒ 推論 (データへの適用) が基本的な流れである． しかしながら， GPU 搭載型の EC2 クラスターを使ったモデルの訓練はやや難易度が高いため，次章 ( (#sec_aws_batch)) で取り扱う． 本章は，クラウド上でのクラスターの構築・タスクの管理などの概念に慣れるため，よりシンプルな実装で実現できる Fargate クラスターを用いた推論計算の並列化を紹介する．
Fargate ​
ハンズオンに入っていく前に， Fargate という AWS の機能を知っておく必要がある (figure_title)．
Fargate のアイコン
ECS の概要を示した (#ecs_overview) をもう一度見てみよう． この図で， ECS の管理下にあるクラスターが示されているが，このクラスターの中で計算を行う実体としては二つの選択肢がある． EC2 あるいは Fargate のいずれかである． EC2 を用いた場合は，先の章 ( (#sec_first_ec2), (#sec_jupyter_and_deep_learning)) で説明したような流れでインスタンスが起動し，計算が実行される． しかし， EC2 を用いた計算機クラスターの作成・管理は技術的な難易度がやや高いので，次章 ( (#sec_aws_batch)) で説明することにする．
Fargate とは， ECS での利用に特化して設計された，コンテナを使用した計算タスクを走らせるための仕組みである． 計算を走らせるという点では EC2 と役割は似ているが， Fargate は EC2 インスタンスのような物理的実体はもたない． 物理的実体をもたないというのは，たとえば SSH でログインすることは基本的に想定されていないし，なにかのソフトウェアをインストールしたりなどの概念も存在しない． Fargate ではすべての計算は Docker コンテナを介して行われる． すなわち， Fargate を利用するには，ユーザーは最初に所望の Docker イメージを指定しておき， Fargate は docker run のコマンドを使用することで計算タスクを実行する． Fargate を用いる利点は， Fargate を ECS のクラスターに指定すると，スケーリングなどの操作が簡単な設定・プログラムで構築できる点である．
Fargate では， EC2 と同様に CPU とメモリーのサイズを必要な分だけ指定できる． 執筆時点では， CPU は 0.25 - 4 コア， RAM は 0.5 - 30 GB の間で選択することができる (詳しくは 公式ドキュメンテーション "Amazon ECS on AWS Fargate" 参照)． クラスターのスケーリングが容易な分， Fargate では EC2 ほど大きな CPU コア・ RAM 容量を単一インスタンスに付与することができず，また GPU を利用することもできない．
以上が Fargate の概要であったが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは実際に手を動かしながら， ECS と Fargate を使った並列タスクの処理の仕方を学んでいこう．
厳密には， ECS に付与するクラスターには EC2 と Fargate のハイブリッドを使用することも可能である．
準備 ​
ハンズオンのソースコードは GitHub の handson/qa-bot にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンでは 1CPU/4GB RAM の Fargate インスタンスを使用する． 計算の実行には 0.025 $/hour のコストが発生することに注意．
Transformer を用いた question-answering プログラム ​
このハンズオンで開発する，自動質問回答システムをより具体的に定義しよう． 次のような文脈 (context) と質問 (question) が与えられた状況を想定する．
txt
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \\"the world's most famous equation\\". He received the 1921 Nobel Prize in Physics \\"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \\"the world's most famous equation\\". He received the 1921 Nobel Prize in Physics \\"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
今回作成する自動回答システムは，このような問題に対して， context に含まれる文字列から正解となる言葉を見つけ出すものとする． 上の問題では，次のような回答を返すべきである．
answer: 1921
-
人間にとっては，このような文章を理解することは容易であるが，コンピュータにそれを解かせるのは難しいことは容易に想像ができるだろう． しかし，近年の深層学習を使った自然言語処理の進歩は著しく，上で示したような例題などは極めて高い正答率で回答できるモデルを作ることができる．
今回は， huggingface/transformers で公開されている学習済みの言語モデルを利用することで，上で定義した問題を解く Q&A ボットを作る． この Q&A ボットは Transformer とよばれるモデルを使った自然言語処理に支えられえている (figure_title)． このプログラムを， Docker にパッケージしたものが 著者の Docker Hub リポジトリ に用意してある． クラウドの設計に入る前に，まずはこのプログラムを単体で動かしてみよう．
Transformer モデルアーキテクチャ (画像出典: Vaswani+ 2017)
なお，今回は学習済みのモデルを用いているので，私達が行うのは与えられた入力をモデルに投入して予測を行う (推論) のみである． 推論の演算は， CPU だけでも十分高速に行うことができるので，コストの削減と，実装をシンプルにする目的で，このハンズオンでは GPU は利用しない． 一般的に， ニューラルネットは学習のほうが圧倒的に計算コストが大きく，そのような場合に GPU はより威力を発揮する．
次のコマンドで，今回使う Docker image を ローカルにダウンロード (pull) してこよう．
sh
$ docker pull tomomano/qabot:latest
$ docker pull tomomano/qabot:latest
pull できたら，早速この Docker に質問を投げかけてみよう． まずは context と question をコマンドラインの変数として定義する．
sh
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
そうしたら，次のコマンドによってコンテナを実行する．
sh
$ docker run tomomano/qabot "\${context}" "\${question}" foo --no_save
$ docker run tomomano/qabot "\${context}" "\${question}" foo --no_save
今回用意した Docker image は，第一引数に context となる文字列を，第二引数に question に相当する文字列を受けつける． 第三引数，第四引数については，クラウドに展開するときの実装上の都合なので，いまは気にしなくてよい．
このコマンドを実行すると，次のような出力が得られるはずである．
json
{ "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
{ "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
"score" は正解の自信度を表す数字で， [0,1] の範囲で与えられる． "start", "end" は， context 中の何文字目が正解に相当するかを示しており， "answer" が正解と予測された文字列である． 1921 年という，正しい答えが返ってきていることに注目してほしい．
もう少し難しい質問を投げかけてみよう．
sh
$ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "\${context}" "\${question}" foo --no_save
$ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "\${context}" "\${question}" foo --no_save
出力：
json
{
-    "score": 0.5235594527494207,
-    "start": 470,
-    "end": 506,
-    "answer": "his services to theoretical physics,"
-}
{
-    "score": 0.5235594527494207,
-    "start": 470,
-    "end": 506,
-    "answer": "his services to theoretical physics,"
-}
今度は， score が 0.52 と，少し自信がないようだが，それでも正しい答えにたどりつけていることがわかる．
このように， 深層学習に支えられた言語モデルを用いることで，実用にも役に立ちそうな Q&A ボットを実現できていることがわかる． 以降では，このプログラムをクラウドに展開することで，大量の質問に自動で対応できるようなシステムを設計していく．
今回使用する Question & Answering システムには， DistilBERT という Transformer を基にした言語モデルが用いられている． 興味のある読者は， 原著論文 を参照してもらいたい． また， huggingface/transformers による DistilBert の実装のドキュメンテーションは 公式ドキュメンテーション を参照のこと．
今回提供する Q-A ボットの Docker のソースコードは https://github.com/andatoshiki/toshiki-notebookblob/main/handson/qa-bot/docker/Dockerfile にある．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，以下のような設計である．
  • クライアントは，質問を AWS 上のアプリケーションに送信する．
  • 質問のタスクは ECS によって処理される．
  • ECS は， Docker Hub から，イメージをダウンロードする．
  • 次に，ECS はクラスター内に新たな Fargate インスタンスを立ち上げ，ダウンロードされた Docker イメージをこの新規インスタンスに配置する．
    • このとき，一つの質問に対し一つの Fargate インスタンスを立ち上げることで，複数の質問を並列的に処理できるようにする．
  • ジョブが実行される．
  • ジョブの実行結果 (質問への回答) は， データベース (DynamoDB) に書き込まれる．
  • 最後に，クライアントは DynamoDB から質問への回答を読み取る．
それでは，プログラムのソースコードを見てみよう (handson/qa-bot/app.py)．
python
class EcsClusterQaBot(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
-
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
-
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
-
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
-
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
class EcsClusterQaBot(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
-
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
-
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
-
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
-
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
  • ここでは，回答の結果を書き込むためのデータベースを用意している． DynamoDB については，サーバーレスアーキテクチャの章で扱うので，今は気にしなくてよい．
  • ここでは，ハンズオン #1, #2 で行ったのと同様に， VPC を定義している．
  • ここで， ECS のクラスター (cluster) を定義している． クラスターとは，仮想サーバーのプールのことであり，クラスターの中に複数の仮想インスタンスを配置する．
  • ここで，実行するタスクを定義している (task definition)．
  • ここで， タスクの実行で使用する Docker イメージを定義している．
ECS と Fargate ​
ECS と Fargate の部分について，コードをくわしく見てみよう．
python
cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
-
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
-
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
-
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
-
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
cluster = の箇所で，空の ECS クラスターを定義している．
次に， taskdef=ecs.FargateTaskDefinition の箇所で， Fargate インスタンスを使ったタスクを定義しており，とくにここでは 1 CPU, 4GB RAM というマシンスペックを指定している． また，このようにして定義されたタスクは，デフォルトで 1 タスクにつき 1 インスタンスが使用される．
最後に， container = の箇所で，タスクの実行で使用する Docker image を定義している． ここでは， Docker Hub に置いてある image をダウンロードしてくるよう指定している．
このようにわずか数行のコードであるが，これだけで前述したような，タスクのスケジューリングなどが自動で実行される．
このコードで cpu=1024 と指定されているのに注目してほしい． これは CPU ユニットと呼ばれる数で， 以下の換算表に従って仮想 CPU (virtual CPU; vCPU) が割り当てられる． 1024 が 1 CPU に相当する． 0.25 や 0.5 vCPU などの数字は，それぞれ実効的に 1/4, 1/2 の CPU 時間が割り当てられることを意味する． また， CPU ユニットによって使用できるメモリー量も変わってくる． たとえば， 1024 CPU ユニットを選択した場合は， 2 から 8 GB の範囲でのみメモリー量を指定することができる． 最新の情報は 公式ドキュメンテーション "Amazon ECS on AWS Fargate" を参照のこと．
CPU　ユニットと 指定可能なメモリー量の換算表
CPU ユニット
メモリーの値
256 (.25 vCPU)
0.5 GB, 1 GB, 2 GB
512 (.5 vCPU)
1 GB, 2 GB, 3 GB, 4 GB
1024 (1 vCPU)
2 GB, 3 GB, 4 GB, 5 GB, 6 GB, 7 GB, 8 GB
2048 (2 vCPU)
Between 4 GB and 16 GB in 1-GB increments
4096 (4 vCPU)
Between 8 GB and 30 GB in 1-GB increments
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． SSH によるログインの必要がないので，むしろ単純なくらいである． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックの中身を確認してみよう． コンソールから，ECS のページに行くと figure_title のような画面が表示されるはずである． EcsClusterQaBot-XXXX という名前ついたクラスターを見つけよう．
Cluster というのが，先ほど説明したとおり，複数の仮想インスタンスを束ねる一つの単位である． figure_title で， FARGATE という文字の下に 0 Running tasks, 0 Pending tasks と表示されていることを確認しよう． この時点では一つもタスクが走っていないので，数字はすべて 0 になっている．
ECS コンソール画面
続いて，この画面の左のメニューバーから Task Definitions という項目を見つけ，クリックしよう． 移動した先のページで EcsClusterQaBotEcsClusterQaBotTaskDefXXXX という項目が見つかるので，開く． 開いた先のページをスクロールすると figure_title に示したような情報が見つかるだろう． 使用する CPU ・メモリーの量や， Docker container の実行に関する設定などが，この Task Definition の画面から確認することができる．
Task definition の確認
タスクの実行 ​
それでは，質問をデプロイしたクラウドに提出してみよう．
ECS にタスクを投入するのはやや複雑なので，タスクの投入を簡単にするプログラム (run_task.py) を用意した (handson/qa-bot/run_task.py)．
次のようなコマンドで，ECS クラスターに新しい質問を投入することができる．
sh
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
run_task.py を実行するには， コマンドラインで AWS の認証情報が設定されていることが前提である．
"ask" の引数に続き，文脈 (context) と質問 (question) を引数として渡している．
このコマンドを実行すると， "Waiting for the task to finish…" と出力が表示され，回答を得るまでしばらく待たされる． この間， AWS では ECS がタスクを受理し，新しい Fargate のインスタンスを起動し， Docker イメージをそのインスタンスに配置する，という一連の処理がなされている． AWS コンソールから，この一連の様子をモニタリングしてみよう．
先ほどの ECS コンソール画面にもどり，クラスターの名前をクリックすることで，クラスターの詳細画面を開く． 次に， "Tasks" という名前のタブがあるので，それを開く (figure_title)． すると，実行中のタスクの一覧が表示されるだろう．
ECS のタスクの実行状況をモニタリング
figure_title で見て取れるように， "Last status = Pending" となっていることから，この時点では，タスクを実行する準備をしている段階である，ということがわかる． Fargate のインスタンスを起動し， Docker image を配置するまでおよそ 1-2 分の時間がかかる．
しばらく待つうちに， Status が "RUNNING" に遷移し，計算が始まる． 計算が終わると， Status は "STOPPED" に遷移し， ECS によって Fargate インスタンスは自動的にシャットダウンされる．
figure_title の画面から， "Task" の列にあるタスク ID クリックすることで，タスクの詳細画面を開いてみよう (figure_title)． "Last status", "Platform version" など，タスクの情報が表示されている． また， "Logs" のタブを開くことで，コンテナの吐き出した実行ログを閲覧することができる．
質問タスクの実行結果
さて， run_task.py を実行したコマンドラインに戻ってきてみると， figure_title のような出力が得られているはずである． "Momotaro" という正しい回答が返ってきている！
質問タスクの実行結果
タスクの同時実行 ​
さて，先ほどはたった一つの質問を投入したわけだが，今回設計したアプリケーションは， ECS と Fargate を使うことで同時にたくさんの質問を処理することができる． 実際に，たくさんの質問を一度に投入してみよう． run_task.py に ask_many というオプションを付けることで，複数の質問を一度に送信できる． 質問の内容は handson/qa-bot/problems.json に定義されている．
次のようなコマンドを実行しよう．
sh
$ python run_task.py ask_many
$ python run_task.py ask_many
このコマンドを実行した後で，先ほどの ECS コンソールに行き，タスクの一覧を見てみよう (figure_title)． 複数の Fargate インスタンスが起動され，タスクが並列に実行されているのがわかる．
複数の質問タスクを同時に投入する
すべてのタスクのステータスが "STOPPED" になったことを確認した上で，質問への回答を取得しよう． それには，次のコマンドを実行する．
sh
$ python run_task.py list_answers
$ python run_task.py list_answers
結果として， figure_title のような出力が得られるだろう． 複雑な文章問題に対し，高い正答率で回答できていることがわかるだろう．
 の実行結果
おめでとう！ ここまでついてこれた読者はとても初歩的ながらも，深層学習による言語モデルを使って自動で質問への回答を生成するシステムを創り上げることができた！ それも，数百の質問にも同時に対応できるような，とても高いスケーラビリティーをもったシステムである！ 今回は GUI (Graphical User Interface) を用意することはしなかったが，このシステムに簡単な GUI を追加すればなかなか立派なウェブサービスとして運用できるだろう．
run_task.py で質問を投入し続けると，回答を記録しているデータベースにどんどんエントリーが溜まっていく． これらのエントリーをすべて消去するには，次のコマンドを使う．
sh
$ python run_task.py clear
$ python run_task.py clear
スタックの削除 ​
これにて，今回のハンズオンは終了である． 最後にスタックを削除しよう．
スタックを削除するには，前回までと同様に， AWS コンソールにログインし CloudFormation の画面から DELETE ボタンをクリックするか，コマンドラインからコマンドを実行する． コマンドラインから行う場合は，次のコマンドを使用する．
sh
$ cdk destroy
$ cdk destroy
',102);function _(v,C,D,w,E,P){const a=n;return b(),m("div",null,[q,A(a,{readTime:"11",words:"2.5k"}),k])}const F=h(g,[["render",_]]);export{$ as __pageData,F as default};
diff --git a/assets/development_aws_handson-qabot.md.3c125433.lean.js b/assets/development_aws_handson-qabot.md.3c125433.lean.js
deleted file mode 100644
index 3fd87b0b..00000000
--- a/assets/development_aws_handson-qabot.md.3c125433.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,a as p,b as o,c as e,d as t,e as r,f as c,g as i,h as y,i as d,j as u}from"./chunks/ask_many_output.0bb19110.js";import{_ as h,o as b,c as m,H as A,k as s,a as B,Q as f}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const $=JSON.parse('{"title":"Hands-on #3: AWS で自動質問回答ボットを走らせる","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-qabot.md","filePath":"development/aws/handson-qabot.md","lastUpdated":1695377563000}'),g={name:"development/aws/handson-qabot.md"},q=s("h1",{id:"hands-on-3-aws-で自動質問回答ボットを走らせる",tabindex:"-1"},[B("Hands-on #3: AWS で自動質問回答ボットを走らせる "),s("a",{class:"header-anchor",href:"#hands-on-3-aws-で自動質問回答ボットを走らせる","aria-label":'Permalink to "Hands-on \\#3: AWS で自動質問回答ボットを走らせる"'},"​")],-1),k=f("",102);function _(v,C,D,w,E,P){const a=n;return b(),m("div",null,[q,A(a,{readTime:"11",words:"2.5k"}),k])}const F=h(g,[["render",_]]);export{$ as __pageData,F as default};
diff --git a/assets/development_aws_handson-serverless.md.330af1e8.js b/assets/development_aws_handson-serverless.md.330af1e8.js
deleted file mode 100644
index 6c62970a..00000000
--- a/assets/development_aws_handson-serverless.md.330af1e8.js
+++ /dev/null
@@ -1,219 +0,0 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,a as p,b as e,c as o,d as t,e as r,f as c,g as i,h as y,i as d,j as b,k as m,l as u}from"./chunks/s3_bucket_filelist.89f3f384.js";import{_ as A,o as h,c as B,H as _,k as s,a as v,Q as k}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const N=JSON.parse('{"title":"Hands-on #5: サーバーレス入門","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-serverless.md","filePath":"development/aws/handson-serverless.md","lastUpdated":1695377563000}'),g={name:"development/aws/handson-serverless.md"},f=s("h1",{id:"hands-on-5-サーバーレス入門",tabindex:"-1"},[v("Hands-on #5: サーバーレス入門 "),s("a",{class:"header-anchor",href:"#hands-on-5-サーバーレス入門","aria-label":'Permalink to "Hands-on \\#5: サーバーレス入門"'},"​")],-1),D=k('
前章ではサーバーレスアーキテクチャの概要の説明を行った． 本章では，ハンズオン形式でサーバーレスクラウドを実際に動かしながら，具体的な使用方法を学んでいこう． 今回のハンズオンでは Lambda, S3, DynamoDB の三つのサーバーレスクラウドの構成要素に触れていく． それぞれについて，短いチュートリアルを用意してある．
Lambda ハンズオン ​
まずは， Lambda を実際に動かしてみよう． ハンズオンのソースコードは GitHub の handson/serverless/lambda に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して Python で書かれたコードを Lambda に登録する． 続いて STEP 2 では， Invoke API を使用して，同時にいくつもの Lambda を起動し，並列な計算を行う． Lambda のワークフローを体験する目的で最小限の設定である．
Lambda チュートリアルの概要
このハンズオンは，基本的に AWS Lambda の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
#
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
-
-class SimpleLambda(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
#
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
-
-class SimpleLambda(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
  • ここで， Lambda で実行されるべき関数を定義している． これは非常に単純な関数で，2-5 秒のランダムな時間スリープした後，["salmon", "tuna", "squid"] のいずれかの文字列をランダムに選択し， "Welcome to Cloud Sushi. Your order is XXXX" (XXXX は選ばれた寿司のネタ) というメッセージをリターンする．
  • 次に， Lambda に <1> で書いた関数を配置している． パラメータの意味は，文字どおりの意味なので難しくはないが，以下に解説する．
    • runtime=_lambda.Runtime.PYTHON_3_7: ここでは， Python3.7 を使って上記で定義された関数を実行せよ，と指定している． Python3.7 のほかに， Node.js, Java, Ruby, Go などの言語を指定することが可能である．
    • code=_lambda.Code.from_inline(FUNC): 実行されるべき関数が書かれたコードを指定する． ここでは， FUNC=... で定義した文字列を渡しているが，文字列以外にもファイルのパスを渡すことも可能である．
    • handler="index.handler": これは，コードの中にいくつかのサブ関数が含まれているときに，メインとサブを区別するためのパラメータである． handler という名前の関数をメイン関数として実行せよ，という意味である．
    • memory_size=128: メモリーは 128MB を最大で使用することを指定している．
    • timeout=core.Duration.seconds(10) タイムアウト時間を 10 秒に設定している． 10 秒以内に関数の実行が終了しなかった場合，エラーが返される．
    • dead_letter_queue_enabled=True: アドバンストな設定なので説明は省略する．
上記のプログラムを実行することで， Lambda 関数がクラウド上に作成される． 早速デプロイしてみよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleLambda.FunctionName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから，Lambda のページに行くと figure_title のような画面から Lambda の関数の一覧が確認できる．
Lambda コンソール - 関数の一覧
今回のアプリケーションで作成したのが SimpleLambda で始まるランダムな名前のついた関数だ． 関数の名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． 先ほどプログラムの中で定義した Python の関数がエディターから確認できる． さらに下の方にスクロールすると，関数の各種設定も確認できる．
Lambda コンソール - 関数の詳細
Lambda で実行されるコードは， Lambda のコンソール画面 (figure_title) のエディターで編集することもできる． デバッグをするときなどは，こちらを直接いじる方が早い場合もある． その場合は， CDK のコードに行った編集を反映させなおすことを忘れずに．
Lambda 関数の実行 ​
それでは，作成した Lambda 関数を実行 (invoke) してみよう． AWS の API を使うことで，関数の実行をスタートすることができる． 今回は， handson/serverless/lambda/invoke_one.py に関数を実行するための簡単なプログラムを提供している． 興味のある読者はコードを読んでもらいたい．
以下のコマンドで，Lambda の関数を実行する． コマンドの XXXX の部分は，先ほどデプロイしたときに SimpleLambda.FunctionName = XXXX で得られた XXXX の文字列で置換する．
sh
$ python invoke_one.py XXXX
$ python invoke_one.py XXXX
すると， "Welcome to Cloud Sushi. Your order is salmon" という出力が得られるはずだ． とてもシンプルではあるが，クラウド上で先ほどの関数が走り，乱数が生成されたうえで，ランダムな寿司ネタが選択されて出力が返されている． このコマンドを何度か打ってみて，実行ごとに異なる寿司ネタが返されることを確認しよう．
さて，このコマンドは，一度につき一回の関数を実行したわけであるが， Lambda の本領は一度に大量のタスクを同時に実行できる点である． そこで，今度は一度に 100 個のタスクを同時に送信してみよう． handson/serverless/lambda/invoke_many.py のスクリプトを使用する．
次のコマンドを実行しよう． XXXX の部分は前述と同様に置き換える． 第二引数の 100 は 100 個のタスクを投入せよ，という意味である．
sh
$ python invoke_many.py XXXX 100
$ python invoke_many.py XXXX 100
すると次のような出力が得られるはずだ．
sh
....................................................................................................
-Submitted 100 tasks to Lambda!
....................................................................................................
-Submitted 100 tasks to Lambda!
実際に，100 個のタスクが同時に実行されていることを確認しよう． figure_title の画面に戻り， "Monitoring" というタブがあるので，それをクリックする． すると， figure_title のようなグラフが表示されるだろう．
Lambda コンソール - 関数の実行のモニタリング
figure_title のグラフの更新には数分かかることがあるので，なにも表示されない場合は少し待つ．
figure_title で "Invocations" が関数が何度実行されたかを意味している． たしかに 100 回実行されていることがわかる． さらに， "Concurrent executions" は何個のタスクが同時に行われたかを示している． ここでは 96 となっていることから，96 個のタスクが並列的に実行されたことを意味している (これが 100 とならないのは，タスクの開始のコマンドが送られたのが完全には同タイミングではないことに起因する)．
このように，非常にシンプルではあるが， Lambda を使うことで，同時並列的に処理を実行することのできるクラウドシステムを簡単に作ることができた．
もしこのようなことを従来的な serverful なクラウドで行おうとした場合，クラスターのスケーリングなど多くのコードを書くことに加えて，いろいろなパラメータを調節する必要がある．
興味がある人は，一気に 1000 個などのジョブを投入してみるとよい． Lambda はそのような大量のリクエストにも対応できることが確認できるだろう． が，あまりやりすぎると Lambda の無料利用枠を超えて料金が発生してしまうので注意．
スタックの削除 ​
最後にスタックを削除しよう． スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
DynamoDB ハンズオン ​
続いて， DynamoDB の簡単なチュートリアルをやってみよう． ハンズオンのソースコードは GitHub の /handson/serverless/dynamodb に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して DynamoDB のテーブルを初期化し，デプロイする． 続いて STEP 2 では， API を使用してデータベースのデータの書き込み・読み出し・削除などの操作を練習する．
DynamoDB チュートリアルの概要
このハンズオンは，基本的に AWS DynamoDB の無料枠 の範囲内で実行できる．
handson/serverless/dynamodb/app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
このコードで，最低限の設定がなされた空の DynamoDB テーブルが作成される． それぞれのパラメータの意味を簡単に解説しよう．
  • partition_key: すべての DynamoDB テーブルには Partition key が定義されていなければならない． Partition key とは，テーブル内の要素 (レコード) ごとに存在する固有の ID のことである． 同一の Partition key をもった要素がテーブルの中に二つ以上存在することはできない (注: Sort Key を使用している場合は除く．詳しくは 公式ドキュメンテーション "Core Components of Amazon DynamoDB" 参照)． また， Partition key が定義されていない要素はテーブルの中に存在することはできない． ここでは， Partition key に item_id という名前をつけている．
  • billing_mode: ddb.BillingMode.PAY_PER_REQUEST を指定することで， On-demand Capacity Mode の DynamoDB が作成される． ほかに PROVISIONED というモードがあるが，これはかなり高度なケースを除いて使用しないだろう．
  • removal_policy: CloudFormation のスタックが消去されたときに， DynamoDB も一緒に消去されるかどうかを指定する． このコードでは DESTROY を選んでいるので，すべて消去される． ほかのオプションを選択すると，スタックを消去しても DynamoDB のバックアップを残す，などの動作を定義することができる．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleDynamoDb.TableName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから， DynamoDB のページに行き，左のメニューバーから "Tables" を選択する． すると， figure_title のような画面からテーブルの一覧が確認できる．
DynamoDB のコンソール (テーブルの一覧)
今回のアプリケーションで作成したのが SimpleDynamoDb で始まるランダムな名前のついたテーブルだ． テーブルの名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． "Items" のタブをクリックすると，テーブルの中のレコードを確認できる． 現時点ではなにもデータを書き込んでいないので，空である．
DynamoDB のコンソール (テーブルの詳細画面)
データの読み書き ​
それでは， デプロイ で作ったテーブルを使ってデータの読み書きを実践してみよう． ここでは Python と boto3 ライブラリを用いた方法を紹介する．
まずは，テーブルに新しい要素を追加してみよう． ハンズオンのディレクトリにある simple_write.py を開いてみよう． 中には次のような関数が書かれている．
python
import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
-
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
-
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
コードを上から読んでいくと，まず最初に boto3 ライブラリをインポートし， dynamodb のリソースを呼び出している． write_item() 関数は， DynamoDB のテーブルの名前 (上で見た SimpleDynamoDb-XXXX) を引数として受け取る． そして， put_item() メソッドを呼ぶことで，新しいアイテムを DB に書き込んでいる． アイテムには item_id, first_name, last_name, age の 4 つの属性が定義されている． ここで， item_id は先ほど説明した Partition key に相当しており， UUID4 を用いたランダムな文字列を割り当てている．
では， simple_write.py を実行してみよう． "XXXX" の部分を自分がデプロイしたテーブルの名前 (SimpleDynamoDb で始まる文字列) に置き換えたうえで，次のコマンドを実行する．
sh
$ python simple_write.py XXXX
$ python simple_write.py XXXX
新しい要素が正しく書き込めたか， AWS コンソールから確認してみよう． figure_title と同じ手順で，テーブルの中身の要素の一覧を表示する． すると figure_title のように，期待通り新しい要素が見つかるだろう．
DynamoDB に新しい要素が追加されたことを確認
boto3 を使ってテーブルから要素を読みだすことも可能である． ハンズオンのディレクトリにある simple_read.py を見てみよう．
python
import boto3
-ddb = boto3.resource('dynamodb')
-
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
import boto3
-ddb = boto3.resource('dynamodb')
-
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
table.scan().get("Items") によって，テーブルの中にあるすべての要素を読みだしている．
次のコマンドで，このスクリプトを実行してみよう ("XXXX" の部分を正しく置き換えることを忘れずに）．
sh
$ python simple_read.py XXXX
$ python simple_read.py XXXX
先ほど書き込んだ要素が出力されることを確認しよう．
大量のデータの読み書き ​
DynamoDB の利点は，最初に述べたとおり，負荷に応じて自在にその処理能力を拡大できる点である．
そこで，ここでは一度に大量のデータを書き込む場合をシミュレートしてみよう． batch_rw.py に，一度に大量の書き込みを実行するためのプログラムが書いてある．
次のコマンドを実行してみよう (XXXX は自分のテーブルの名前に置き換える)．
sh
$ python batch_rw.py XXXX write 1000
$ python batch_rw.py XXXX write 1000
このコマンドを実行することで，ランダムなデータが 1000 個データベースに書き込まれる．
さらに，データベースの検索をかけてみよう． 今回書き込んだデータには age という属性に 1 から 50 のランダムな整数が割り当てられている． age が 2 以下であるような要素だけを検索し拾ってくるには，次のコマンドを実行すればよい．
sh
$ python batch_rw.py XXXX search_under_age 2
$ python batch_rw.py XXXX search_under_age 2
上の 2 つのコマンドを何回か繰り返し実行してみて，データベースに負荷をかけてみよう． とくに大きな遅延なく結果が返ってくることが確認できるだろう．
スタックの削除 ​
DynamoDB で十分に遊ぶことができたら，忘れずにスタックを削除しよう．
これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
S3 ハンズオン ​
最後に， S3 の簡単なチュートリアルを紹介する． ハンズオンのソースコードは GitHub の handson/serverless/s3 に置いてある．
figure_title が今回提供する S3 チュートリアルの概要である． STEP 1 として， AWS CDK を用いて S3 に新しい空のバケット (Bucket) を作成する． 続いて STEP 2 では，データのアップロード・ダウンロードの方法を解説する．
S3 チュートリアルの概要
このハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
s3.Bucket() を呼ぶことによって空のバケットが新規に作成される． 上記のコードだと，バケットの名前は自動生成される． もし，自分の指定した名前を与えたい場合は， bucket_name というパラメータを指定すればよい． その際， バケットの名前はユニークでなければならない (i.e. AWS のデプロイが行われるリージョン内で名前の重複がない) 点に注意しよう． もし，同じ名前のバケットが既に存在する場合はエラーが返ってくる．
デフォルトでは， CloudFormation スタックが削除されたとき， S3 バケットとその中に保存されたファイルは削除されない． これは，大切なデータを誤って消してしまうことを防止するための安全策である． cdk destroy を実行したときにバケットも含めてすべて削除されるようにするには， removal_policy=core.RemovalPolicy.DESTROY, auto_delete_objects=True とパラメータを設定する． 結果もよく理解したうえで，自分の用途にあった適切なパラメータを設定しよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイを実行すると， figure_title のような出力が得られるはずである． ここで表示されている SimpleS3.BucketName = XXXX が，新しく作られたバケットの名前である (今回提供しているコードを使うとランダムな名前がバケットに割り当てられる）． これはあとで使うのでメモしておこう．
デプロイ実行後の出力
データの読み書き ​
スタックのデプロイが完了したら，早速バケットにデータをアップロードしてみよう．
まずは，以下のコマンドを実行して， tmp.txt という仮のファイルを生成する．
sh
$ echo "Hello world!" >> tmp.txt
$ echo "Hello world!" >> tmp.txt
ハンズオンのディレクトリにある simple_s3.py に boto3 ライブラリを使用した S3 のファイルのアップロード・ダウンロードのスクリプトが書いてある． simple_s3.py を使って，上で作成した tmp.txt を以下のコマンドによりバケットにアップロードする． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX upload tmp.txt
$ python simple_s3.py XXXX upload tmp.txt
simple_s3.py のアップロードを担当している部分を以下に抜粋する．
python
def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
-
-    if key is None:
-        key = os.path.basename(filename)
-
-    bucket.upload_file(filename, key)
def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
-
-    if key is None:
-        key = os.path.basename(filename)
-
-    bucket.upload_file(filename, key)
bucket = s3.Bucket(bucket_name) の行で Bucket() オブジェクトを呼び出している． そして， upload_file() メソッドを呼ぶことでファイルのアップロードを実行している．
S3 においてファイルの識別子として使われるのが Key である． これは，従来的なファイルシステムにおけるパス (Path) と相同な概念で，それぞれのファイルに固有な Key が割り当てられる必要がある． Key という呼び方は， S3 が Object storage と呼ばれるシステムに立脚していることに由来する． --key のオプションを追加して simple_s3.py を実行することで， Key を指定してアップロードを実行することができる．
sh
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
ここではアップロードされたファイルに a/b/tmp.txt という Key を割り当てている．
ここまでコマンドを実行し終えたところで，一度 AWS コンソールに行き S3 の中身を確認してみよう． S3 のコンソールに行くと，バケットの一覧が見つかるはずである． その中から， simples3-bucket から始まるランダムな名前のついたバケットを探し，クリックする． するとバケットの中に含まれるファイルの一覧が表示される (figure_title)．
S3 バケットの中のファイル一覧
ここで実行した 2 つのコマンドによって， tmp.txt というファイルと， a/b/tmp.txt というファイルが見つかることに注目しよう． 従来的なファイルシステムと似た体験を提供するため， S3 では Key が "/" (スラッシュ) によって区切られていた場合，ツリー状の階層構造によってファイルを管理することができる．
オブジェクトストレージには本来ディレクトリという概念はない． 上で紹介した "/" による階層づけはあくまでユーザー体験向上の目的のお化粧的な機能である．
次に，バケットからファイルのダウンロードを実行してみよう． simple_s3.py を使って，以下のコマンドを実行すればよい． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX download tmp.txt
$ python simple_s3.py XXXX download tmp.txt
simple_s3.py のダウンロードを担当している部分を以下に抜粋する．
python
def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
-
-    if filename is None:
-        filename = os.path.basename(key)
-
-    bucket.download_file(key, filename)
def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
-
-    if filename is None:
-        filename = os.path.basename(key)
-
-    bucket.download_file(key, filename)
S3 からのダウンロードはシンプルで， download_file() メソッドを使って，ダウンロードしたい対象の Key を指定すればよい． ローカルのコンピュータでの保存先のパスを 2 個目の引数として渡している．
スタックの削除 ​
以上のハンズオンで， S3 の一番基本的な使い方を紹介した． ここまでのハンズオンが理解できたら，忘れずにスタックを削除しよう． これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
`,124);function X(C,q,w,S,z,$){const a=n;return h(),B("div",null,[f,_(a,{readTime:"10",words:"2.4k"}),D])}const L=A(g,[["render",X]]);export{N as __pageData,L as default};
diff --git a/assets/development_aws_handson-serverless.md.330af1e8.lean.js b/assets/development_aws_handson-serverless.md.330af1e8.lean.js
deleted file mode 100644
index 46e39a56..00000000
--- a/assets/development_aws_handson-serverless.md.330af1e8.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,a as p,b as e,c as o,d as t,e as r,f as c,g as i,h as y,i as d,j as b,k as m,l as u}from"./chunks/s3_bucket_filelist.89f3f384.js";import{_ as A,o as h,c as B,H as _,k as s,a as v,Q as k}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const N=JSON.parse('{"title":"Hands-on #5: サーバーレス入門","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-serverless.md","filePath":"development/aws/handson-serverless.md","lastUpdated":1695377563000}'),g={name:"development/aws/handson-serverless.md"},f=s("h1",{id:"hands-on-5-サーバーレス入門",tabindex:"-1"},[v("Hands-on #5: サーバーレス入門 "),s("a",{class:"header-anchor",href:"#hands-on-5-サーバーレス入門","aria-label":'Permalink to "Hands-on \\#5: サーバーレス入門"'},"​")],-1),D=k("",124);function X(C,q,w,S,z,$){const a=n;return h(),B("div",null,[f,_(a,{readTime:"10",words:"2.4k"}),D])}const L=A(g,[["render",X]]);export{N as __pageData,L as default};
diff --git a/assets/development_aws_handson-serverless.md.7fbfa1f9.js b/assets/development_aws_handson-serverless.md.7fbfa1f9.js
new file mode 100644
index 00000000..326c596c
--- /dev/null
+++ b/assets/development_aws_handson-serverless.md.7fbfa1f9.js
@@ -0,0 +1,219 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,a as p,b as e,c as o,d as t,e as r,f as c,g as i,h as y,i as d,j as m,k as b,l as u}from"./chunks/s3_bucket_filelist.89f3f384.js";import{_ as A,o as F,c as D,H as C,k as s,a as h,Q as _}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const N=JSON.parse('{"title":"Hands-on #5: サーバーレス入門","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-serverless.md","filePath":"development/aws/handson-serverless.md","lastUpdated":1699051935000}'),B={name:"development/aws/handson-serverless.md"},g=s("h1",{id:"hands-on-5-サーバーレス入門",tabindex:"-1"},[h("Hands-on #5: サーバーレス入門 "),s("a",{class:"header-anchor",href:"#hands-on-5-サーバーレス入門","aria-label":'Permalink to "Hands-on \\#5: サーバーレス入門"'},"​")],-1),v=_('
前章ではサーバーレスアーキテクチャの概要の説明を行った． 本章では，ハンズオン形式でサーバーレスクラウドを実際に動かしながら，具体的な使用方法を学んでいこう． 今回のハンズオンでは Lambda, S3, DynamoDB の三つのサーバーレスクラウドの構成要素に触れていく． それぞれについて，短いチュートリアルを用意してある．
Lambda ハンズオン ​
まずは， Lambda を実際に動かしてみよう． ハンズオンのソースコードは GitHub の handson/serverless/lambda に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して Python で書かれたコードを Lambda に登録する． 続いて STEP 2 では， Invoke API を使用して，同時にいくつもの Lambda を起動し，並列な計算を行う． Lambda のワークフローを体験する目的で最小限の設定である．
Lambda チュートリアルの概要
このハンズオンは，基本的に AWS Lambda の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
#
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
+
+class SimpleLambda(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
#
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
+
+class SimpleLambda(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
  • ここで， Lambda で実行されるべき関数を定義している． これは非常に単純な関数で，2-5 秒のランダムな時間スリープした後，["salmon", "tuna", "squid"] のいずれかの文字列をランダムに選択し， "Welcome to Cloud Sushi. Your order is XXXX" (XXXX は選ばれた寿司のネタ) というメッセージをリターンする．
  • 次に， Lambda に <1> で書いた関数を配置している． パラメータの意味は，文字どおりの意味なので難しくはないが，以下に解説する．
    • runtime=_lambda.Runtime.PYTHON_3_7: ここでは， Python3.7 を使って上記で定義された関数を実行せよ，と指定している． Python3.7 のほかに， Node.js, Java, Ruby, Go などの言語を指定することが可能である．
    • code=_lambda.Code.from_inline(FUNC): 実行されるべき関数が書かれたコードを指定する． ここでは， FUNC=... で定義した文字列を渡しているが，文字列以外にもファイルのパスを渡すことも可能である．
    • handler="index.handler": これは，コードの中にいくつかのサブ関数が含まれているときに，メインとサブを区別するためのパラメータである． handler という名前の関数をメイン関数として実行せよ，という意味である．
    • memory_size=128: メモリーは 128MB を最大で使用することを指定している．
    • timeout=core.Duration.seconds(10) タイムアウト時間を 10 秒に設定している． 10 秒以内に関数の実行が終了しなかった場合，エラーが返される．
    • dead_letter_queue_enabled=True: アドバンストな設定なので説明は省略する．
上記のプログラムを実行することで， Lambda 関数がクラウド上に作成される． 早速デプロイしてみよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleLambda.FunctionName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから，Lambda のページに行くと figure_title のような画面から Lambda の関数の一覧が確認できる．
Lambda コンソール - 関数の一覧
今回のアプリケーションで作成したのが SimpleLambda で始まるランダムな名前のついた関数だ． 関数の名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． 先ほどプログラムの中で定義した Python の関数がエディターから確認できる． さらに下の方にスクロールすると，関数の各種設定も確認できる．
Lambda コンソール - 関数の詳細
Lambda で実行されるコードは， Lambda のコンソール画面 (figure_title) のエディターで編集することもできる． デバッグをするときなどは，こちらを直接いじる方が早い場合もある． その場合は， CDK のコードに行った編集を反映させなおすことを忘れずに．
Lambda 関数の実行 ​
それでは，作成した Lambda 関数を実行 (invoke) してみよう． AWS の API を使うことで，関数の実行をスタートすることができる． 今回は， handson/serverless/lambda/invoke_one.py に関数を実行するための簡単なプログラムを提供している． 興味のある読者はコードを読んでもらいたい．
以下のコマンドで，Lambda の関数を実行する． コマンドの XXXX の部分は，先ほどデプロイしたときに SimpleLambda.FunctionName = XXXX で得られた XXXX の文字列で置換する．
sh
$ python invoke_one.py XXXX
$ python invoke_one.py XXXX
すると， "Welcome to Cloud Sushi. Your order is salmon" という出力が得られるはずだ． とてもシンプルではあるが，クラウド上で先ほどの関数が走り，乱数が生成されたうえで，ランダムな寿司ネタが選択されて出力が返されている． このコマンドを何度か打ってみて，実行ごとに異なる寿司ネタが返されることを確認しよう．
さて，このコマンドは，一度につき一回の関数を実行したわけであるが， Lambda の本領は一度に大量のタスクを同時に実行できる点である． そこで，今度は一度に 100 個のタスクを同時に送信してみよう． handson/serverless/lambda/invoke_many.py のスクリプトを使用する．
次のコマンドを実行しよう． XXXX の部分は前述と同様に置き換える． 第二引数の 100 は 100 個のタスクを投入せよ，という意味である．
sh
$ python invoke_many.py XXXX 100
$ python invoke_many.py XXXX 100
すると次のような出力が得られるはずだ．
sh
....................................................................................................
+Submitted 100 tasks to Lambda!
....................................................................................................
+Submitted 100 tasks to Lambda!
実際に，100 個のタスクが同時に実行されていることを確認しよう． figure_title の画面に戻り， "Monitoring" というタブがあるので，それをクリックする． すると， figure_title のようなグラフが表示されるだろう．
Lambda コンソール - 関数の実行のモニタリング
figure_title のグラフの更新には数分かかることがあるので，なにも表示されない場合は少し待つ．
figure_title で "Invocations" が関数が何度実行されたかを意味している． たしかに 100 回実行されていることがわかる． さらに， "Concurrent executions" は何個のタスクが同時に行われたかを示している． ここでは 96 となっていることから，96 個のタスクが並列的に実行されたことを意味している (これが 100 とならないのは，タスクの開始のコマンドが送られたのが完全には同タイミングではないことに起因する)．
このように，非常にシンプルではあるが， Lambda を使うことで，同時並列的に処理を実行することのできるクラウドシステムを簡単に作ることができた．
もしこのようなことを従来的な serverful なクラウドで行おうとした場合，クラスターのスケーリングなど多くのコードを書くことに加えて，いろいろなパラメータを調節する必要がある．
興味がある人は，一気に 1000 個などのジョブを投入してみるとよい． Lambda はそのような大量のリクエストにも対応できることが確認できるだろう． が，あまりやりすぎると Lambda の無料利用枠を超えて料金が発生してしまうので注意．
スタックの削除 ​
最後にスタックを削除しよう． スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
DynamoDB ハンズオン ​
続いて， DynamoDB の簡単なチュートリアルをやってみよう． ハンズオンのソースコードは GitHub の /handson/serverless/dynamodb に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して DynamoDB のテーブルを初期化し，デプロイする． 続いて STEP 2 では， API を使用してデータベースのデータの書き込み・読み出し・削除などの操作を練習する．
DynamoDB チュートリアルの概要
このハンズオンは，基本的に AWS DynamoDB の無料枠 の範囲内で実行できる．
handson/serverless/dynamodb/app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
このコードで，最低限の設定がなされた空の DynamoDB テーブルが作成される． それぞれのパラメータの意味を簡単に解説しよう．
  • partition_key: すべての DynamoDB テーブルには Partition key が定義されていなければならない． Partition key とは，テーブル内の要素 (レコード) ごとに存在する固有の ID のことである． 同一の Partition key をもった要素がテーブルの中に二つ以上存在することはできない (注: Sort Key を使用している場合は除く．詳しくは 公式ドキュメンテーション "Core Components of Amazon DynamoDB" 参照)． また， Partition key が定義されていない要素はテーブルの中に存在することはできない． ここでは， Partition key に item_id という名前をつけている．
  • billing_mode: ddb.BillingMode.PAY_PER_REQUEST を指定することで， On-demand Capacity Mode の DynamoDB が作成される． ほかに PROVISIONED というモードがあるが，これはかなり高度なケースを除いて使用しないだろう．
  • removal_policy: CloudFormation のスタックが消去されたときに， DynamoDB も一緒に消去されるかどうかを指定する． このコードでは DESTROY を選んでいるので，すべて消去される． ほかのオプションを選択すると，スタックを消去しても DynamoDB のバックアップを残す，などの動作を定義することができる．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleDynamoDb.TableName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから， DynamoDB のページに行き，左のメニューバーから "Tables" を選択する． すると， figure_title のような画面からテーブルの一覧が確認できる．
DynamoDB のコンソール (テーブルの一覧)
今回のアプリケーションで作成したのが SimpleDynamoDb で始まるランダムな名前のついたテーブルだ． テーブルの名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． "Items" のタブをクリックすると，テーブルの中のレコードを確認できる． 現時点ではなにもデータを書き込んでいないので，空である．
DynamoDB のコンソール (テーブルの詳細画面)
データの読み書き ​
それでは， デプロイ で作ったテーブルを使ってデータの読み書きを実践してみよう． ここでは Python と boto3 ライブラリを用いた方法を紹介する．
まずは，テーブルに新しい要素を追加してみよう． ハンズオンのディレクトリにある simple_write.py を開いてみよう． 中には次のような関数が書かれている．
python
import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
+
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
+
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
コードを上から読んでいくと，まず最初に boto3 ライブラリをインポートし， dynamodb のリソースを呼び出している． write_item() 関数は， DynamoDB のテーブルの名前 (上で見た SimpleDynamoDb-XXXX) を引数として受け取る． そして， put_item() メソッドを呼ぶことで，新しいアイテムを DB に書き込んでいる． アイテムには item_id, first_name, last_name, age の 4 つの属性が定義されている． ここで， item_id は先ほど説明した Partition key に相当しており， UUID4 を用いたランダムな文字列を割り当てている．
では， simple_write.py を実行してみよう． "XXXX" の部分を自分がデプロイしたテーブルの名前 (SimpleDynamoDb で始まる文字列) に置き換えたうえで，次のコマンドを実行する．
sh
$ python simple_write.py XXXX
$ python simple_write.py XXXX
新しい要素が正しく書き込めたか， AWS コンソールから確認してみよう． figure_title と同じ手順で，テーブルの中身の要素の一覧を表示する． すると figure_title のように，期待通り新しい要素が見つかるだろう．
DynamoDB に新しい要素が追加されたことを確認
boto3 を使ってテーブルから要素を読みだすことも可能である． ハンズオンのディレクトリにある simple_read.py を見てみよう．
python
import boto3
+ddb = boto3.resource('dynamodb')
+
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
import boto3
+ddb = boto3.resource('dynamodb')
+
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
table.scan().get("Items") によって，テーブルの中にあるすべての要素を読みだしている．
次のコマンドで，このスクリプトを実行してみよう ("XXXX" の部分を正しく置き換えることを忘れずに）．
sh
$ python simple_read.py XXXX
$ python simple_read.py XXXX
先ほど書き込んだ要素が出力されることを確認しよう．
大量のデータの読み書き ​
DynamoDB の利点は，最初に述べたとおり，負荷に応じて自在にその処理能力を拡大できる点である．
そこで，ここでは一度に大量のデータを書き込む場合をシミュレートしてみよう． batch_rw.py に，一度に大量の書き込みを実行するためのプログラムが書いてある．
次のコマンドを実行してみよう (XXXX は自分のテーブルの名前に置き換える)．
sh
$ python batch_rw.py XXXX write 1000
$ python batch_rw.py XXXX write 1000
このコマンドを実行することで，ランダムなデータが 1000 個データベースに書き込まれる．
さらに，データベースの検索をかけてみよう． 今回書き込んだデータには age という属性に 1 から 50 のランダムな整数が割り当てられている． age が 2 以下であるような要素だけを検索し拾ってくるには，次のコマンドを実行すればよい．
sh
$ python batch_rw.py XXXX search_under_age 2
$ python batch_rw.py XXXX search_under_age 2
上の 2 つのコマンドを何回か繰り返し実行してみて，データベースに負荷をかけてみよう． とくに大きな遅延なく結果が返ってくることが確認できるだろう．
スタックの削除 ​
DynamoDB で十分に遊ぶことができたら，忘れずにスタックを削除しよう．
これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
S3 ハンズオン ​
最後に， S3 の簡単なチュートリアルを紹介する． ハンズオンのソースコードは GitHub の handson/serverless/s3 に置いてある．
figure_title が今回提供する S3 チュートリアルの概要である． STEP 1 として， AWS CDK を用いて S3 に新しい空のバケット (Bucket) を作成する． 続いて STEP 2 では，データのアップロード・ダウンロードの方法を解説する．
S3 チュートリアルの概要
このハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
s3.Bucket() を呼ぶことによって空のバケットが新規に作成される． 上記のコードだと，バケットの名前は自動生成される． もし，自分の指定した名前を与えたい場合は， bucket_name というパラメータを指定すればよい． その際， バケットの名前はユニークでなければならない (i.e. AWS のデプロイが行われるリージョン内で名前の重複がない) 点に注意しよう． もし，同じ名前のバケットが既に存在する場合はエラーが返ってくる．
デフォルトでは， CloudFormation スタックが削除されたとき， S3 バケットとその中に保存されたファイルは削除されない． これは，大切なデータを誤って消してしまうことを防止するための安全策である． cdk destroy を実行したときにバケットも含めてすべて削除されるようにするには， removal_policy=core.RemovalPolicy.DESTROY, auto_delete_objects=True とパラメータを設定する． 結果もよく理解したうえで，自分の用途にあった適切なパラメータを設定しよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイを実行すると， figure_title のような出力が得られるはずである． ここで表示されている SimpleS3.BucketName = XXXX が，新しく作られたバケットの名前である (今回提供しているコードを使うとランダムな名前がバケットに割り当てられる）． これはあとで使うのでメモしておこう．
デプロイ実行後の出力
データの読み書き ​
スタックのデプロイが完了したら，早速バケットにデータをアップロードしてみよう．
まずは，以下のコマンドを実行して， tmp.txt という仮のファイルを生成する．
sh
$ echo "Hello world!" >> tmp.txt
$ echo "Hello world!" >> tmp.txt
ハンズオンのディレクトリにある simple_s3.py に boto3 ライブラリを使用した S3 のファイルのアップロード・ダウンロードのスクリプトが書いてある． simple_s3.py を使って，上で作成した tmp.txt を以下のコマンドによりバケットにアップロードする． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX upload tmp.txt
$ python simple_s3.py XXXX upload tmp.txt
simple_s3.py のアップロードを担当している部分を以下に抜粋する．
python
def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
+
+    if key is None:
+        key = os.path.basename(filename)
+
+    bucket.upload_file(filename, key)
def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
+
+    if key is None:
+        key = os.path.basename(filename)
+
+    bucket.upload_file(filename, key)
bucket = s3.Bucket(bucket_name) の行で Bucket() オブジェクトを呼び出している． そして， upload_file() メソッドを呼ぶことでファイルのアップロードを実行している．
S3 においてファイルの識別子として使われるのが Key である． これは，従来的なファイルシステムにおけるパス (Path) と相同な概念で，それぞれのファイルに固有な Key が割り当てられる必要がある． Key という呼び方は， S3 が Object storage と呼ばれるシステムに立脚していることに由来する． --key のオプションを追加して simple_s3.py を実行することで， Key を指定してアップロードを実行することができる．
sh
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
ここではアップロードされたファイルに a/b/tmp.txt という Key を割り当てている．
ここまでコマンドを実行し終えたところで，一度 AWS コンソールに行き S3 の中身を確認してみよう． S3 のコンソールに行くと，バケットの一覧が見つかるはずである． その中から， simples3-bucket から始まるランダムな名前のついたバケットを探し，クリックする． するとバケットの中に含まれるファイルの一覧が表示される (figure_title)．
S3 バケットの中のファイル一覧
ここで実行した 2 つのコマンドによって， tmp.txt というファイルと， a/b/tmp.txt というファイルが見つかることに注目しよう． 従来的なファイルシステムと似た体験を提供するため， S3 では Key が "/" (スラッシュ) によって区切られていた場合，ツリー状の階層構造によってファイルを管理することができる．
オブジェクトストレージには本来ディレクトリという概念はない． 上で紹介した "/" による階層づけはあくまでユーザー体験向上の目的のお化粧的な機能である．
次に，バケットからファイルのダウンロードを実行してみよう． simple_s3.py を使って，以下のコマンドを実行すればよい． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX download tmp.txt
$ python simple_s3.py XXXX download tmp.txt
simple_s3.py のダウンロードを担当している部分を以下に抜粋する．
python
def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
+
+    if filename is None:
+        filename = os.path.basename(key)
+
+    bucket.download_file(key, filename)
def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
+
+    if filename is None:
+        filename = os.path.basename(key)
+
+    bucket.download_file(key, filename)
S3 からのダウンロードはシンプルで， download_file() メソッドを使って，ダウンロードしたい対象の Key を指定すればよい． ローカルのコンピュータでの保存先のパスを 2 個目の引数として渡している．
スタックの削除 ​
以上のハンズオンで， S3 の一番基本的な使い方を紹介した． ここまでのハンズオンが理解できたら，忘れずにスタックを削除しよう． これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
`,124);function E(k,f,X,q,S,w){const a=n;return F(),D("div",null,[g,C(a,{readTime:"10",words:"2.4k"}),v])}const L=A(B,[["render",E]]);export{N as __pageData,L as default};
diff --git a/assets/development_aws_handson-serverless.md.7fbfa1f9.lean.js b/assets/development_aws_handson-serverless.md.7fbfa1f9.lean.js
new file mode 100644
index 00000000..2e41b48f
--- /dev/null
+++ b/assets/development_aws_handson-serverless.md.7fbfa1f9.lean.js
@@ -0,0 +1 @@
+import{_ as n}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as l,a as p,b as e,c as o,d as t,e as r,f as c,g as i,h as y,i as d,j as m,k as b,l as u}from"./chunks/s3_bucket_filelist.89f3f384.js";import{_ as A,o as F,c as D,H as C,k as s,a as h,Q as _}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const N=JSON.parse('{"title":"Hands-on #5: サーバーレス入門","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/handson-serverless.md","filePath":"development/aws/handson-serverless.md","lastUpdated":1699051935000}'),B={name:"development/aws/handson-serverless.md"},g=s("h1",{id:"hands-on-5-サーバーレス入門",tabindex:"-1"},[h("Hands-on #5: サーバーレス入門 "),s("a",{class:"header-anchor",href:"#hands-on-5-サーバーレス入門","aria-label":'Permalink to "Hands-on \\#5: サーバーレス入門"'},"​")],-1),v=_("",124);function E(k,f,X,q,S,w){const a=n;return F(),D("div",null,[g,C(a,{readTime:"10",words:"2.4k"}),v])}const L=A(B,[["render",E]]);export{N as __pageData,L as default};
diff --git a/assets/development_aws_index.md.1f9e71a6.js b/assets/development_aws_index.md.0fcf5beb.js
similarity index 74%
rename from assets/development_aws_index.md.1f9e71a6.js
rename to assets/development_aws_index.md.0fcf5beb.js
index 860de24d..6ac9b8c4 100644
--- a/assets/development_aws_index.md.1f9e71a6.js
+++ b/assets/development_aws_index.md.0fcf5beb.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o}from"./chunks/earth_from_earth.8c108f53.js";import{_ as s,o as r,c as l,H as p,k as e,a as n,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const w=JSON.parse('{"title":"はじめに","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/index.md","filePath":"development/aws/index.md","lastUpdated":1695377563000}'),c={name:"development/aws/index.md"},d=e("h1",{id:"はじめに",tabindex:"-1"},[n("はじめに "),e("a",{class:"header-anchor",href:"#はじめに","aria-label":'Permalink to "はじめに"'},"​")],-1),h=i('
本書の目的・内容 ​
本書は，東京大学計数工学科で 2021 年度 S1/S2 タームに開講されている"システム情報工学特論"の講義資料として作成された．
本書の目的は，クラウドの初心者を対象とし，クラウドの基礎的な知識・概念を解説する． また， Amazon Web Services (以下， AWS) の提供するクラウド環境を実例として，具体的なクラウドの利用方法をハンズオンを通して学ぶ．
とくに，科学・エンジニアリングの学生を対象として，研究などの目的でクラウドを利用するための実践的な手順を紹介する． 知識・理論の説明は最小限に留め，実践を行う中で必要な概念の解説を行う予定である． 読者が今後，研究などでクラウドを利用する際の，足がかりとなれば本書の目的は十分達成されたことになる．
本書は以下のような三部構成になっている．
本書の構成
テーマハンズオン
第一部 (1章-4章)
クラウドの基礎
  • AWSに自分のサーバーを立ち上げる
第二部 (5章-9章)
クラウドを活用した機械学習
  • AWS と Jupyter を使って始めるディープラーニング
  • スケーラブルな自動質問回答ボットを作る
  • 並列化されたハイパーパラメータサーチの実装
第三部 (10章-13章)
サーバーレスアーキテクチャ入門
  • Lambda, DynamoDB, S3 の演習
  • 俳句を投稿する SNS "Bashoutter" を作る
第一部は，クラウドの基礎となる概念・知識を解説する． セキュリティやネットワークなど，クラウドを利用する上で最低限おさえなければいけないポイントを説明する． ハンズオンでは，はじめての仮想サーバーを AWS に立ち上げる演習を行う．
第二部では，クラウド上で科学計算 (とくに機械学習) を走らせるための入門となる知識・技術を解説する． あわせて， Docker とよばれる仮想計算環境の使用方法を紹介する． 一つ目のハンズオンでは， AWS のクラウドで Jupyter Notebook を起動し簡単な機械学習の計算を走らせる課題を実践する． 二つ目のハンズオンでは，深層学習を用いた自然言語処理により，質問に自動で回答を生成するボットを作成する． 最後に，複数台の GPU インスタンスからなるクラスターを起動し，並列に深層学習のハイパーパラメータサーチを行う方法を紹介する．
第三部では，サーバーレスアーキテクチャとよばれる最新のクラウドのアーキテクチャを紹介する． これは，サーバーの処理能力を負荷に応じてより柔軟に拡大・縮小するための概念であり，それ以前 (Serverful としばしばよばれる) と質的に異なる設計思想をクラウドに導入するものである． ハンズオンでは，サーバーレスクラウドの主要なコンポーネントである Lambda, DynamoDB, S3 の演習を提供する． さらに，サーバーレスの技術を使用して簡単な SNS をクラウド上に作成する．
これらの豊富なハンズオンにより， AWS 上にクラウドシステムを開発するための知識と技術が身につくはずである． いずれのハンズオンも，実用性を重視したものになっており，これらをベースにカスタマイズを施すことで様々な応用が可能である．
本書のフィロソフィー ​
本書のフィロソフィーを一言で表すなら， "ロケットで宇宙まで飛んでいって一度地球を眺めてみよう！" である．
どういうことか？
ここでいう"地球"とは，クラウドコンピューティングの全体像のことである． 言うまでもなく，クラウドという技術は非常に広範かつ複雑な概念で，幾多の情報技術・ハードウェア・アルゴリズムが精緻に組み合わさってできた総体である． そして，今日では科学研究から日常のインフラ設備に至るまで，我々の社会の多くの部分がクラウド技術によって支えられている．
ここでいう"ロケット"とはこの講義のことである． この講義では，ロケットに乗って宇宙まで飛び立ち，地球(クラウド)の全体を自身の目で眺めてもらう． その際，ロケットの成り立ちや仕組み (背後にある要素技術やプログラムのソースコード) を深くは問わない． 将来，自分が研究などの目的でクラウドを利用することになった際に，改めて学んでもらえば良い． 本書の目的はむしろ，クラウドの最先端に実際に触れ，そこからどんな景色が見えるか(どんな応用が可能か)を実感してもらうことである．
そのような理由で，本書はクラウドの基礎から応用まで幅広いテーマを取り扱う． 第一部はクラウドの基礎から始め，第二部では一気にレベルアップし機械学習(深層学習)をクラウドで実行する手法を解説する． さらに第三部では，サーバーレス・アーキテクチャというここ数年のうちに確立した全く新しいクラウドの設計について解説する． それぞれで本一冊分以上の内容に相当するものであるが，本書はあえてこれらを一冊にまとめ連続的に俯瞰するという野心的な意図をもって執筆された．
決して楽な搭乗体験ではないかもしれないが，このロケットにしがみついてきてもらえれば，とてもエキサイティングな景色が見られることを約束したい．
宇宙からみた地球 (Image from NASA https://www.nasa.gov/image-feature/planet-of-clouds)
AWS アカウント ​
本書では，ハンズオン形式で AWS のクラウドを実際に動かす演習を提供する． 自分でハンズオンを実行してみたい読者は，各自で AWS のアカウントの作成をしていただく． AWS のアカウントの作成の仕方は巻末付録 ( (#sec:create_aws_account)) に簡単に記載したので，必要に応じて参照していただきたい．
AWS にはいくつかの機能に対して無料利用枠が設定されており，いくつかのハンズオンは無料の範囲内で実行できる． 一方，ほかのハンズオン (とくに機械学習を扱うもの) では数ドル程度のコストが発生する． ハンズオンごとに発生するおおよそのコストについて記述があるので，注意をしながらハンズオンに取り組んでいただきたい．
また，大学などの教育機関における講義で AWS を使用する際は， AWS Educate というプログラムを利用することも可能である． これは，講義の担当者が申請を行うことで，受講する学生に対し AWS クレジットが提供されるというプログラムである． AWS Educate を利用することで金銭的な負担なしに AWS を体験することができる． また，講義を経由せず個人でも AWS Educate に参加することも可能である． AWS Educate からは様々な学習教材が提供されているので，ぜひ活用してもらいたい．
環境構築 ​
本書では， AWS 上にクラウドアプリケーションを展開するハンズオンを実施する． そこで紹介するプログラムを実行するためには，以下の計算機環境が必要である． インストールの方法については，巻末付録 ( (#sec:appendix_settingup)) に記してある． 必要に応じて参照し，環境構築を各自実施していただきたい．
  • UNIX 系コンソール: ハンズオンで紹介するコマンドを実行したり， SSH でサーバーにアクセスするため， UNIX 系のコンソール環境が必要である． Mac または Linux のユーザーは， OS に標準搭載のコンソール(ターミナルとも呼ばれる)を使用すればよい． Windows のユーザーは， Windows Subsystem for Linux (WSL) を使い， Linux の仮想環境のインストールを推奨する ( (#sec:install_wsl) 参照)．
  • Docker: 本書では Docker とよばれる仮想計算環境の利用方法を解説する． インストール手順については (#sec:install_docker) を参照のこと．
  • Python: Version 3.6 以上をインストールする． とくに，ハンズオンでは venv モジュールを使用する． venv の使い方は (#venv_quick_guide) 参照のこと．
  • Node.js: version 12.0 以上 をインストールする．
  • AWS CLI: Version 2 をインストールする． インストール手順については (#aws_cli_install) 参照のこと．
  • AWS CDK: Version 1.100 以上をインストールする． Version 2 以降には未対応である． インストール手順については (#aws_cdk_install) 参照のこと．
  • AWS 認証鍵の設定: AWS API をコマンドラインから呼ぶには，認証鍵 (secret key) が設定されている必要がある． 認証鍵の設定については (#aws_cli_install) 参照のこと．
ハンズオン実行用の Docker Image ​
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもクローン済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
次のコマンドで起動する．
sh
$ docker run -it tomomano/labc
$ docker run -it tomomano/labc
この Docker image の使い方や詳細は (#sec_handson_docker) に記載している．
前提知識 ​
本書を読むにあたり，要求する前提知識は大学初等程度の計算機科学の知識 (OS，プログラミングなど)のみである． それ以上の前提知識はとくに仮定しない． クラウドの利用経験もゼロで問題ない． が，以下の事前知識があるとよりスムーズに理解をすることができるだろう．
  • Python の基本的な理解: 本書では Python を使ってプログラムの作成を行う． 使用するライブラリは十分抽象化されており，関数の名前を見ただけで意味が明瞭なものがほとんどであるので， Python に詳しくなくても心配する必要はない．
  • Linux コマンドラインの基礎的な理解: クラウドを利用する際，クラウド上に立ち上がるサーバーは基本的に Linux である． Linux のコマンドラインについて知識があると，トラブルシュートなどが容易になる． 筆者のおすすめの参考書は The Linux Command Line by William Shotts である． ウェブで無料で読むことができるので，読んだことのない人はぜひ一読を．
講義に関連する資料 ​
ハンズオンで使うプログラムや教科書のソースコードは以下のウェブページで公開している．
本書で使用するノーテーションなど ​
  • コードやシェルのコマンドは monospace letter で記述する．
  • シェルに入力するコマンドは，それがシェルコマンドであると明示する目的で，先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力には $ はついていない点に留意する．
また，以下のような形式で注意やチップスを提供する．
追加のコメントなどを記す．
発展的な議論やアイディアなどを紹介する．
陥りやすいミスなどの注意事項を述べる．
絶対に犯してはならないミスを指摘する．
',42);function u(m,_,g,S,A,b){const a=t;return r(),l("div",null,[d,p(a,{readTime:"4",words:"1.3k"}),h])}const q=s(c,[["render",u]]);export{w as __pageData,q as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o}from"./chunks/earth_from_earth.8c108f53.js";import{_ as s,o as r,c as l,H as p,k as e,a as n,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const w=JSON.parse('{"title":"はじめに","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/index.md","filePath":"development/aws/index.md","lastUpdated":1699051935000}'),c={name:"development/aws/index.md"},d=e("h1",{id:"はじめに",tabindex:"-1"},[n("はじめに "),e("a",{class:"header-anchor",href:"#はじめに","aria-label":'Permalink to "はじめに"'},"​")],-1),h=i('
本書の目的・内容 ​
本書は，東京大学計数工学科で 2021 年度 S1/S2 タームに開講されている"システム情報工学特論"の講義資料として作成された．
本書の目的は，クラウドの初心者を対象とし，クラウドの基礎的な知識・概念を解説する． また， Amazon Web Services (以下， AWS) の提供するクラウド環境を実例として，具体的なクラウドの利用方法をハンズオンを通して学ぶ．
とくに，科学・エンジニアリングの学生を対象として，研究などの目的でクラウドを利用するための実践的な手順を紹介する． 知識・理論の説明は最小限に留め，実践を行う中で必要な概念の解説を行う予定である． 読者が今後，研究などでクラウドを利用する際の，足がかりとなれば本書の目的は十分達成されたことになる．
本書は以下のような三部構成になっている．
本書の構成
テーマハンズオン
第一部 (1章-4章)
クラウドの基礎
  • AWSに自分のサーバーを立ち上げる
第二部 (5章-9章)
クラウドを活用した機械学習
  • AWS と Jupyter を使って始めるディープラーニング
  • スケーラブルな自動質問回答ボットを作る
  • 並列化されたハイパーパラメータサーチの実装
第三部 (10章-13章)
サーバーレスアーキテクチャ入門
  • Lambda, DynamoDB, S3 の演習
  • 俳句を投稿する SNS "Bashoutter" を作る
第一部は，クラウドの基礎となる概念・知識を解説する． セキュリティやネットワークなど，クラウドを利用する上で最低限おさえなければいけないポイントを説明する． ハンズオンでは，はじめての仮想サーバーを AWS に立ち上げる演習を行う．
第二部では，クラウド上で科学計算 (とくに機械学習) を走らせるための入門となる知識・技術を解説する． あわせて， Docker とよばれる仮想計算環境の使用方法を紹介する． 一つ目のハンズオンでは， AWS のクラウドで Jupyter Notebook を起動し簡単な機械学習の計算を走らせる課題を実践する． 二つ目のハンズオンでは，深層学習を用いた自然言語処理により，質問に自動で回答を生成するボットを作成する． 最後に，複数台の GPU インスタンスからなるクラスターを起動し，並列に深層学習のハイパーパラメータサーチを行う方法を紹介する．
第三部では，サーバーレスアーキテクチャとよばれる最新のクラウドのアーキテクチャを紹介する． これは，サーバーの処理能力を負荷に応じてより柔軟に拡大・縮小するための概念であり，それ以前 (Serverful としばしばよばれる) と質的に異なる設計思想をクラウドに導入するものである． ハンズオンでは，サーバーレスクラウドの主要なコンポーネントである Lambda, DynamoDB, S3 の演習を提供する． さらに，サーバーレスの技術を使用して簡単な SNS をクラウド上に作成する．
これらの豊富なハンズオンにより， AWS 上にクラウドシステムを開発するための知識と技術が身につくはずである． いずれのハンズオンも，実用性を重視したものになっており，これらをベースにカスタマイズを施すことで様々な応用が可能である．
本書のフィロソフィー ​
本書のフィロソフィーを一言で表すなら， "ロケットで宇宙まで飛んでいって一度地球を眺めてみよう！" である．
どういうことか？
ここでいう"地球"とは，クラウドコンピューティングの全体像のことである． 言うまでもなく，クラウドという技術は非常に広範かつ複雑な概念で，幾多の情報技術・ハードウェア・アルゴリズムが精緻に組み合わさってできた総体である． そして，今日では科学研究から日常のインフラ設備に至るまで，我々の社会の多くの部分がクラウド技術によって支えられている．
ここでいう"ロケット"とはこの講義のことである． この講義では，ロケットに乗って宇宙まで飛び立ち，地球(クラウド)の全体を自身の目で眺めてもらう． その際，ロケットの成り立ちや仕組み (背後にある要素技術やプログラムのソースコード) を深くは問わない． 将来，自分が研究などの目的でクラウドを利用することになった際に，改めて学んでもらえば良い． 本書の目的はむしろ，クラウドの最先端に実際に触れ，そこからどんな景色が見えるか(どんな応用が可能か)を実感してもらうことである．
そのような理由で，本書はクラウドの基礎から応用まで幅広いテーマを取り扱う． 第一部はクラウドの基礎から始め，第二部では一気にレベルアップし機械学習(深層学習)をクラウドで実行する手法を解説する． さらに第三部では，サーバーレス・アーキテクチャというここ数年のうちに確立した全く新しいクラウドの設計について解説する． それぞれで本一冊分以上の内容に相当するものであるが，本書はあえてこれらを一冊にまとめ連続的に俯瞰するという野心的な意図をもって執筆された．
決して楽な搭乗体験ではないかもしれないが，このロケットにしがみついてきてもらえれば，とてもエキサイティングな景色が見られることを約束したい．
宇宙からみた地球 (Image from NASA https://www.nasa.gov/image-feature/planet-of-clouds)
AWS アカウント ​
本書では，ハンズオン形式で AWS のクラウドを実際に動かす演習を提供する． 自分でハンズオンを実行してみたい読者は，各自で AWS のアカウントの作成をしていただく． AWS のアカウントの作成の仕方は巻末付録 ( (#sec:create_aws_account)) に簡単に記載したので，必要に応じて参照していただきたい．
AWS にはいくつかの機能に対して無料利用枠が設定されており，いくつかのハンズオンは無料の範囲内で実行できる． 一方，ほかのハンズオン (とくに機械学習を扱うもの) では数ドル程度のコストが発生する． ハンズオンごとに発生するおおよそのコストについて記述があるので，注意をしながらハンズオンに取り組んでいただきたい．
また，大学などの教育機関における講義で AWS を使用する際は， AWS Educate というプログラムを利用することも可能である． これは，講義の担当者が申請を行うことで，受講する学生に対し AWS クレジットが提供されるというプログラムである． AWS Educate を利用することで金銭的な負担なしに AWS を体験することができる． また，講義を経由せず個人でも AWS Educate に参加することも可能である． AWS Educate からは様々な学習教材が提供されているので，ぜひ活用してもらいたい．
環境構築 ​
本書では， AWS 上にクラウドアプリケーションを展開するハンズオンを実施する． そこで紹介するプログラムを実行するためには，以下の計算機環境が必要である． インストールの方法については，巻末付録 ( (#sec:appendix_settingup)) に記してある． 必要に応じて参照し，環境構築を各自実施していただきたい．
  • UNIX 系コンソール: ハンズオンで紹介するコマンドを実行したり， SSH でサーバーにアクセスするため， UNIX 系のコンソール環境が必要である． Mac または Linux のユーザーは， OS に標準搭載のコンソール(ターミナルとも呼ばれる)を使用すればよい． Windows のユーザーは， Windows Subsystem for Linux (WSL) を使い， Linux の仮想環境のインストールを推奨する ( (#sec:install_wsl) 参照)．
  • Docker: 本書では Docker とよばれる仮想計算環境の利用方法を解説する． インストール手順については (#sec:install_docker) を参照のこと．
  • Python: Version 3.6 以上をインストールする． とくに，ハンズオンでは venv モジュールを使用する． venv の使い方は (#venv_quick_guide) 参照のこと．
  • Node.js: version 12.0 以上 をインストールする．
  • AWS CLI: Version 2 をインストールする． インストール手順については (#aws_cli_install) 参照のこと．
  • AWS CDK: Version 1.100 以上をインストールする． Version 2 以降には未対応である． インストール手順については (#aws_cdk_install) 参照のこと．
  • AWS 認証鍵の設定: AWS API をコマンドラインから呼ぶには，認証鍵 (secret key) が設定されている必要がある． 認証鍵の設定については (#aws_cli_install) 参照のこと．
ハンズオン実行用の Docker Image ​
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもクローン済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
次のコマンドで起動する．
sh
$ docker run -it tomomano/labc
$ docker run -it tomomano/labc
この Docker image の使い方や詳細は (#sec_handson_docker) に記載している．
前提知識 ​
本書を読むにあたり，要求する前提知識は大学初等程度の計算機科学の知識 (OS，プログラミングなど)のみである． それ以上の前提知識はとくに仮定しない． クラウドの利用経験もゼロで問題ない． が，以下の事前知識があるとよりスムーズに理解をすることができるだろう．
  • Python の基本的な理解: 本書では Python を使ってプログラムの作成を行う． 使用するライブラリは十分抽象化されており，関数の名前を見ただけで意味が明瞭なものがほとんどであるので， Python に詳しくなくても心配する必要はない．
  • Linux コマンドラインの基礎的な理解: クラウドを利用する際，クラウド上に立ち上がるサーバーは基本的に Linux である． Linux のコマンドラインについて知識があると，トラブルシュートなどが容易になる． 筆者のおすすめの参考書は The Linux Command Line by William Shotts である． ウェブで無料で読むことができるので，読んだことのない人はぜひ一読を．
講義に関連する資料 ​
ハンズオンで使うプログラムや教科書のソースコードは以下のウェブページで公開している．
本書で使用するノーテーションなど ​
  • コードやシェルのコマンドは monospace letter で記述する．
  • シェルに入力するコマンドは，それがシェルコマンドであると明示する目的で，先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力には $ はついていない点に留意する．
また，以下のような形式で注意やチップスを提供する．
追加のコメントなどを記す．
発展的な議論やアイディアなどを紹介する．
陥りやすいミスなどの注意事項を述べる．
絶対に犯してはならないミスを指摘する．
',42);function u(m,_,g,S,b,k){const a=t;return r(),l("div",null,[d,p(a,{readTime:"4",words:"1.3k"}),h])}const q=s(c,[["render",u]]);export{w as __pageData,q as default};
diff --git a/assets/development_aws_index.md.1f9e71a6.lean.js b/assets/development_aws_index.md.0fcf5beb.lean.js
similarity index 85%
rename from assets/development_aws_index.md.1f9e71a6.lean.js
rename to assets/development_aws_index.md.0fcf5beb.lean.js
index 10245e7d..138c4451 100644
--- a/assets/development_aws_index.md.1f9e71a6.lean.js
+++ b/assets/development_aws_index.md.0fcf5beb.lean.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o}from"./chunks/earth_from_earth.8c108f53.js";import{_ as s,o as r,c as l,H as p,k as e,a as n,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const w=JSON.parse('{"title":"はじめに","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/index.md","filePath":"development/aws/index.md","lastUpdated":1695377563000}'),c={name:"development/aws/index.md"},d=e("h1",{id:"はじめに",tabindex:"-1"},[n("はじめに "),e("a",{class:"header-anchor",href:"#はじめに","aria-label":'Permalink to "はじめに"'},"​")],-1),h=i("",42);function u(m,_,g,S,A,b){const a=t;return r(),l("div",null,[d,p(a,{readTime:"4",words:"1.3k"}),h])}const q=s(c,[["render",u]]);export{w as __pageData,q as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o}from"./chunks/earth_from_earth.8c108f53.js";import{_ as s,o as r,c as l,H as p,k as e,a as n,Q as i}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const w=JSON.parse('{"title":"はじめに","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/index.md","filePath":"development/aws/index.md","lastUpdated":1699051935000}'),c={name:"development/aws/index.md"},d=e("h1",{id:"はじめに",tabindex:"-1"},[n("はじめに "),e("a",{class:"header-anchor",href:"#はじめに","aria-label":'Permalink to "はじめに"'},"​")],-1),h=i("",42);function u(m,_,g,S,b,k){const a=t;return r(),l("div",null,[d,p(a,{readTime:"4",words:"1.3k"}),h])}const q=s(c,[["render",u]]);export{w as __pageData,q as default};
diff --git a/assets/development_aws_license.md.5f519b50.js b/assets/development_aws_license.md.38e84b81.js
similarity index 95%
rename from assets/development_aws_license.md.5f519b50.js
rename to assets/development_aws_license.md.38e84b81.js
index bb328c67..1b1f04cd 100644
--- a/assets/development_aws_license.md.5f519b50.js
+++ b/assets/development_aws_license.md.38e84b81.js
@@ -1 +1 @@
-import{_ as s}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o,c,H as r,k as e,a as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const _="/assets/cc_by_nc_nd.c97a96cd.png",w=JSON.parse('{"title":"ライセンス","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/license.md","filePath":"development/aws/license.md","lastUpdated":1695377563000}'),d={name:"development/aws/license.md"},l=e("h1",{id:"ライセンス",tabindex:"-1"},[t("ライセンス "),e("a",{class:"header-anchor",href:"#ライセンス","aria-label":'Permalink to "ライセンス"'},"​")],-1),i=e("p",null,[t("本教科書およびハンズオンのソースコードは "),e("a",{href:"https://creativecommons.org/licenses/by-nc-nd/4.0/",target:"_blank",rel:"noreferrer"},"CC BY-NC-ND 4.0"),t(" に従うライセンスで公開しています．")],-1),p=e("p",null,"教育など非商用の目的での本教科書の使用や再配布は自由に行うことが可能です． 商用目的で本書の全体またはその一部を無断で転載する行為は，これを固く禁じます．",-1),m=e("p",null,[e("img",{src:_,alt:"cc_by_nc_nd"})],-1);function f(h,u,b,g,v,N){const a=s;return o(),c("div",null,[l,r(a,{readTime:"1",words:"62"}),i,p,m])}const B=n(d,[["render",f]]);export{w as __pageData,B as default};
+import{_ as s}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o,c,H as r,k as e,a as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const _="/assets/cc_by_nc_nd.c97a96cd.png",w=JSON.parse('{"title":"ライセンス","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/license.md","filePath":"development/aws/license.md","lastUpdated":1699051935000}'),d={name:"development/aws/license.md"},l=e("h1",{id:"ライセンス",tabindex:"-1"},[t("ライセンス "),e("a",{class:"header-anchor",href:"#ライセンス","aria-label":'Permalink to "ライセンス"'},"​")],-1),i=e("p",null,[t("本教科書およびハンズオンのソースコードは "),e("a",{href:"https://creativecommons.org/licenses/by-nc-nd/4.0/",target:"_blank",rel:"noreferrer"},"CC BY-NC-ND 4.0"),t(" に従うライセンスで公開しています．")],-1),p=e("p",null,"教育など非商用の目的での本教科書の使用や再配布は自由に行うことが可能です． 商用目的で本書の全体またはその一部を無断で転載する行為は，これを固く禁じます．",-1),m=e("p",null,[e("img",{src:_,alt:"cc_by_nc_nd"})],-1);function f(h,u,b,g,v,N){const a=s;return o(),c("div",null,[l,r(a,{readTime:"1",words:"62"}),i,p,m])}const B=n(d,[["render",f]]);export{w as __pageData,B as default};
diff --git a/assets/development_aws_license.md.5f519b50.lean.js b/assets/development_aws_license.md.38e84b81.lean.js
similarity index 95%
rename from assets/development_aws_license.md.5f519b50.lean.js
rename to assets/development_aws_license.md.38e84b81.lean.js
index bb328c67..1b1f04cd 100644
--- a/assets/development_aws_license.md.5f519b50.lean.js
+++ b/assets/development_aws_license.md.38e84b81.lean.js
@@ -1 +1 @@
-import{_ as s}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o,c,H as r,k as e,a as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const _="/assets/cc_by_nc_nd.c97a96cd.png",w=JSON.parse('{"title":"ライセンス","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/license.md","filePath":"development/aws/license.md","lastUpdated":1695377563000}'),d={name:"development/aws/license.md"},l=e("h1",{id:"ライセンス",tabindex:"-1"},[t("ライセンス "),e("a",{class:"header-anchor",href:"#ライセンス","aria-label":'Permalink to "ライセンス"'},"​")],-1),i=e("p",null,[t("本教科書およびハンズオンのソースコードは "),e("a",{href:"https://creativecommons.org/licenses/by-nc-nd/4.0/",target:"_blank",rel:"noreferrer"},"CC BY-NC-ND 4.0"),t(" に従うライセンスで公開しています．")],-1),p=e("p",null,"教育など非商用の目的での本教科書の使用や再配布は自由に行うことが可能です． 商用目的で本書の全体またはその一部を無断で転載する行為は，これを固く禁じます．",-1),m=e("p",null,[e("img",{src:_,alt:"cc_by_nc_nd"})],-1);function f(h,u,b,g,v,N){const a=s;return o(),c("div",null,[l,r(a,{readTime:"1",words:"62"}),i,p,m])}const B=n(d,[["render",f]]);export{w as __pageData,B as default};
+import{_ as s}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o,c,H as r,k as e,a as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const _="/assets/cc_by_nc_nd.c97a96cd.png",w=JSON.parse('{"title":"ライセンス","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/license.md","filePath":"development/aws/license.md","lastUpdated":1699051935000}'),d={name:"development/aws/license.md"},l=e("h1",{id:"ライセンス",tabindex:"-1"},[t("ライセンス "),e("a",{class:"header-anchor",href:"#ライセンス","aria-label":'Permalink to "ライセンス"'},"​")],-1),i=e("p",null,[t("本教科書およびハンズオンのソースコードは "),e("a",{href:"https://creativecommons.org/licenses/by-nc-nd/4.0/",target:"_blank",rel:"noreferrer"},"CC BY-NC-ND 4.0"),t(" に従うライセンスで公開しています．")],-1),p=e("p",null,"教育など非商用の目的での本教科書の使用や再配布は自由に行うことが可能です． 商用目的で本書の全体またはその一部を無断で転載する行為は，これを固く禁じます．",-1),m=e("p",null,[e("img",{src:_,alt:"cc_by_nc_nd"})],-1);function f(h,u,b,g,v,N){const a=s;return o(),c("div",null,[l,r(a,{readTime:"1",words:"62"}),i,p,m])}const B=n(d,[["render",f]]);export{w as __pageData,B as default};
diff --git a/assets/development_aws_main.md.587d14dd.js b/assets/development_aws_main.md.587d14dd.js
new file mode 100644
index 00000000..dad08245
--- /dev/null
+++ b/assets/development_aws_main.md.587d14dd.js
@@ -0,0 +1,1911 @@
+import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o}from"./chunks/earth_from_earth.8c108f53.js";import{_ as e,a as t,b as r,c}from"./chunks/terminal.94539704.js";import{_ as i,a as y,b as d,c as u,d as A,e as C,f as b,g as m,h as F,i as D,j as h}from"./chunks/iac.2263bc12.js";import{_ as s,a}from"./chunks/VPC.e1acca4d.js";import{_ as g,a as B,b as E,c as _,d as k,e as v,f}from"./chunks/ec2_keypair_console.fc89ef69.js";import{_ as q,a as S}from"./chunks/cnn.a8836fd9.js";import{_ as w,a as P,b as I,c as x,d as T,e as W,f as $,g as L,h as G,i as N,j as U,k as R,l as X,m as M,n as H,o as z,p as O}from"./chunks/mnist_prediction.4ba5b405.js";import{_ as j,a as V,b as K,c as Y,d as J,e as Q,f as Z,g as ss}from"./chunks/ecs.73d77e6a.js";import{_ as as,a as ns,b as ps,c as ls,d as os,e as es,f as ts,g as rs,h as cs,i as is,j as ys}from"./chunks/ask_many_output.0bb19110.js";import{_ as ds,a as us,b as As,c as Cs,d as bs,e as ms,f as Fs,g as Ds,h as hs,i as gs,j as Bs,k as Es,l as _s,m as ks,n as vs,o as fs,p as qs,q as Ss,r as ws,s as Ps}from"./chunks/cloud_development.e43e5d4a.js";import{_ as Is,a as xs}from"./chunks/rest_api.602a6e96.js";import{_ as Ts,a as Ws,b as $s,c as Ls,d as Gs}from"./chunks/s3_vs_filesystem.fd65005d.js";import{_ as Ns,a as Us,b as Rs,c as Xs,d as Ms,e as Hs,f as zs,g as Os,h as js,i as Vs,j as Ks,k as Ys,l as Js}from"./chunks/s3_bucket_filelist.89f3f384.js";import{_ as Qs,a as Zs,b as sa,c as aa,d as na,e as pa,f as la,g as oa,h as ea}from"./chunks/bashoutter_2.cd8a2a95.js";import{_ as ta,a as ra,b as ca,c as ia,d as ya,e as da,f as ua,g as Aa,h as Ca,i as ba,j as ma,k as Fa,l as Da,m as ha,n as ga,o as Ba}from"./chunks/venv_shell.dc2530bc.js";import{_ as Ea,o as _a,c as ka,H as va,k as n,a as fa,Q as qa}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const pn=JSON.parse('{"title":"はじめに!","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/main.md","filePath":"development/aws/main.md","lastUpdated":1699051935000}'),Sa={name:"development/aws/main.md"},wa=n("h1",{id:"はじめに",tabindex:"-1"},[fa("はじめに! "),n("a",{class:"header-anchor",href:"#はじめに","aria-label":'Permalink to "はじめに!"'},"​")],-1),Pa=qa('
本書の目的・内容 ​
本書は，東京大学計数工学科で 2021 年度 S1/S2 タームに開講されている"システム情報工学特論"の講義資料として作成された．
本書の目的は，クラウドの初心者を対象とし，クラウドの基礎的な知識・概念を解説する． また， Amazon Web Services (以下， AWS) の提供するクラウド環境を実例として，具体的なクラウドの利用方法をハンズオンを通して学ぶ．
とくに，科学・エンジニアリングの学生を対象として，研究などの目的でクラウドを利用するための実践的な手順を紹介する． 知識・理論の説明は最小限に留め，実践を行う中で必要な概念の解説を行う予定である． 読者が今後，研究などでクラウドを利用する際の，足がかりとなれば本書の目的は十分達成されたことになる．
本書は以下のような三部構成になっている．
本書の構成
テーマハンズオン
第一部 (1章-4章)
クラウドの基礎
  • AWSに自分のサーバーを立ち上げる
第二部 (5章-9章)
クラウドを活用した機械学習
  • AWS と Jupyter を使って始めるディープラーニング
  • スケーラブルな自動質問回答ボットを作る
  • 並列化されたハイパーパラメータサーチの実装
第三部 (10章-13章)
サーバーレスアーキテクチャ入門
  • Lambda, DynamoDB, S3 の演習
  • 俳句を投稿する SNS "Bashoutter" を作る
第一部は，クラウドの基礎となる概念・知識を解説する． セキュリティやネットワークなど，クラウドを利用する上で最低限おさえなければいけないポイントを説明する． ハンズオンでは，はじめての仮想サーバーを AWS に立ち上げる演習を行う．
第二部では，クラウド上で科学計算 (とくに機械学習) を走らせるための入門となる知識・技術を解説する． あわせて， Docker とよばれる仮想計算環境の使用方法を紹介する． 一つ目のハンズオンでは， AWS のクラウドで Jupyter Notebook を起動し簡単な機械学習の計算を走らせる課題を実践する． 二つ目のハンズオンでは，深層学習を用いた自然言語処理により，質問に自動で回答を生成するボットを作成する． 最後に，複数台の GPU インスタンスからなるクラスターを起動し，並列に深層学習のハイパーパラメータサーチを行う方法を紹介する．
第三部では，サーバーレスアーキテクチャとよばれる最新のクラウドのアーキテクチャを紹介する． これは，サーバーの処理能力を負荷に応じてより柔軟に拡大・縮小するための概念であり，それ以前 (Serverful としばしばよばれる) と質的に異なる設計思想をクラウドに導入するものである． ハンズオンでは，サーバーレスクラウドの主要なコンポーネントである Lambda, DynamoDB, S3 の演習を提供する． さらに，サーバーレスの技術を使用して簡単な SNS をクラウド上に作成する．
これらの豊富なハンズオンにより， AWS 上にクラウドシステムを開発するための知識と技術が身につくはずである． いずれのハンズオンも，実用性を重視したものになっており，これらをベースにカスタマイズを施すことで様々な応用が可能である．
本書のフィロソフィー ​
本書のフィロソフィーを一言で表すなら， "ロケットで宇宙まで飛んでいって一度地球を眺めてみよう！" である．
どういうことか？
ここでいう"地球"とは，クラウドコンピューティングの全体像のことである． 言うまでもなく，クラウドという技術は非常に広範かつ複雑な概念で，幾多の情報技術・ハードウェア・アルゴリズムが精緻に組み合わさってできた総体である． そして，今日では科学研究から日常のインフラ設備に至るまで，我々の社会の多くの部分がクラウド技術によって支えられている．
ここでいう"ロケット"とはこの講義のことである． この講義では，ロケットに乗って宇宙まで飛び立ち，地球(クラウド)の全体を自身の目で眺めてもらう． その際，ロケットの成り立ちや仕組み (背後にある要素技術やプログラムのソースコード) を深くは問わない． 将来，自分が研究などの目的でクラウドを利用することになった際に，改めて学んでもらえば良い． 本書の目的はむしろ，クラウドの最先端に実際に触れ，そこからどんな景色が見えるか(どんな応用が可能か)を実感してもらうことである．
そのような理由で，本書はクラウドの基礎から応用まで幅広いテーマを取り扱う． 第一部はクラウドの基礎から始め，第二部では一気にレベルアップし機械学習(深層学習)をクラウドで実行する手法を解説する． さらに第三部では，サーバーレス・アーキテクチャというここ数年のうちに確立した全く新しいクラウドの設計について解説する． それぞれで本一冊分以上の内容に相当するものであるが，本書はあえてこれらを一冊にまとめ連続的に俯瞰するという野心的な意図をもって執筆された．
決して楽な搭乗体験ではないかもしれないが，このロケットにしがみついてきてもらえれば，とてもエキサイティングな景色が見られることを約束したい．
宇宙からみた地球 (Image from NASA https://www.nasa.gov/image-feature/planet-of-clouds)
AWS アカウント ​
本書では，ハンズオン形式で AWS のクラウドを実際に動かす演習を提供する． 自分でハンズオンを実行してみたい読者は，各自で AWS のアカウントの作成をしていただく． AWS のアカウントの作成の仕方は巻末付録 (AWS アカウントの取得) に簡単に記載したので，必要に応じて参照していただきたい．
AWS にはいくつかの機能に対して無料利用枠が設定されており，いくつかのハンズオンは無料の範囲内で実行できる． 一方，ほかのハンズオン (とくに機械学習を扱うもの) では数ドル程度のコストが発生する． ハンズオンごとに発生するおおよそのコストについて記述があるので，注意をしながらハンズオンに取り組んでいただきたい．
また，大学などの教育機関における講義で AWS を使用する際は， AWS Educate というプログラムを利用することも可能である． これは，講義の担当者が申請を行うことで，受講する学生に対し AWS クレジットが提供されるというプログラムである． AWS Educate を利用することで金銭的な負担なしに AWS を体験することができる． また，講義を経由せず個人でも AWS Educate に参加することも可能である． AWS Educate からは様々な学習教材が提供されているので，ぜひ活用してもらいたい．
環境構築 ​
本書では， AWS 上にクラウドアプリケーションを展開するハンズオンを実施する． そこで紹介するプログラムを実行するためには，以下の計算機環境が必要である． インストールの方法については，巻末付録 (Appendix: 環境構築) に記してある． 必要に応じて参照し，環境構築を各自実施していただきたい．
  • UNIX 系コンソール: ハンズオンで紹介するコマンドを実行したり， SSH でサーバーにアクセスするため， UNIX 系のコンソール環境が必要である． Mac または Linux のユーザーは， OS に標準搭載のコンソール(ターミナルとも呼ばれる)を使用すればよい． Windows のユーザーは， Windows Subsystem for Linux (WSL) を使い， Linux の仮想環境のインストールを推奨する (WSL のインストール 参照)．
  • Docker: 本書では Docker とよばれる仮想計算環境の利用方法を解説する． インストール手順については Docker のインストール を参照のこと．
  • Python: Version 3.6 以上をインストールする． とくに，ハンズオンでは venv モジュールを使用する． venv の使い方は Python クイックガイド 参照のこと．
  • Node.js: version 12.0 以上 をインストールする．
  • AWS CLI: Version 2 をインストールする． インストール手順については AWS CLI のインストール 参照のこと．
  • AWS CDK: Version 1.100 以上をインストールする． Version 2 以降には未対応である． インストール手順については AWS CDK のインストール 参照のこと．
  • AWS 認証鍵の設定: AWS API をコマンドラインから呼ぶには，認証鍵 (secret key) が設定されている必要がある． 認証鍵の設定については AWS CLI のインストール 参照のこと．
ハンズオン実行用の Docker Image ​
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもクローン済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
次のコマンドで起動する．
sh
$ docker run -it tomomano/labc
$ docker run -it tomomano/labc
この Docker image の使い方や詳細は ハンズオン実行用の Docker image の使い方 に記載している．
前提知識 ​
本書を読むにあたり，要求する前提知識は大学初等程度の計算機科学の知識 (OS，プログラミングなど)のみである． それ以上の前提知識はとくに仮定しない． クラウドの利用経験もゼロで問題ない． が，以下の事前知識があるとよりスムーズに理解をすることができるだろう．
  • Python の基本的な理解: 本書では Python を使ってプログラムの作成を行う． 使用するライブラリは十分抽象化されており，関数の名前を見ただけで意味が明瞭なものがほとんどであるので， Python に詳しくなくても心配する必要はない．
  • Linux コマンドラインの基礎的な理解: クラウドを利用する際，クラウド上に立ち上がるサーバーは基本的に Linux である． Linux のコマンドラインについて知識があると，トラブルシュートなどが容易になる． 筆者のおすすめの参考書は The Linux Command Line by William Shotts である． ウェブで無料で読むことができるので，読んだことのない人はぜひ一読を．
講義に関連する資料 ​
ハンズオンで使うプログラムや教科書のソースコードは以下のウェブページで公開している．
https://github.com/tomomano/learn-aws-by-coding
本書で使用するノーテーションなど ​
  • コードやシェルのコマンドは monospace letter で記述する．
  • シェルに入力するコマンドは，それがシェルコマンドであると明示する目的で，先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力には $ はついていない点に留意する．
また，以下のような形式で注意やチップスを提供する．
追加のコメントなどを記す．
発展的な議論やアイディアなどを紹介する．
陥りやすいミスなどの注意事項を述べる．
絶対に犯してはならないミスを指摘する．
クラウド概論 ​
クラウドとは？ ​
Cloud
クラウドとはなにか？ クラウドという言葉は，それ自身がとても広い意味をもつので，厳密な定義付けを行うことは難しい．
学術的な意味でのクラウドの定義づけをするとしたら，NIST(米国・国立標準技術研究所) による The NIST Definition of Cloud Computing が引用されることが多い． ここに記載されたクラウドの定義・モデルを図示したのが figure_title である．
The NIST Definition of Cloud Computing
これによると，クラウドとは以下の要件が満たされたハードウェア/ソフトウェアの総体のことをいう．
  • On-demand self-service 利用者のリクエストに応じて計算資源が自動的に割り当てられる．
  • Broad network access 利用者はネットワークを通じてクラウドにアクセスできる．
  • Resource pooling クラウドプロバイダーは，所有する計算資源を分割することで複数の利用者に計算資源を割り当てる．
  • Rapid elasticity 利用者のリクエストに応じて，迅速に計算資源の拡大あるいは縮小を行うことができる．
  • Measured service 計算資源の利用量を計測・監視することができる．
…と，いわれても抽象的でよくわからないかもしれない．もう少し具体的な話をする．
個人が所有する計算機で， CPU をアップグレードしようと思ったら，物理的に筐体を開け，CPU ソケットを露出させ，新しい CPU に交換する必要があるだろう． あるいは，ストレージがいっぱいになってしまったら，古いディスクを抜き取り，新しいディスクを挿入する必要がある． 計算機の場所を移動させたときには，新しい部屋の LAN ケーブルを差し込まないとネットワークには接続できない．
クラウドでは，これらの操作がプログラムからのコマンドによって実行できる． CPU が 1000 個欲しいと思ったならば，そのようにクラウドプロバイダーにリクエストを送れば良い． すると，数分もしないうちに 1000 CPU の計算資源が割り当てられる． ストレージを 1TB から 10TB に拡張しようと思ったならば，そのようにコマンドを送ればよい (これは，Google Drive や Dropbox などのサービスなどで馴染みのある人も多いだろう)． 計算資源を使い終わったら，そのことをプロバイダーに伝えれば，割り当て分はすぐさま削除される． クラウドプロバイダーは，使った計算資源の量を正確にモニタリングしており，その量をもとに利用料金の計算が行われる．
このように，クラウドの本質は物理的なハードウェアの仮想化・抽象化であり，利用者はコマンドを通じて，まるでソフトウェアの一部かのように，物理的なハードウェアの管理・運用を行うことができる． もちろん，背後では，データセンターに置かれた膨大な数の計算機が大量の電力を消費しながら稼働している． クラウドプロバイダーはデータセンターの計算資源を上手にやりくりし，ソフトウェアとしてのインターフェースをユーザーに提供することで，このような仮想化・抽象化を達成しているわけである． クラウドプロバイダーの視点からすると，大勢のユーザーに計算機を貸し出し，データセンターの稼働率を常時 100%に近づけることで，利益率の最大化を図っているのである．
著者の言葉で，クラウドの重要な特性を定義するならば，以下のようになる．
クラウドとは計算機ハードウェアの抽象化である．つまり，物理的なハードウェアをソフトウェアの一部かのように自在に操作・拡大・接続することを可能にする技術である．
先述の The NIST Definition of Cloud Computing に戻ると，クラウドプロバイダーによるクラウドサービスの形態としては，次の三つが定義されている (figure_title)．
  • Software as a Service (SaaS): クラウド上で実行されるアプリケーションをサービスとして利用者に提供する形態． 例として， Google Drive や Slack などが挙げられる． 利用者は，背後にあるクラウドのインフラ (ネットワークやサーバーなど) には直接触れず，アプリケーションとして提供されているクラウドサービスを享受する．
  • Platform as a Service (PaaS): 顧客の作成したアプリケーション (多くの場合データベースと API リクエスト処理を行うサーバーのコードから構成される) をデプロイする環境をサービスとして利用者に提供する形態． PaaS では利用者はクラウドのインフラに直接触れることはなく，計算負荷が増減した際のサーバーのスケーリングはクラウドプロバイダーによってなされる． 例としては， Google App Engine や Heroku などがある．
  • Infrastructure as a Service (IaaS): クラウド上の計算インフラストラクチャーを従量課金制で利用者に提供する形態． 利用者は必要なネットワーク・サーバー・ストレージをプロバイダーから借り受け，そこに自身のアプリケーションを展開し運用する． IaaS の例としては AWS EC2 などが挙げられる．
本書が扱うのは，主に IaaS におけるクラウド開発である． すなわち，開発者がクラウドのインフラを直接操作し，所望のネットワーク・サーバー・ストレージなどを一から構成し，そこにアプリケーションを展開するというクラウド開発である． この意味において，クラウドの開発とはクラウドインフラストラクチャーを定義・展開するプログラムを構築するステップとインフラ上で実際に走るアプリケーションを作成するステップの二つに分けることができる． この二つは，プログラマーの技術としてはある程度分業を行うことが可能であるが，最も効率化・最適化されたクラウドシステムを構築するためには両方の理解が必須である． 本書では，前者 (クラウドインフラの記述) に重きを置きつつ，アプリケーションレイヤーの話題も取り扱う． PaaS とは，開発者はアプリケーションレイヤーの開発に注力し，クラウドインフラの部分はクラウドプロバイダーに依存するという概念である． PaaS は，クラウドインフラの開発が不要になることで開発の時間が短縮されるが，細かなインフラの挙動はコントロールできないという限界がある． 本書では PaaS についてはとくに取り扱わない．
SaaS は本書の文脈では開発による"成果物"と捉えられるだろう． すなわち， IaaS を構成するプログラムを作成し展開することによって，一般の人が利用できるようなウェブ上の計算サービスやデータベースを提供することが開発の最終ゴールである． 本書のハンズオンではその実例として，シンプルな SNS の作成 (Hands-on #6: Bashoutter) などの演習を提供する．
なお，最近では Function as a Service (FaaS) やサーバーレスコンピューティングなども新たなクラウドのカテゴリとして認知されている． これらの概念については Hands-on #5: サーバーレス入門 などの章で詳しく触れていく． 本書を読み進める中で明らかになるように，クラウドの技術は日進月歩である． 本書では実用的・教育的な観点から，従来的なクラウドの設計概念に触れたあと，サーバーレスなどの最新の技術も網羅するので，楽しみにしながら読み進めていただきたい．
最後に，The NIST Definition of Cloud Computing によると，クラウドの運用形態について次のような定義がなされている (figure_title)． 特定の組織・団体・企業の内部のみで使用されるクラウドを，プライベートクラウド (private cloud) とよぶ． 例えば，大学や研究機関では，その機関の構成員向けの大規模計算機サーバーが運用されていることが多い． プライベートクラウドは，組織の構成員ならば無料もしくは極めて割安のコストで計算を実行できる． しかし，使用できる計算資源の上限は限られる場合が多く，拡張時の柔軟性に欠ける場合もある．
一方，商用のサービスとして一般の顧客に向けたクラウドのことを，パブリッククラウド (public cloud) とよぶ． 有名なパブリッククラウドプラットフォームの例を挙げると， Google 社が提供する Google Cloud Platform (GCP)， Microsoft 社が提供する Azure， Amazon 社が提供する Amazon Web Services (AWS) などがある． パブリッククラウドを利用する場合は，プロバイダーの設定した利用料金を支払うことになる． その分，巨大なデータセンターを運用する企業の計算資源にアクセスすることができるので，計算のキャパシティは無尽蔵にあるといって過言でない．
第三のクラウドの運用形態として，コミュニティクラウド (community cloud) が挙げられる． これは，例えば政府の省庁・機関など目的・役割を共有する団体・組織が共有して運用するクラウドを指す． 最後に，ハイブリッドクラウド (hybrid cloud) という形態もあり，これはプライベート・パブリック・コミュニティクラウドの二つ以上の組み合わせによって構成されるクラウドのことである． データ保護の観点から，いくつかの機密データやプライバシーに関わる情報はプライベートクラウドに保持し，残りのシステムをパブリッククラウドに依存する，などの形態が想定される．
本書で説明するのは，基本的にパブリッククラウドを使ったクラウド開発である． 特に，Amazon Web Services (AWS) を使用して，具体的な技術と概念を学んでいく． 一方で，サーバーのスケーリングや仮想計算環境などのテクニックはすべてのクラウドに共通な概念であるので，クラウドのプラットフォームが変わろうと一般に通用する知識も同時に身につくはずだ．
なぜクラウドを使うのか？ ​
上述のように，クラウドとはプログラムを通じて自由に計算資源を操作することのできる計算環境である． ここでは，リアルなローカル計算環境と比べて，なぜクラウドを使うと良いことがあるのかについて述べたい．
  1. 自由にサーバーのサイズをスケールできる
    なにか新しいプロジェクトを始めるとき，あらかじめ必要なサーバーのスペックを知るのは難しい． いきなり大きなサーバーを買うのはリスクが高い． 一方で，小さすぎるサーバーでは，後のアップグレードが面倒である． クラウドを利用すれば，プロジェクトを進めながら，必要な分だけの計算資源を確保することができる． 2. 自分でサーバーをメンテナンスする必要がない
    悲しいことに，コンピュータとは古くなるものである．最近の技術の進歩の速度からすると，5 年も経てば，もはや当時の最新コンピュータも化石と同じである． 5 年ごとにサーバーを入れ替えるのは相当な手間である． またサーバーの停電や故障など不意の障害への対応も必要である． クラウドでは，そのようなインフラの整備やメンテナンスはプロバイダーが自動でやってくれるので，ユーザーが心配する必要がない． 3. 初期コスト 0
    自前の計算環境とクラウドの，経済的なコストのイメージを示したのが figure_title である． クラウドを利用する場合の初期コストは基本的に 0 である． その後，使った利用量に応じてコストが増大していく． 一方，自前の計算環境では，大きな初期コストが生じる． その分，初期投資後のコストの増加は，電気利用料やサーバー維持費などに留まるため，クラウドを利用した場合よりも傾きは小さくなる． 自前の計算機では，ある一定期間後，サーバーのアップグレードなどによる支出が生じることがある． 一方，クラウドを利用する場合は，そのような非連続なコストの増大は基本的に生じない． クラウドのコストのカーブが，自前計算環境のコストのカーブの下にある範囲においては，クラウドを使うことは経済的なコスト削減につながる．
    クラウドと自前計算機環境の経済的コストの比較
とくに，**1.**の点は研究の場面では重要であると筆者は感じる． 研究をやっていて，四六時中計算を走らせ続けるという場合は少ない． むしろ，新しいアルゴリズムが完成したとき・新しいデータが届いたとき，集中的・突発的に計算タスクが増大することが多いだろう． そういったときに，フレキシブルに計算力を増強させることができるのは，クラウドを使う大きなメリットである．
ここまでクラウドを使うメリットを述べたが，逆に，デメリットというのも当然存在する．
  1. クラウドは賢く使わないといけない
    figure_title で示したコストのカーブにあるとおり，使い方によっては自前の計算環境のほうがコスト的に有利な場面は存在しうる． クラウドを利用する際は，使い終わった計算資源はすぐに削除するなど，利用者が賢く管理を行う必要があり，これを怠ると思いもしない額の請求が届く可能性がある． 2. セキュリティ
    クラウドは，インターネットを通じて世界のどこからでもアクセスできる状態にあり，セキュリティ管理を怠ると簡単にハッキングの対象となりうる． ハッキングを受けると，情報流出だけでなく，経済的な損失を被る可能性がある． 3. ラーニングカーブ
    上記のように，コスト・セキュリティなど，クラウドを利用する際に留意しなければならない点は多い． 賢くクラウドを使うには，十分なクラウドの理解が必要であり，そのラーニングカーブを乗り越える必要がある．
Mac/Linux などでコマンドを入力するときに使用する，あの黒い画面のことを Terminal とよんだりする． この言葉の語源をご存知だろうか？
Terminal
この言葉の語源は，コンピュータが誕生して間もない頃の時代に遡る． その頃のコンピュータというと，何千何万のという数の真空管が接続された，会議室一個分くらいのサイズのマシンであった． そのような高価でメンテが大変な機材であるから，当然みんなでシェアして使うことが前提となる． ユーザーがコンピュータにアクセスするため，マシンからは何本かのケーブルが伸び，それぞれにキーボードとスクリーンが接続されていた… これを Terminal とよんでいたのである． 人々は，代わる代わる Terminal の前に座って，計算機との対話を行っていた.
時代は流れ，Windows や Mac などのいわゆるパーソナルコンピュータの出現により，コンピュータはみんなで共有するものではなく，個人が所有するものになった．
最近のクラウドの台頭は，みんなで大きなコンピュータをシェアするという，最初のコンピュータの使われ方に原点回帰していると捉えることもできる． 一方で，スマートフォンやウェアラブルなどのエッジデバイスの普及も盛んであり，個人が複数の"小さな"コンピュータを所有する，という流れも同時に進行しているのである．
AWS 入門 ​
AWS とは？ ​
本書では，クラウドの実践を行うプラットフォームとして， AWS を用いる． 実践にあたって，最低限必要な AWS の知識を本章では解説しよう．
AWS (Amazon Web Services) は Amazon 社が提供する総合的なクラウドプラットフォームである． AWS は Amazon 社が持つ膨大な計算リソースを貸し出すクラウドサービスとして，2006 年に誕生した． 2021 年では，クラウドプロバイダーとして最大のマーケットシェア (約 32%) を保持している (参照)． Netflix や Slack をはじめとした多くのウェブ関連のサービスで，一部または全てのサーバーリソースが AWS から提供されているとのことである． よって，知らないうちに AWS の恩恵にあずかっている人も少なくないはずだ．
最大のシェアをもつだけに，機能・サービスの幅広さはほかのクラウドプラットフォームと比べ抜きんでている． また，利用者数が多いことを反映して，公式あるいはサードパーティによる技術紹介記事が数多くウェブ上に存在しているだけでなく，ライブラリのユーザーコミュニティも大きく問題解決が捗るのも魅力の一つだ． 初期のころウェブビジネスを行う企業がユーザーの大半を占めていたが，最近は大学などでの科学研究用途としても頻繁に用いられるようになってきている．
AWS の機能・サービス ​
figure_title は，執筆時点において AWS で提供されている主要な機能・サービスの一覧である．
AWSで提供されている主要なサービス一覧
計算，ストレージ，データベース，ネットワーク，セキュリティなど，クラウドの構築に必要な様々な要素が独立したコンポーネントとして提供されている． 基本的に，これらを組み合わせることで一つのクラウドシステムができあがる．
また，機械学習・音声認識・AR/VR など，特定のアプリケーションにパッケージ済みのサービスも提供されている． これらを合計すると全部で 170 個以上のサービスが提供されているとのことである (参照)．
AWS の初心者が陥りがちなのは，大量のサービスの数に圧倒され，どこから手をつけたらよいのかわからなくなる，という状況である． たくさんのサービスの中から，どのサービスをどの順番で学んでいったらいいのか，その道筋すら明らかでなく，大きな参入障壁となっていることは間違いない． だが実のところ， AWS の基本的な構成要素はそのうちの数個のみに限られる． 基本要素となる機能の使い方を知れば， AWS のおおよそのリソースを使いこなすことが可能になる． ほかの機能の多くは，基本の要素を組み合わせて特定のアプリケーションに特化したパッケージとして AWS が用意したものである． そのポイントを認知することが， AWS の学習の最初のステップである．
ここでは， AWS 上でクラウドシステムを構築するときの基本となる構成要素を列挙する． これらは後のハンズオンで実際にプログラムを書きながら体験する． 現時点では，名前だけでも頭の片隅に記憶してもらえればよい．
計算 ​
S3 EC2 (Elastic Compute Cloud) 様々なスペックの仮想マシンを作成し，計算を実行することができる． クラウドの最も基本となる構成要素である． Hands-on #1: 初めての EC2 インスタンスを起動する, Hands-on #2: AWS でディープラーニングを実践, Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する で詳しく触れる．
S3 Lambda Function as a Service (FaaS) とよばれる，小さな計算をサーバーなしで実行するためのサービス． サーバーレスアーキテクチャの章 (Serverless architecture) で詳しく解説する．
ストレージ ​
S3 EBS (Elastic Block Store) EC2 に付与することのできる仮想データドライブ． いわゆる"普通の"(一般的な OS で使われている)ファイルシステムを思い浮かべてくれたらよい．
S3 S3 (Simple Storage Service) Object Storage とよばれる，API を使ってデータの読み書きを行う，いうなれば”クラウド・ネイティブ”なデータの格納システムである． サーバーレスアーキテクチャの章 (Serverless architecture) で詳しく解説する．
データベース ​
S3 DynamoDB NoSQL 型のデータベースサービス (知っている人は mongoDB などを思い浮かべたらよい)． サーバーレスアーキテクチャの章 (Serverless architecture) で詳しく解説する．
ネットワーク ​
S3 VPC(Virtual Private Cloud) AWS 上に仮想ネットワーク環境を作成し，仮想サーバー間の接続を定義したり，外部からのアクセスなどを管理する． EC2 は VPC の内部に配置されなければならない．
API Gateway S3 API のエンドポイントとバックエンドのサービス (Lambda など) を接続する際に用いる，リバースプロキシとしての役割を担う． Hands-on #6: Bashoutter で詳しく解説する．
Region と Availability Zone ​
AWS を使用する際に知っておかなければならない重要な概念として， リージョン (Region) と Availability Zone (AZ) がある (figure_title)． 以下ではこの概念について簡単に記述する．
AWSにおける Region と Availability Zones
リージョン (Region) とは，おおまかに言うとデータセンターの所在地のことである． 執筆時点において， AWS は世界の 25 の国と地域でデータセンターを所有している． figure_title は執筆時点で利用できるリージョンの世界地図を示している． 日本では東京と大阪にデータセンターがある． 各リージョンには固有の ID がついており，例えば東京は ap-northeast-1, 米国オハイオ州は us-east-2，などと定義されている．
Regions in AWS(出典: https://aws.amazon.com/about-aws/global-infrastructure/)
AWS コンソールにログインすると，画面右上のメニューバーでリージョンを選択することができる(figure_title, 赤丸で囲った箇所)． EC2, S3 などの AWS のリソースは，リージョンごとに完全に独立である． したがって，リソースを新たにデプロイする際，あるいはデプロイ済みのリソースを閲覧する際は，コンソールのリージョンが正しく設定されているか，確認する必要がある． ウェブビジネスを展開する場合などは，世界の各地にクラウドを展開する必要があるが，個人的な研究用途として用いる場合は，最寄りのリージョン (i.e. 東京) を使えば基本的に問題ない．
AWSコンソールでリージョンを選択
Avaialibity Zone (AZ) とは，リージョン内で地理的に隔離されたデータセンターのことである． それぞれのリージョンは 2 個以上の AZ を有しており，もし一つの AZ で火災や停電などが起きた場合でも，ほかの AZ がその障害をカバーすることができる． また， AZ 間は高速な AWS 専用ネットワーク回線で結ばれているため， AZ 間のデータ転送は極めて早い． AZ は，ビジネスなどでサーバーダウンが許容されない場合などに注意すべき概念であり，個人的な用途で使う限りにおいてはあまり深く考慮する必要はない．言葉の意味だけ知っておけば十分である．
AWS を使用する際，どこのリージョンを指定するのがよいのだろうか？ インターネットの接続速度の観点からは，地理的に一番近いリージョンを使用するのが一般的によいだろう． 一方， EC2 の利用料などはリージョンごとに価格設定が若干 (10-20%程度) 異なる． したがって，自分が最も頻繁に利用するサービスの価格が最も安く設定されているリージョンを選択する，というのも重要な視点である． また，いくつかのサービスは，特定のリージョンで利用できない場合もある． これらのポイントから総合的に判断して使用するリージョンを決めると良い．
AWS Educate を利用している読者へ
執筆時点において，AWS Educate による Starter Account を使用している場合は us-east-1 region のみ利用できる (参照)．
AWS でのクラウド開発 ​
AWS のクラウドの全体像がわかってきたところで，次のトピックとして，どのようにして AWS 上にクラウドの開発を行い，展開していくかについての概略を解説しよう．
AWS のリソースを追加・編集・削除するなどの操作を実行するには，コンソールを用いる方法と，API を用いる方法の，二つの経路がある．
コンソール画面からリソースを操作する ​
AWS のアカウントにログインすると，まず最初に表示されるのがAWS コンソールである (figure_title)．
AWSマネージメントコンソール画面
コンソールを使うことで， EC2 のインスタンスを立ち上げたり，S3 のデータを追加・削除したり，ログを閲覧したりなど，AWS 上のあらゆるリソースの操作を GUI (Graphical User Interface) を通して実行することができる． 初めて触る機能をポチポチと試したり，デバッグを行うときなどにとても便利である．
コンソールはさらっと機能を試したり，開発中のクラウドのデバッグをするときには便利なのであるが，実際にクラウドの開発をする場面でこれを直接いじることはあまりない． むしろ，次に紹介する API を使用して，プログラムとしてクラウドのリソースを記述することで開発を行うのが一般的である． そのような理由で，本書では AWS コンソールを使った AWS の使い方はあまり触れない． AWS のドキュメンテーションには，たくさんの チュートリアル が用意されており，コンソール画面から様々な操作を行う方法が記述されているので，興味がある読者はそちらを参照されたい．
API からリソースを操作する ​
API (Application Programming Interface) を使うことで，コマンドを AWS に送信し，クラウドのリソースの操作をすることができる． API とは，端的に言えば AWS が公開しているコマンドの一覧であり，GET, POST, DELETE などの REST API から構成されている (REST API については REST API で簡単に解説する)． が，直接 REST API を入力するのは面倒であるので，その手間を解消するための様々なツールが提供されている．
例えば， AWS CLI は， UNIX コンソールから AWS API を実行するための CLI (Command Line Interface) である． CLI に加えて，いろいろなプログラミング言語での SDK (Software Development Kit) が提供されている．以下に一例を挙げる．
具体的な API の使用例を見てみよう．
S3 に新しい保存領域 (Bucket (バケット) とよばれる) を追加したいとしよう． AWS CLI を使った場合は，次のようなコマンドを打てばよい．
sh
$ aws s3 mb s3://my-bucket --region ap-northeast-1
$ aws s3 mb s3://my-bucket --region ap-northeast-1
上記のコマンドは， my-bucket という名前のバケットを， ap-northeast-1 のリージョンに作成する．
Python からこれと同じ操作を実行するには， boto3 ライブラリを使って，次のようなスクリプトを実行する．
python
import boto3
+
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
import boto3
+
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
もう一つ例をあげよう．
新しい EC2 のインスタンス(インスタンスとは，起動状態にある仮想サーバーの意味である)を起動するには，次のようなコマンドを打てば良い．
sh
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
このコマンドにより， t2.micro というタイプ (1 vCPU, 1.0 GB RAM) のインスタンスが起動する． ここではその他のパラメータの詳細の説明は省略する (ハンズオン (Hands-on #1: 初めての EC2 インスタンスを起動する) で詳しく解説する)．
Python から上記と同じ操作を実行するには，以下のようなスクリプトを使う．
python
import boto3
+
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
import boto3
+
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
以上の例を通じて，API によるクラウドのリソースの操作のイメージがつかめてきただろうか？ コマンド一つで，新しい仮想サーバーを起動したり，データの保存領域を追加したり，任意の操作を実行できるわけである． 基本的に，このようなコマンドを複数組み合わせていくことで，自分の望む CPU・RAM・ネットワーク・ストレージが備わった計算環境を構築することができる． もちろん，逆の操作 (リソースの削除) も API を使って実行できる．
ミニ・ハンズオン: AWS CLI を使ってみよう ​
ここでは，ミニ・ハンズオンとして，AWS CLI を実際に使ってみる． AWS CLI は先述のとおり， AWS 上の任意のリソースの操作が可能であるが，ここでは一番シンプルな，S3 を使ったファイルの読み書きを実践する (EC2 の操作は少し複雑なので，第一回ハンズオンで行う)． aws s3 コマンドの詳しい使い方は 公式ドキュメンテーションを参照．
AWS CLI のインストールについては， AWS CLI のインストール を参照．
以下に紹介するハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
以下のコマンドを実行する前に，AWS の認証情報が正しく設定されていることを確認する． これには ~/.aws/credentials のファイルに設定が書き込まれているか，環境変数 (AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION) が定義されている必要がある． 詳しくは AWS CLI のインストール を参照．
まずは，S3 にデータの格納領域 (Bucket とよばれる．一般的な OS での"ドライブ"に相当する) を作成するところから始めよう．
sh
$ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://\${bucketName}"
$ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://\${bucketName}"
S3 のバケットの名前は， AWS 全体で一意的でなければならないことから，前述のコマンドではランダムな文字列を含んだバケットの名前を生成し，bucketName という変数に格納している． そして， aws s3 mb (mb は make bucket の略) によって，新しいバケットを作成する．
次に，バケットの一覧を取得してみよう．
sh
$ aws s3 ls
+
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
$ aws s3 ls
+
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
先ほど作成したバケットがリストにあることを確認できる．
本書のノーテーションとして，コマンドラインに入力するコマンドは，それがコマンドであると明示する目的で先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力は $ なしで表示されている．
次に，バケットにファイルをアップロードする．
sh
$ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://\${bucketName}/hello_world.txt"
$ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://\${bucketName}/hello_world.txt"
上では hello_world.txt というダミーのファイルを作成して，それをアップロードした．
それでは，バケットの中にあるファイルの一覧を取得してみる．
sh
$ aws s3 ls "s3://\${bucketName}" --human-readable
+
+2020-06-07 23:54:19   13 Bytes hello_world.txt
$ aws s3 ls "s3://\${bucketName}" --human-readable
+
+2020-06-07 23:54:19   13 Bytes hello_world.txt
先ほどアップロードしたファイルがたしかに存在することがわかる．
最後に，使い終わったバケットを削除する．
sh
$ aws s3 rb "s3://\${bucketName}" --force
$ aws s3 rb "s3://\${bucketName}" --force
rb は remove bucket の略である． デフォルトでは，バケットの中にファイルが存在すると削除できない． 空でないバケットを強制的に削除するには --force のオプションを付ける．
以上のように，AWS CLI を使って S3 バケットに対しての一連の操作を実行できた． EC2 や Lambda, DynamoDB などについても同様に AWS CLI を使ってあらゆる操作を実行できる．
Amazon Resource Name (ARN)
AWS 上のあらゆるリソースには， Amazon Resource Name (ARN) という固有の ID が付与されている． ARN は arn:aws:s3:::my_bucket/ のようなフォーマットで記述され，ARN を使用することで，特定の AWS リソース (S3 のバケットや EC2 のインスタンス) を一意的に参照することができる．
S3 バケットや EC2 インスタンスなどには ARN に加えて，人間が読みやすい名前を定義することも可能である． この場合は，ARN または名前のどちらを用いても同じリソースを参照することが可能である．
CloudFormation と AWS CDK ​
CloudFormation による Infrastructure as Code (IaC) ​
前節で述べたように，AWS API を使うことでクラウドのあらゆるリソースの作成・管理が可能である． よって，原理上は， API のコマンドを組み合わせていくことで，自分の作りたいクラウドを設計することができる．
しかし，ここで実用上考慮しなければならない点が一つある． AWS API には大きく分けて，リソースを操作するコマンドと，タスクを実行するコマンドがあることである (figure_title)．
AWS APIはリソースを操作するコマンドとタスクを実行するコマンドに大きく分けられる．リソースを記述・管理するのに使われるのが， CloudFormation と CDK である．
リソースを操作するとは，EC2 のインスタンスを起動したり，S3 のバケットを作成したり，データベースに新たなテーブルを追加する，などの静的なリソースを準備する 操作を指す． "ハコ"を作る操作とよんでも良いだろう． このようなコマンドは，クラウドのデプロイ時にのみ，一度だけ実行されればよい．
タスクを実行するコマンド とは， EC2 のインスタンスにジョブを投入したり， S3 のバケットにデータを読み書きするなどの操作を指す． これは， EC2 や S3 などのリソース ("ハコ") を前提として，その内部で実行されるべき計算を記述するものである． 前者に比べてこちらは動的な操作を担当する，と捉えることもできる．
そのような観点から，インフラを記述するプログラムとタスクを実行するプログラムはある程度分けて管理されるべきである． クラウドの開発は，クラウドの(静的な)リソースを記述するプログラムを作成するステップと，インフラ上で動く動的な操作を行うプログラムを作成するステップの二段階に分けて考えることができる．
AWS での静的リソースを管理するための仕組みが， CloudFormation である． CloudFormation とは， CloudFormation の文法に従ったテキストファイルを使って，AWS のインフラを記述する仕組みである． CloudFormation を使って，たとえば，EC2 のインスタンスをどれくらいのスペックで，何個起動するか，インスタンス間はどのようなネットワークで結び，どのようなアクセス権限を付与するか，などのリソースの要件を逐次的に記述することができる． 一度 CloudFormation ファイルができ上がれば，それにしたがったクラウドシステムをコマンド一つで AWS 上に展開することができる． また，CloudFormation ファイルを交換することで，全く同一のクラウド環境を他者が簡単に再現することも可能になる． このように，本来は物理的な実体のあるハードウェアを，プログラムによって記述し，管理するという考え方を，**Infrastructure as Code (IaC)**とよぶ．
CloudFormation を記述するには，基本的に JSON (JavaScript Object Notation) とよばれるフォーマットを使う． 次のコードは，JSON で記述された CloudFormation ファイルの一例 (抜粋) である．
json
"Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\\n",
+                     "yum update -y aws-cfn-bootstrap\\n",
+
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\\n",
+
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
"Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\\n",
+                     "yum update -y aws-cfn-bootstrap\\n",
+
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\\n",
+
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
ここでは， "WebServer" という名前のつけられた EC2 インスタンスを定義している．かなり長大で複雑な記述であるが，これによって所望のスペック・OS をもつ EC2 インスタンスを自動的に生成することが可能になる．
AWS CDK ​
前節で紹介した CloudFormation は，見てわかるとおり大変記述が複雑であり，またそれのどれか一つにでも誤りがあってはいけない． また，基本的に"テキスト"を書いていくことになるので，プログラミング言語で使うような変数やクラスといった便利な概念が使えない　(厳密には， CloudFormation にも変数に相当するような機能は存在する)． また，記述の多くの部分は繰り返しが多く，自動化できる部分も多い．
そのような悩みを解決してくれるのが， AWS Cloud Development Kit (CDK) である． CDK は Python などのプログラミング言語を使って CloudFormation を自動的に生成してくれるツールである． CDK は 2019 年にリリースされたばかりの比較的新しいツールで，日々改良が進められている (GitHub リポジトリ のリリースを見ればその開発のスピードの速さがわかるだろう)． CDK は TypeScript (JavaScript), Python, Java など複数の言語でサポートされている．
CDK を使うことで，CloudFormation に相当するクラウドリソースの記述を，より親しみのあるプログラミング言語を使って行うことができる． かつ，典型的なリソース操作に関してはパラメータの多くの部分を自動で決定してくれるので，記述しなければならない量もかなり削減される．
以下に Python を使った CDK のコードの一例 (抜粋) を示す．
python
from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
+
+class MyFirstEc2(core.Stack):
+
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
+
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
+
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
+
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
+
+class MyFirstEc2(core.Stack):
+
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
+
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
+
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
+
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
このコードは，一つ前に示した JSON を使った CloudFormation と実質的に同じことを記述している． とても煩雑だった CloudFormation ファイルに比べて， CDK と Python を使うことで格段に短く，わかりやすく記述できることができるのがわかるだろう．
本書の主題は，CDK を使って，コードを書きながら AWS の概念や開発方法を学んでいくことである． 後の章では CDK を使って様々なハンズオンを実施していく． 早速，最初のハンズオンでは， CDK を使って EC2 インスタンスを作成する方法を学んでいこう．
  • AWS CDK Examples: CDK を使ったプロジェクトの例が多数紹介されている． ここにある例をテンプレートに自分のアプリケーションの開発を進めるとよい．
Hands-on #1: 初めての EC2 インスタンスを起動する ​
ハンズオンの第一回では， CDK を使って EC2 のインスタンス(仮想サーバー)を作成し，SSH でサーバーにログインする，という演習を行う． このハンズオンを終えれば，あなたは自分だけのサーバーを AWS 上に立ち上げ，自由に計算を走らせることができるようになるのである！
準備 ​
ハンズオンのソースコードは GitHub の handson/ec2-get-started に置いてある．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行することができる．
まずは，ハンズオンを実行するための環境を整える． これらの環境整備は，後のハンズオンでも前提となるものなので確実にミスなく行っていただきたい．
  • AWS Account: ハンズオンを実行するには個人の AWS アカウントが必要である． AWS アカウントの取得については AWS アカウントの取得 を参照のこと．
  • Python と Node.js: 本ハンズオンを実行するには，Python (3.6 以上)，Node.js (12.0 以上) がインストールされていなければならない．
  • AWS CLI: AWS CLI のインストールについては， AWS CLI のインストール を参照． ここに記載されている認証鍵の設定も済ませておくこと．
  • AWS CDK: AWS CDK のインストールについては， AWS CDK のインストール を参照．
  • ソースコードのダウンロード: 本ハンズオンで使用するプログラムのソースコードを，以下のコマンドを使って GitHub からダウンロードする．
sh
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
あるいは， https://github.com/tomomano/learn-aws-by-coding のページに行って，右上のダウンロードボタンからダウンロードすることもできる．
Docker を使用する場合
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもパッケージ済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
使用方法については ハンズオン実行用の Docker image の使い方 を参照のこと．
SSH ​
SSH (secure shell) は Unix 系のリモートサーバーに安全にアクセスするためのツールである． 本ハンズオンでは， SSH を使って仮想サーバーにアクセスする． SSH に慣れていない読者のため，簡単な説明をここで行おう．
SSH による通信はすべて暗号化されているので，機密情報をインターネットを介して安全に送受信することができる． 本ハンズオンで，リモートのサーバーにアクセスするための SSH クライアントがローカルマシンにインストールされている必要がある． SSH クライアントは Linux/Mac には標準搭載されている． Windows の場合は WSL をインストールすることで SSH クライアントを利用することを推奨する (環境構築 を参照)．
SSH コマンドの基本的な使い方を次に示す． <host name> はアクセスする先のサーバーの IP アドレスや DNS によるホストネームが入る． <user name> は接続する先のユーザー名である．
sh
$ ssh <user name>@<host name>
$ ssh <user name>@<host name>
SSH は平文のパスワードによる認証を行うこともできるが，より強固なセキュリティを施すため，公開鍵暗号方式(Public Key Cryptography)による認証を行うことが強く推奨されており， EC2 はこの方法でしかアクセスを許していない． 公開鍵暗号方式の仕組みについては各自勉強してほしい． 本ハンズオンにおいて大事なことは，EC2 インスタンスが公開鍵(Public key)を保持し，クライアントとなるコンピュータ(読者自身のコンピュータ)が秘密鍵(Private key)を保持する，という点である． EC2 のインスタンスには秘密鍵を持ったコンピュータのみがアクセスすることができる．逆に言うと，秘密鍵が漏洩すると第三者もサーバーにアクセスできることになるので，秘密鍵は絶対に漏洩することのないよう注意して管理する．
SSH コマンドでは，ログインのために使用する秘密鍵ファイルを -i もしくは --identity_file のオプションで指定することができる． たとえば，次のように使う．
sh
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#1で作製するアプリケーションのアーキテクチャ
このアプリケーションではまず，VPC (Virtual Private Cloud) を使ってプライベートな仮想ネットワーク環境を立ち上げている． その VPC の public subnet の内側に，EC2 (Elatic Compute Cloud) の仮想サーバーを配置する． さらに，セキュリティのため， Security Group による EC2 インスタンスへのアクセス制限を設定している． このようにして作成された仮想サーバーに，SSH を使ってアクセスし，簡単な計算を行う．
figure_title のようなアプリケーションを，CDK を使って構築する．
早速ではあるが，今回のハンズオンで使用するプログラムを見てみよう (handson/ec2-get-started/app.py)．
python
class MyFirstEc2(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
+
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
+
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
class MyFirstEc2(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
+
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
+
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
  • まず最初に，VPC を定義する．
  • 次に， security group (SG) を定義している． ここでは，任意の IPv4 のアドレスからの，ポート 22 (SSH の接続に使用される)への接続を許可している． それ以外の接続は拒絶される．
  • 最後に，上記で作った VPC と SG が付与された EC2 インスタンスを作成している． インスタンスタイプは t2.micro を選択し， Amazon Linux を OS として設定している．
それぞれについて，もう少し詳しく説明しよう．
VPC (Virtual Private Cloud) ​
VPC のアイコン.
VPC
VPC は AWS 上にプライベートな仮想ネットワーク環境を構築するツールである．高度な計算システムを構築するには，複数のサーバーを連動させて計算を行う必要があるが，そのような場合に互いのアドレスなどを管理する必要があり，そういった目的で VPC は有用である．
本ハンズオンでは，サーバーは一つしか起動しないので，VPC の恩恵はよく分からないかもしれない．しかし，EC2 インスタンスは必ず VPC の中に配置されなければならない，という制約があるので，このハンズオンでもミニマルな VPC を構成している．
興味のある読者のために，VPC のコードについてもう少し詳しく説明しよう．
python
vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
  • max_azs=1 : このパラメータは，前章で説明した avaialibility zone (AZ) を設定している． このハンズオンでは，特にデータセンターの障害などを気にする必要はないので 1 にしている．
  • cidr="10.10.0.0/23" : このパラメータは，VPC 内の IPv4 のレンジを指定している． CIDR 記法については， Wikipediaなどを参照． 10.10.0.0/23 は 10.10.0.0 から 10.10.1.255 までの 512 個の連続したアドレス範囲を指している． つまり，この VPC では最大で 512 個のユニークな IPv4 アドレスが使えることになる． 今回はサーバーは一つなので 512 個は明らかに多すぎるが，VPC はアドレスの数はどれだけ作成しても無料なので，多めに作成した．
  • subnet_configuration=... : このパラメータは，VPC にどのようなサブネットを作るか，を決めている． サブネットの種類には private subnet と public subnet の二種類がある． private subnet は基本的にインターネットとは遮断されたサブネット環境である． インターネットと繋がっていないので，セキュリティは極めて高く， VPC 内のサーバーとのみ通信を行えばよい EC2 インスタンスはここに配置する． Public subnet とはインターネットに繋がったサブネットである． 本ハンズオンで作成するサーバーは，外から SSH でログインを行いたいので， Public subnet 内に配置する． より詳細な記述は 公式ドキュメンテーション を参照．
  • natgateways=0 : これは少し高度な内容なので省略する (興味のある読者は 公式ドキュメンテーションを参照)． が，これを 0 にしておかないと，NAT Gateway の利用料金が発生してしまうので，注意！
Security Group ​
Security group (SG) は， EC2 インスタンスに付与することのできる仮想ファイアーウォールである． たとえば，特定の IP アドレスから来た接続を許可・拒絶したり　(インバウンド・トラフィックの制限) ，逆に特定の IP アドレスへのアクセスを禁止したり (アウトバウンド・トラフィックの制限) することができる．
コードの該当部分を見てみよう．
python
sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
本ハンズオンでは， SSH による外部からの接続を許容するため， sg.add_ingress_rule(peer=ec2.Peer.any_ipv4(), connection=ec2.Port.tcp(22)) により，すべての IPv4 アドレスからのポート 22 番へのアクセスを許容している． また， SSH で EC2 インスタンスにログインしたのち，インターネットからプログラムなどをダウンロードできるよう， allow_all_outbound=True のパラメータを設定している．
SSH はデフォルトでは 22 番ポートを使用するのが慣例である．
セキュリティ上の観点からは，SSH の接続は自宅や大学・職場など特定の地点からの接続のみを許す方が望ましい．
EC2 (Elastic Compute Cloud) ​
EC2 のアイコン.
EC2
EC2 は AWS 上に仮想サーバーを立ち上げるサービスである． 個々の起動状態にある仮想サーバーのことをインスタンス (instance) とよぶ (しかし，口語的なコミュニケーションにおいては，サーバーとインスタンスという言葉は相互互換的に用いられることが多い)．
EC2 では用途に応じて様々なインスタンスタイプが提供されている． table_title に，代表的なインスタンスタイプの例を挙げる (執筆時点での情報)． EC2 のインスタンスタイプのすべてのリストは 公式ドキュメンテーション "Amazon EC2 Instance Types" で見ることができる．
EC2 instance types
InstancevCPUMemory (GiB)Network bandwidth (Gbps)Price per hour ($)
t2.micro
1
1
-
0.0116
t2.small
1
2
-
0.023
t2.medium
2
4
-
0.0464
c5.24xlarge
96
192
25
4.08
c5n.18xlarge
72
192
100
3.888
x1e.16xlarge
64
1952
10
13.344
table_title からわかるように， CPU は 1 コアから 96 コアまで，メモリーは 1GB から 2TB 以上まで，ネットワーク帯域は最大で 100Gbps まで，幅広く選択することができる． また，時間あたりの料金は，CPU・メモリーの占有数にほぼ比例する形で増加する． EC2 はサーバーの起動時間を秒単位で記録しており，利用料金は使用時間に比例する形で決定される． 例えば， t2.medium のインスタンスを 10 時間起動した場合，0.0464 * 10 = 0.464 ドルの料金が発生する．
AWS には 無料利用枠 というものがあり， t2.micro であれば月に 750 時間までは無料で利用することができる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
上記で t2.micro の $0.0116 / hour という金額は， On-demand インスタンスというタイプを選択した場合の価格である． EC2 ではほかに， Spot instance とよばれるインスタンスも存在しする． Spot instance は，AWS のデータセンターの負荷が増えた場合，ユーザーのプログラムが実行中であっても AWS の判断により強制シャットダウンされる，という不便さを抱えているのだが，その分大幅に安い料金設定になっている． AWS で一時的に生じた余剰な空き CPU をユーザーに割安で貸し出す，という発想である． 科学計算やウェブサーバーなどの用途でコストを削減する目的で， Spot Instance を活用する事例も多数報告されている．
EC2 インスタンスを定義しているコードの該当部分を見てみよう．
python
host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
ここでは， t2.micro というインスタンスタイプを選択している． さらに， machine_image として， Amazon Linux を選択している (Machine image は OS と似た概念である． Machine image については， Hands-on #2: AWS でディープラーニングを実践 でより詳しく触れる)． さらに，上で定義した VPC, SG をこのインスタンスに付与している．
以上が，今回使用するプログラムの簡単な解説であった． ミニマルな形のプログラムではあるが，仮想サーバーを作成するのに必要なステップがおわかりいただけただろうか？
プログラムを実行する ​
さて，ハンズオンのコードの理解ができたところで，プログラムを実際に実行してみよう．繰り返しになるが， 準備 での準備ができていることが前提である．
Python の依存ライブラリのインストール ​
まずは，Python の依存ライブラリをインストールする．以下では，Python のライブラリを管理するツールとして， venv を使用する．
まずは， handson/ec2-get-started のディレクトリに移動しよう．
sh
$ cd handson/ec2-get-started
$ cd handson/ec2-get-started
ディレクトリを移動したら， venv で新しい仮想環境を作成し，インストールを実行する．
sh
$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
これで Python の環境構築は完了だ．
venv の簡単な説明は Python クイックガイド に記述してある．
環境によっては pip ではなく pip3 あるいは python3 -m pip に置き換える必要がある．
AWS のシークレットキーをセットする ​
AWS CLI および AWS CDK を使うには， AWS のシークレットキーが設定されている必要がある． シークレットキーの発行については AWS のシークレットキーの作成 を参照のこと． シークレットキーを発行したら， AWS CLI のインストール を参照し，コマンドラインの設定を行う．
手順をここに短く要約すると，一つ目の方法は AWS_ACCESS_KEY_ID などの環境変数を設定するやり方である． もう一つの方法は， ~/.aws/credentials に認証情報を保存しておく方式である． シークレットキーの設定は AWS CLI/CDK を使用するうえで共通のステップになるので，しっかりと理解しておくように．
SSH 鍵を生成 ​
EC2 インスタンスには SSH を使ってログインする． EC2 インスタンスを作成するのに先行して，今回のハンズオンで専用に使う SSH の公開鍵・秘密鍵のペアを準備する必要がある．
次の AWS CLI コマンドにより， HirakeGoma という名前のついた鍵を生成する．
sh
$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
このコマンドを実行すると，現在のディレクトリに HirakeGoma.pem というファイルが作成される．これが，サーバーにアクセスするための秘密鍵である． SSH でこの鍵を使うため， ~/.ssh/ のディレクトリに鍵を移動する． さらに，秘密鍵が書き換えられたり第三者に閲覧されないよう，ファイルのアクセス権限を 400 に設定する．
sh
$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
デプロイを実行 ​
これまでのステップで， EC2 インスタンスをデプロイするための準備が整った！ 早速，次のコマンドによりアプリケーションを AWS にデプロイしよう． -c key_name="HirakeGoma" というオプションで，先ほど生成した HirakeGoma という名前の鍵を使うよう指定している．
sh
$ cdk deploy -c key_name="HirakeGoma"
$ cdk deploy -c key_name="HirakeGoma"
このコマンドを実行すると， VPC， EC2 などが AWS 上に展開される． そして，コマンドの出力の最後に figure_title のような出力が得られるはずである． 出力の中で InstancePublicIp に続く数字が，起動したインスタンスのパブリック IP アドレスである． IP アドレスはデプロイごとにランダムなアドレスが割り当てられる．
CDKデプロイ実行後の出力
SSH でログイン ​
早速，SSH 　で接続してみよう．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
-i オプションで，先ほど生成した秘密鍵を指定している． EC2 インスタンスにはデフォルトで ec2-user という名前のユーザーが作られているので，それを使用する． 最後に， <IP address> の部分は自身が作成した EC2 インスタンスの IP アドレスで置き換える (12.345.678.9 など）．
ログインに成功すると， figure_title のような画面が表示される． リモートのサーバーにログインしているので，プロンプトが [ec2-user@ip-10-10-1-217 ~]$ のようになっていることを確認しよう．
SSH で EC2 インスタンスにログイン
おめでとう！これで，めでたく AWS 上に EC2 仮想サーバーを起動し，リモートからアクセスできるようになった！
起動した EC2 インスタンスで遊んでみる ​
せっかく新しいインスタンスを起動したので，少し遊んでみよう．
ログインした EC2 インスタンスで，次のコマンドを実行してみよう． CPU の情報を取得することができる．
sh
$ cat /proc/cpuinfo
+
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
$ cat /proc/cpuinfo
+
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
次に，実行中のプロセスやメモリの消費を見てみよう．
sh
$  top -n 1
+
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
+
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
$  top -n 1
+
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
+
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
t2.micro インスタンスなので， 1009140k = 1GB のメモリーがあることがわかる．
今回起動したインスタンスには Python 2 はインストール済みだが， Python 3 は入っていない． Python 3.6 のインストールを行ってみよう． インストールは簡単である．
sh
$ sudo yum update -y
+$ sudo yum install -y python36
$ sudo yum update -y
+$ sudo yum install -y python36
インストールした Python を起動してみよう．
sh
$ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
$ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
Python のインタープリタが起動した！ Ctrl + D あるいは exit() と入力することで，インタープリタを閉じることができる．
さて，サーバーでのお遊びはこんなところにしておこう (興味があれば各自いろいろと試してみると良い) ． 次のコマンドでログアウトする．
sh
$ exit
$ exit
AWS コンソールから確認 ​
これまでは，すべてコマンドラインから EC2 に関連する操作を行ってきた． EC2 インスタンスの状態を確認したり，サーバーをシャットダウンするなどの操作は，AWS コンソールから実行することもできる． 軽くこれを紹介しよう．
まず，ウェブブラウザを開いて AWS コンソールにログインする． ログインしたら， Services から EC2 を検索(選択)する． 次に，左のサイドバーの Instances とページをたどる. すると， figure_title のような画面が得られるはずである． この画面で，自分のアカウントの管理下にあるインスタンスを確認できる． 同様に，VPC・SG についてもコンソールから確認できる．
EC2 コンソール画面
コンソール右上で，正しいリージョン (今回の場合は ap-northeast-1, Tokyo) が選択されているか，注意する！
前章で CloudFormation について触れたが，今回デプロイしたアプリケーションも，CloudFormation のスタックとして管理されている． スタック (stack) とは， AWS リソースの集合のことを指す． 今回の場合は， VPC/EC2/SG などがスタックの中に含まれている． コンソールで CloudFormation のページに行ってみよう (figure_title)．
CloudFormation コンソール画面
"MyFirstEc2" という名前のスタックがあることが確認できる． クリックをして中身を見てみると，EC2, VPC などのリソースがこのスタックに紐付いていることがわかる．
スタックを削除 ​
これにて，第一回のハンズオンで説明すべき事柄はすべて完了した． 最後に，使わなくなったスタックを削除しよう． スタックの削除には，二つの方法がある．
一つ目の方法は，前節の Cloudformation のコンソール画面で， "Delete" ボタンを押すことである (figure_title)． すると，スタックの状態が "DELETE_IN_PROGRESS" に変わり，削除が完了すると CloudFormation のスタックの一覧から消える．
CloudFormationコンソール画面から，スタックを削除
二つ目の方法は，コマンドラインから行う方法である． 先ほど，デプロイを行ったコマンドラインに戻ろう． そうしたら，次のコマンドを実行する．
sh
$ cdk destroy
$ cdk destroy
このコマンドを実行すると，スタックの削除が始まる． 削除した後は，VPC, EC2 など，すべて跡形もなく消え去っていることを自身で確かめよう． CloudFormation を用いることで関連するすべての AWS リソースを一度に管理・削除することができるので，大変便利である．
スタックの削除は各自で必ず行うこと！ 行わなかった場合， EC2 インスタンスの料金が発生し続けることになる！
また，本ハンズオンのために作成した SSH 鍵ペアも不要なので，削除しておく． まず， EC2 側に登録してある公開鍵を削除する． これも，コンソールおよびコマンドラインの二つの方法で実行できる．
コンソールから実行するには， EC2 の画面に行き，左のサイドバーの Key Pairs を選択する． 鍵の一覧が表示されるので， HirakeGoma とある鍵にチェックを入れ，画面右上の Actions から， Delete を実行する (figure_title)．
EC2でSSH鍵ペアを削除
コマンドラインから実行するには，次のコマンドを使う．
sh
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
最後に，ローカルのコンピュータから鍵を削除する．
sh
$ rm -f ~/.ssh/HirakeGoma.pem
$ rm -f ~/.ssh/HirakeGoma.pem
これで，クラウドの片付けもすべて終了だ．
なお，頻繁に EC2 インスタンスを起動したりする場合は，いちいち SSH 鍵を削除する必要はない．
小括 ​
ここまでが，本書の第一部の内容である． 盛りだくさんの内容であったが，ついてこれたであろうか？
クラウド概論 では，クラウドの定義と用語の説明を行ったあと，なぜクラウドを使うのか，という点を議論した． 続いて AWS 入門 では，クラウドを学ぶ具体的なプラットフォームとして AWS を取り上げ， AWS を使用するにあたり最低限必要な知識と用語の説明を行った． さらに， Hands-on #1: 初めての EC2 インスタンスを起動する のハンズオンでは AWS CLI と AWS CDK を使って，自身のプライベートなサーバーを AWS 上に立ち上げる演習を行った．
これらを通じて，いかに簡単に (たった数行のコマンドで！) 仮想サーバーを立ち上げたり，削除したりすることができるか，体験できただろう． 筆者は，クラウド概論 でクラウドの最も重要な側面はダイナミックに計算リソースを拡大・縮小できることである，と述べた． この言葉の意味が，ハンズオンを通じてより明らかになっただろうか？ ここで学んだ技術を少し応用するだけで，自分のウェブページをホストする仮想サーバーを作成したり，大量のコアを搭載した EC2 インスタンスを用意して科学計算を実行するなど，いろいろなアプリケーションが実現できる．
次章からは，今回学んだクラウドの技術を基に，より現実に即した問題を解くことを体験してもらう． お楽しみに！
クラウドで行う科学計算・機械学習 ​
計算機が発達した現代では，計算機によるシミュレーションやビッグデータの解析は，科学・エンジニアリングの研究の主要な柱である． これらの大規模な計算を実行するには，クラウドは最適である． 本章から始まる第二部では，どのようにしてクラウド上で科学計算を実行するのかを，ハンズオンとともに体験してもらう． 科学計算の具体的な題材として，今回は機械学習(深層学習)を取り上げる．
なお，本書では PyTorch ライブラリを使って深層学習のアルゴリズムを実装するが，深層学習および PyTorch の知識は不要である． 講義ではなぜ・どうやって深層学習をクラウドで実行するかに主眼を置いているので，実行するプログラムの詳細には立ち入らない． 将来，自分で深層学習を使う機会が来たときに，詳しく学んでもらいたい．
なぜ機械学習をクラウドで行うのか？ ​
2010 年頃に始まった第三次 AI ブームのおかげで，学術研究だけでなく社会・ビジネスの文脈でも機械学習に高い関心が寄せられている． とくに，深層学習 (ディープラーニング) とよばれる多層のレイヤーからなるニューラルネットワークを用いたアルゴリズムは，画像認識や自然言語処理などの分野で圧倒的に高い性能を実現し，革命をもたらしている．
深層学習の特徴は，なんといってもそのパラメータの多さである． 層が深くなるほど，層間のニューロンを結ぶ重みパラメータの数が増大していく． たとえば，最新の言語モデルである GPT-3 には1750 億個ものパラメータが含まれている． このような膨大なパラメータを有することで，深層学習は高い表現力と汎化性能を実現しているのである．
GPT-3 に限らず，最近の SOTA (State-of-the-art) の性能を達成するニューラルネットワークでは，百万から億のオーダーのパラメータを内包することは頻繁になってきている． そのような巨大なニューラルネットを訓練 (最適化) させるのは，当然のことながら膨大な計算コストがかかる． 結果として，ひとつの計算機では丸一日以上の時間がかかる場合も珍しくない． 深層学習の発展の速度は目覚ましく，研究・ビジネス両方の観点からも，いかにスループットよくニューラルネットワークの最適化を行えるかが鍵となってくる． そのような問題を解決するのにとても有効な手段が，クラウドである！ Hands-on #1: 初めての EC2 インスタンスを起動する でその片鱗を見たように，クラウドを使用することでゼロから数千に至るまでの数のインスタンスを動的に起動し，並列に計算を実行することができる． さらに，深層学習を加速させる目的で，深層学習の演算に専用設計された計算チップ (GPU など) がある． クラウドを利用すると，そのような専用計算チップも無尽蔵に利用することができる． 事実，先述した GPT-3 の学習も，詳細は明かされていないが，Microsoft 社のクラウドを使って行われたと報告されている．
GPU による深層学習の高速化 ​
深層学習の計算で欠かすことのできない技術として， GPU (Graphics Processing Unit) について少し説明する．
GPU は，その名のとおり，元々はコンピュータグラフィックスを出力するための専用計算チップである． CPU (Central Processing Unit) に対し，グラフィックスの演算に特化した設計がなされている． 身近なところでは， XBox や PS5 などのゲームコンソールなどに搭載されているし，ハイエンドなノート型・デスクトップ型計算機にも搭載されていることがある． コンピュータグラフィックスでは，スクリーンにアレイ状に並んだ数百万個の画素をビデオレート (30 fps) 以上で処理する必要がある． そのため，GPU はコアあたりの演算能力は比較的小さいかわりに，チップあたり数百から数千のコアを搭載しており (figure_title)，スクリーンの画素を並列的に処理することで，リアルタイムでの描画を実現している．
GPUのアーキテクチャ．GPUには数百から数千の独立した計算コアが搭載されている． (画像出典: https://devblogs.nvidia.com/nvidia-turing-architecture-in-depth/)
このように，コンピュータグラフィクスの目的で生まれた GPU だが，2010 年前後から，その高い並列計算能力をグラフィックス以外の計算 (科学計算など) に用いるという流れ (General-purpose computing on GPU; GPGPU) が生まれた． GPU のコアは，その設計から，行列の計算など，単純かつ規則的な演算が得意であり，そのような演算に対しては数個程度のコアしかもたない CPU に比べて圧倒的に高い計算速度を実現することができる． 現在では GPGPU は分子動力学や気象シミュレーション，そして機械学習など多くの分野で使われている．
ディープラーニングで最も頻繁に起こる演算が，ニューロンの出力を次の層のニューロンに伝える畳み込み (Convolution) 演算である (figure_title)． 畳み込み演算は，まさに GPU が得意とする演算であり， CPU ではなく GPU を用いることで学習を飛躍的に (最大で数百倍程度) 加速させることができる．
ニューラルネットワークにおける畳み込み演算．
このように GPU は機械学習の計算で欠かせないものであるが，なかなか高価である． たとえば，科学計算・機械学習に専用設計された NVIDIA 社の Tesla V100 というチップは，一台で約百万円の価格が設定されている． 機械学習を始めるのに，いきなり百万円の投資はなかなか大きい． だが，クラウドを使えば，初期コスト０で GPU を使用することができる．
機械学習を行うのに， V100 が必ずしも必要というわけではない． むしろ，研究者などでしばしば行われるのは，コンピュータゲームに使われるグラフィックス用の GPU を買ってきて (NVIDIA GeForce シリーズなど)，開発のときはをそれを用いる，というアプローチである． グラフィックス用のいわゆる"コンシューマ GPU"は，市場の需要が大きいおかげで，10 万円前後の価格で購入することができる． V100 と比べると，コンシューマ GPU はコアの数が少なかったり，メモリーが小さかったりなどで劣る点があるが， それらを除いては計算能力にとくに制限があるわけではなく，開発の段階では十分な性能である場合がほとんどである． プログラムができあがって，ビッグデータの解析や，モデルをさらに大きくしたいときなどに，クラウドは有効だろう．
クラウドで GPU を使うには， GPU が搭載された EC2 インスタンスタイプ (P3, P2, G3, G4 など) を選択しなければならない． table_title に，代表的な GPU 搭載のインスタンスタイプを挙げる (執筆時点での情報)．
GPUを搭載したEC2インスタンスタイプ
InstanceGPUsGPU modelGPU Mem (GiB)vCPUMem (GiB)Price per hour ($)
p3.2xlarge
1
NVIDIA V100
16
8
61
3.06
p3n.16xlarge
8
NVIDIA V100
128
64
488
24.48
p2.xlarge
1
NVIDIA K80
12
4
61
0.9
g4dn.xlarge
1
NVIDIA T4
16
4
16
0.526
table_title からわかるとおり， CPU のみのインスタンスと比べると少し高い価格設定になっている． また，古い世代の GPU (V100 に対しての K80) はより安価な価格で提供されている． 1 インスタンスあたりの GPU の搭載数は 1 台から最大で 8 台まで選択することが可能である．
GPU を搭載した一番安いインスタンスタイプは， g4dn.xlarge であり，これには廉価かつ省エネルギー設計の NVIDIA T4 が搭載されている． 後のハンズオンでは，このインスタンスを使用して，ディープラーニングの計算を行ってみる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
V100 を一台搭載した p3.2xlarge の利用料金は一時間あたり $3.06 である． V100 が約百万円で売られていることを考えると，約 3000 時間 (= 124 日間)，通算で計算を行った場合に，クラウドを使うよりも V100 を自分で買ったほうがお得になる，という計算になる (実際には，自前で V100 を用意する場合は， V100 だけでなく， CPU やネットワーク機器，電気使用料も必要なので，百万円よりもさらにコストがかかる)．
GPT-3 で使われた計算リソースの詳細は論文でも明かされていないのだが， Lambda 社のブログで興味深い考察が行われている (Lambda 社は機械学習に特化したクラウドサービスを提供している)．
記事によると，1750 億のパラメータを訓練するには，一台の GPU (NVIDIA V100) を用いた場合，342 年の月日と 460 万ドルのクラウド利用料が必要となる，とのことである． GPT-3 のチームは，複数の GPU に処理を分散することで現実的な時間のうちに訓練を完了させたのであろうが，このレベルのモデルになってくるとクラウド技術の限界を攻めないと達成できないことは確かである．
深層学習を詳しく勉強したい人には以下の参考書を推薦したい． 深層学習の基礎的な概念や理論は普遍的であるが，この分野は日進月歩なので，常に最新の情報を取り入れることを忘れずに．
Hands-on #2: AWS でディープラーニングを実践 ​
準備 ​
ハンズオン第二回では， GPU を搭載した EC2 インスタンスを起動し，深層学習モデルの学習と推論を実行する演習を行う．
ハンズオンのソースコードは GitHub の handson/mnist に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． それ以外に必要な準備はない．
初期状態の AWS アカウントでは， GPU 搭載の G タイプのインスタンスの起動上限が 0 になっていることがある． これを確認するには， AWS コンソールから EC2 の画面を開き，左のメニューから Limits を選択する． その中の Running On-Demand All G instances という数字が G インスタンスの起動上限を表している．
もし，これが 0 になっていた場合は， AWS の自動申請フォームから上限緩和のリクエストを送る必要がある． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，東京 (ap-northeast-1) リージョンでは 0.71 $/hour のコストが発生する．
AWS Educate Starter Account を使用している読者へ: 執筆時点においては， Starter Account には GPU 搭載型インスタンスを起動できないという制限が設けられている． したがって， Starter Account のユーザーはこのハンズオンを実行することはできない． 興味のある読者は，制限のない一般アカウントを自分自身で取得する必要があることに注意．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#2で作製するアプリケーションのアーキテクチャ
図の多くの部分が，第一回ハンズオンで作成したアプリケーションと共通していることに気がつくだろう． 少しの変更で，簡単にディープラーニングを走らせる環境を構築することができるのである！主な変更点は次の３点である．
  • GPU を搭載した g4dn.xlarge インスタンスタイプを使用
  • ディープラーニングに使うプログラムがあらかじめインストールされた DLAMI (後述) を使用
  • SSH にポートフォワーディングのオプションつけてサーバーに接続し，サーバーで起動している Jupyter Notebook (後述) を使ってプログラムを書いたり実行したりする
ハンズオンで使用するプログラムのコードをみてみよう handson/mnist/app.py)． コードは第一回目とほとんど共通である．変更点のみ解説を行う．
python
class Ec2ForDl(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
+
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
+
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
class Ec2ForDl(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
+
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
+
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
  • ここで， g4dn.xlarge インスタンスタイプを選択している (第一回では， CPU のみの t2.micro だった)． g4dn.xlarge のインスタンスタイプは， クラウドで行う科学計算・機械学習 ですでに触れた通り， NVIDIA T4 と呼ばれる廉価版モデルの GPU を搭載したインスタンスである． CPU は 4 core, メインメモリーは 16GB が割り当てあられている．
  • ここでは，Deep Learning 用の諸々のソフトウェアがプリンストールされた AMI (Deep Learning Amazon Machine Image; DLAMI) を選択している (第一回では，Amazon Linux という AMI を使用していた)． 使用する AMI の ID は リージョンごとに指定する必要があり，ここでは us-east-1 と ap-northeast-1 でそれぞれ定義している．
DLAMI という新しい概念が出てきたので，説明しよう．
AMI が us-east-1 と ap-northeast-1 でしか定義されていないので，提供されているコードはこの二つのリージョンのみでデプロイ可能である． もしほかのリージョンを利用したい場合は， AMI の ID を自身で検索し，コードに書き込む必要がある．
DLAMI (Deep Learning Amazon Machine Image) ​
AMI (Amazon Machine Image) とは，大まかには OS (Operating System) に相当する概念である． 当然のことながら， OS がなければコンピュータはなにもできないので，EC2 インスタンスを起動するときには必ずなにかの OS を"インストール"する必要がある． EC2 が起動したときにロードされる OS に相当するものが， AMI である． AMI には，たとえば Ubuntu などの Linux 系 OS に加えて，Windows Server を選択することもできる． また， EC2 での使用に最適化された Amazon Linux という AMI も提供されている．
しかしながら， AMI を単なる OS と理解するのは過剰な単純化である． AMI には，ベースとなる (空っぽの) OS を選択することもできるが，それに加えて，各種のプログラムがインストール済みの AMI も定義することができる． 必要なプログラムがインストールされている AMI を見つけることができれば，自身でインストールを行ったり環境設定したりする手間が大幅に省ける． 具体例を挙げると，ハンズオン第一回では EC2 インスタンスに Python 3.6 をインストールする例を示したが，そのような操作をインスタンスが起動するたびに行うのは手間である！
AMI は， AWS 公式のものに加えて，サードパーティから提供されているものもある． また，自分自身の AMI を作って登録することも可能である (参考)． AMI は EC2 のコンソールから検索することが可能である． あるいは，AWS CLI を使って，次のコマンドでリストを取得することができる (参考)．
sh
$ aws ec2 describe-images --owners amazon
$ aws ec2 describe-images --owners amazon
ディープラーニングで頻繁に使われるプログラムがあらかじめインストールしてある AMI が， DLAMI (Deep Learning AMI) である． DLAMI には TensorFlow, PyTorch などの人気の高いディープラーニングのフレームワーク・ライブラリがすでにインストールされているため， EC2 インスタンスを起動してすぐさまディープラーニングの計算を実行できる．
本ハンズオンでは， Amazon Linux 2 をベースにした DLAMI を使用する (AMI ID = ami-09c0c16fc46a29ed9．この AMI は ap-northeast-1 でしか使用できない点に注意)． AWS CLI を使って，この AMI の詳細情報を取得してみよう．
sh
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
AMI ID = ami-09c0c16fc46a29ed9 の詳細情報
figure_title のような出力が得られるはずである．得られた出力から，この DLAMI には PyTorch のバージョン 1.4.0 と 1.5.0 がインストールされていることがわかる． この DLAMI を使って，早速ディープラーニングの計算を実行してみよう．
DLAMI には具体的には何がインストールされているのだろうか？ 興味のある読者のために，簡単な解説をしよう (参考: 公式ドキュメンテーション "What Is the AWS Deep Learning AMI?")．
最も low-level なレイヤーとしては， GPU ドライバー がインストールされている． GPU ドライバーなしには OS は GPU とコマンドのやり取りをすることができない． 次のレイヤーが CUDA と cuDNN である． CUDA は， NVIDIA 社が開発した， GPU 上で汎用コンピューティングを行うための言語であり， C++ 言語を拡張したシンタックスを備える． cuDNN は CUDA で書かれたディープラーニングのライブラリであり，n 次元の畳み込みなどの演算が実装されている． ここまでが， "Base" とよばれるタイプの DLAMI の中身である．
これに加えて， "Conda" とよばれるタイプには， "Base" のプログラム基盤の上に， TensorFlow や PyTorch などのライブラリがインストールされている． さらに， Anaconda による仮想環境を使うことによって， TensorFlow の環境・ PyTorch の環境・ MxNet の環境など，フレームワークを簡単に切り替えることができる (これについては，後のハンズオンで触れる)． また， Jupyter Notebook もインストール済みである．
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，ハンズオン 1 とほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれのコマンドの意味を忘れてしまった場合は，ハンズオン 1 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/mnist
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
+
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
# プロジェクトのディレクトリに移動
+$ cd handson/mnist
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
+
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
ハンズオン 1 で作成した SSH 鍵の削除を行わなかった場合は， SSH 鍵を改めて作成する必要はない． 逆に言うと，同じ名前の SSH がすでに存在する場合は，鍵生成のコマンドはエラーを出力する．
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．AWS により割り振られた IP アドレス (InstancePublicIp に続く文字列) をメモしておこう．
CDKデプロイ実行後の出力
ログイン ​
早速，デプロイしたインスタンスに SSH でログインしてみよう． ここでは，この後で使う Jupyter Notebook に接続するため，ポートフォワーディング (port forwarding) のオプション (-L) をつけてログインする．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
ポートフォワーディングとは，クライアントマシンの特定のアドレスへの接続を， SSH の暗号化された通信を介して，リモートマシンの特定のアドレスへ転送する，という意味である． このコマンドの -L localhost:8931:localhost:8888 は，自分のローカルマシンの localhost:8931 へのアクセスを，リモートサーバーの localhost:8888 のアドレスに転送せよ，という意味である (: につづく数字は TCP/IP ポートの番号を意味している)． リモートサーバーのポート 8888 には，後述する Jupyter Notebook が起動している． したがって，ローカルマシンの localhost:8931 にアクセスすることで，リモートサーバーの Jupyter Notebook にアクセスすることができるのである (figure_title)． このような SSH による接続方式をトンネル接続とよぶ．
SSH のポートフォワーディングによる Jupyter Notebook へのアクセス
ポートフォワーディングのオプションで，ポートの番号 (:8931, :8888 など) には 1 から 65535 までの任意の整数を指定できる． しかし，たとえば ポート 22 (SSH) やポート 80 (HTTP) など，いくつかすでに使われているポート番号もあることに注意する． また， Jupyter Notebook はデフォルトではポート 8888 番を使用する． したがって，リモート側のポート番号は，8888 を使うのがよい．
SSH ログインコマンドの <IP address> 部分は自身のインスタンスの IP アドレスを代入することを忘れずに．
本書の提供している Docker を使ってデプロイを実行した人へ
SSH によるログインは， Docker の外 (すなわちクライアントマシン本体) から行わなければならない． なぜなら，Jupyter を開くウェブブラウザは Docker の外にあるからである．
その際，秘密鍵を Docker の外にもってこなければならない． 手っ取り早い方法は， cat ~/.ssh/HirakeGoma と打って，出力結果をコピーしてホストマシンのファイルに書き込む方法である． あるいは -v オプションをつけて，ファイルシステムをマウントしてもよい (詳しくは Docker 公式ドキュメンテーション "Use volumes" を参照)．
SSH によるログインができたら，早速， GPU の状態を確認してみよう． 次のコマンドを実行する．
sh
$ nvidia-smi
$ nvidia-smi
figure_title のような出力が得られるはずである． 出力を見ると， Tesla T4 型の GPU が 1 台搭載されていることが確認できる． その他，GPU Driver や CUDA のバージョン， GPU の負荷・メモリー使用率などの情報を確認することができる．
nvidia-smi の出力
Jupyter Notebook の起動 ​
Jupyter Notebook とは，インタラクティブに Python のプログラムを書いたり実行したりするためのツールである． Jupyter は GUI としてウェブブラウザを介してアクセスする形式をとっており，まるでノートを書くように，プロットやテーブルのデータも美しく表示することができる (figure_title)． Python に慣れている読者は，きっと一度は使ったことがあるだろう．
Jupyter Notebook の画面
このハンズオンでは， Jupyter Notebook を使ってディープラーニングのプログラムをインタラクティブに実行していく． DLAMI には既に Jupyter がインストールされているので，特段の設定なしに使い始めることができる．
早速， Jupyter を起動しよう． SSH でログインした先の EC2 インスタンスで，次のコマンドを実行すればよい．
sh
$ cd ~ # go to home directory
+$ jupyter notebook
$ cd ~ # go to home directory
+$ jupyter notebook
このコマンドを実行すると， figure_title のような出力が確認できるだろう． この出力から，Jupyter のサーバーが EC2 インスタンスの localhost:8888 というアドレスに起動していることがわかる． また， localhost:8888 に続く ?token=XXXX は，アクセスに使うための一時的なトークンである．
Jupyter Notebook サーバーを起動
Jupyter Notebook を初回に起動するときは，起動に数分程度の時間がかかることがある． ほかの動作も起動直後は遅く，いくつかプログラムを走らせていくうちに俊敏に反応するようになってくる． これは， AWS の GPU 搭載型仮想マシンの運用方法に起因する現象だと考えられる．
先ほど，ポートフォワーディングのオプションをつけて SSH 接続をしているので， Jupyter の起動している localhost:8888 には，ローカルマシンの localhost:8931 からアクセスすることができる． したがって，ローカルマシンから Jupyter にアクセスするには，ウェブブラウザ (Chrome, FireFox など)から次のアドレスにアクセスすれば良い．
http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
?token=XXXX の部分は，上で Jupyter を起動したときに発行されたトークンの値に置き換える．
上のアドレスにアクセスすると， Jupyter のホーム画面が起動するはずである (figure_title)． これで， Jupyter の準備が整った！
Jupyter ホーム画面
Jupyter Notebook の使い方 (超簡易版)
  • Shift + Enter: セルを実行
  • Esc: Command mode に遷移
  • メニューバーの "+" ボタン または Command mode で A ⇒ セルを追加
  • メニューバーの "ハサミ" ボタン または Command mode で X ⇒ セルを削除
ショートカットの一覧などは Ventsislav Yordanov 氏によるブログ が参考になる．
PyTorch はじめの一歩 ​
PyTorch は Facebook AI Research LAB (FAIR) が中心となって開発を進めている，オープンソースのディープラーニングのライブラリである． PyTorch は 有名な例で言えば Tesla 社の自動運転プロジェクトなどで使用されており，執筆時点において最も人気の高いディープラーニングライブラリの一つである． 本ハンズオンでは， PyTorch を使ってディープラーニングの実践を行う．
PyTorch の歴史のお話
Facebook は PyTorch のほかに Caffe2 とよばれるディープラーニングのフレームワークを開発していた (初代 Caffe は UC Berkley の博士課程学生だった Yangqing Jia によって創られた)． Caffe2 は 2018 年に PyTorch プロジェクトに合併された．
また，2019 年 12 月，日本の Preferred Networks 社が開発していた Chainer も開発を終了し，PyTorch の開発チームと協業していくことが発表された (詳しくは プレスリリース を参照)． PyTorch には，開発統合前から Chainer からインスパイアされた API がいくつもあり， Chainer の DNA は今も PyTorch に引き継がれているのである…!
本格的なディープラーニングの計算に移る前に， PyTorch ライブラリを使って， GPU で計算を行うとはどういうものか，その入り口に触れてみよう．
まずは，新しいノートブックを作成する． Jupyter のホーム画面の右上の "New" を押し，"conda_pytorch_p36" という環境を選択したうえで，新規ノートブックを作成する (figure_title)． "conda_pytorch_p36" の仮想環境には， PyTorch がインストール済みである．
新規ノートブックの作成． "conda_pytorch_p36" の環境を選択する．
ここでは，次のようなプログラムを書いて，実行していく． (figure_title)．
PyTorch始めの一歩
まずは， PyTorch をインポートする．さらに， GPU が使える環境にあるか，確認する．
python
import torch
+print("Is CUDA ready?", torch.cuda.is_available())
import torch
+print("Is CUDA ready?", torch.cuda.is_available())
出力:
Is CUDA ready? True</programlisting>
次に，3x3 のランダムな行列を CPU 上に作ってみよう．
python
x = torch.rand(3,3)
+print(x)
x = torch.rand(3,3)
+print(x)
出力:
tensor([[0.6896, 0.2428, 0.3269], [0.0533, 0.3594, 0.9499], [0.9764, 0.5881, 0.0203]])</programlisting>
次に，行列を GPU 上に作成する．
python
y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
そして，行列 x と y の加算を，GPU 上で実行する．
python
z = x + y
+print(z)
z = x + y
+print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]], device='cuda:0')</programlisting>
最後に， GPU 上にある行列を， CPU に戻す．
python
z = z.to("cpu")
+print(z)
z = z.to("cpu")
+print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]])</programlisting>
以上の例は， GPU を使った計算の初歩の初歩であるが，雰囲気はつかめただろうか？ CPU と GPU で明示的にデータを交換するのが肝である． この例はたった 3x3 の行列の足し算なので， GPU を使う意味はまったくないが，これが数千，数万のサイズの行列になったとき， GPU は格段の威力を発揮する．
完成した Jupyter Notebook は /handson/mnist/pytorch/pytorch_get_started.ipynb にある． Jupyter の画面右上の "Upload" からこのファイルをアップロードして，コードを走らせることが可能である．
しなしながら，勉強のときにはコードはすべて自分の手で打つことが，記憶に残りやすくより効果的である，というのが筆者の意見である．
実際にベンチマークを取ることで GPU と CPU の速度を比較をしてみよう． 実行時間を計測するツールとして， Jupyter の提供する %time マジックコマンドを利用する．
まずは CPU を使用して，10000x10000 の行列の行列積を計算した場合の速度を測ってみよう． 先ほどのノートブックの続きに，次のコードを実行する．
python
s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+
+%time z = torch.matmul(x,y)
s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+
+%time z = torch.matmul(x,y)
出力は以下のようなものが得られるだろう． これは，行列積の計算に実時間で 5.8 秒かかったことを意味する (実行のたびに計測される時間はばらつくことに留意)．
CPU times: user 11.5 s, sys: 140 ms, total: 11.6 s Wall time: 5.8 s</programlisting>
次に， GPU を使用して，同じ演算を行った場合の速度を計測しよう．
python
s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
+
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
+
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
出力は以下のようなものになるだろう． GPU では 553 ミリ秒 で計算を終えることができた！
CPU times: user 334 ms, sys: 220 ms, total: 554 ms Wall time: 553 ms</programlisting>
PyTorch において， GPU での演算は asynchronous (非同期) で実行される． その理由で，上のベンチマークコードでは， torch.cuda.synchronize() というステートメントを埋め込んである．
このベンチマークでは， dtype=torch.float32 と指定することで，32bit の浮動小数点型を用いている． ディープラーニングの学習および推論の計算には，32bit 型，場合によっては 16bit 型が使われるのが一般的である． これの主な理由として，教師データやミニバッチに起因するノイズが，浮動小数点の精度よりも大きいことがあげられる． 32bit/16bit を採用することで，メモリー消費を抑えたり，計算速度の向上が達成できる．
上記のベンチマークから，GPU を用いることで，約 10 倍のスピードアップを実現することができた． スピードアップの性能は，演算の種類や行列のサイズに依存する． 行列積は，そのなかでも最も速度向上が見込まれる演算の一つである．
実践ディープラーニング! MNIST 手書き数字認識タスク ​
ここまで，AWS 上でディープラーニングの計算をするための概念や前提知識をながながと説明してきたが，ついにここからディープラーニングの計算を実際に走らせてみる．
ここでは，機械学習のタスクで最も初歩的かつ有名な MNIST データセットを使った数字認識を扱う (figure_title)． これは，0 から 9 までの手書きの数字の画像が与えられ，その数字が何の数字なのかを当てる，というシンプルなタスクである．
MNIST 手書き数字データセット
今回は， MNIST 文字認識タスクを，畳み込みニューラルネットワーク (Convolutional Neural Network; CNN) を使って解く． ソースコードは /handson/minist/pytorch/ にある mnist.ipynb と simple_mnist.py である． なお，このプログラムは， PyTorch の公式 Example Project 集 を参考に，多少の改変を行ったものである．
まずは，カスタムのクラスや関数が定義された simple_mnist.py をアップロードしよう (figure_title)． 画面右上の "Upload" ボタンをクリックし，ファイルを選択することでアップロードができる． この Python プログラムの中に，CNN のモデルや，学習の各イテレーションにおけるパラメータの更新などが記述されている． 今回はこの中身を説明することはしないが，興味のある読者は自身でソースコードを読んでみるとよい．
 をアップロード
simple_mnist.py をアップロードできたら，次に新しい notebook を作成しよう． "conda_pytorch_p36" の環境を選択することを忘れずに．
新しいノートブックが起動したら，まずは必要なライブラリをインポートしよう．
python
import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
+
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
+
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
torchvision パッケージには，MNIST データセットをロードするなどの便利な関数が含まれている． また，今回のハンズオンで使うカスタムのクラス・関数 (Model, train, evaluate) のインポートを行っている．
次に，MNIST テストデータをダウンロードしよう． 同時に，画像データの輝度の正規化も行っている．
python
transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
+
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
+
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
今回扱う MNIST データは 28x28 ピクセルの正方形の画像(モノクロ)と，それぞれのラベル(0 - 9 の数字)の組で構成されている． いくつかのデータを抽出して，可視化してみよう． figure_title のような出力が得られるはずである．
python
examples = iter(testloader)
+example_data, example_targets = examples.next()
+
+print("Example data size:", example_data.shape)
+
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
examples = iter(testloader)
+example_data, example_targets = examples.next()
+
+print("Example data size:", example_data.shape)
+
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
MNIST の手書き数字画像とその教師ラベル
次に， CNN のモデルを定義する．
python
model = Model()
+model.to("cuda") # load to GPU
model = Model()
+model.to("cuda") # load to GPU
今回使う Model は simple_mnist.py の中で定義されている． このモデルは，figure_title に示したような，２層の畳み込み層と 2 層の全結合層からなるネットワークである． 出力層 (output layer) には Softmax 関数を使用し，損失関数 (Loss function) には 負の対数尤度関数 (Negative log likelyhood; NLL) を使用している．
本ハンズオンで使用するニューラルネットの構造．
続いて， CNN のパラメータを更新する最適化アルゴリズムを定義する． ここでは， 確率的勾配降下法 (Stochastic Gradient Descent; SGD) を使用している．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
これで，準備が整った． CNN の学習ループを開始しよう!
python
train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\\n")
+
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\\n")
+
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
ここでは 5 エポック分の学習を行っている． GPU を使えば，これくらいの計算であれば 1 分程度で完了するだろう．
出力として， figure_title のようなプロットが得られるはずである． イテレーションを重ねるにつれて，損失関数 (Loss function) の値が減少している (=精度が向上している) ことがわかる．
学習の進行に対する Train loss の変化
出力にはテキスト形式で各エポック終了後のテストデータに対する精度も表示されている． 最終的には 98% 以上の極めて高い精度を実現できていることが確認できるだろう (figure_title)．
学習したCNNのテストデータに対するスコア (5エポック後)
学習した CNN の推論結果を可視化してみよう． 次のコードを実行することで， figure_title のような出力が得られるだろう． この図で，下段右から二番目は，"1"に近い見た目をしているが，きちんと"9"と推論できている． なかなか賢い CNN を作り出すことができたようだ！
python
model.eval()
+
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
+
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
model.eval()
+
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
+
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
学習した CNN による，MNIST画像の推論結果
最後に，学習したニューラルネットワークのパラメータを mnist_cnn.pt というファイル名で保存しておこう． これで，将来いつでも今回学習したモデルを再現し，別の実験に使用することができる．
python
torch.save(model.state_dict(), "mnist_cnn.pt")
torch.save(model.state_dict(), "mnist_cnn.pt")
以上が， AWS クラウドの仮想サーバーを立ち上げ，最初のディープラーニングの計算を行う一連の流れである． MNIST 文字認識のタスクを行うニューラルネットを，クラウド上の GPU を使って高速に学習させ，現実的な問題を一つ解くことができたのである． 興味のある読者は，今回のハンズオンを雛形に，自分の所望の計算を走らせてみるとよいだろう．
スタックの削除 ​
これにて，ハンズオン第二回の内容はすべて説明した． クラウドの利用料金を最小化するため，使い終わった EC2 インスタンスはすぐさま削除しよう．
ハンズオン第一回と同様に， AWS の CloudFormation コンソールか， AWS CLI により削除を実行する (詳細は スタックを削除 参照)．
sh
$ cdk destroy
$ cdk destroy
スタックの削除は各自で必ず行うこと！ 行わなかった場合，EC2 インスタンスの料金が発生し続けることになる！ g4dn.xlarge は $0.71 / hour の料金設定なので，一日起動しつづけると約$17 の請求が発生することになる！
AWS のバジェットアラート
AWS の初心者が (あるいは経験者も) しばしば陥る失敗が，インスタンスの停止忘れなどで無駄なリソースがクラウドで放置されてしまい，巨大な額の請求が届く，というミスだ． 特に，開発を行っている間はこのような事態は起こりうるものだと思って，備えておかなければならない． このような事態を未然に防ぐため， AWS Budgets という機能が無料で提供されている． AWS Budgets を利用することで，月の利用金額がある閾値を超えた場合にユーザーにメールが送信される，などのアラートを設定することができる． 詳細な手順は AWS の公式ブログ "Getting Started with AWS Budgets" を参照のこと． 本書の読者も，ぜひこのタイミングでアラートを設定しておくことを推奨する．
Docker 入門 ​
ここまでの章で扱ってきたハンズオンでは，単一のサーバーを立ち上げ，それに SSH でログインをして，コマンドを叩くことで計算を行ってきた． いわば，パーソナルコンピュータの延長のような形でクラウドを使ってきたわけである． このような，インターネットのどこからでもアクセスできるパーソナルコンピュータとしてのクラウドという使い方も，もちろん便利であるし，いろいろな応用の可能性がある． しかし，これだけではクラウドの本当の価値は十分に発揮されていないと言うべきだろう． クラウド概論 で述べたように，現代的なクラウドの一番の強みは自由に計算機の規模を拡大できることにある． すなわち，多数のサーバーを同時に起動し，複数のジョブを分散並列的に実行させることで大量のデータを処理してこそ，クラウドの本領が発揮されるのである．
本章からはじまる 3 章分 (Docker 入門, Hands-on #3: AWS で自動質問回答ボットを走らせる, Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する) を使って，クラウドを利用することでどのように大規模な計算システムを構築しビッグデータの解析に立ち向かうのか，その片鱗をお見せしたい． とくに，前章で扱った深層学習をどのようにビッグデータに適用していくかという点に焦点を絞って議論していきたい． そのための前準備として，本章では Docker とよばれる計算機環境の仮想化ソフトウェアを紹介する (figure_title)． 現代のクラウドは Docker なしには成り立たないといっても過言ではないだろう． クラウドに限らず，ローカルで行う計算処理にも Docker は大変便利である． AWS からは少し話が離れるが，しっかりと理解して前に進んでもらいたい．
機械学習の大規模化 ​
先ほどから"計算システムの大規模化"と繰り返し唱えているが，それは具体的にはどのようなものを指しているのか？ ここでは大規模データを処理するための計算機システムを，機械学習を例にとって見てみよう．
クラウドで行う科学計算・機械学習 で紹介した GPT-3 のような，超巨大な数のパラメータを有する深層学習モデルを学習させたいとしよう． そのような計算を行いたい場合，一つのサーバーでは計算力が到底足りない． したがって，典型的には figure_title に示すような計算システムの設計がなされる． すなわち，大量の教師データを小さなチャンクとして複数のマシンに分散し，並列的にニューラルネットのパラメータを最適化していくという構造である．
複数の計算機を使った大規模な深層学習モデルの訓練
あるいは，学習済みのモデルを大量のデータに適用し，解析を行いたいとしよう． たとえば， SNS のプラットフォームで大量の画像が与えられて，それぞれの写真に何が写っているのかをラベルづけする，などのアプリケーションを想定できる． そのような場合は， figure_title のようなアーキテクチャが考えられるだろう． すなわち，大量のデータを複数のマシンで分割し，それぞれのマシンで推論の計算を行うというような構造である．
複数の計算機による深層学習モデルを使った推論計算
このような複数の計算機を同時に走らせるようなアプリケーションをクラウド上で実現するには，どのようにすればよいのだろうか？
重要なポイントとして， figure_title や figure_title で起動している複数のマシンは，基本的に全く同一の OS・計算環境を有している点である． ここで，個人のコンピュータで行うようなインストールの操作を，各マシンで行うこともできるが，それは大変な手間であるし，メンテナンスも面倒だろう． すなわち，大規模な計算システムを構築するには，簡単に計算環境を複製できるような仕組みが必要であるということがわかる．
そのような目的を実現するために使われるのが， Docker とよばれるソフトウェアである．
Docker とは ​
Docker のアイコン
Docker とは， コンテナ (Container) とよばれる仮想環境下で，ホスト OS とは独立した別の計算環境を走らせるためのソフトウェアである． Docker を使うことで， OS を含めたすべてのプログラムをコンパクトにパッケージングすることが可能になる (パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ)． Docker を使うことで，クラウドのサーバー上に瞬時に計算環境を複製することが可能になり， figure_title で見たような複数の計算機を同時に走らせるためのシステムが実現できる．
Docker は 2013 年に Solomon Hykes らを中心に開発され，それ以降爆発的に普及し，クラウドコンピューティングだけでなく，機械学習・科学計算の文脈などでも欠かすことのできないソフトウェアとなった． Docker はエンタープライズ向けの製品を除き無料で使用することができ，コアの部分は オープンソースプロジェクト として公開されている． Docker は Linux, Windows, Mac いずれの OS でも提供されている． 概念としては， Docker は仮想マシン (Virtual machine; VM) にとても近い． ここでは， VM との対比をしながら，Docker とはなにかを簡単に説明しよう．
仮想マシン (VM) とは，ホストとなるマシンの上に，仮想化された OS を走らせる技術である (figure_title)． VM には ハイパーバイザー (Hypervisor) とよばれるレイヤーが存在する． Hypervisor はまず，物理的な計算機リソース (CPU, RAM, network など) を分割し，仮想化する． たとえば， ホストマシンに物理的な CPU が 4 コアあるとして，ハイパーバイザーはそれを (2,2) 個の組に仮想的に分割することができる． VM 上で起動する OS には，ハイパーバイザーによって仮想化されたハードウェアが割り当てられる． VM 上で起動する OS は基本的に完全に独立であり，たとえば OS-A は OS-B に割り当てられた CPU やメモリー領域にアクセスすることはできない (これを isolation とよぶ)． VM を作成するための有名なソフトウェアとしては， VMware， VirtualBox， Xen などがある． また，これまで触ってきた EC2 も，基本的に VM 技術を使うことで所望のスペックをもった仮想マシンがユーザーに提示される．
Docker も， VM と同様に，仮想化された OS をホストの OS 上に走らせるための技術である． VM に対し， Docker ではハードウェアレベルの仮想化は行われておらず，すべての仮想化はソフトウェアレベルで実現されている (figure_title)． Docker で走る仮想 OS は，多くの部分をホストの OS に依存しており，結果として非常にコンパクトである． その結果， Docker で仮想 OS を起動するために要する時間は， VM に比べて圧倒的に早い． また， パッケージ化された環境 (=イメージ) のサイズも完全な OS に比べ圧倒的に小さくなるので，ネットワークを通じたやり取りが非常に高速化される点も重要である 加えて， VM のいくつかの実装では，メタル (仮想化マシンに対して，物理的なハードウェア上で直接起動する場合のこと) と比べ，ハイパーバイザーレイヤーでのオーバーヘッドなどにより性能が低下することが知られているが， Docker ではメタルとほぼ同様の性能を引き出すことができるとされている．
その他， VM との相違点などはたくさんあるのだが，ここではこれ以上詳細には立ち入らない． 大事なのは， Docker とはとてもコンパクトかつハイパフォーマンスな仮想計算環境を作るツールである，という点である． その手軽さゆえに，2013 年の登場以降，クラウドシステムでの利用が急速に増加し，現代のクラウドでは欠くことのできない中心的な技術になっている．
Docker (左) と VM (右) の比較 (画像出典: https://www.docker.com/blog/containers-replacing-virtual-machines/)
職業的プログラマーにとっての"三種の神器"とはなんだろうか？ 多様な意見があると思うが，筆者は Git, Vim そして Docker を挙げたい．
Git は多くの読者がご存じの通り，コードの変更を追跡するためのシステムである． Linux の作成者である Linus Torvalds によって 2005 年に誕生した． チームでの開発を進める際には欠かせないツールだ．
Vim は 1991 年から 30 年以上の間プログラマーたちに愛されてきたテキストエディターである． Stackoverflow が行った 2019 年のアンケート によると，開発環境の部門で 5 位の人気を獲得している． たくさんのショートカットと様々なカスタム設定が提供されているので，初見の人にはなかなかハードルが高いが，一度マスターすれば他のモダンなエディターや統合開発環境に負けない，あるいはそれ以上の開発体験を実現することができる．
これらの十年以上の歴史あるツールに並んで，第三番目の三種の神器として挙げたいのが Docker だ． Docker はプログラマーの開発のワークフローを一変させた． たとえば，プロジェクトごとに Docker イメージを作成することで，どの OS・コンピュータ でも全く同じ計算環境で開発・テストを実行することができるようになった． また， DevOps や CI / CD (Continuous Integration / Continuous Deployment) といった最近の開発ワークフローも Docker のようなコンテナ技術の存在に立脚している． さらにはサーバーレスコンピューティング (Serverless architecture) といった概念も，コンテナ技術の生んだ大きな技術革新といえる．
あなたにとっての三種の神器はなんだろうか？ また，これからの未来ではどんな新しいツールが三種の神器としてプログラマーのワークフローを革新していくだろうか？
Docker チュートリアル ​
Docker とはなにかを理解するためには，実際に触って動かしてみるのが一番有効な手立てである． ここでは， Docker の簡単なチュートリアルを行っていく．
Docker のインストールについては， Docker のインストール および 公式のドキュメンテーション を参照してもらいたい． Docker のインストールが完了している前提で，以下は話を進めるものとする．
Docker 用語集 ​
Docker を使い始めるに当たり，最初に主要な用語を解説しよう． 次のパラグラフで太字で強調された用語を頭に入れた上で，続くチュートリアルに取り組んでいただきたい．
Docker を起動する際の大まかなステップを示したのが figure_title である． パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ． イメージは， Docker Hub などのリポジトリで配布されているものをダウンロードするか，自分でカスタムのイメージを作成することも可能である． イメージを作成するための”レシピ”を記述したファイルが Dockerfile である． Dockerfile からイメージを作成する操作を build とよぶ． イメージがホストマシンのメモリにロードされ，起動状態にある計算環境のことを コンテナ (Container) とよぶ． Container を起動するために使用されるコマンドが run である．
Image と Container
イメージをダウンロード ​
パッケージ化された Docker の仮想環境 (= イメージ (Image)) は， Docker Hub からダウンロードできる． Docker Hub には，個人や企業・団体が作成した Docker イメージが集められており， GitHub などと同じ感覚で，オープンな形で公開されている．
たとえば， Ubuntu のイメージは Ubuntu の公式リポジトリ で公開されており， pull コマンドを使うことでローカルにダウンロードすることができる．
sh
$ docker pull ubuntu:18.04
$ docker pull ubuntu:18.04
ここで，イメージ名の : (コロン) 以降に続く文字列を タグ (tag) と呼び，主にバージョンを指定するなどの目的で使われる．
pull コマンドはデフォルトでは Docker Hub でイメージを検索し，ダウンロードを行う． Docker イメージを公開するためのデータベース (レジストリ (registry) とよぶ) は Docker Hub だけではなく，たとえば GitLab や GitHub は独自のレジストリ機能を提供しているし，個人のサーバーでレジストリを立ち上げることも可能である． Docker Hub 以外のレジストリから pull するには， myregistry.local:5000/testing/test-image のように，イメージ名の先頭につける形でレジストリのアドレス (さらにオプションとしてポート番号) を指定する．
コンテナを起動 ​
Pull してきたイメージを起動するには， run コマンドを使う．
sh
$ docker run -it ubuntu:18.04
$ docker run -it ubuntu:18.04
ここで， -it とは，インタラクティブな shell のセッションを開始するために必要なオプションである．
このコマンドを実行すると，仮想化された Ubuntu が起動され，コマンドラインからコマンドが打ち込めるようになる (figure_title)． このように起動状態にある計算環境 (ランタイム) のことを Container (コンテナ) とよぶ．
Docker を使って ubuntu:18.04 イメージを起動
ここで使用した ubuntu:18.04 のイメージは，空の Ubuntu OS だが，すでにプログラムがインストール済みのものもある． これは， Hands-on #2: AWS でディープラーニングを実践 でみた DLAMI と概念として似ている． たとえば， PyTorch がインストール済みのイメージは PyTorch 公式の Docker Hub リポジトリ で公開されている．
これを起動してみよう．
sh
$ docker run -it pytorch/pytorch
$ docker run -it pytorch/pytorch
docker run を実行したとき，ローカルに該当するイメージが見つからない場合は，自動的に Docker Hub からダウンロードされる．
pytorch のコンテナが起動したら， Python のシェルを立ち上げて， pytorch をインポートしてみよう．
sh
$ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
$ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
このように， Docker を使うことで簡単に特定の OS・プログラムの入った計算環境を再現することが可能になる．
自分だけのイメージを作る ​
自分の使うソフトウェア・ライブラリがインストールされた，自分だけのイメージを作ることも可能である．
たとえば， 本書のハンズオン実行用に提供している docker イメージ には， Python, Node.js, AWS CLI, AWS CDK などのソフトウェアがインストール済みであり，ダウンロードしてくるだけですぐにハンズオンのプログラムが実行できるようになっている．
カスタムの docker イメージを作るには， Dockerfile という名前のついたファイルを用意し，その中にどんなプログラムをインストールするかなどを記述していく．
具体例として，本書で提供している Docker イメージのレシピを見てみよう (docker/Dockerfile)．
python
FROM node:12
+LABEL maintainer="Tomoyuki Mano"
+
+RUN apt-get update \\
+    && apt-get install nano
+
+#
+RUN cd /opt \\
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \\
+    && tar -xzf Python-3.7.6.tgz \\
+    && cd Python-3.7.6 \\
+    && ./configure --enable-optimizations \\
+    && make install
+
+RUN cd /opt \\
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \\
+    && unzip awscliv2.zip \\
+    && ./aws/install
+
+#
+RUN npm install -g aws-cdk@1.100
+
+# clean up unnecessary files
+RUN rm -rf /opt/*
+
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
FROM node:12
+LABEL maintainer="Tomoyuki Mano"
+
+RUN apt-get update \\
+    && apt-get install nano
+
+#
+RUN cd /opt \\
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \\
+    && tar -xzf Python-3.7.6.tgz \\
+    && cd Python-3.7.6 \\
+    && ./configure --enable-optimizations \\
+    && make install
+
+RUN cd /opt \\
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \\
+    && unzip awscliv2.zip \\
+    && ./aws/install
+
+#
+RUN npm install -g aws-cdk@1.100
+
+# clean up unnecessary files
+RUN rm -rf /opt/*
+
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
Dockerfile の中身の説明は詳しくは行わないが，たとえば上のコードで <1> で示したところは， Python 3.7 のインストールを実行している． また， <2> で示したところは， AWS CDK のインストールを行っていることがわかるだろう． このように，リアルな OS で行うのと同じ流れでインストールのコマンドを逐一記述していくことで，自分だけの Docker イメージを作成することができる． 一度イメージを作成すれば，それを配布することで，他者も同一の計算環境を簡単に再構成することができる．
"ぼくの環境ではそのプログラム走ったのにな…" というのは，プログラミング初心者ではよく耳にする会話だが， Docker を使いこなせばそのような心配とは無縁である． そのような意味で，クラウド以外の場面でも， Docker の有用性・汎用性は極めて高い．
コンテナを用いた仮想計算環境ツールとして Docker を紹介したが， ほかに選択肢はないのか？ よくぞ聞いてくれた！ Docker の登場以降，複数のコンテナベースの仮想環境ツールが開発されてきた． いずれのツールも，概念や API については Docker と共通するものが多いが，Docker にはない独自の特徴を提供している． ここではその中でも有名ないくつかを紹介しよう．
Singularity は科学計算や HPC (High Performance Computing) の分野で人気の高いコンテナプラットフォームである． Singularity では大学・研究機関の HPC クラスターでの運用に適したような設計が施されている． たとえば， Docker は基本的には root 権限で実行されるのに対し， Singularity はユーザー権限 (コマンドを実行したユーザー自身) でプログラムが実行される． root 権限での実行は Web サーバーのように個人・企業がある特定のサービスのために運用するサーバーでは問題ないが，多数のユーザーが多様な目的で計算を実行する HPC クラスターでは問題となる． また，Singularity は独自のイメージの作成方法・エコシステムをもっているが， Docker イメージを Singularity のイメージに変換し実行する機能も有している．
podman は Red Hat 社によって開発されたもう一つのコンテナプラットフォームである． podman は基本的に Docker と同一のコマンドを採用しているが，実装は Red Hat によってスクラッチから行われた． podman では， Singularity と同様にユーザー権限でのプログラムの実行を可能であり，クラウドおよび HPC の両方の環境に対応するコンテナプラットフォームを目指して作られた． また，その名前にあるとおり pod とよばれる独自の概念が導入されている．
著者の個人的な意見としては，現時点では Docker をマスターしておけば当面は困ることはないと考えるが，興味のある読者はぜひこれらのツールも試してみてはいかがだろうか？
Elastic Container Service (ECS) ​
ECS のアイコン
ここまでに説明してきたように， Docker を使うことで仮想計算環境を簡単に複製・起動することが可能になる． 本章の最後の話題として， AWS 上で Docker を使った計算システムを構築する方法を解説しよう．
Elastic Container Service (ECS) とは， Docker を使った計算機クラスターを AWS 上に作成するためのツールである (figure_title)． ECS を使用することで， Docker にパッケージされたアプリケーションを計算機クラスターに投入したり，計算機クラスターのインスタンスを追加・削除する操作 (=スケーリング) を行うことができる．
ECS の概要を示したのが figure_title である． ECS は，タスク (Task) と呼ばれる単位で管理された計算ジョブを受け付ける． システムにタスクが投入されると，ECS は最初にタスクで指定された Docker イメージを外部レジストリからダウンロードしてくる． 外部レジストリとしては， Docker Hub や AWS 独自の Docker レジストリである ECR (Elastic Container Registry) を指定することができる．
ECS の次の重要な役割はタスクの配置である． あらかじめ定義されたクラスター内で，計算負荷が小さい仮想インスタンスを選び出し，そこに Docker イメージを配置することで指定された計算タスクが開始される． "計算負荷が小さい仮想インスタンスを選び出す" と言ったが，具体的にどのような戦略・ポリシーでこの選択を行うかは，ユーザーの指定したパラメータに従う．
また，クラスターのスケーリングも ECS における重要な概念である． スケーリングとは，クラスター内のインスタンスの計算負荷をモニタリングし，計算負荷に応じてインスタンスの起動・停止を行う操作を指す． クラスター全体の計算負荷が指定された閾値 (たとえば 80%の稼働率) を超えていた場合，新たな仮想インスタンスをクラスター内に立ち上げる操作を scale-out (スケールアウト) とよび， 負荷が減った場合に不要なインスタンスを停止する操作を scale-in (スケールイン) とよぶ． クラスターのスケーリングは， ECS がほかの AWS のサービスと連携することで実現される． 具体的には， EC2 の Auto scaling group (ASG) や Fargate の２つの選択肢が多くの場合選択される． ASG については Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する, Fargate については Hands-on #3: AWS で自動質問回答ボットを走らせる でより詳細に解説する．
これら一連のタスクの管理を， ECS は自動でやってくれる． クラスターのスケーリングやタスクの配置に関してのパラメータを一度指定してしまえば，ユーザーは (ほとんどなにも考えずに) 大量のタスクを投入することができる． クラスターのスケーリングによってタスクの量にちょうど十分なだけのインスタンスが起動し，タスクが完了した後は不要なインスタンスはすべて停止される．
さて，ここまで説明的な話が続いてしまったが，次章からは早速 Docker と AWS を使って大規模な並列計算システムを構築していこう！
ECS の概要
Hands-on #3: AWS で自動質問回答ボットを走らせる ​
ハンズオン第三回では， Docker と ECS を駆使した機械学習アプリケーションを実装しよう． 具体的には，深層学習による自然言語処理を行うことで，クライアントから与えられた文章題に対して回答を生成する，自動 Question & Answering ボットを作成しよう． ECS を利用することで，ジョブの数によって動的にインスタンスの数を制御し，並列にタスクを実行するようなシステムを構築しよう．
通常の機械学習のワークフローでは，モデルの訓練 ⇒ 推論 (データへの適用) が基本的な流れである． しかしながら， GPU 搭載型の EC2 クラスターを使ったモデルの訓練はやや難易度が高いため，次章 (Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する) で取り扱う． 本章は，クラウド上でのクラスターの構築・タスクの管理などの概念に慣れるため，よりシンプルな実装で実現できる Fargate クラスターを用いた推論計算の並列化を紹介する．
Fargate ​
ハンズオンに入っていく前に， Fargate という AWS の機能を知っておく必要がある (figure_title)．
Fargate のアイコン
ECS の概要を示した figure_title をもう一度見てみよう． この図で， ECS の管理下にあるクラスターが示されているが，このクラスターの中で計算を行う実体としては二つの選択肢がある． EC2 あるいは Fargate のいずれかである． EC2 を用いた場合は，先の章 (Hands-on #1: 初めての EC2 インスタンスを起動する, Hands-on #2: AWS でディープラーニングを実践) で説明したような流れでインスタンスが起動し，計算が実行される． しかし， EC2 を用いた計算機クラスターの作成・管理は技術的な難易度がやや高いので，次章 (Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する) で説明することにする．
Fargate とは， ECS での利用に特化して設計された，コンテナを使用した計算タスクを走らせるための仕組みである． 計算を走らせるという点では EC2 と役割は似ているが， Fargate は EC2 インスタンスのような物理的実体はもたない． 物理的実体をもたないというのは，たとえば SSH でログインすることは基本的に想定されていないし，なにかのソフトウェアをインストールしたりなどの概念も存在しない． Fargate ではすべての計算は Docker コンテナを介して行われる． すなわち， Fargate を利用するには，ユーザーは最初に所望の Docker イメージを指定しておき， Fargate は docker run のコマンドを使用することで計算タスクを実行する． Fargate を用いる利点は， Fargate を ECS のクラスターに指定すると，スケーリングなどの操作が簡単な設定・プログラムで構築できる点である．
Fargate では， EC2 と同様に CPU とメモリーのサイズを必要な分だけ指定できる． 執筆時点では， CPU は 0.25 - 4 コア， RAM は 0.5 - 30 GB の間で選択することができる (詳しくは 公式ドキュメンテーション "Amazon ECS on AWS Fargate" 参照)． クラスターのスケーリングが容易な分， Fargate では EC2 ほど大きな CPU コア・ RAM 容量を単一インスタンスに付与することができず，また GPU を利用することもできない．
以上が Fargate の概要であったが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは実際に手を動かしながら， ECS と Fargate を使った並列タスクの処理の仕方を学んでいこう．
厳密には， ECS に付与するクラスターには EC2 と Fargate のハイブリッドを使用することも可能である．
準備 ​
ハンズオンのソースコードは GitHub の handson/qa-bot にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンでは 1CPU/4GB RAM の Fargate インスタンスを使用する． 計算の実行には 0.025 $/hour のコストが発生することに注意．
Transformer を用いた question-answering プログラム ​
このハンズオンで開発する，自動質問回答システムをより具体的に定義しよう． 次のような文脈 (context) と質問 (question) が与えられた状況を想定する．
txt
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \\"the world's most famous equation\\". He received the 1921 Nobel Prize in Physics \\"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \\"the world's most famous equation\\". He received the 1921 Nobel Prize in Physics \\"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
今回作成する自動回答システムは，このような問題に対して， context に含まれる文字列から正解となる言葉を見つけ出すものとする． 上の問題では，次のような回答を返すべきである．
sh
answer: 1921
answer: 1921
人間にとっては，このような文章を理解することは容易であるが，コンピュータにそれを解かせるのは難しいことは容易に想像ができるだろう． しかし，近年の深層学習を使った自然言語処理の進歩は著しく，上で示したような例題などは極めて高い正答率で回答できるモデルを作ることができる．
今回は， huggingface/transformers で公開されている学習済みの言語モデルを利用することで，上で定義した問題を解く Q&A ボットを作る． この Q&A ボットは Transformer とよばれるモデルを使った自然言語処理に支えられえている (figure_title)． このプログラムを， Docker にパッケージしたものが 著者の Docker Hub リポジトリ に用意してある． クラウドの設計に入る前に，まずはこのプログラムを単体で動かしてみよう．
Transformer モデルアーキテクチャ (画像出典: Vaswani+ 2017)
なお，今回は学習済みのモデルを用いているので，私達が行うのは与えられた入力をモデルに投入して予測を行う (推論) のみである． 推論の演算は， CPU だけでも十分高速に行うことができるので，コストの削減と，実装をシンプルにする目的で，このハンズオンでは GPU は利用しない． 一般的に， ニューラルネットは学習のほうが圧倒的に計算コストが大きく，そのような場合に GPU はより威力を発揮する．
次のコマンドで，今回使う Docker image を ローカルにダウンロード (pull) してこよう．
sh
$ docker pull tomomano/qabot:latest
$ docker pull tomomano/qabot:latest
pull できたら，早速この Docker に質問を投げかけてみよう． まずは context と question をコマンドラインの変数として定義する．
sh
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."\n$ question="In what year did Einstein win the Nobel prize ?"
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."\n$ question="In what year did Einstein win the Nobel prize ?"
そうしたら，次のコマンドによってコンテナを実行する．
sh
$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
今回用意した Docker image は，第一引数に context となる文字列を，第二引数に question に相当する文字列を受けつける． 第三引数，第四引数については，クラウドに展開するときの実装上の都合なので，いまは気にしなくてよい．
このコマンドを実行すると，次のような出力が得られるはずである．
sh
{'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
{'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
"score" は正解の自信度を表す数字で， [0,1] の範囲で与えられる． "start", "end" は， context 中の何文字目が正解に相当するかを示しており， "answer" が正解と予測された文字列である． 1921 年という，正しい答えが返ってきていることに注目してほしい．
もう少し難しい質問を投げかけてみよう．
sh
$ question="Why did Einstein win the Nobel prize ?"\n$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
$ question="Why did Einstein win the Nobel prize ?"\n$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
出力：
sh
{'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
{'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
今度は， score が 0.52 と，少し自信がないようだが，それでも正しい答えにたどりつけていることがわかる．
このように， 深層学習に支えられた言語モデルを用いることで，実用にも役に立ちそうな Q&A ボットを実現できていることがわかる． 以降では，このプログラムをクラウドに展開することで，大量の質問に自動で対応できるようなシステムを設計していく．
今回使用する Question & Answering システムには， DistilBERT という Transformer を基にした言語モデルが用いられている． 興味のある読者は， 原著論文 を参照してもらいたい． また， huggingface/transformers による DistilBert の実装のドキュメンテーションは 公式ドキュメンテーション を参照のこと．
今回提供する Q-A ボットの Docker のソースコードは https://github.com/andatoshiki/toshiki-notebookblob/main/handson/qa-bot/docker/Dockerfile にある．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，以下のような設計である．
  • クライアントは，質問を AWS 上のアプリケーションに送信する．
  • 質問のタスクは ECS によって処理される．
  • ECS は， Docker Hub から，イメージをダウンロードする．
  • 次に，ECS はクラスター内に新たな Fargate インスタンスを立ち上げ，ダウンロードされた Docker イメージをこの新規インスタンスに配置する．
    • このとき，一つの質問に対し一つの Fargate インスタンスを立ち上げることで，複数の質問を並列的に処理できるようにする．
  • ジョブが実行される．
  • ジョブの実行結果 (質問への回答) は， データベース (DynamoDB) に書き込まれる．
  • 最後に，クライアントは DynamoDB から質問への回答を読み取る．
それでは，プログラムのソースコードを見てみよう (handson/qa-bot/app.py)．
sh
class EcsClusterQaBot(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
+
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
+
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
+
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
+
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
class EcsClusterQaBot(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
+
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
+
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
+
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
+
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
  • ここでは，回答の結果を書き込むためのデータベースを用意している． DynamoDB については，サーバーレスアーキテクチャの章で扱うので，今は気にしなくてよい．
  • ここでは，ハンズオン #1, #2 で行ったのと同様に， VPC を定義している．
  • ここで， ECS のクラスター (cluster) を定義している． クラスターとは，仮想サーバーのプールのことであり，クラスターの中に複数の仮想インスタンスを配置する．
  • ここで，実行するタスクを定義している (task definition)．
  • ここで， タスクの実行で使用する Docker イメージを定義している．
ECS と Fargate ​
ECS と Fargate の部分について，コードをくわしく見てみよう．
sh
cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
+
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
+
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
+
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
+
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
cluster = の箇所で，空の ECS クラスターを定義している．
次に， taskdef=ecs.FargateTaskDefinition の箇所で， Fargate インスタンスを使ったタスクを定義しており，とくにここでは 1 CPU, 4GB RAM というマシンスペックを指定している． また，このようにして定義されたタスクは，デフォルトで 1 タスクにつき 1 インスタンスが使用される．
最後に， container = の箇所で，タスクの実行で使用する Docker image を定義している． ここでは， Docker Hub に置いてある image をダウンロードしてくるよう指定している．
このようにわずか数行のコードであるが，これだけで前述したような，タスクのスケジューリングなどが自動で実行される．
このコードで cpu=1024 と指定されているのに注目してほしい． これは CPU ユニットと呼ばれる数で， 以下の換算表に従って仮想 CPU (virtual CPU; vCPU) が割り当てられる． 1024 が 1 CPU に相当する． 0.25 や 0.5 vCPU などの数字は，それぞれ実効的に 1/4, 1/2 の CPU 時間が割り当てられることを意味する． また， CPU ユニットによって使用できるメモリー量も変わってくる． たとえば， 1024 CPU ユニットを選択した場合は， 2 から 8 GB の範囲でのみメモリー量を指定することができる． 最新の情報は 公式ドキュメンテーション "Amazon ECS on AWS Fargate" を参照のこと．
CPU　ユニットと 指定可能なメモリー量の換算表
CPU ユニット
メモリーの値
256 (.25 vCPU)
0.5 GB, 1 GB, 2 GB
512 (.5 vCPU)
1 GB, 2 GB, 3 GB, 4 GB
1024 (1 vCPU)
2 GB, 3 GB, 4 GB, 5 GB, 6 GB, 7 GB, 8 GB
2048 (2 vCPU)
Between 4 GB and 16 GB in 1-GB increments
4096 (4 vCPU)
Between 8 GB and 30 GB in 1-GB increments
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． SSH によるログインの必要がないので，むしろ単純なくらいである． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックの中身を確認してみよう． コンソールから，ECS のページに行くと figure_title のような画面が表示されるはずである． EcsClusterQaBot-XXXX という名前ついたクラスターを見つけよう．
Cluster というのが，先ほど説明したとおり，複数の仮想インスタンスを束ねる一つの単位である． figure_title で， FARGATE という文字の下に 0 Running tasks, 0 Pending tasks と表示されていることを確認しよう． この時点では一つもタスクが走っていないので，数字はすべて 0 になっている．
ECS コンソール画面
続いて，この画面の左のメニューバーから Task Definitions という項目を見つけ，クリックしよう． 移動した先のページで EcsClusterQaBotEcsClusterQaBotTaskDefXXXX という項目が見つかるので，開く． 開いた先のページをスクロールすると figure_title に示したような情報が見つかるだろう． 使用する CPU ・メモリーの量や， Docker container の実行に関する設定などが，この Task Definition の画面から確認することができる．
Task definition の確認
タスクの実行 ​
それでは，質問をデプロイしたクラウドに提出してみよう．
ECS にタスクを投入するのはやや複雑なので，タスクの投入を簡単にするプログラム (run_task.py) を用意した (handson/qa-bot/run_task.py)．
次のようなコマンドで，ECS クラスターに新しい質問を投入することができる．
sh
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
run_task.py を実行するには， コマンドラインで AWS の認証情報が設定されていることが前提である．
"ask" の引数に続き，文脈 (context) と質問 (question) を引数として渡している．
このコマンドを実行すると， "Waiting for the task to finish…" と出力が表示され，回答を得るまでしばらく待たされる． この間， AWS では ECS がタスクを受理し，新しい Fargate のインスタンスを起動し， Docker イメージをそのインスタンスに配置する，という一連の処理がなされている． AWS コンソールから，この一連の様子をモニタリングしてみよう．
先ほどの ECS コンソール画面にもどり，クラスターの名前をクリックすることで，クラスターの詳細画面を開く． 次に， "Tasks" という名前のタブがあるので，それを開く (figure_title)． すると，実行中のタスクの一覧が表示されるだろう．
ECS のタスクの実行状況をモニタリング
figure_title で見て取れるように， "Last status = Pending" となっていることから，この時点では，タスクを実行する準備をしている段階である，ということがわかる． Fargate のインスタンスを起動し， Docker image を配置するまでおよそ 1-2 分の時間がかかる．
しばらく待つうちに， Status が "RUNNING" に遷移し，計算が始まる． 計算が終わると， Status は "STOPPED" に遷移し， ECS によって Fargate インスタンスは自動的にシャットダウンされる．
figure_title の画面から， "Task" の列にあるタスク ID クリックすることで，タスクの詳細画面を開いてみよう (figure_title)． "Last status", "Platform version" など，タスクの情報が表示されている． また， "Logs" のタブを開くことで，コンテナの吐き出した実行ログを閲覧することができる．
質問タスクの実行結果
さて， run_task.py を実行したコマンドラインに戻ってきてみると， figure_title のような出力が得られているはずである． "Momotaro" という正しい回答が返ってきている！
質問タスクの実行結果
タスクの同時実行 ​
さて，先ほどはたった一つの質問を投入したわけだが，今回設計したアプリケーションは， ECS と Fargate を使うことで同時にたくさんの質問を処理することができる． 実際に，たくさんの質問を一度に投入してみよう． run_task.py に ask_many というオプションを付けることで，複数の質問を一度に送信できる． 質問の内容は handson/qa-bot/problems.json に定義されている．
次のようなコマンドを実行しよう．
sh
$ python run_task.py ask_many
$ python run_task.py ask_many
このコマンドを実行した後で，先ほどの ECS コンソールに行き，タスクの一覧を見てみよう (figure_title)． 複数の Fargate インスタンスが起動され，タスクが並列に実行されているのがわかる．
複数の質問タスクを同時に投入する
すべてのタスクのステータスが "STOPPED" になったことを確認した上で，質問への回答を取得しよう． それには，次のコマンドを実行する．
sh
$ python run_task.py list_answers
$ python run_task.py list_answers
結果として， figure_title のような出力が得られるだろう． 複雑な文章問題に対し，高い正答率で回答できていることがわかるだろう．
 の実行結果
おめでとう！ ここまでついてこれた読者はとても初歩的ながらも，深層学習による言語モデルを使って自動で質問への回答を生成するシステムを創り上げることができた！ それも，数百の質問にも同時に対応できるような，とても高いスケーラビリティーをもったシステムである！ 今回は GUI (Graphical User Interface) を用意することはしなかったが，このシステムに簡単な GUI を追加すればなかなか立派なウェブサービスとして運用できるだろう．
run_task.py で質問を投入し続けると，回答を記録しているデータベースにどんどんエントリーが溜まっていく． これらのエントリーをすべて消去するには，次のコマンドを使う．
sh
$ python run_task.py clear
$ python run_task.py clear
スタックの削除 ​
これにて，今回のハンズオンは終了である． 最後にスタックを削除しよう．
スタックを削除するには，前回までと同様に， AWS コンソールにログインし CloudFormation の画面から DELETE ボタンをクリックするか，コマンドラインからコマンドを実行する． コマンドラインから行う場合は，次のコマンドを使用する．
sh
$ cdk destroy
$ cdk destroy
Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する ​
ハンズオン第三回では， ECS と Fargate を使って自動質問回答システムを構築した． シンプルながらも，複数の質問が送られた場合には並列にジョブが実行され，ユーザーに答えが返されるシステムを作ることができた． ここでは，すでに学習済みの言語モデルを用いてアプリケーションを構築した． しかし，一般的に言って，機械学習のワークフローでは自分で作ったモデルを訓練することが最初のステップにあるはずである． そこで，ハンズオン第四回では，クラウドを用いて機械学習の訓練を並列化・高速化することを考える．
本ハンズオンでは深層学習におけるハイパーパラメータ最適化を取り上げる． ハイパーパラメータとは，勾配降下法によって最適化されるニューラルネットのパラメータの外にあるパラメータのことであり，具体的にはモデルの層の幅・深さなどネットワークのアーキテクチャに関わるもの，学習率やモメンタムなどパラメータの更新則に関わるものなどが含まる． 深層学習においてハイパーパラメータの調整はとても重要なタスクである． しかしながら，ハイパーパラメータを調整するには，少しずつ条件を変えながら何度もニューラルネットを学習させる必要があり，多くの計算時間がかかる． 研究・開発においては，スループットよくたくさんのモデルの可能性を探索することが生産性を決める重要なファクターであり，ハイパーパラメータ探索を高速に解くという問題は極めて関心が高い． 本ハンズオンでは，クラウドの強力な計算リソースを利用して並列的にニューラルネットの訓練を実行することで，この問題を解く方法を学んでいこう．
Auto scaling groups (ASG) ​
ハンズオンに入っていく前に， Auto scaling groups (ASG) とよばれる EC2 の概念を知っておく必要がある．
ECS の概要を示した figure_title を振り返って見てほしい． 前章 (Hands-on #3: AWS で自動質問回答ボットを走らせる) でも説明したが， ECS のクラスターで計算を担う実体としては EC2 と Fargate を指定することができる． Fargate については前章で記述した． Fargate を用いると，自在にスケールする計算環境をとても簡単な設定で構築することができた． しかし， GPU を利用することができないなど，いくつかの制約があった． EC2 を使用した計算環境を指定することで，プログラミングの複雑度は増すが， GPU やその他のより高度かつ複雑な設定を伴ったクラスターを構築することができる．
EC2 クラスターには ASG と呼ばれるサービスが配置される． ASG は複数の EC2 インスタンスをロジカルな単位でグループ化することでクラスターを構成する． ASG はクラスター内に新しいインスタンスを起動する，あるいは不要になったインスタンスを停止するなどのスケーリングを担う． ASG で重要な概念として， desired capacity, minimum capacity, maximum capacity というパラメータがある． minimum capacity， maximum capacity は，それぞれクラスター内に配置できるインスタンスの数の最小値・最大値を指定するパラメータである． 前者は，クラスターに負荷がかかっていない場合でもアイドリング状態にあるインスタンスを維持することで，急に負荷が増大した時などのバッファーとして作用することができる． 後者は，負荷が急に増えたときに，過剰な数のインスタンスが起動する事態を防ぎ，経済的なコストの上限を定める役割を果たす．
desired capacity が，その時々でシステムが要求するインスタンスの数を指定する． desired capacity は，例えば 24 時間のリズムに合わせてインスタンスの数を増減させる (昼は多く夜は少なくなど) などの決まったスケジュールに基づいた設定を適用することができる． あるいはクラスター全体にかかっている負荷に応じて， desired capacity を動的に制御することも可能である． どのような基準でクラスターのスケーリングを行うかを定めるルールのことを，スケーリングポリシーとよぶ． たとえば，クラスター全体の稼働率 (負荷) を常に 80% に維持する，などのスケーリングポリシーが想定できる． この場合，クラスター全体の負荷が 80%を下回ったときにはクラスターからインスタンスが削除され，80%を超える (あるいは超えると予測される) 場合はインスタンスを追加する，という操作が ASG によって自動的に行われる．
上記のようなパラメータを検討し，ユーザーは ASG を作成する． ASG を作成したのち， ECS との連携をプログラムしてあげることで， ECS を介して ASG による EC2 クラスターにタスクを投入することが可能になる．
AWS Batch ​
AWS Batch のアイコン
先に説明したように， ECS と ASG を組み合わせることで，所望の計算クラスターを構築することが可能である． しかしながら， ECS と ASG にはかなり込み入った設定が必要であり，初心者にとっても経験者にとってもなかなか面倒なプログラミングが要求される． そこで， ECS と ASG によるクラスターの設計を自動化してくれるサービスが提供されている． それが AWS Batch である．
AWS Batch はその名のとおりバッチ (Batch) 化されたジョブ (入力データだけが異なる独立した演算が繰り返し実行されること) を想定している． 多くの科学計算や機械学習がバッチ計算に当てはまる． たとえば，初期値のパラメータを変えて複数のシミュレーションを走らせる，といったケースだ． AWS Batch を用いることの利点は，クラスターのスケーリングやジョブの割り振りはすべて自動で実行され， ユーザーはクラウドの舞台裏の詳細を気にすることなく，大量のジョブを投入できるシステムが手に入る点である． が，知識として背後では ECS/ASG/EC2 の三つ巴が協調して動作しているという点は知っておいてほしい．
AWS Batch では，ジョブの投入・管理をスムーズに行うため，次のような概念が定義されている (figure_title)． まず， ジョブ (Job) というのが，AWS Batch によって実行される一つの計算の単位である． Job definitions とはジョブの内容を定義するものであり，これには実行されるべき Docker のイメージのアドレスや，割り当てる CPU・RAM の容量，環境変数などの設定が含まれる． Job definition に基づいて個々のジョブが実行される． ジョブが実行されると，ジョブは Job queues に入る． Job queues とは，実行待ち状態にあるジョブの列のことであり，時間的に最も先頭に投入されたジョブが最初に実行される． また，複数の queue を配置し， queue ごとに priority (優先度) を設定することが可能であり， priority の高い queue に溜まったジョブが優先的に実行される (筆者はこれをディズニーランドの"ファストパス"を連想して捉えている)． Compute environment とは，先述したクラスターとほぼ同義の概念であり，計算が実行される場所 (EC2 や Fargate からなるクラスター) を指す． Compute environment には，使用する EC2 のインスタンスタイプや同時に起動するインスタンス数の上限などの簡易なスケーリングポリシーが指定されている． Job queues は Compute environment の空き状況を監視しており， それに応じてジョブを Compute environment に投下する．
以上が AWS Batch を使用するうえで理解しておかなければならない概念であるが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは，実際に自分で手を動かしながら学んでいこう．
AWS Batch の主要な概念
EC2 or Fargate?
ECS でクラスターを構成する際，計算を実行する場として EC2 と Fargate の二つの選択肢があることを説明した． それぞれ長所と短所を抱えているのだが，どのような場合にどちらを使うべきだろうか？ それを検討するため，まずは table_title を見てみよう． これは EC2 と Fargate の特徴をまとめたものである． 説明の都合上，大幅な粗視化が行われている点は留意していただきたい．
EC2 vs Fargate
EC2Fargate
Compute capacity
Medium to large
Small to medium
GPU
Yes
No
Launch speed
Slow
Fast
Task placement flexibility
Low
High
Programming complexity
High
Low
これまでに見てきたように， EC2 は最大の CPU 数・メモリーサイズが大きかったり， GPU を利用できたりするなど，単一のインスタンスでの計算能力は高い． 対して， Fargate は単一インスタンスの最大 CPU 数は 4 コアが上限である． その一方で，インスタンスの起動に要する時間は Fargate のほうが圧倒的に早く，より俊敏にクラスターのスケーリングを行うことができる． また，タスクをクラスターに投入する際のフレキシビリティも Fargate のほうが高い． フレキシビリティというのは，例えば一つのインスタンスで 2 つ以上のコンテナを走らせる，などの状況である． 単位 CPU あたりで処理されるタスクの数を最大化する際には，このような設計がしばしば採用される． プログラミングの複雑さという観点からは， Fargate のほうが一般的にシンプルな実装になる．
このように， EC2 と Fargate は互いに相補的な特性を有しており，アプリケーションによって最適な計算環境は検討される必要がある． また，EC2 と Fargate を両方用いたハイブリッドクラスターというのも定義可能であり，そのような選択肢もしばしば用いられる．
準備 ​
ハンズオンのソースコードは GitHub の handson/aws-batch にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，アメリカ東部 (us-east-1) リージョンでは 0.526 $/hour のコストが発生する． 東京 (ap-northeast-1) を選択した場合は 0.71 $/hour のコストが発生する．
準備 でも注意したが，このハンズオンを始める前に G タイプインスタンスの起動上限を AWS コンソールの EC2 管理画面から確認しよう． もし上限が 0 になっていた場合は，上限緩和の申請を行う必要がある． アプリケーションの説明 にも関連した情報を記載しているので，併せて参照されたい．
MNIST 手書き文字認識 (再訪) ​
今回のハンズオンでは，機械学習のハイパーパラメータ調整を取り上げると冒頭で述べた． その最もシンプルな例題として， 実践ディープラーニング! MNIST 手書き数字認識タスク で扱った MNIST 手書き文字認識の問題を再度取り上げよう． 実践ディープラーニング! MNIST 手書き数字認識タスク では，適当にチョイスしたハイパーパラメータを用いてモデルの訓練を行った． ここで使用したプログラムのハイパーパラメータとしては，確率的勾配降下法 (SGD) における学習率やモメンタムが含まれる． コードでいうと，次の行が該当する．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
ここで使用された 学習率 (lr=0.01) やモメンタム (momentum=0.5) は恣意的に選択された値であり，これがベストな数値であるのかはわからない． たまたまこのチョイスが最適であるかもしれないし，もっと高い精度を出すハイパーパラメータの組が存在するかもしれない． この問題に答えるため，ハイパーパラメータサーチを行おう． 今回は，最もシンプルなアプローチとして，グリッドサーチによるハイパーパラメータサーチを行おう．
機械学習のハイパーパラメータの最適化には大きく３つのアプローチが挙げられる． グリッドサーチ，ランダムサーチ，そしてベイズ最適化による方法である．
グリッドサーチとは，ハイパーパラメータの組をある範囲の中で可能な組み合わせをすべて計算し，最適なパラメータの組を見出す方法である． 最もシンプルかつ確実な方法であるが，すべての組み合わせの可能性を愚直に計算するので計算コストが大きい．
ランダムサーチ法とは，ハイパーパラメータの組をある範囲の中でランダムに抽出し，大量に試行されたランダムな組の中から最適なパラメータの組を見出す方法である． すべての可能性を網羅的に探索できるわけではないが，調整すべきパラメータの数が多数ある場合に，グリッドサーチよりも効率的に広い探索空間をカバーすることができる．
ベイズ最適化を用いた方法では，過去の探索結果から次にどの組み合わせを探索すべきかという指標を計算し，次に探索するパラメータを決定する． これにより，理論的にはグリッドサーチやランダムサーチ法よりも少ない試行回数で最適なパラメータにたどり着くことができる．
並列化の観点でいうと，グリッドサーチとランダムサーチは各ハイパーパラメータの組の計算は独立に実行することができるため並列化が容易である． このように独立したジョブとして分割・並列化可能な問題を Embarrassingly parallel な問題とよぶ (直訳すると"恥ずかしいほど並列化可能な問題"，ということになる)． Embarrassingly parallel な問題はクラウドの強力な計算リソースを用いることで，非常なシンプルな実装で解くことができる． この章ではこのようなタイプの並列計算を取り上げる．
一方，ベイズ最適化による方法は，過去の結果をもとに次の探索が決定されるので，並列化はそれほど単純ではない． 最近では optuna などのハイパーパラメータ探索のためのライブラリが発達しており，ベイズ最適化の数理的な処理を自動で実行してくれるので便利である． これらのライブラリを使うと，もし一台のコンピュータ (ノード) の中に複数の GPU が存在する場合は，並列に計算を実行することができる． しかしながら，一台のノードにとどまらず，複数のノードをまたいだ並列化は，高度なプログラミングテクニックが必要とされるだけでなく，ノード間の接続様式などクラウドのアーキテクチャにも深く依存するものである． 本書ではここまで高度なクラウドの使用方法には立ち入らない．
まずは，本ハンズオンで使用する Docker イメージをローカルで実行してみよう．
Docker イメージのソースコードは handson/aws-batch/docker にある． 基本的に 実践ディープラーニング! MNIST 手書き数字認識タスク のハンズオンを元にし，本ハンズオン専用の軽微な変更が施してある． 興味のある読者はソースコードも含めて読んでいただきたい．
練習として，この Docker イメージを手元でビルドするところからはじめてみよう． Dockerfile が保存されているディレクトリに移動し， mymnist という名前 (Tag) をつけてビルドを実行する．
sh
$ cd handson/aws-batch/docker
+$ docker build -t mymnist .
$ cd handson/aws-batch/docker
+$ docker build -t mymnist .
docker build でエラーが出たときは次の可能性を疑ってほしい． ビルドの中で， MNIST の画像データセットを http://yann.lecun.com/exdb/mnist/ からダウンロードするのだが，ダウンロード先のサーバーがしばしばダウンしている． 世界中の機械学習ユーザーがアクセスするので，これはしばしば発生するようである． サーバーがダウンしているとビルドも失敗してしまう． エラーメッセージにそれらしい文言が含まれていたら，この可能性を疑おう．
手元でビルドするかわりに， Docker Hub から pull することも可能である． その場合は次のコマンドを実行する．
sh
$ docker pull tomomano/mymnist:latest
$ docker pull tomomano/mymnist:latest
イメージの準備ができたら，次のコマンドでコンテナを起動し， MNIST の学習を実行する．．
sh
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
このコマンドを実行すると，指定したハイパーパラメータ (--lr で与えられる学習率と --momentum で与えられるモメンタム) を使ってニューラルネットの最適化が始まる． 学習を行う最大のエポック数は --epochs パラメータで指定する． Hands-on #2: AWS でディープラーニングを実践 のハンズオンで見たような， Loss の低下がコマンドライン上に出力されるだろう (figure_title)．
Docker を実行した際の出力
上に示したコマンドを使うと，計算は CPU を使って実行される． もし，ローカルの計算機に GPU が備わっており， nvidia-docker の設定が済んでいるならば， 次のコマンドにより GPU を使って計算を実行できる．
sh
$ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
このコマンドでは，--gpus all というパラメータが加わった．
CPU/GPU どちらで実行した場合でも，エポックを重ねるにつれて訓練データ (Train データ) の Loss は単調に減少していくのが見て取れるだろう． 一方，検証データ (Validation データ) の Loss および Accuracy は，ある程度まで減少した後，それ以上性能が向上しないことに気がつくだろう． これを実際にプロットしてみると figure_title のようになるはずである．
(左) Train/Validation データそれぞれの Loss のエポックごとの変化． (右) Validation データの Accuracy のエポックごとの変化
これはオーバーフィッティングとよばれる現象で，ニューラルネットが訓練データに過度に最適化され，訓練データの外のデータに対しての精度 (汎化性能) が向上していないことを示している． このような場合の対処法として， Early stopping とよばれるテクニックが知られている． Early stopping とは，検証データの Loss を追跡し，それが減少から増加に転じるエポックで学習をうち止め，そのエポックでのウェイトパラメータを採用する，というものである． 本ハンズオンでも， Early stopping によって訓練の終了を判断し，モデルの性能評価を行っていく．
MNIST 手書き文字データセットでは，訓練データとして 60,000 枚，テストデータとして 10,000 枚の画像が与えられている． 本ハンズオンで使用するコードでは，訓練データのうち 80% の 48,000 枚を訓練データとして使用し，残り 20% の 12,000 枚を検証データとして用いている． 詳しくはソースコードを参照のこと．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントは，あるハイパーパラメータの組を指定して Batch にジョブを提出する
  • Batch はジョブを受け取ると， EC2 からなるクラスターで計算を実行する
  • クラスター内では g4dn.xlarge インスタンスが起動する
  • Docker イメージは， AWS 内に用意された ECR (Elastic Container Registry) から取得される
  • 複数のジョブが投下された場合は，その数だけのインスタンスが起動し並列に実行される
  • 各ジョブによる計算の結果は S3 に保存される
  • 最後にクライアントは S3 から結果をダウンロードし，最適なハイパーパラメータの組を決定する
それでは，プログラムのソースコードを見てみよう (handson/aws-batch/app.py)．
python
class SimpleBatch(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
+
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
+
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
+
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
+
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
+
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
+
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
class SimpleBatch(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
+
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
+
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
+
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
+
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
+
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
+
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
  • で，計算結果を保存するための S3 バケットを用意している
  • で， Compute environment を定義している． ここでは g4dn.xlarge のインスタンスタイプを使用するとし，最大の vCPU 使用数は 64 と指定している． また，最小の vCPU は 0 である． 今回は，負荷がかかっていないときにアイドリング状態にあるインスタンスを用意する利点は全くないので，ここは 0 にするのが望ましい．
  • で， <2> で作成した Compute environment と紐付いた Job queue を定義している．
  • で，ジョブが計算結果を S3 に書き込むことができるよう， IAM ロールを定義している． (IAM とはリソースがもつ権限を管理する仕組みである．詳しくは AWS における権限の管理 (IAM) を参照)
  • では， Docker image を配置するための ECR を定義している．
  • で Job definition を作成している． ここでは，4 vCPU， 12000 MB (=12GB) の RAM を使用するように指定している． また，今後必要となる環境変数 (BUCKET_NAME) を設定している． さらに， <4> で作った IAM を付与している．
g4dn.xlarge は 1 台あたり 4 vCPU が割り当てられている． このプログラムでは Compute environment の maximum vCPUs を 64 と指定しているので，最大で 16 台のインスタンスが同時に起動することになる． ここで maxium vCPUs を 64 に限定しているのは，なんらかのミスで意図せぬジョブを大量にクラスターに投入してしまった事態で，高額の AWS 利用料金が発生するのを防ぐためである． もし，自分のアプリケーションで必要と判断したならば自己責任において 64 よりも大きな数を設定して構わない．
ここで注意が一点ある． AWS では各アカウントごとに EC2 で起動できるインスタンスの上限が設定されている． この上限は AWS コンソールにログインし， EC2 コンソールの左側メニューバーの Limits をクリックすることで確認できる (figure_title)． g4dn.xlarge (EC2 の区分でいうと G ファミリーに属する) の制限を確認するには， Running On-Demand All G instances という名前の項目を見る． ここにある数字が， AWS によって課されたアカウントの上限であり，この上限を超えたインスタンスを起動することはできない． もし，自分の用途に対して上限が低すぎる場合は，上限の緩和申請を行うことができる． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
EC2コンソールから各種の上限を確認する
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されたことが確認できたら，AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールの検索バーで batch と入力し， AWS Batch の管理画面を開く (figure_title)．
AWS Batch のコンソール画面 (ダッシュボード)
まず目を向けてほしいのが，画面の一番下にある Compute environment overview の中の SimpleBatchcompute-env という名前の項目だ． Compute environment とは，先ほど述べたとおり，計算が実行される環境 (クラスターと読み替えてもよい) である． プログラムで指定したとおり， g4dn.xlarge が実際に使用されるインスタンスタイプとして表示されている． また， Minimum vCPUs が 0，Maximum vCPUs が 64 と設定されていることも見て取れる． 加えて，この時点では一つもジョブが走っていないので， Desired vCPUs は 0 になっている． より詳細な Compute environment の情報を閲覧したい場合は，名前をクリックすることで詳細画面が開く．
次に，Job queue overview にある SimpleBatch-queue という項目に注目してほしい． ここでは実行待ちのジョブ・実行中のジョブ・実行が完了したジョブを一覧で確認することができる． PENDING, RUNNING, SUCCEEDED, FAILED などのカラムがあることが確認できる．ジョブが進行するにつれて，ジョブの状態がこのカラムにしたがって遷移していく． 後でジョブを実際にサブミットしたときに戻ってこよう．
最後に，今回作成した Job definition を確認しよう． 左側のメニューから　Job definitions を選択し，次の画面で SimpleBatchjob-definition という項目を見つけて開く． ここから Job definition の詳細を閲覧することができる (figure_title)． 中でも重要な情報としては，　vCPUs, Memory, GPU がそれぞれ Docker に割り当てられる vCPU・メモリー・ GPU の量を規定している． また， Image と書いてあるところに，ジョブで使用される Docker イメージが指定されている． ここでは， ECR のレポジトリを参照している． 現時点ではこの ECR は空である． 次のステップとして，この ECR にイメージを配置する作業を行おう．
AWS Batch から Job definition を確認
Docker image を ECR に配置する ​
さて， Batch がジョブを実行するには，どこか指定された場所から Docker イメージをダウンロード (pull) してくる必要がある． 前回のハンズオン (Hands-on #3: AWS で自動質問回答ボットを走らせる) では，公開設定にしてある Docker Hub からイメージを pull してきた． 今回のハンズオンでは， AWS から提供されているレジストリである ECR (Elastic Container Registry) に image を配置するという設計を採用する． ECR を利用する利点は，自分だけがアクセスすることのできるプライベートなイメージの置き場所を用意できる点である． Batch は ECR からイメージを pull してくることで，タスクを実行する (figure_title)．
スタックのソースコードでいうと，次の箇所が ECR を定義している．
python
#
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
+
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
#
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
+
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
  • で，新規の ECR を作成している．
  • で Job definition を定義する中で，イメージを <1> で作った ECR から取得するように指定している． これと同時に， Job definition には ECR へのアクセス権限が IAM を通じて自動的に付与される．
さて，スタックをデプロイした時点では， ECR は空っぽである． ここに自分のアプリケーションで使う Docker イメージを push してあげる必要がある．
そのために，まずは AWS コンソールから ECR の画面を開こう (検索バーに Elastic Container Registry と入力すると出てくる)． Private というタブを選択すると， simplebatch-repositoryXXXXXX という名前のレポジトリが見つかるだろう (figure_title)．
ECR のコンソール画面
次に，このレポジトリの名前をクリックするとレポジトリの詳細画面に遷移する． そうしたら，画面右上にある View push commands というボタンをクリックする． すると figure_title のようなポップアップ画面が立ち上がる．
ECR への push コマンド
このポップアップ画面で表示されている四つのコマンドを順番に実行していくことで，手元の Docker イメージを ECR に push することができる． push を実行する前に， AWS の認証情報が設定されていることを確認しよう． そのうえで，ハンズオンのソースコードの中にある docker/ という名前のディレクトリに移動する． そうしたら，ポップアップ画面で表示されたコマンドを上から順に実行していく．
ポップアップで表示されるコマンドの 2 つめを見てみると docker build -t XXXXX . となっている． 最後の . が重要で，これは 現在のディレクトリにある Dockerfile を使ってイメージをビルドせよ という意味である． このような理由で， Dockerfile が置いてあるディレクトリに移動する必要がある．
四つ目のコマンドは，数 GB あるイメージを ECR にアップロードするので少し時間がかかるかもしれないが，これが完了するとめでたくイメージが ECR に配置されたことになる． もう一度 ECR のコンソールを見てみると，確かにイメージが配置されていることが確認できる (figure_title)． これで，AWS Batch を使ってジョブを実行させるための最後の準備が完了した．
ECR へ image の配置が完了した
単一のジョブを実行する ​
さて，ここからは実際に AWS Batch にジョブを投入する方法を見ていこう．
ハンズオンのディレクトリの notebook/ というディレクトリの中に， run_single.ipynb というファイルが見つかるはずである (.ipynb は Jupyter notebook のファイル形式)． これを Jupyter notebook から開こう．
今回のハンズオンでは， venv による仮想環境の中に Jupyter notebook もインストール済みである． なので，ローカルマシンから以下のコマンドで Jupyter notebook を立ち上げる．
sh
# .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
# .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
Jupyter notebook が起動したら， run_single.ipynb を開く．
最初の [1], [2], [3] 番のセルは，ジョブをサブミットするための関数 (submit_job()) を定義している．
python
# [1]
+import boto3
+import argparse
+
+# [2]
+# AWS 認証ヘルパー ...省略...
+
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
+
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
# [1]
+import boto3
+import argparse
+
+# [2]
+# AWS 認証ヘルパー ...省略...
+
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
+
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
submit_job() 関数について簡単に説明しよう． MNIST 手書き文字認識 (再訪) で， MNIST の Docker をローカルで実行したとき，次のようなコマンドを使用した．
sh
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
ここで， --lr 0.1 --momentum 0.5 --epochs 10 の部分が，コンテナに渡されるコマンドである．
AWS Batch でジョブを実行する際も，ContainerOverrides の command というパラメータを使用することで，コンテナに渡されるコマンドを指定することができる． コードでは以下の部分が該当する．
python
containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
続いて， [4] 番のセルに移ろう． ここでは，上記の submit_job() 関数を用いて， 学習率 = 0.01, モメンタム=0.1, エポック数=100 を指定したジョブを投入する．
python
# [4]
+submit_job(0.01, 0.1, 100)
# [4]
+submit_job(0.01, 0.1, 100)
AWS の認証情報は， Jupyter Notebook の内部から再度定義する必要がある． これを手助けするため， Notebook の [2] 番のセル (デフォルトではすべてコメントアウトされている) を用意した． これを使うにはコメントアウトを解除すればよい． このセルを実行すると， AWS の認証情報を入力する対話的なプロンプトが表示される． プロンプトに従って aws secret key などを入力することで， (Jupyter のセッションに固有な) 環境変数に AWS の認証情報が記録される．
もう一つの認証方法として， submit_job() 関数に profile_name というパラメータを用意した． もし ~/.aws/credentials に認証情報が書き込まれているのならば (詳しくは AWS CLI のインストール)， profile_name に使用したいプロファイルの名前を渡すだけで， 認証を行うことができる． 慣れている読者は後者のほうが便利であると感じるだろう．
[4] 番のセルを実行したら，ジョブが実際に投入されたかどうかを AWS コンソールから確認してみよう． AWS Batch の管理コンソールを開くと， figure_title のような画面が表示されるだろう．
AWS Batch でジョブが実行されている様子
figure_title で赤で囲った箇所に注目してほしい． 一つのジョブが投入されると，それは SUBMITTED という状態を経て RUNNABLE という状態に遷移する． RUNNABLE とは， ジョブを実行するためのインスタンスが Compute environment に不足しているため，新たなインスタンスが起動されるのを待っている状態に相当する． インスタンスの準備が整うと，ジョブの状態は STARTING を経て RUNNING に至る．
次に，ジョブのステータスが RUNNING のときの Compute environment の Desired vCPU を見てみよう (figure_title で紫で囲った箇所)． ここで 4 と表示されているのは， g4dn.xlarge インスタンス一つ分の vCPU の数である． ジョブの投入に応じて，それを実行するのに最低限必要な EC2 インスタンスが起動されたことが確認できる (興味のある人は， EC2 コンソールも同時に覗いてみるとよい)．
しばらく経つと，ジョブの状態は RUNNING から SUCCEEDED (あるいは何らかの理由でエラーが発生したときには FAILED) に遷移する． 今回のハンズオンで使っている MNIST の学習はだいたい 10 分くらいで完了するはずである． ジョブの状態が SUCCEEDED になるまで見届けよう．
ジョブが完了すると，学習の結果 (エポックごとの Loss と Accuracy を記録した CSV ファイル) は S3 に保存される． AWS コンソールからこれを確認しよう．
S3 のコンソールに行くと simplebatch-bucketXXXX (XXXX の部分はユーザーによって異なる) という名前のバケットが見つかるはずである． これをクリックして中身を見てみると， metrics_lr0.0100_m0.1000.csv という名前の CSV があることが確認できるだろう (figure_title)． これが， 学習率 = 0.01, モメンタム = 0.1 として学習を行ったときの結果である．
ジョブの実行結果は S3 に保存される
さて，ここで run_single.ipynb に戻ってこよう． [5] から [7] 番のセルでは，学習結果の CSV ファイルのダウンロードを行っている．
python
# [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
+
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
+
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
+
+    return df
+
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
# [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
+
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
+
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
+
+    return df
+
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
[6] で S3 から CSV データをダウンロードし， pandas の DataFrame オブジェクトとしてロードする関数を定義している． [7] を実行する際， bucket_name という変数の値を，自分自身のバケットの名前に置き換えることに注意しよう (先ほど S3 コンソールから確認した simplebatch-bucketXXXX のことである)．
続いて， [9] 番のセルで， CSV のデータをプロットしている (figure_title)． ローカルで実行したときと同じように， AWS Batch を用いて MNIST モデルを訓練することに成功した！
python
# [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
+
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
+
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
+
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
# [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
+
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
+
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
+
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
AWS Batch で行った MNIST モデルの学習の結果
並列に複数の Job を実行する ​
さて，ここからが最後の仕上げである． ここまでのハンズオンで構築した AWS Batch のシステムを使って，ハイパーパラメータサーチを実際に行おう．
先ほど実行した run_single.ipynb と同じディレクトリにある run_sweep.ipynb を開く．
セル [1], [2], [3] は run_single.ipynb と同一である．
python
# [1]
+import boto3
+import argparse
+
+# [2]
+# AWS 認証ヘルパー ...省略...
+
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
# [1]
+import boto3
+import argparse
+
+# [2]
+# AWS 認証ヘルパー ...省略...
+
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
セル [4] の for ループを使って，グリッド状にハイパーパラメータの組み合わせを用意し， batch にジョブを投入している． ここでは 3x3=9 個のジョブを作成した．
python
# [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
# [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
セル [4] を実行したら， Batch のコンソールを開こう． 先ほどと同様に，ジョブのステータスは SUBMITTED > RUNNABLE > STARTING > RUNNING と移り変わっていくことがわかるだろう． 最終的に 9 個のジョブがすべて RUNNING の状態になることを確認しよう (figure_title)． また，このとき Compute environment の Desired vCPUs は 4x9=36 となっていることを確認しよう (figure_title)．
複数のジョブを同時投入したときの Batch コンソール
次に，Batch のコンソールの左側のメニューから Jobs をクリックしてみよう． ここでは，実行中のジョブの一覧が確認することができる (figure_title)． ジョブのステータスでフィルタリングをすることも可能である． 9 個のジョブがどれも RUNNING 状態にあることが確認できるだろう．
複数のジョブを同時投入したときの Job 一覧
今度は EC2 コンソールを見てみよう． 左のメニューから Instances を選択すると， figure_title に示すような起動中のインスタンスの一覧が表示される． g4dn.xlarge が 9 台稼働しているのが確認できる． Batch がジョブの投下に合わせて必要な数のインスタンスを起動してくれたのだ！
複数のジョブを同時投入したときの EC2 インスタンスの一覧
ここまで確認できたら，それぞれの Job が終了するまでしばらく待とう (だいたい 10-15 分くらいで終わる)． すべてのジョブが終了すると，ダッシュボードの SUCCEEDED が 9 となっているはずだ． また， Compute environment の Desired vCPUs も 0 に落ちていることを確認しよう． 最後に EC2 コンソールに行って，すべての g4dn インスタンスが停止していることを確認しよう．
以上から， AWS Batch を使うことで，ジョブの投入に応じて自動的に EC2 インスタンスが起動され，ジョブの完了とともに，ただちにインスタンスの停止が行われる一連の挙動を観察することができた． 一つのジョブの完了におよそ 10 分の時間がかかるので，9 個のハイパーパラメータの組を逐次的に計算していた場合は 90 分の時間を要することになる． AWS Batch を使ってこれらの計算を並列に実行することで，ジョブ一個分の計算時間 (=10 分) ですべての計算を終えることができた！
さて，再び run_sweep.ipynb に戻ってこよう． [5] 以降のセルでは，グリッドサーチの結果を可視化している．
python
# [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
+
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
+
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
+
+    return df
+
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
+
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
+
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
# [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
+
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
+
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
+
+    return df
+
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
+
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
+
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
最終的に出力されるプロットが figure_title である．
ハイパーパラメータのグリッドサーチの結果
このプロットから，差は僅かであるが，学習率が 0.1 のときに精度は最大となることがわかる． また，学習率 0.1 のときはモメンタムを変えても大きな差は生じないことが見て取れる．
今回のパラメータサーチは勉強用に極めて単純化されたものである点は承知いただきたい．
たとえば，今回は学習率が 0.1 が最も良いとされたが，それは訓練のエポックを 100 に限定しているからかもしれない． 学習率が低いとその分訓練に必要なエポック数も多くなる． 訓練のエポック数をもっと増やせばまた違った結果が観察される可能性はある．
また，今回は MNIST の訓練データ 60,000 枚のうち， 48,000 枚を訓練データ，残り 12,000 枚を検証データとして用いた． この分割は乱数を固定してランダムに行ったが，もしこの分割によるデータのバイアスを気にするならば， k 個の異なる学習・検証データの分割をあらかじめ用意して，複数回モデルの評価を行う (k-fold cross-validation) 方法も，より精緻なアプローチとして考えられる．
以上のようにして， CNN を用いた MNIST 分類モデルのハイパーパラメータの最適化の一連の流れを体験した． AWS Batch を利用することで，比較的少ないプログラミングで，動的に EC2 クラスターを制御し，並列にジョブを処理するシステムが構築できた． ここまで EC2 を使いこなすことができれば，多くの問題を自力で解くことが可能になるだろう！
スタックの削除 ​
これにて，本ハンズオンは終了である．最後にスタックを削除しよう． 今回のスタックを削除するにあたり，ECR に配置された Docker のイメージは手動で削除されなければならない (これをしないと， cdk destroy を実行したときにエラーになってしまう． これは CloudFormation の仕様なので従うしかない)．
ECR の Docker image を削除するには， ECR のコンソールに行き，イメージが配置されたレポジトリを開く． そして，画面右上の DELETE ボタンを押して削除する (figure_title)．
ECR から Docker image を削除する
あるいは， AWS CLI から同様の操作を行うには，以下のコマンドを用いる (XXXX は自分の ECR レポジトリ名に置き換える)．
sh
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
image の削除が完了したうえで，次のコマンドでスタックを削除する．
sh
$ cdk destroy
$ cdk destroy
(#sec:batch_development_and_debug) === クラウドを用いた機械学習アプリケーションの開発とデバッグ
本章で紹介したハンズオンでは， AWS Batch を使用することでニューラルネットの学習を複数並列に実行し，高速化を実現した． 本章の最後の話題として，クラウドを用いた機械学習アプリケーションの開発とデバッグの方法について述べよう．
ローカルに GPU を搭載した強力なマシンがなく，クラウドを利用する予算が確保されているのであれば， figure_title のような開発のスキームが理想的であると考える． 最初の段階では， Hands-on #2: AWS でディープラーニングを実践 で見たような方法で， GPU 搭載型の EC2 インスタンスを作成し， Jupyter Notebook などのインタラクティブな環境で様々なモデルを試し実験を行う． Jupyter である程度アプリケーションが完成してきたタイミングで，作成したアプリケーションを Docker イメージにパッケージングする． そして， EC2 上で docker run を行い，作成したイメージがバグなく動作するか確認を行う． その次に，ハイパーパラメータの最適化などのチューニングを， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する のハンズオンで学んだ AWS Batch などの計算システムを利用して行う． よい深層学習モデルが完成したら，仕上げに大規模データへの推論処理を行うシステムを Hands-on #3: AWS で自動質問回答ボットを走らせる を参考に構築する．
実際，本書ではこの流れに沿って演習を進めてきた． MNIST タスクを解くモデルを，最初 Jupyter Notebook を使用して実験し，そのコードをほとんどそのまま Docker にパッケージし， AWS Batch を用いてハイパーパラメータサーチを行った． このサイクルを繰り返すことで，クラウドを最大限に活用した機械学習アプリケーションの開発を進めることができる．
クラウドを活用した機械学習アプリケーションの開発フロー
小括 ​
ここまでが，本書第二部の内容である． 第一部に引き続き盛りだくさんの内容であったが，ついてこれたであろうか？
第二部ではまず最初に，深層学習の計算をクラウドで実行するため， GPU 搭載型の EC2 インスタンスの起動について解説した． さらに，ハンズオンでは，クラウドに起動した仮想サーバーを使って MNIST 文字認識タスクを解くニューラルネットを訓練した (Hands-on #2: AWS でディープラーニングを実践)．
また，より大規模な機械学習アプリケーションを作るための手段として， Docker と ECS によるクラスターの初歩を説明した (Docker 入門)． その応用として，英語で与えられた文章問題への回答を自動で生成するボットをクラウドに展開した (Hands-on #3: AWS で自動質問回答ボットを走らせる)． タスクの投入に応じて動的に計算リソースが作成・削除される様子を実際に体験できただろう．
さらに， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する では AWS Batch を用いてニューラルネットの学習を並列に実行する方法を紹介した． ここで紹介した方法は，ミニマムであるが，計算機システムを大規模化していくためのエッセンスが網羅されている． これらのハンズオン体験から，クラウド技術を応用してどのように現実世界の問題を解いていくのか，なんとなくイメージが伝わっただろうか？
本書の第三部では，さらにレベルアップし，サーバーレスアーキテクチャという最新のクラウドの設計手法について解説する． その応用として，ハンズオンでは簡単な SNS サービスをゼロから実装する． 引き続きクラウドの最先端の世界を楽しんでいこう！
Web サービスの作り方 ​
ここからが，本書第三部の内容になる． これまでのセクションでは，仮想サーバーをクラウド上に起動し，そこで計算を走らせる方法について解説をしてきた． EC2, ECS, Fargate, Batch などを利用して，動的にスケールするクラスターを構成し，並列にタスクを実行するクラウドシステムを実装してきた． 振り返ると，これまで紹介してきた内容は，自分自身が行いたい計算をクラウドを駆使することで実現する，という用途にフォーカスしていたことに気がつくだろう． 一方で，広く一般の人々に使ってもらえるような計算サービス・データベースを提供する，というのもクラウドの重要な役割として挙げられる．
本章から始まる第三部では，前回までとは少し方向性を変え，どのようにしてクラウド上にアプリケーションを展開し，広く一般の人に使ってもらうか，という点を講義したいと思う． これを通じて，どのようにして世の中のウェブサービスができ上がっているのかを知り，さらにどうやって自分でそのようなアプリケーションをゼロから構築するのか，という点を学んでもらう． その過程で，サーバーレスアーキテクチャという最新のクラウド設計手法を解説する．
その前準備として，本章ではどのようにしてウェブサービスが出来上がっているのか，その背後にある技術の概要を解説する． 用語の解説が中心となるが，後のハンズオンを実装するために必須の知識であるので，理解して前に進むよう心がけよう．
ウェブサービスの仕組み  — Twitter を例に ​
あなたがパソコンやスマートフォンから Twitter, Facebook, YouTube などのウェブサービスにアクセスしたとき，実際にどのようなことが行われ，コンテンツが提示されているのだろうか？
HTTP を通じたサーバーとクライアントのデータのやり取りは，すでに知っている読者も多いだろうし，逆にすべて解説しようとすると紙面が足りないので，ここではエッセンスの説明のみにとどめる． 以降では Twitter を具体例として，背後にあるサーバーとクライアントの間の通信を概説しよう． 概念図としては figure_title のような通信がクライアントとサーバーの間で行われていることになる．
クライアントと Web サーバーの通信の概念図
前提として，クライアントとサーバーの通信は HTTP (Hypertext Transfer Protocol) を使って行われる． また，最近では，暗号化された HTTP である HTTPS (HTTPS (Hypertext Transfer Protocol Secure)) を用いることがスタンダードになってきている． 第一のステップとして，クライアントは HTTP(S) 通信によってサーバーから静的なコンテンツを取得する． 静的なコンテンツとは， HTML (Hyptertext Markup Language) で記述されたウェブページの文書本体， CSS (Cascading Style Sheets) で記述されたページのデザインやレイアウトファイル，そして JavaScript (JS) で記述されたページの動的な挙動を定義したプログラム，が含まれる． Twitter を含む現代的なウェブアプリケーションの設計では，この静的なファイル群はページの”枠”を定義するだけで，中身となるコンテンツ (例: ツイートの一覧) は別途 API (Application Programming Interface) によって取得されなければならない． そこで，クライアントは先のステップで取得された JavaScript で定義されたプログラムに従って，サーバーに API を送信し，ツイートや画像データを取得する． この際，テキストデータのやり取りには JSON (JavaScript Object Notation) というフォーマットが用いられることが多い． 画像や動画などのコンテンツも同様に API により取得される． このようにして取得されたテキストや画像が，HTML の文書に埋め込まれることで，最終的にユーザーに提示されるページが完成するのである． また，新しいツイートを投稿するときにも，クライアントから API を通じてサーバーのデータベースにデータが書き込まれる．
REST API ​
API (Application Programming Interface) とはこれまで何度も出てきた言葉であるが，ここではよりフォーマルな定義付けを行う． API とはあるソフトウェア・アプリケーションが，外部のソフトウェアに対してコマンドやデータをやり取りするための媒介の一般的総称である． とくに，ウェブサービスの文脈では，サーバーが外界に対して提示しているコマンドの一覧のことを意味する． クライアントは，提示されている API から適切なコマンドを使うことによって，所望のデータを取得したり，あるいはサーバーにデータを送信したりする．
とくに，ウェブの文脈では REST (Representational State Transfer) とよばれる設計思想に基づいた API が現在では最も一般的に使われている． REST の設計指針に従った API のことを REST API あるいは RESTful API とよんだりする．
REST API は， figure_title に示したような Method と URI (Universal Resource Identifier) の組からなる．
REST API
Method (メソッド) とは，どのような操作を行いたいかを抽象的に表す，"動詞" として捉えることができる． メソッドには HTTP 規格で定義された 9 個の動詞 (verb) を使用することができる． この中でも， GET, POST, PUT, PATCH, DELETE の 5 個が最も頻繁に使用される (table_title)． この 5 つのメソッドによる操作を総称して CRUD (create, read, update, and delete) とよぶ．
REST API Methods
メソッド意図される動作
GET
要素を取得する
POST
新しい要素を作成する
PUT
既存の要素を新しい要素と置き換える
PATCH
既存の要素の一部を更新する
DELETE
要素を削除する
一方， URI は操作が行われる対象，すなわち "目的語" を表す． ウェブの文脈では操作が行われる対象のことをしばしば リソース とよぶ． URI は多くの場合 http または https から始まるウェブサーバーのアドレスから始まり， / (スラッシュ) 以降に所望のリソースのパスが指定される． figure_title の例で言えば， https://api.twitter.com というアドレスの /1.1/status/home_timeline というリソースを取得 (GET) せよ，という意味になる (なお，ここで 1.1 という数字は API のバージョンを示している)． この API リクエストによって，ユーザーのホームのタイムラインのツイートの一覧が取得される．
REST API のメソッドには， table_title で挙げたもの以外に， HTTP プロトコルで定義されているほかのメソッド (OPTIONS, TRACE など) を用いることもできるが，あまり一般的ではない．
また，これらのメソッドだけでは動詞として表現しきれないこともあるが， URI の名前でより意味を明確にすることもある． メソッドの使い方も，要素を削除する際は必ず DELETE を使わなければならない，という決まりもなく，たとえば， Twitter API でツイートを消す API は POST statuses/destroy/:id で定義されている． 最終的には，各ウェブサービスが公開している API ドキュメンテーションを読んで，それぞれの API がどんな操作をするのかを調べる必要がある．
REST の概念は 2000 年代初頭に確立され，今日の API 設計のスタンダードとなった． 一方で，ウェブのテクノロジーが進歩するにつれて，新たな API の設計アプローチの需要も高まっている． 近年とくに人気を集めているのが， GraphQL と呼ばれる API の設計方法である． GraphQL は Facebook 社によって最初に作られ，現在は GraghQL Foundation によって維持と更新がされている． GraphQL を使用すると，クライアントは REST と比較してより柔軟性の高いデータのクエリを行うことができるなど，いくつかの利点がある． キーワードだけでも知っておくと，今後役に立つだろう．
Twitter API ​
もう少し具体的にウェブサービスの API を体験する目的で，ここでは Twitter の API を見てみよう． Twitter が提供している API の一覧は Twitter の Developer Documentation で見ることができる． いくつかの代表的な API を table_title にまとめた．
Twitter API
エンドポイント動作
GET statuses/home_timeline
ホームのタイムラインのツイートの一覧を取得する．
GET statuses/show/:id
:id で指定されたツイートの詳細情報を取得する．
GET search
ツイートの検索を実行する．
POST statuses/update
新しいツイートを投稿する．
POST media/upload
画像をアップロードする
POST statuses/destroy/:id
:id で指定されたツイートを削除する．
POST statuses/retweet/:id
:id で指定されたツイートをリツイートする．
POST statuses/unretweet/:id
:id で指定されたツイートのリツイートを取り消す．
POST favorites/create
選択したツイートを"いいね"する．
POST favorites/destroy
選択したツイートを"いいね"を取り消す．
この API リストをもとに， Twitter のアプリまたはウェブサイトを開いたときに起こるクライアントとサーバーの通信をシミュレートしてみよう．
ユーザーが Twitter を開くと，まず最初に GET statuses/home_timeline の API リクエストによって，ユーザーのホームのタイムラインのツイートのリストが取得される． 個々のツイートは JSON 形式のデータになっており， id, text, user, coordinates, entities などの属性を含む． id はツイートに固有な ID を表し， text はツイートの本文を含んでいる． user はツイートを投稿したユーザーの名前やプロフィール画像の URL などを含んだ JSON データになっている． coordinates にはツイートが発信された地理的な座標が記録されている． また， entities にはツイートに関連するメディアファイル (画像など) のリンクなどの情報が埋め込まれている． GET statuses/home_timeline からは直近のツイートのリスト (リストが長すぎる場合は途中で切られたもの) が取得される． もしツイートの ID を知っている場合は GET statuses/show/:id を呼ぶことによって， :id パラメータで指定された特定のツイートを取得することができる．
ツイートの検索を行うためには GET search API を使用する． この API には，ツイートに含まれる単語や，ハッシュタグ，ツイートの発信された日時や場所など，様々なクエリの条件を渡すことができる． API からは， GET statuses/home_timeline などと同様， JSON 形式のツイートのデータが返される．
ユーザーが新しいツイートを投稿するには POST statuses/update のエンドポイントを利用する． POST statuses/update には，ツイートの文章や，リプライの場合はリプライ先のツイートの ID などのデータを送信する． また，ツイートに画像データを添付したい場合は， POST media/upload を併せて使用する． ツイートの削除を行うには， POST statuses/destroy/:id を用いる．
そのほか，頻繁に行われる操作としては， POST statuses/retweet/:id と POST statuses/unretweet/:id がある． これらは， :id で指定されるツイートに対して，それぞれリツイートを実行あるいは取り消すための API である． また， POST favorites/create，POST favorites/destroy を使用することによって，選択されたツイートに"いいね"を追加したり，取り消したりする操作を行う．
このような一連の操作が， Twitter のアプリの背後では行われている． また，自分自身でボットを作成したい場合は，これらの API を適切に組み合わせ，カスタムのプログラムを書くことで実現される．
このように， API はあらゆるウェブサービスを作るうえで一番基礎となる要素である． 次からの章では本章で紹介した用語が何度も出てくるので，頭の片隅に置いたうえで読み進めていただきたい．
Serverless architecture ​
サーバーレスアーキテクチャ (Serverless architecture) あるいは サーバーレスコンピューティング (Serverless computing) とは，従来とは全く異なるアプローチに基づくクラウドシステムの設計方法である． 歴史的には， AWS が 2014 年に発表した Lamba がサーバーレスアーキテクチャの先駆けとされている． その後， Google や Microsoft などのクラウドプラットフォームも同様の機能の提供を開始している． サーバーレスアーキテクチャの利点は，スケーラブルなクラウドシステムを安価かつ簡易に作成できる点であり，近年いたるところで導入が進んでいる．
Serverless とは，文字どおりの意味としてはサーバーなしで計算をするということになるが，それは一体どういう意味だろうか？ サーバーレスについて説明するためには，まずは従来的な， "serverful" とよばれるようなシステムについて解説しなければならない．
Serverful クラウド (従来型) ​
従来的なクラウドシステムのスケッチを figure_title に示す． クライアントから送信されたリクエストは，最初に API サーバーに送られる． API サーバーでは，リクエストの内容に応じてタスクが実行される． タスクには，API サーバーだけで完結できるものもあるが，多くの場合，データベースの読み書きが必要である． データベースには，データベース専用の独立したサーバーマシンが用いられることが一般的である． また，画像や動画などの容量の大きいデータは，また別のストレージサーバーに保存されることが多い． これらの API サーバー，データベースサーバー，ストレージサーバーはそれぞれ独立したサーバーマシンであり， AWS の言葉では EC2 による仮想インスタンスを想定してもらったらよい．
多くのウェブサービスでは，多数のクライアントからのリクエストを処理するため，複数のサーバーマシンがクラウド内で起動し，負荷を分散するような設計がなされている． クライアントから来たリクエストを計算容量に余裕のあるサーバーに振り分けるような操作を Load balancing とよび，そのような操作を担当するマシンのことを Load balancer という．
計算負荷を分散する目的で多数のインスタンスを起動するのはよいのだが，計算負荷が小さすぎてアイドリング状態にあるようではコストと電力の無駄遣いである． したがって，すべてのサーバーが常に目標とする計算負荷を維持するよう，計算の負荷に応じてクラスター内の仮想サーバーの数を動的に増減させるような仕組みが必要である． そのような仕組みをクラスターのスケーリングとよび，負荷の増大に応答して新しい仮想インスタンスをクラスターに追加する操作を scale-out，負荷の減少に応答してインスタンスをシャットダウンする操作を scale-in とよぶ． クラスターのスケーリングは， API サーバーではもちろんのこと，データベースサーバー・ストレージサーバーでも必要になる． ストレージサーバーでは，例えば頻繁にアクセスされるデータはキャッシュ領域に保存したり，データのコピーを複数作るなどのスケーリングが行われる． データベースサーバーも同様に，頻繁にアクセスされるデータのアクセスがパンクしてしまわないよう，分散的な処理が必要となる． このように，クラウドシステム内すべての箇所で，負荷が均一になるような調整が必要であり，開発者は多くの時間をそのチューニングに費やさなければならない． また，サービスの利用者の数などに応じてスケーリングの設定は常に見直される必要があり，継続的な開発が要求される．
さらに問題を複雑にするのは，API サーバーで処理されるべきタスクが，非一様な点である． 非一様であるとは，たとえばタスク A は 3000 ミリ秒の実行時間と 512MB のメモリーを消費し，別のタスク B は 1000 ミリ秒の実行時間と 128MB のメモリーを消費する，というような状況を指している． 一つのサーバーマシンが計算負荷が異なる複数のタスクを処理する場合，クラスターのスケーリングはより複雑になる． この状況をシンプルにするために，１サーバーで実行するタスクは１種類に限る，という設計も可能であるが，そうするとで生まれる弊害も多い (ほとんど使われないタスクに対してもサーバー一台をまるまる割り当てなければならない = ほとんどアイドリング状態になってしまう，など)．
Serverful なクラウドシステム
Serverless クラウドへ ​
Serverful クラウド (従来型) で議論したように，クラスターのスケーリングはクラウドシステムの経済的効率とシステムの安定性を最大化するために必須の作業である． それを反映して，多くの開発者の時間が投資されてきた．
クラスターのスケーリングはすべての開発者が何度も繰り返し行ってきた作業であり，いくつかの側面をテンプレート化し，共通化することができたならば開発のコストを大幅に削減できるだろう． それを実現するには，根本的なレベルからクラウドシステムの設計を考え直す必要がある． スケーリングを前提として考えることで，もっとシンプルで見通しがよいクラウドシステムの設計の仕組みはないだろうか？ そのような動機が，サーバーレスアーキテクチャが誕生する背後にあった．
従来の serverful なシステムでの最大の問題点は，サーバーをまるまる占有してしまうという点にある． すなわち， EC2 インスタンスを起動したとき，そのインスタンスは起動したユーザーだけが使えるものであり，計算のリソース (CPU や RAM) が独占的に割り当てられた状態になる． 固定した計算資源の割り当てがされてしまっているので，インスタンスの計算負荷が 0%であろうが 100%であろうが，均一の使用料金が起動時間に比例して発生する．
サーバーレスアーキテクチャは，このような 独占的に割り当てられた計算リソースというものを完全に廃止することを出発点とする． サーバーレスアーキテクチャでは，計算のリソースは，クラウドプロバイダーがすべて管理する． クライアントは，仮想インスタンスを一台まるごと借りるのではなく，計算のタスクの需要が生まれる毎に，実行したいプログラム・コマンドをクラウドに提出する． クラウドプロバイダーは，自身のもつ巨大な計算リソースから空きを探し，提出されたプログラムを実行し，実行結果をクライアントに返す． 言い換えると，計算リソースのスケーリングやアロケーションなどはクラウドプロバイダーが一手に引き受け，ユーザーはジョブをサブミットすることに注力する，という枠組みである． これを図示すると， figure_title のようになる．
従来のクラウドと Serverless クラウドの比較
サーバーレスクラウドでは，スケーリングはすべてクラウドプロバイダーが引き受けるので，スケーラビリティーが保証されている． クライアントが同時に大量のタスクを送信した場合でも，クラウドプロバイダー側の独自の仕組みによってすべてのタスクが遅延なく実行される． また，サーバーレスクラウドを利用することで，クラウドのコストは実際に使用した計算の総量 (稼働時間) で決定されることになる． これは，計算の実行総量に関わらずインスタンスの起動時間で料金が決定されていた従来のシステムと比べて大きな違いである．
サーバーレスクラウドは，従来のクラウドとは根本から異なったアプローチなので，コードの書き方やシステムの設計が大きく異なる． サーバーレスクラウドを開発・運用するには，サーバーレス固有の概念や用語に精通している必要がある． 以降では，実際にクラウドを動かしながら，サーバーレスをより具体的に体験していこう．
従来型の(仮想インスタンスをたくさん起動するような)クラウドシステムは，賃貸と似ているかもしれない． 部屋を借りるというのは，その部屋でどれだけの時間を過ごそうが，月々の家賃は一定である． 同様に，仮想サーバーも，それがどれほどの計算を行っているかに関わらず，一定の料金が時間ごとに発生する．
一方で，サーバーレスクラウドは，電気・水道・ガス料金 と似ている． こちらは，実際に使用した量に比例して料金が決定されている． サーバーレスクラウドも，実際に計算を行った総時間で料金が決まる仕組みになっている．
サーバーレスクラウドを構成するコンポーネント ​
サーバーレスアーキテクチャの概要がわかってきたところで，ここでは AWS においてサーバーレスクラウドを構成する様々なコンポーネントを紹介していこう． 特に， Lambda, S3, DynamoDB を取り上げ，解説する (figure_title)． サーバーレスクラウドは，これらのコンポーネントを統合することで一つのシステムが出来上がる． ここでは， Lambda，S3，DynamoDB を利用する際に押さえておかなければならない知識を一通り説明しきる都合上，具体的なイメージがわきにくいかもしれない． が，続く Hands-on #5: サーバーレス入門 でそれぞれについてハンズオン形式で演習を行うので，そこでさらに理解を深めれば大丈夫である．
Lambda, S3, DynamoDB のアイコン
Lambda ​
AWS でサーバーレスコンピューティングの中心を担うのが， Lambda である． Lambda の使い方を figure_title に図示している． Lambda の仕組みはシンプルで，まずユーザーは実行したいプログラムのコードを事前に登録しておく． プログラムは， Python, Node.js, Ruby などの主要な言語がサポートされている． Lambda に登録されたひとつひとつのプログラムを関数 (Function) とよぶ． そして，関数を実行したいときに，invoke コマンドを Lambda に送信する． Lambda では， invoke のリクエストを受け取るとただちに (数ミリセカンドから数百ミリセカンド程度の時間で) プログラムの実行を開始する． そして，実行結果をクライアントやその他の計算機に返す．
AWS Lambda
このように，Lambda では占有された仮想インスタンスは存在せず，実行を待っているプログラムだけがある状態である． invoke のリクエストに応じて，プログラムが AWS の巨大な計算機プールのどこかに配置され，実行される． 同時に複数のリクエストが来た場合でも， AWS はそれらを実行するための計算リソースを割り当て，並列的に処理を行ってくれる． 原理上は，数千から数万のリクエストが同時に来たとしても， Lambda はそれらを同時に実行することができる． このような，占有された仮想サーバーの存在なしに，動的に関数を実行するサービスのことを総称して FaaS (Function as a Service) とよぶ．
Lambda ではそれぞれの関数につき， 128MB から 10240MB のメモリーを使用することができる (執筆時点の仕様)． また，実効的な CPU のパワーはメモリーの量に比例する形で割り当てられる． すなわち，タスクに割り当てたメモリーの量が多ければ多いほど，より多くの CPU リソースが割り当てられることになる (しかし， RAM と CPU パワーの具体的な換算表は AWS からは公開されていない)． 実行時間は 100 ミリ秒の単位で記録され，実行時間に比例して料金が決定される． table_title は Lambda の利用料金表である (執筆時点で ap-north-east1 リージョンを選択した場合)．
Lambda の料金表
Memory (MB)Price per 100ms
128
$0.0000002083
512
$0.0000008333
1024
$0.0000016667
3008
$0.0000048958
実行時間に比例する料金に追加して，リクエストを送信するごとに発生する料金が設定されている． これは，百万回のリクエストにつき $0.2 である． たとえば， 128MB のメモリーを使用する関数を，それぞれ 200 ミリ秒，合計で 100 万回実行した場合， 0.0000002083 * 2 * 10^6 + 0.2 = $0.6 の料金となる． ウェブサーバーのデータベースの更新など簡単な計算であれば，200 ミリ秒程度で実行できる関数も多いことから，100 万回データベースの更新を行ったとしても，たった $0.6 しかコストが発生しないことになる． また，コードが実行されず待機状態になっている場合は，発生する料金は 0 である． このように，実際に意味のある処理が行われた時間にのみ，料金が発生する仕組みになっている．
Lambda は比較的短時間で完了する，反復性の高いタスクの実行に向いている． データベースの読み書きはその典型的な例であるが，そのほかにも，画像のサイズをトリミングしたり，サーバーサイドで定期的に実行されるメンテナンス処理などの利用が考えられる． また，複数の Lambda をリレー式に繋げることも可能で，シンプルな処理を組み合わせることで複雑なロジックを表現することができる．
上述の Lambda の料金計算は，説明のためコストに寄与する要素をいくつか省いている点は承知いただきたい． 例えば， DynamoDB の読み書きに関する料金や，ネットワークの通信にかかわるコストが考慮されていない．
サーバーレスストレージ: S3 ​
サーバーレスの概念は，ストレージにも拡張されている．
従来的なストレージ (ファイルシステム) では，必ずホストとなるマシンと OS が存在しなければならない． したがって，それほどパワーは必要ないまでも，ある程度の CPU リソースを割かなければならない． また，従来的なファイルシステムでは，データ領域のサイズは最初にディスクを初期化するときに決めなければならず，後から容量を増加させることはしばしば困難である (ZFS などのファイルシステムを使えばある程度は自由にファイルシステムのサイズを変更することは可能である)． よって，従来的なクラウドでは，ストレージを借りる際にはあらかじめディスクのサイズを指定せねばならず，ディスクの中身が空であろうと満杯であろうと，同じ利用料金が発生することになる (figure_title)．
Simple Storage Service (S3) は，サーバーレスなストレージシステムを提供する (figure_title)． S3 は従来的なストレージシステムと異なり， OS に"マウントする”という概念はない． 基本的に API を通じてデータの読み書きの操作が行われる． また，データの冗長化や暗号化，バックアップの作成など，通常ならば OS と CPU が介在しなければならない操作も， API を通じて行うことができる． S3 では事前に決められたディスク領域のサイズはなく，データを入れれば入れた分だけ，保存領域は拡大していく (仕様上はペタバイトスケールのデータを保存することが可能である)． ストレージにかかる料金は，保存してあるデータの総容量で決定される．
S3 と従来的なファイルシステムの比較
S3 を利用する際に，料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 説明のため主要な事項のみ取り出している． 詳細は 公式ドキュメンテーション "Amazon S3 pricing" を参照)．
S3 の利用料金
項目料金
Data storage (First 50TB)
$0.023 per GB per month
PUT, COPY, POST, LIST requests (per 1,000 requests)
$0.005
GET, SELECT, and all other requests (per 1,000 requests)
$0.0004
Data Transfer IN To Amazon S3 From Internet
$0
Data Transfer OUT From Amazon S3 To Internet
$0.09 per GB
第一に，データの保存には $0.025 per GB のコストが月ごとに発生する． したがって，1000GB のデータを S3 に一ヵ月保存した場合， $25 の料金が発生することになる． また，PUT, COPY, POST などのリクエスト (=データを書き込む操作) に対しては，データ容量に関係なく，1000 回ごとに $0.005 のコストが発生する． GET, SELECT などのリクエスト (=データを読み込む操作) に対しては，1000 回ごとに $0.0004 のコストが発生する． また， S3 はデータを外に取り出す際の通信にもコストが生じる． 執筆時点では，S3 からインターネットを通じて外部にデータを転送 (data-out) すると $0.09 per GB のコストが発生する． データをインターネットを通じて S3 に入れる (data-in) 通信は無料で行える． また， AWS の 同じ Region 内のサービス (Lambda や EC2 など) にデータを転送するのは無料である． AWS のリージョンをまたいだデータの転送にはコストが発生する． いずれにせよ，サーバーレスの概念に則り，すべての料金が従量課金制で決定される設定になっている．
サーバーレスデータベース: DynamoDB ​
サーバーレスの概念は，データベースにも適用することができる．
ここでいうデータベースとは， Web サービスなどにおけるユーザーや商品の情報を記録しておくための保存領域のことを指している． 従来的に有名なデータベースとしては MySQL, PostgreSQL, MongoDB などが挙げられる． データベースと普通のストレージの違いは，データの検索機能にある． 普通のストレージではデータは単純にディスクに書き込まれるだけだが， データベースでは検索がより効率的になるようなデータの配置がされたり， 頻繁にアクセスされるデータはメモリーにキャッシュされるなどの機能が備わっている． これにより，巨大なデータの中から，興味のある要素を高速に取得することができる．
このような検索機能を実現するには，当然 CPU の存在が必須である． したがって，従来的なデータベースを構築する際は，ストレージ領域に加えて，たくさんの CPU コアを搭載したマシンが用いられることが多い． また，データベースが巨大な場合は複数マシンにまたがった分散型のシステムが設計される． 分散型システムの場合は， Serverful クラウド (従来型) で議論したようにデータベースへのアクセス負荷に応じて適切なスケーリングがなされる必要がある．
DynamoDB は， AWS が提供しているサーバーレスな分散型データベースである． サーバーレスであるので，占有されたデータベース用仮想インスタンスは存在せず， API を通じてデータの書き込み・読み出し・検索などの操作を行う． S3 と同様に，データ保存領域の上限は定められておらず，データを入れれば入れた分だけ，保存領域は拡大していく． また，データベースへの負荷が増減したときのスケーリングは， DynamoDB が自動で行うので，ユーザーは心配する必要はない．
DynamoDB での利用料金の計算はやや複雑なのだが， "On-demand Capacity" というモードで使用した場合の料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 詳細は 公式ドキュメンテーション "Pricing for On-Demand Capacity" を参照)．
DynamoDB の利用料金
項目料金
Write request units
$1.25 per million write request units
Read request units
$0.25 per million read request units
Data storage
$0.25 per GB-month
DynamoDB ではデータの書き込み操作の単位を write request unit とよび，データの読み込み操作の単位を read request unit とよぶ． 基本的に， 1kB 以下のデータを一度書き込むと 1 write request unit を消費し，4kB 以下のデータを一度読み込むと 1 read request unit を消費する (詳しくは 公式ドキュメンテーション "Read/Write Capacity Mode" を参照のこと)． write request units は 100 万回ごとに $1.25, read request units は 100 万回ごとに $0.25 のコストが設定されている． また，保存されたデータ容量に対して $0.25 per GB のコストが月ごとに発生する． DynamoDB は高速な検索機能などを備えたデータベースであるので， GB あたりのストレージコストは S3 に比べ 10 倍程度高い． DynamoDB のデータの転送に関わるコストは，同じリージョン内ならば data-in，data-out ともに $0 である． リージョンをまたいだ通信には別途コストが発生する．
その他のサーバーレスクラウドの構成要素 ​
以上で紹介した Lambda, S3, DynamoDB がサーバーレスクラウドの中で最も使用する頻度が高いサービスになる． その他のサーバーレスクラウドの構成要素を以下に列挙する． いくつかについては，今後のハンズオンを行う中で改めて解説を行う．
サーバーレスアーキテクチャは万能か？
この問いへの答えは，筆者は NO であると考える．
ここまで，サーバーレスの利点を強調して説明をしてきたが，まだまだ新しい技術なだけに，欠点，あるいはサーバーフルなシステムに劣る点は数多くある．
大きな欠点を一つあげるとすれば，サーバーレスのシステムは各クラウドプラットフォームに固有なものなので，特定のプラットフォームでしか運用できないシステムになってしまう点であろう． AWS で作成したサーバーレスのシステムを， Google のクラウドに移植するには，かなり大掛かりなプログラムの書き換えが必要になる． 一方， serverful なシステムであれば，プラットフォーム間のマイグレーションは比較的簡単に行うことができる． クラウドプロバイダーとしては，自社のシステムへの依存度を強めることで，顧客を離さないようにするという狙いがあるのだろう…
その他，サーバーレスコンピューティングの欠点や今後の課題などは，次の論文で詳しく議論されている． 興味のある読者はぜひ読んでいただきたい．
Hands-on #5: サーバーレス入門 ​
前章ではサーバーレスアーキテクチャの概要の説明を行った． 本章では，ハンズオン形式でサーバーレスクラウドを実際に動かしながら，具体的な使用方法を学んでいこう． 今回のハンズオンでは Lambda, S3, DynamoDB の三つのサーバーレスクラウドの構成要素に触れていく． それぞれについて，短いチュートリアルを用意してある．
Lambda ハンズオン ​
まずは， Lambda を実際に動かしてみよう． ハンズオンのソースコードは GitHub の handson/serverless/lambda に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して Python で書かれたコードを Lambda に登録する． 続いて STEP 2 では， Invoke API を使用して，同時にいくつもの Lambda を起動し，並列な計算を行う． Lambda のワークフローを体験する目的で最小限の設定である．
Lambda チュートリアルの概要
このハンズオンは，基本的に AWS Lambda の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
py
#
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
+
+class SimpleLambda(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
#
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
+
+class SimpleLambda(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
  • ここで， Lambda で実行されるべき関数を定義している． これは非常に単純な関数で，2-5 秒のランダムな時間スリープした後，["salmon", "tuna", "squid"] のいずれかの文字列をランダムに選択し， "Welcome to Cloud Sushi. Your order is XXXX" (XXXX は選ばれた寿司のネタ) というメッセージをリターンする．
  • 次に， Lambda に <1> で書いた関数を配置している． パラメータの意味は，文字どおりの意味なので難しくはないが，以下に解説する．
    • runtime=_lambda.Runtime.PYTHON_3_7: ここでは， Python3.7 を使って上記で定義された関数を実行せよ，と指定している． Python3.7 のほかに， Node.js, Java, Ruby, Go などの言語を指定することが可能である．
    • code=_lambda.Code.from_inline(FUNC): 実行されるべき関数が書かれたコードを指定する． ここでは， FUNC=... で定義した文字列を渡しているが，文字列以外にもファイルのパスを渡すことも可能である．
    • handler="index.handler": これは，コードの中にいくつかのサブ関数が含まれているときに，メインとサブを区別するためのパラメータである． handler という名前の関数をメイン関数として実行せよ，という意味である．
    • memory_size=128: メモリーは 128MB を最大で使用することを指定している．
    • timeout=core.Duration.seconds(10) タイムアウト時間を 10 秒に設定している． 10 秒以内に関数の実行が終了しなかった場合，エラーが返される．
    • dead_letter_queue_enabled=True: アドバンストな設定なので説明は省略する．
上記のプログラムを実行することで， Lambda 関数がクラウド上に作成される． 早速デプロイしてみよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleLambda.FunctionName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから，Lambda のページに行くと figure_title のような画面から Lambda の関数の一覧が確認できる．
Lambda コンソール - 関数の一覧
今回のアプリケーションで作成したのが SimpleLambda で始まるランダムな名前のついた関数だ． 関数の名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． 先ほどプログラムの中で定義した Python の関数がエディターから確認できる． さらに下の方にスクロールすると，関数の各種設定も確認できる．
Lambda コンソール - 関数の詳細
Lambda で実行されるコードは， Lambda のコンソール画面 (figure_title) のエディターで編集することもできる． デバッグをするときなどは，こちらを直接いじる方が早い場合もある． その場合は， CDK のコードに行った編集を反映させなおすことを忘れずに．
Lambda 関数の実行 ​
それでは，作成した Lambda 関数を実行 (invoke) してみよう． AWS の API を使うことで，関数の実行をスタートすることができる． 今回は， handson/serverless/lambda/invoke_one.py に関数を実行するための簡単なプログラムを提供している． 興味のある読者はコードを読んでもらいたい．
以下のコマンドで，Lambda の関数を実行する． コマンドの XXXX の部分は，先ほどデプロイしたときに SimpleLambda.FunctionName = XXXX で得られた XXXX の文字列で置換する．
sh
$ python invoke_one.py XXXX
$ python invoke_one.py XXXX
すると， "Welcome to Cloud Sushi. Your order is salmon" という出力が得られるはずだ． とてもシンプルではあるが，クラウド上で先ほどの関数が走り，乱数が生成されたうえで，ランダムな寿司ネタが選択されて出力が返されている． このコマンドを何度か打ってみて，実行ごとに異なる寿司ネタが返されることを確認しよう．
さて，このコマンドは，一度につき一回の関数を実行したわけであるが， Lambda の本領は一度に大量のタスクを同時に実行できる点である． そこで，今度は一度に 100 個のタスクを同時に送信してみよう． handson/serverless/lambda/invoke_many.py のスクリプトを使用する．
次のコマンドを実行しよう． XXXX の部分は前述と同様に置き換える． 第二引数の 100 は 100 個のタスクを投入せよ，という意味である．
sh
$ python invoke_many.py XXXX 100
$ python invoke_many.py XXXX 100
すると次のような出力が得られるはずだ．
sh
....................................................................................................
+Submitted 100 tasks to Lambda!
....................................................................................................
+Submitted 100 tasks to Lambda!
実際に，100 個のタスクが同時に実行されていることを確認しよう． figure_title の画面に戻り， "Monitoring" というタブがあるので，それをクリックする． すると， figure_title のようなグラフが表示されるだろう．
Lambda コンソール - 関数の実行のモニタリング
figure_title のグラフの更新には数分かかることがあるので，なにも表示されない場合は少し待つ．
figure_title で "Invocations" が関数が何度実行されたかを意味している． たしかに 100 回実行されていることがわかる． さらに， "Concurrent executions" は何個のタスクが同時に行われたかを示している． ここでは 96 となっていることから，96 個のタスクが並列的に実行されたことを意味している (これが 100 とならないのは，タスクの開始のコマンドが送られたのが完全には同タイミングではないことに起因する)．
このように，非常にシンプルではあるが， Lambda を使うことで，同時並列的に処理を実行することのできるクラウドシステムを簡単に作ることができた．
もしこのようなことを従来的な serverful なクラウドで行おうとした場合，クラスターのスケーリングなど多くのコードを書くことに加えて，いろいろなパラメータを調節する必要がある．
興味がある人は，一気に 1000 個などのジョブを投入してみるとよい． Lambda はそのような大量のリクエストにも対応できることが確認できるだろう． が，あまりやりすぎると Lambda の無料利用枠を超えて料金が発生してしまうので注意．
スタックの削除 ​
最後にスタックを削除しよう． スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
DynamoDB ハンズオン ​
続いて， DynamoDB の簡単なチュートリアルをやってみよう． ハンズオンのソースコードは GitHub の /handson/serverless/dynamodb に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して DynamoDB のテーブルを初期化し，デプロイする． 続いて STEP 2 では， API を使用してデータベースのデータの書き込み・読み出し・削除などの操作を練習する．
DynamoDB チュートリアルの概要
このハンズオンは，基本的に AWS DynamoDB の無料枠 の範囲内で実行できる．
handson/serverless/dynamodb/app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
このコードで，最低限の設定がなされた空の DynamoDB テーブルが作成される． それぞれのパラメータの意味を簡単に解説しよう．
  • partition_key: すべての DynamoDB テーブルには Partition key が定義されていなければならない． Partition key とは，テーブル内の要素 (レコード) ごとに存在する固有の ID のことである． 同一の Partition key をもった要素がテーブルの中に二つ以上存在することはできない (注: Sort Key を使用している場合は除く．詳しくは 公式ドキュメンテーション "Core Components of Amazon DynamoDB" 参照)． また， Partition key が定義されていない要素はテーブルの中に存在することはできない． ここでは， Partition key に item_id という名前をつけている．
  • billing_mode: ddb.BillingMode.PAY_PER_REQUEST を指定することで， On-demand Capacity Mode の DynamoDB が作成される． ほかに PROVISIONED というモードがあるが，これはかなり高度なケースを除いて使用しないだろう．
  • removal_policy: CloudFormation のスタックが消去されたときに， DynamoDB も一緒に消去されるかどうかを指定する． このコードでは DESTROY を選んでいるので，すべて消去される． ほかのオプションを選択すると，スタックを消去しても DynamoDB のバックアップを残す，などの動作を定義することができる．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleDynamoDb.TableName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから， DynamoDB のページに行き，左のメニューバーから "Tables" を選択する． すると， figure_title のような画面からテーブルの一覧が確認できる．
DynamoDB のコンソール (テーブルの一覧)
今回のアプリケーションで作成したのが SimpleDynamoDb で始まるランダムな名前のついたテーブルだ． テーブルの名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． "Items" のタブをクリックすると，テーブルの中のレコードを確認できる． 現時点ではなにもデータを書き込んでいないので，空である．
DynamoDB のコンソール (テーブルの詳細画面)
データの読み書き ​
それでは， デプロイ で作ったテーブルを使ってデータの読み書きを実践してみよう． ここでは Python と boto3 ライブラリを用いた方法を紹介する．
まずは，テーブルに新しい要素を追加してみよう． ハンズオンのディレクトリにある simple_write.py を開いてみよう． 中には次のような関数が書かれている．
python
import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
+
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
+
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
コードを上から読んでいくと，まず最初に boto3 ライブラリをインポートし， dynamodb のリソースを呼び出している． write_item() 関数は， DynamoDB のテーブルの名前 (上で見た SimpleDynamoDb-XXXX) を引数として受け取る． そして， put_item() メソッドを呼ぶことで，新しいアイテムを DB に書き込んでいる． アイテムには item_id, first_name, last_name, age の 4 つの属性が定義されている． ここで， item_id は先ほど説明した Partition key に相当しており， UUID4 を用いたランダムな文字列を割り当てている．
では， simple_write.py を実行してみよう． "XXXX" の部分を自分がデプロイしたテーブルの名前 (SimpleDynamoDb で始まる文字列) に置き換えたうえで，次のコマンドを実行する．
sh
$ python simple_write.py XXXX
$ python simple_write.py XXXX
新しい要素が正しく書き込めたか， AWS コンソールから確認してみよう． figure_title と同じ手順で，テーブルの中身の要素の一覧を表示する． すると figure_title のように，期待通り新しい要素が見つかるだろう．
DynamoDB に新しい要素が追加されたことを確認
boto3 を使ってテーブルから要素を読みだすことも可能である． ハンズオンのディレクトリにある simple_read.py を見てみよう．
python
import boto3
+ddb = boto3.resource('dynamodb')
+
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
import boto3
+ddb = boto3.resource('dynamodb')
+
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
table.scan().get("Items") によって，テーブルの中にあるすべての要素を読みだしている．
次のコマンドで，このスクリプトを実行してみよう ("XXXX" の部分を正しく置き換えることを忘れずに）．
sh
$ python simple_read.py XXXX
$ python simple_read.py XXXX
先ほど書き込んだ要素が出力されることを確認しよう．
大量のデータの読み書き ​
DynamoDB の利点は，最初に述べたとおり，負荷に応じて自在にその処理能力を拡大できる点である．
そこで，ここでは一度に大量のデータを書き込む場合をシミュレートしてみよう． batch_rw.py に，一度に大量の書き込みを実行するためのプログラムが書いてある．
次のコマンドを実行してみよう (XXXX は自分のテーブルの名前に置き換える)．
sh
$ python batch_rw.py XXXX write 1000
$ python batch_rw.py XXXX write 1000
このコマンドを実行することで，ランダムなデータが 1000 個データベースに書き込まれる．
さらに，データベースの検索をかけてみよう． 今回書き込んだデータには age という属性に 1 から 50 のランダムな整数が割り当てられている． age が 2 以下であるような要素だけを検索し拾ってくるには，次のコマンドを実行すればよい．
sh
$ python batch_rw.py XXXX search_under_age 2
$ python batch_rw.py XXXX search_under_age 2
上の 2 つのコマンドを何回か繰り返し実行してみて，データベースに負荷をかけてみよう． とくに大きな遅延なく結果が返ってくることが確認できるだろう．
スタックの削除 ​
DynamoDB で十分に遊ぶことができたら，忘れずにスタックを削除しよう．
これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
S3 ハンズオン ​
最後に， S3 の簡単なチュートリアルを紹介する． ハンズオンのソースコードは GitHub の handson/serverless/s3 に置いてある．
figure_title が今回提供する S3 チュートリアルの概要である． STEP 1 として， AWS CDK を用いて S3 に新しい空のバケット (Bucket) を作成する． 続いて STEP 2 では，データのアップロード・ダウンロードの方法を解説する．
S3 チュートリアルの概要
このハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
s3.Bucket() を呼ぶことによって空のバケットが新規に作成される． 上記のコードだと，バケットの名前は自動生成される． もし，自分の指定した名前を与えたい場合は， bucket_name というパラメータを指定すればよい． その際， バケットの名前はユニークでなければならない (i.e. AWS のデプロイが行われるリージョン内で名前の重複がない) 点に注意しよう． もし，同じ名前のバケットが既に存在する場合はエラーが返ってくる．
デフォルトでは， CloudFormation スタックが削除されたとき， S3 バケットとその中に保存されたファイルは削除されない． これは，大切なデータを誤って消してしまうことを防止するための安全策である． cdk destroy を実行したときにバケットも含めてすべて削除されるようにするには， removal_policy=core.RemovalPolicy.DESTROY, auto_delete_objects=True とパラメータを設定する． 結果もよく理解したうえで，自分の用途にあった適切なパラメータを設定しよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイを実行すると， figure_title のような出力が得られるはずである． ここで表示されている SimpleS3.BucketName = XXXX が，新しく作られたバケットの名前である (今回提供しているコードを使うとランダムな名前がバケットに割り当てられる）． これはあとで使うのでメモしておこう．
デプロイ実行後の出力
データの読み書き ​
スタックのデプロイが完了したら，早速バケットにデータをアップロードしてみよう．
まずは，以下のコマンドを実行して， tmp.txt という仮のファイルを生成する．
sh
$ echo "Hello world!" >> tmp.txt
$ echo "Hello world!" >> tmp.txt
ハンズオンのディレクトリにある simple_s3.py に boto3 ライブラリを使用した S3 のファイルのアップロード・ダウンロードのスクリプトが書いてある． simple_s3.py を使って，上で作成した tmp.txt を以下のコマンドによりバケットにアップロードする． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX upload tmp.txt
$ python simple_s3.py XXXX upload tmp.txt
simple_s3.py のアップロードを担当している部分を以下に抜粋する．
python
def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
+
+    if key is None:
+        key = os.path.basename(filename)
+
+    bucket.upload_file(filename, key)
def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
+
+    if key is None:
+        key = os.path.basename(filename)
+
+    bucket.upload_file(filename, key)
bucket = s3.Bucket(bucket_name) の行で Bucket() オブジェクトを呼び出している． そして， upload_file() メソッドを呼ぶことでファイルのアップロードを実行している．
S3 においてファイルの識別子として使われるのが Key である． これは，従来的なファイルシステムにおけるパス (Path) と相同な概念で，それぞれのファイルに固有な Key が割り当てられる必要がある． Key という呼び方は， S3 が Object storage と呼ばれるシステムに立脚していることに由来する． --key のオプションを追加して simple_s3.py を実行することで， Key を指定してアップロードを実行することができる．
sh
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
ここではアップロードされたファイルに a/b/tmp.txt という Key を割り当てている．
ここまでコマンドを実行し終えたところで，一度 AWS コンソールに行き S3 の中身を確認してみよう． S3 のコンソールに行くと，バケットの一覧が見つかるはずである． その中から， simples3-bucket から始まるランダムな名前のついたバケットを探し，クリックする． するとバケットの中に含まれるファイルの一覧が表示される (figure_title)．
S3 バケットの中のファイル一覧
ここで実行した 2 つのコマンドによって， tmp.txt というファイルと， a/b/tmp.txt というファイルが見つかることに注目しよう． 従来的なファイルシステムと似た体験を提供するため， S3 では Key が "/" (スラッシュ) によって区切られていた場合，ツリー状の階層構造によってファイルを管理することができる．
オブジェクトストレージには本来ディレクトリという概念はない． 上で紹介した "/" による階層づけはあくまでユーザー体験向上の目的のお化粧的な機能である．
次に，バケットからファイルのダウンロードを実行してみよう． simple_s3.py を使って，以下のコマンドを実行すればよい． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX download tmp.txt
$ python simple_s3.py XXXX download tmp.txt
simple_s3.py のダウンロードを担当している部分を以下に抜粋する．
python
def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
+
+    if filename is None:
+        filename = os.path.basename(key)
+
+    bucket.download_file(key, filename)
def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
+
+    if filename is None:
+        filename = os.path.basename(key)
+
+    bucket.download_file(key, filename)
S3 からのダウンロードはシンプルで， download_file() メソッドを使って，ダウンロードしたい対象の Key を指定すればよい． ローカルのコンピュータでの保存先のパスを 2 個目の引数として渡している．
スタックの削除 ​
以上のハンズオンで， S3 の一番基本的な使い方を紹介した． ここまでのハンズオンが理解できたら，忘れずにスタックを削除しよう． これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
Hands-on #6: Bashoutter ​
さて，最後のハンズオンとなる第六回では，これまで学んできたサーバーレスクラウドの技術を使って，簡単なウェブサービスを作ってみよう． 具体的には，人々が自分の作った俳句を投稿する SNS サービス (Bashoutter と名付ける) を作成してみよう． Lambda, DynamoDB, S3 などの技術をすべて盛り込み，シンプルながらもサーバーレスの利点を生かしたスケーラブルな SNS アプリが誕生する． 最終的には， figure_title のような，ミニマルではあるがとても現代風な SNS サイトが完成する！
ハンズオン#6で作製する SNS アプリケーション "Bashoutter"
準備 ​
ハンズオンのソースコードは GitHub の handson/bashoutter に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． それ以外に必要な準備はない．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行できる．
アプリケーションの説明 ​
API ​
今回のアプリケーションでは，人々からの俳句の投稿を受け付けたり，投稿された俳句の一覧を取得する，といった機能を実装したい． この機能を実現するための最小限の設計として， table_title に示すような四つの REST API を今回は実装する． 俳句を投稿する，閲覧する，削除するという基本的なデータ操作を行うための API が完備されている． また， PATCH /haiku/{item_id} は， {item_id} で指定された俳句に”いいね”をするために使用する．
Bashoutter API
GET /haiku
俳句の一覧を取得する
POST /haiku
新しい俳句を投稿する
PATCH /haiku/{item_id}
{item_id} で指定された俳句にお気に入り票を一つ入れる
DELETE /haiku/{item_id}
{item_id} で指定された俳句を削除する
それぞれの API のパラメータおよび返り値の詳細は，ハンズオンのソースコードの中の swagger.yml に定義してある．
Open API Specification (OAS; 少し前は Swagger Specification とよばれていた) は， REST API のための記述フォーマットである． OAS に従って API の仕様が記述されていると，簡単にドキュメンテーションを生成したり，クライアントアプリケーションを自動生成することができる． 今回用意した API 仕様 も， OAS に従って書いてある． 詳しくは Swagger の公式ドキュメンテーション などを参照．
アプリケーションアーキテクチャ ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#5で作製するアプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントからの API リクエストは， API Gateway (後述)にまず送信され， API の URI で指定された Lambda 関数へ転送される．
  • それぞれの API のパス (リソース) ごとに独立した Lambda を用意する．
  • 俳句の情報 (作者，本文，投稿日時など) を記録するためのデータベース (DynamoDB) を用意する．
  • 各 Lambda 関数には， DynamoDB へのアクセス権を付与する．
  • 最後に，ウェブブラウザからコンテンツを表示できるよう， ウェブページの静的コンテンツを配信するための S3 バケットを用意する．クライアントはこの S3 バケットにアクセスすることで HTML/CSS/JS などのコンテンツを取得する．
それでは，プログラムのソースコードを見てみよう (handson/bashoutter/app.py)．
python
class Bashoutter(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
+
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
+
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
+
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
+
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
+
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
class Bashoutter(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
+
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
+
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
+
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
+
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
+
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
  • ここで，俳句の情報を記録しておくための DynamoDB テーブルを定義している．
  • 静的コンテンツを配信するための S3 バケットを用意している．
  • それぞれの API で実行される Lambda 関数を定義している． 関数は Python3.7 で書かれており，コードは handson/bashoutter/api/api.py にある．
  • <3> で定義された Lambda 関数に対し，データベースへの読み書きのアクセス権限を付与している．
  • ここで，API Gateway により，各 API パスとそこで実行されるべき Lambda 関数を紐付けている．
それぞれの項目について，もう少し詳しく説明しよう．
Public access mode の S3 バケット ​
S3 のバケットを作成しているコードを見てみよう．
python
bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
ここで注目してほしいのは public_read_access=True の部分だ． 前章で， S3 について説明を行ったときには触れなかったが， S3 には Public access mode という機能がある． Public access mode をオンにしておくと，バケットの中のファイルは認証なしで (i.e. インターネット上の誰でも) 閲覧できるようになる． この設定は，一般公開されているウェブサイトの静的なコンテンツを置いておくのに最適であり，多くのサーバーレスによるウェブサービスでこのような設計が行われる． public access mode を設定しておくと， http://XXXX.s3-website-ap-northeast-1.amazonaws.com/ のような固有の URL がバケットに対して付与される． そして，クライアントがこの URL にアクセスをすると，バケットの中にある index.html がクライアントに返され，ページがロードされる (どのファイルが返されるかは， website_index_document="index.html" の部分で設定している．)
なお，この時点ではバケットは空である． HTML/CSS/JS など静的コンテンツの配置は，デプロイを行った後ほどのステップで行う．
より本格的なウェブページを運用する際には， public access mode の S3 バケットに， CloudFront という機能を追加することが一般的である． CloudFront により，　Content Delivery Nework (CDN) や暗号化された HTTPS 通信を設定することができる． CloudFront についての詳細は 公式ドキュメンテーション "What is Amazon CloudFront?" などを参照いただきたい．
今回のハンズオンでは説明の簡略化のため CloudFront の設定を行わなかったが，興味のある読者は次のリンクのプログラムが参考になるだろう．
今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API のハンドラ関数 ​
API リクエストが来たときに，リクエストされた処理を行う関数のことをハンドラ (handler) 関数とよぶ． GET /haiku の API に対してのハンドラ関数を Lambda で定義している部分を見てみよう．
python
get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
簡単なところから見ていくと， memory_size=512 の箇所でメモリーの使用量を 512MB に指定している． また， code=_lambda.Code.from_asset("api") によって外部のディレクトリ (api/) を参照せよと指定しており， handler="api.get_haiku" のところで api.py というファイルの get_haiku() という関数をハンドラ関数として実行せよ，と定義している．
次に，ハンドラ関数として使用されている get_haiku() のコードを見てみよう (handson/bashoutter/api/api.py)．
python
ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
+
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
+
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
+
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
+
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
response = table.scan() で，俳句の格納された DynamoDB テーブルから，すべての要素を取り出している． もしなにもエラーが起きなければステータスコード 200 が返され，もしなにかエラーが起こればステータスコード 500 が返されるようになっている．
上記のような操作を，ほかの API についても繰り返すことで，すべての API のハンドラ関数が定義されている．
GET /haiku のハンドラ関数で， response = table.scan() という部分があるが，実はこれは最善の書き方ではない． DynamoDB の scan() メソッドは，最大で 1MB までのデータしか返さない． データベースのサイズが大きく， 1MB 以上のデータがある場合には，再帰的に scan() メソッドをよぶ必要がある． 詳しくは boto3 ドキュメンテーション を参照．
AWS における権限の管理 (IAM) ​
以下の部分のコードに注目してほしい．
python
table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
これまでは説明の簡略化のためにあえて触れてこなかったが， AWS には IAM (Identity and Access Management) という重要な概念がある． IAM は基本的に，あるリソースがほかのリソースに対してどのような権限をもっているか，を規定するものである． Lambda は，デフォルトの状態ではほかのリソースにアクセスする権限をなにも有していない． したがって， Lambda 関数が DynamoDB のデータを読み書きするためには，それを許可するような IAM が Lambda 関数に付与されていなければならない．
CDK による dynamodb.Table オブジェクトには grant_read_write_data() という便利なメソッドが備わっており，アクセスを許可したい Lambda 関数を引数としてこのメソッドを呼ぶことで，データベースへの読み書きを許可する IAM を付与することができる． 同様に，CDK の s3.Bucket オブジェクトにも grant_read_write() というメソッドが備わっており，これによってバケットへの読み書きを許可することができる． このメソッドは，実は Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する で AWS Batch によるクラスターを構成した際に使用した． 興味のある読者は振り返ってコードを確認してみよう．
各リソースに付与する IAM は，必要最低限の権限を与えるにとどめるというのが基本方針である． これにより，セキュリティを向上させるだけでなく，意図していないプログラムからのデータベースへの読み書きを防止するという点で，バグを未然に防ぐことができる．
そのような理由により，このコードでは GET のハンドラー関数に対しては grant_read_data() によって， read 権限のみを付与している．
API Gateway ​
API Gateway とは， API の"入り口"として，API のリクエストパスに従って Lambda や EC2 などに接続を行うという機能を担う (figure_title)． Lambda や EC2 によって行われた処理の結果は，再び API Gateway を経由してクライアントに返される． このように，クライアントとバックエンドサーバーの間に立ち， API のリソースパスに応じて接続先を振り分けるようなサーバーをルーター，あるいはリバースプロキシとよんだりする． 従来的には，ルーターにはそれ専用の仮想サーバーが置かれることが一般的であった． しかし， API Gateway はサーバーレスなルーターとして，固定されたサーバーを配置することなく， API のリクエストが来たときのみ起動し，API のルーティングを実行する． サーバーレスであることの当然の帰結として，アクセスの件数が増大したときにはそれにルーティングの処理能力を自動で増やす機能も備わっている．
API Gateway
API Gateway を配置することで，大量 (1 秒間に数千から数万件) の API リクエストに対応することのできるシステムを容易に構築することができる． API Gateway の料金は table_title のように設定されている． また，無料利用枠により，月ごとに 100 万件までのリクエストは 0 円で利用できる．
API Gateway の利用料金設定 (参照)
Number of Requests (per month)Price (per million)
First 333 million
$4.25
Next 667 million
$3.53
Next 19 billion
$3.00
Over 20 billion
$1.91
ソースコードの該当箇所を見てみよう．
python
#
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
+
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
+
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
#
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
+
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
+
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
  • 最初に， api = apigw.RestApi() により，空の API Gateway を作成している．
  • 次に， api.root.add_resource() のメソッドを呼ぶことで， /haiku という API パスを追加している．
  • 続いて， add_method() を呼ぶことで， GET, POST のメソッドを /haiku のパスに定義している．
  • さらに， haiku.add_resource("{item_id}") により， /haiku/{item_id} という API パスを追加している．
  • 最後に， add_method() を呼ぶことにより， PATCH, DELETE のメソッドを /haiku/{item_id} のパスに定義している．
このように， API Gateway の使い方は非常にシンプルで，逐次的に API パスとそこで実行されるメソッド・Lambda を記述していくだけでよい．
このプログラムで 新規 API を作成すると， ランダムな URL がその API のエンドポイントとして割り当てられる． これを． api.example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API Gateway で新規 API を作成したとき， default_cors_preflight_options= というパラメータで Cross Origin Resource Sharing (CORS) の設定を行っている． これは，ブラウザで走る Web アプリケーションと API を接続するときに必要な設定である．
アプリケーションのデプロイ ​
アプリケーションの中身が理解できたところで，早速デプロイを行ってみよう． デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている Bashoutter.BashoutterApiEndpoint = XXXX, Bashoutter.BucketUrl = YYYY の二つ文字列はあとで使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． まずは，コンソールから API Gateway のページに行く． すると， figure_title のような画面が表示され，デプロイ済みの API エンドポイントの一覧が確認できる．
API Gateway コンソール画面 (1)
今回デプロイした "BashoutterApi" という名前の API をクリックすることで figure_title のような画面に遷移し，詳細情報を閲覧できる． GET /haiku, POST /haiku などが定義されていることが確認できる．
それぞれのメソッドをクリックすると，そのメソッドの詳細情報を確認できる． API Gateway は，前述したルーティングの機能だけでなく，認証機能などを追加することも可能である． このハンズオンではとくにこれらの機能は使用しないが， "Method Request" と書いてある項目などがそれに相当する． 次に， figure_title で画面右端の赤色で囲った部分に，この API で呼ばれる Lambda 関数が指定されていることに注目しよう． 関数名をクリックと，該当する Lambda のコンソールに遷移し，関数の中身を閲覧することが可能である．
API Gateway コンソール画面 (2)
次に， S3 のコンソール画面に移ってみよう． bashouter- で始まるランダムな名前のバケットが見つかるはずである (figure_title)．
S3 コンソール画面
バケットの名前をクリックすることで，バケットの中身を確認してみよう． index.html のほか， css/, js/ などのディレクトリがあるのが確認できるだろう (figure_title)． これらが，ウェブページの"枠"を定義している静的コンテンツである．
S3 バケットの中身
API リクエストを送信する ​
それでは，デプロイしたアプリケーションに対し，実際に API リクエストを送信してみよう． まずはコマンドラインから API を送信する演習を行おう． S3 に配置した GUI は一旦おいておく．
ここではコマンドラインから HTTP API リクエストを送信するためのシンプルな HTTP クライアントである HTTPie を使ってみよう． HTTPie は，スタックをデプロイするときに Python 仮想環境 (venv) を作成したとき，一緒にインストールされている． 念のためインストールがうまくいっているか確認するには，仮想環境を立ち上げたあとコマンドラインに http と打ってみる． ヘルプのメッセージが出力されたら準備 OK である．
まず，先ほどデプロイを実行したときに得られた API のエンドポイントの URL (Bashoutter.BashoutterApiEndpoint = XXXX で得られた XXXX の文字列) をコマンドラインの変数に設定しておく．
sh
$ export ENDPOINT_URL=XXXX
$ export ENDPOINT_URL=XXXX
次に，俳句の一覧を取得するため， GET /haiku の API を送信してみよう．
sh
$ http GET "\${ENDPOINT_URL}/haiku"
$ http GET "\${ENDPOINT_URL}/haiku"
現時点では，まだだれも俳句を投稿していないので，空の配列 ([]) が返ってくる．
それでは次に， POST /haiku を使って俳句を投稿してみよう．
sh
$ http POST "\${ENDPOINT_URL}/haiku" \\
+username="松尾芭蕉" \\
+first="閑さや" \\
+second="岩にしみ入る" \\
+third="蝉の声"
$ http POST "\${ENDPOINT_URL}/haiku" \\
+username="松尾芭蕉" \\
+first="閑さや" \\
+second="岩にしみ入る" \\
+third="蝉の声"
次のような出力が得られるだろう．
sh
HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
新しい俳句を投稿することに成功したようである． 本当に俳句が追加されたか，再び GET リクエストを呼ぶことで確認してみよう．
sh
$ http GET "\${ENDPOINT_URL}/haiku"
+
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
$ http GET "\${ENDPOINT_URL}/haiku"
+
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
素晴らしい！
次に， PATCH /haiku/{item_id} を呼ぶことでこの俳句にいいねを追加してみよう． 一つ前のコマンドで取得した俳句の item_id を，次のコマンドの XXXX に代入した上で実行しよう．
sh
$ http PATCH "\${ENDPOINT_URL}/haiku/XXXX"
$ http PATCH "\${ENDPOINT_URL}/haiku/XXXX"
{"description": "OK"} という出力が得られるはずである． 再び GET リクエストを送ることで，いいね (likes) が 1 増えたことを確認しよう．
sh
$ http GET "\${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
$ http GET "\${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
最後に， DELETE リクエストを送ることで俳句をデータベースから削除しよう． XXXX は item_id の値で置き換えたうえで次のコマンドを実行する．
sh
$ http DELETE "\${ENDPOINT_URL}/haiku/XXXX"
$ http DELETE "\${ENDPOINT_URL}/haiku/XXXX"
再び GET リクエストを送ることで，返り値が空 ([]) になっていることを確認しよう．
これで，俳句の投稿・取得・削除そしていいねの追加，といった基本的な API がきちんと動作していることが確認できた．
大量の API リクエストをシミュレートする ​
さて，前節ではマニュアルで一つずつ俳句を投稿した． 多数のユーザーがいるような SNS では，1 秒間に数千件以上の投稿がされている． 今回はサーバーレスアーキテクチャを採用したことで，そのような瞬間的な大量アクセスにも容易に対応できるようなシステムが自動的に構築されている． このポイントを実証するため，ここでは大量の API が送信された状況をシミュレートしてみよう．
handson/bashoutter/client.py に，大量の API リクエストをシミュレートするためのプログラムが書かれている． このプログラムを使用すると， POST /haiku の API リクエストを指定された回数だけ実行することができる．
テストとして， API を 300 回実行してみよう． 次のコマンドを実行する．
sh
$ python client.py $ENDPOINT_URL post_many 300
$ python client.py $ENDPOINT_URL post_many 300
数秒のうちに実行が完了するだろう． これがもし，単一のサーバーからなる API だったとしたら，このような大量のリクエストの処理にはもっと時間がかかっただろう． 最悪の場合には，サーバーダウンにもつながっていたかもしれない． したがって，今回作成したサーバーレスアプリケーションは，とてもシンプルながらも 1 秒間に数百件の処理を行えるような，スケーラブルなクラウドシステムであることがわかる． サーバーレスでクラウドを設計することの利点を垣間見ることができただろうか？
先述のコマンドにより大量の俳句を投稿するとデータベースに無駄なデータがどんどん溜まってしまう． データベースを完全に空にするには，次のコマンドを使用する．
sh
$ python client.py $ENDPOINT_URL clear_database
$ python client.py $ENDPOINT_URL clear_database
Bashoutter GUI を動かしてみる ​
前節ではコマンドラインから API を送信する演習を行った． ウェブアプリケーションでは，これと同じことがウェブブラウザの背後で行われ，ページのコンテンツが表示されている (figure_title 参照)． 最後に， API が GUI と統合されるとどうなるのか，見てみよう．
CDK のコードで， Public access mode の S3 バケットを作成したことを思い出してほしい． 最初のステップとして，ここにウェブサイトのコンテンツをアップロードしよう． ハンズオンのソースコードの中に gui/dist というフォルダが見つかるはずである． ここにはビルド済みのウェブサイトの静的コンテンツ (HTML/CSS/JavaScript) が入っている． AWS CLI のコマンドを使うことでこれらのファイルを S3 にアップロードしよう．
sh
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
コマンドを実行する際は， Bashoutter ハンズオンのディレクトリから行うこと (./gui/dist に注目)，そして <BUCKET_NAME> にはデプロイした自身のバケットの名前が入る点に注意． 念のため，AWS コンソールにログインし，バケットにファイルがアップロードされている点を確認しておこう．
なお，今回は GUI の説明はとくに行わないが， Bashoutter のウェブサイトは Vue.js と Vuetify という UI フレームワークを使って作成した． Vue を使うことで， Single page application (SPA) の技術でウェブサイトの画面がレンダリングされる． ソースコードは handson/bashoutter/gui のディレクトリの中にあるので，興味のある読者は確認してみるとよい．
アップトードが完了したところで，続いてデプロイを実行したときにコマンドラインの出力を見直してみよう． Bashoutter.BucketUrl= で与えられた URL が見つかるはずである (figure_title)． これは，先述したとおり， Public access mode の S3 バケットの URL である．
ウェブブラウザを開き，アドレスバーに S3 の URL を入力しへアクセスしてみよう． すると， figure_title のようなページが表示されるはずである．
"Bashoutter" の GUI 画面
ページが表示されたら，一番上の "API Endpoint URL" と書いてあるテキストボックスに，今回デプロイした API Gateway の URL を入力する (今回のアプリケーションでは，API Gateway の URL はランダムに割り当てられるのでこのような GUI の仕様になっている)． そうしたら，画面の "REFRESH" と書いてあるボタンを押してみよう． データベースに俳句が登録済みであれば，俳句の一覧が表示されるはずである． 各俳句の左下にあるハートのアイコンをクリックすることで， "like" の票を入れることができる．
新しい俳句を投稿するには，五七五と投稿者の名前を入力して， "POST" を押す． "POST" を押した後は，再び "REFRESH" ボタンを押すことで最新の俳句のリストをデータベースから取得する．
アプリケーションの削除 ​
これで， Bashoutter プロジェクトが完成した！ この SNS は，インターネットを通じて世界のどこからでもアクセスできる状態にある． また， 大量の API リクエストをシミュレートする で見たように，大量のユーザーの同時アクセスによる負荷がかかっても，柔軟にスケールが行われ遅延なく処理を行うことができる． 極めて簡素ながらも，立派なウェブサービスとしてのスペックは満たしているのである！
Bashoutter アプリを存分に楽しむことができたら，最後に忘れずにスタックを削除しよう．
コマンドラインからスタックの削除を実行するには，次のコマンドを使う．
sh
$ cdk destroy
$ cdk destroy
CDK のバージョンによっては S3 のバケットが空でないと， cdk destroy がエラーを出力する場合がある． この場合はスタックを削除する前に， S3 バケットの中身をすべて削除しなければならない．
コンソールから実行するには， S3 コンソールに行き，バケットの中身を開いたうえで，すべてのファイルを選択し， "Actions" → "Delete" を実行すればよいい．
コマンドラインから実行するには， 次のコマンドを使う． <BUCKET NAME> のところは，自分の バケットの名前 ("BashoutterBucketXXXX" というパターンの名前がついているはずである) に置き換えることを忘れずに．
sh
$ aws s3 rm <BUCKET NAME> --recursive
$ aws s3 rm <BUCKET NAME> --recursive
小括 ​
ここまでが，本書第三部の内容であった．
第三部では，クラウドの応用として，一般の人に使ってもらうようなウェブアプリケーション・データベースをどのようにして作るのか，という点に焦点を当てて，説明を行った． その中で，従来的なクラウドシステムの設計と，ここ数年の最新の設計方法であるサーバーレスアーキテクチャについて解説した． Hands-on #5: サーバーレス入門 では， AWS でのサーバーレスの実践として， Lambda, S3, DynamoDB のハンズオンを行った． 最後に， Hands-on #6: Bashoutter では，これらの技術を統合することで，完全サーバーレスなウェブアプリケーション "Bashoutter" を作成した．
これらの演習を通じて，世の中のウェブサービスがどのようにしてでき上がっているのか，少し理解が深まっただろうか？ また，そのようなウェブアプリケーションを自分が作りたいと思ったとき，今回のハンズオンがその出発点となることができたならば幸いである．
まとめ ​
Appendix: 環境構築 ​
本書を読み進めるにあたって，ハンズオンのプログラムを実行するための環境を自分のローカルマシンにセットアップしなければならない． ここでは， AWS やコマンドラインの初心者を想定して，本章で必要なソフトウェアやライブラリのインストールなどを簡単に解説する． 以下に簡単な目次を示そう． 既に環境構築が済んでいる場合は適宜読み飛ばしていただき，関係のある箇所のみ目を通せば良い．
使用する OS は Linux/Mac/Windows のどれを用いても構わない． Windows のユーザーは， Windows Subsytem for Linux (WSL) を使用することを想定している (WSL のインストール)．
また，本書のハンズオンを実行するための Docker イメージ を提供している． これを用いると， AWS CLI/CDK や Python の設定などをスキップできるので， Docker の使用方法を知っている読者には便利だろう．
AWS アカウントの取得 ​
本書で提供するハンズオンを実際に自分で試すには，読者自身で AWS のアカウントの作成をする必要がある． 詳しいアカウントの作成の手順は 公式のドキュメンテーション に書かれているので，そちらも参照していただきたい． 以下の手順に従ってアカウントの作成を行う．
まず，ウェブブラウザから AWS コンソール にアクセスし，右上の Create an AWS Account をクリックする (figure_title で実線で囲った部分)．
サインアップ (1): AWS コンソールにアクセス
次に，遷移した先のページでメールアドレスとパスワードなどの登録を行う (figure_title)．
サインアップ (2): メールアドレス・パスワードなどの登録．
続いて，住所や電話番号などを訊かれるので，すべて入力しよう (figure_title)．
サインアップ (3): 住所・電話番号の入力
次に，クレジットカードの情報の登録を求められる (figure_title)． 個人で AWS を利用する場合は，利用料金の請求はクレジットカードを経由して行われる． クレジットカードの登録なしには AWS を使い始めることはできないことに注意．
サインアップ (4): クレジットカードの登録
次の画面では，携帯電話の SMS またはボイスメッセージを利用した本人確認が求められる (figure_title)． 希望の認証方法を選択し，自分の携帯電話番号を入力しよう．
サインアップ (5): 携帯電話による本人確認
無事に本人確認が完了すると，最後にサポートプランの選択を求められる (figure_title)． 無料の Basic support を選択しておけば問題ない．
サインアップ (6): サポートプランの選択
以上のステップにより，アカウントの作成が完了する (figure_title)． 早速ログインをして， AWS コンソールにアクセスできるか確認しておこう．
サインアップ (7): アカウントの作成が完了した
AWS のシークレットキーの作成 ​
AWS シークレットキーとは， AWS CLI や AWS CDK から AWS の API を操作するときに，ユーザー認証を行うための鍵のことである． AWS CLI/CDK を使うには，最初にシークレットキーを発行する必要がある． AWS シークレットキーの詳細は 公式ドキュメンテーション "Understanding and getting your AWS credentials" を参照．
  1. AWS コンソールにログインする．
  2. 画面右上のアカウント名をクリックし，表示されるプルダウンメニューから "My Security Credentials" を選択 (figure_title)
  3. "Access keys for CLI, SDK, & API access" の下にある "Create accesss key" のボタンをクリックする (figure_title)
  4. 表示された Access key ID, Secret access key を記録しておく (画面を閉じると二度と表示されない)．
  5. 鍵を忘れてしまった場合などは，同じ手順で再発行が可能である．
  6. 発行したシークレットキーは， ~/.aws/credentials のファイルに書き込むか，環境変数に設定するなどして使う (詳しくは AWS CLI のインストール)．
AWS シークレットキーの発行1
AWS シークレットキーの発行2
AWS Educate Starter Account を用いている場合は，次の手順でシークレットキーを確認する．
  • AWS Educate のコンソール画面から， vocareum のコンソールに移動する (figure_title)．
  • Account Details をクリックし，続いて AWS CLI: Show をクリックする．
  • aws_access_key_id, aws_secret_access_key, aws_session_token が表示される (figure_title)． ここで表示された内容を ~/.aws/credentials にコピーする (AWS CLI のインストール 参照)． aws_session_token の箇所も漏らさずコピーすること．
  • 続いて， ~/.aws/config というファイルを用意し，次の内容を書き込む． 現時点では AWS Starter Account は us-east-1 リージョンでしか利用できないためである．
    [default] region = us-east-1 output = json
  • 上記の説明ではプロファイル名が default となっていたが，これは自分の好きな名前に変更してもよい． default 以外の名前を使用する場合は，コマンドを実行するときにプロファイル名を指定する必要がある (詳しくは AWS CLI のインストール)．
vocareum コンソール
vocareum から AWS シークレットキーの発行
AWS CLI のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
sh
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
インストールできたか確認するため，次のコマンドを打ってバージョン情報が出力されることを確認する．
sh
$ aws --version
$ aws --version
インストールができたら，次のコマンドにより初期設定を行う (参照)．
sh
$ aws configure
$ aws configure
コマンドを実行すると， AWS Access Key ID, AWS Secret Access Key を入力するよう指示される． シークレットキーの発行については AWS のシークレットキーの作成 を参照． コマンドは加えて，Default region name を訊いてくる． ここには自分の好きな地域 (例えば ap-northeast-1 =東京リージョン) を指定すればよい． 最後の Default output format は json としておくとよい．
このコマンドを完了すると， ~/.aws/credentials と ~/.aws/config　という名前のファイルが生成されているはずである． 念のため， cat コマンドを使って中身を確認してみるとよい．
sh
$ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
$ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
~/.aws/credentials には認証鍵の情報が， ~/.aws/config には AWS CLI の設定が記録されている．
デフォルトでは， [default] という名前でプロファイルが保存される． いくつかのプロファイルを使い分けたければ， default の例に従って，たとえば [myprofile] などという名前でプロファイルを追加すればよい．
AWS CLI でコマンドを打つときに，プロファイルを使い分けるには，
sh
$ aws s3 ls --profile myprofile
$ aws s3 ls --profile myprofile
のように， --profile というオプションをつけてコマンドを実行する．
いちいち --profile オプションをつけるのが面倒だと感じる場合は， AWS_PROFILE という環境変数を設定するとよい．
sh
$ export AWS_PROFILE=myprofile
$ export AWS_PROFILE=myprofile
あるいは，認証情報などを環境変数に設定するテクニックもある．
sh
export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
これらの環境変数は， ~/.aws/credentials よりも高い優先度をもつので，環境変数が設定されていればそちらの情報が使用される (参照)．
AWS Educate Starter Account は us-east-1 のリージョンのみ利用可能である (執筆時点での情報)． よって， AWS Educate Starter Account を使用している場合は， default region を us-east-1 に設定する必要がある．
AWS CDK のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
Node.js がインストールされていれば，基本的に次のコマンドを実行すればよい．
sh
$ sudo npm install -g aws-cdk
$ sudo npm install -g aws-cdk
本書のハンズオンは AWS CDK version 1.100.0 で開発した． CDK は開発途上のライブラリなので，将来的に API が変更される可能性がある． API の変更によりエラーが生じた場合は， version 1.100.0 を使用することを推奨する．
sh
$ npm install -g aws-cdk@1.100
$ npm install -g aws-cdk@1.100
インストールできたか確認するため，次のコマンドを打って正しくバージョンが表示されることを確認する．
sh
$ cdk --version
$ cdk --version
インストールができたら，次のコマンドにより AWS 側の初期設定を行う． これは一度実行すれば OK．
sh
$ cdk bootstrap
$ cdk bootstrap
cdk bootstrap を実行するときは，AWS の認証情報とリージョンが正しく設定されていることを確認する． デフォルトでは ~/.aws/config にあるデフォルトのプロファイルが使用される． デフォルト以外のプロファイルを用いるときは AWS CLI のインストール で紹介したテクニックを使って切り替える．
AWS CDK の認証情報の設定は AWS CLI と基本的に同じである．詳しくは AWS CLI のインストール を参照．
WSL のインストール ​
本書のハンズオンではコマンドラインから AWS CLI のコマンドを実行したり， Python で書かれたプログラムを実行する． コマンドは基本的に UNIX のターミナルを想定して書かれている． Linux や Mac のユーザーは OS に標準搭載されているターミナルを用いれば良い． Windows を利用している読者は， Windows Subsystem for Linux (WSL) を利用することで，仮想の Linux 環境を構築することを推奨する． Cygwin などの Linux 環境をエミュレートするほかのツールでも構わないが，本書のプログラムは WSL でのみ動作確認を行っている．
WSL とは， Windows の OS 上で Linux の仮想環境を起動するための， Microsoft 社が公式で提供しているソフトウェアである． Ubuntu など希望の Linux distribution が選択でき，基本的にすべての Linux 向けに作られたプログラム・ソフトウェアを使用することができる．
執筆時点では WSL 2 が最新版として提供されているので，以下では WSL 2 のインストール手順を簡単に説明する． 細かな詳細などは， 公式ドキュメンテーション を参照のこと．
前提として，使用される OS は Windows 10 (Pro または Home エディション) でなければならない． さらに，使用している Windows 10 のバージョンが WSL に対応するバージョンであるかを確認する． X64 のシステムでは Version 1903, Build 18362 以上でなければならない． バージョンが対応していない場合は、 Windows のアップデートを行う．
まず最初に， Administrator 権限で PowerShell を起動する (figure_title)． 左下の Windows メニューの検索バーに powershell と入力すると， PowerShell のプログラムが見つかるはずである， これを右クリックし、 Run as administrator を選択し起動する．
管理者権限での PowerShell の起動
PowerShell が起動したら、次のコマンドを実行する．
powershell
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
実行して、“The operation completed successfully.” と出力されるのを確認する． これで WSL が enable される．
次に，先ほどと同じ Administrator 権限で開いた PowerShell で次のコマンドを実行する。
powersh
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
実行して， “The operation completed successfully.” と出力されるのを確認する． これが確認出来たら、一度コンピュータを再起動する．
続いて， Linux kernel update package を次のリンクからダウンロードする． https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
ダウンロードしたファイルをダブルクリックして実行する． ダイアログに従ってインストールを完了させる．
そうしたら，再び PowerShell を開き次のコマンドを実行する。
sh
wsl --set-default-version 2
wsl --set-default-version 2
最後に、自分の好みの Linux distribution をインストールする． ここでは Ubuntu 20.04 をインストールしよう．
Microsoft store のアプリを起動し，検索バーに Ubuntu と入力する． Ubuntu 20.04 LTS という項目が見つかるはずなので，それを開き， “Get” ボタンをクリックする (figure_title)． しばらく待つと， Ubuntu 20.04 のインストールが完了する．
Microsoft store から Ubuntu 20.04 をインストール
Ubuntu 20.04 を初回に起動すると，初期設定が自動で開始され，数分待つことになる． 初期設定が終わると，ユーザー名・パスワードを設定するようプロンプトが出るので，プロンプトに従い入力する．
これで WSL2 のインストールが完了した． 早速 WSL2 を起動してみよう． 左下の Windows メニューの検索バーに Ubuntu と入力すると， Ubuntu 20.04 のプログラムが見つかるはずである (figure_title)． クリックして起動しよう．
Ubuntu 20.04 の起動
すると，ターミナルの黒い画面が立ち上がるだろう (figure_title)． ls, top などのコマンドを打ってみて， WSL がきちんと動作していることを確認しよう．
WSL の起動画面
オプションとして， Windows Terminal というマイクロソフトから提供されているツールを使うと，より快適に WSL を使用することができる． 興味のある読者はこちらのインストールも推奨する．
Docker のインストール ​
Docker のインストールの方法は OS によって異なる．
Mac ユーザーは， Docker Desktop をインストールする． インストールの方法は， Docker のウェブサイト から， Mac 版の Docker Desktop をダウンロードし，ダウンロードされたファイルをダブルクリックし， Applications のフォルダにドラッグするだけで良い． 詳細は 公式ドキュメンテーション を参照のこと．
Windows のユーザーは，Docker Desktop をインストールする． その際， WSL 2 が事前にインストールされていなければならない． 詳細は 公式ドキュメンテーション を参照のこと． Docker Desktop をインストールすると， WSL からも docker コマンドが使用できるようになる．
Linux ユーザー (特に Ubuntu ユーザー) については，インストールの方法はいくつかのアプローチがある． 公式ドキュメンテーション にいくつかのインストールの方法が示されているので，詳しい情報はそちらを参照いただきたい．
最も簡単な方法は， Docker が公式で提供しているインストールスクリプトを用いる方法である． この場合，次のコマンドを実行することで Docker がインストールされる．
sh
$ curl -fsSL https://get.docker.com -o get-docker.sh\n$ sudo sh get-docker.sh
$ curl -fsSL https://get.docker.com -o get-docker.sh\n$ sudo sh get-docker.sh
デフォルトのインストールでは， root ユーザーのみが docker コマンドを使用できる設定になっている． 従って，コマンドには毎回 sudo を付け加える必要がある． これが面倒だと感じる場合は，次のステップにより，使用するユーザーを docker というグループに追加する (詳細は 公式ドキュメンテーション "Post-installation steps for Linux" を参照)．
まず最初に， docker という名前にグループを追加する． インストールによっては，既に docker グループが作られている場合もある．
sh
$ sudo groupadd docker
$ sudo groupadd docker
次に，現在使用しているユーザーを docker グループに加える．
sh
$ sudo usermod -aG docker $USER
$ sudo usermod -aG docker $USER
ここまでできたら，一度ログアウトし，再度ログインする． これによって，グループの変更がターミナルのセッションに反映される．
設定が正しくできているかを確認するため，次のコマンドを実行してみる．
sh
$ docker run hello-world
$ docker run hello-world
sudo なしでコンテナが実行できたならば，設定は完了である．
Python venv クイックガイド ​
他人からもらったプログラムで， numpy や scipy のバージョンが違う！などの理由で，プログラムが動かない，という経験をしたことがある人は多いのではないだろうか． もし，自分の計算機の中に一つしか Python 環境がないとすると，プロジェクトを切り替えるごとに正しいバージョンをインストールし直さなければならず，これは大変な手間である．
コードのシェアをよりスムーズにするためには，ライブラリのバージョンはプロジェクトごとに管理されるべきである． それを可能にするのが Python 仮想環境とよばれるツールであり， venv, pyenv, conda などがよく使われる．
そのなかでも， venv は Python に標準搭載されているのでとても便利である． pyenv や conda は，別途インストールの必要があるが，それぞれの長所もある．
venv を使って仮想環境を作成するには，
sh
$ python -m venv .env
$ python -m venv .env
と実行する． これにより .env/ というディレクトリが作られ，このディレクトリに依存するライブラリが保存されることになる．
この新たな仮想環境を起動するには
sh
$ source .env/bin/activate
$ source .env/bin/activate
と実行する．
シェルのプロンプトに (.env) という文字が追加されていることを確認しよう (figure_title)． これが， "いまあなたは venv の中にいますよ" というしるしになる．
venv を起動したときのプロンプト
仮想環境を起動すると，それ以降実行する pip コマンドは， .env/ 以下にインストールされる．このようにして，プロジェクトごとに使うライブラリのバージョンを切り分けることができる．
Python では requirements.txt というファイルに依存ライブラリを記述するのが一般的な慣例である．他人からもらったプログラムに， requirements.txt が定義されていれば，
sh
$ pip install -r requirements.txt
$ pip install -r requirements.txt
と実行することで，必要なライブラリをインストールし，瞬時に Python 環境を再現することができる．
venv による仮想環境を保存するディレクトリの名前は任意に選べることができるが， .env という名前を用いるのが一般的である．
ハンズオン実行用の Docker image の使い方 ​
ハンズオンを実行するために必要な， Node.js, Python, AWS CDK などがインストールされた Docker image を用意した． これを使用することで，自分のローカルマシンに諸々をインストールする必要なく，すぐにハンズオンのコードが実行できる．
ハンズオンのいくつかのコマンドは Docker の外 = ローカルマシンのリアル環境で実行されなければならない． それらについてはハンズオンの該当箇所に注意書きとして記してある．
Docker イメージは Docker Hub においてある． Docker イメージのビルドファイルは GitHub の docker/Dockerfile にある．
次のコマンドでコンテナを起動する．
sh
$ docker run -it tomomano/labc:latest
$ docker run -it tomomano/labc:latest
初回にコマンドを実行したときのみ，イメージが Docker Hub からダウンロード (pull) される． 二回目以降はローカルにダウンロードされたイメージが使用される．
コンテナが起動すると，次のようなインタラクティブシェルが表示されるはずである (起動時に -it のオプションをつけたのがポイントである)．
sh
root@aws-handson:~/programlisting
root@aws-handson:~/programlisting
この状態で ls コマンドを打つと， handson/ というディレクトリがあるはずである． ここに cd する．
sh
$ cd handson
$ cd handson
すると，各ハンズオンごとのディレクトリが見つかるはずである．
あとは，ハンズオンごとにディレクトリを移動し，ハンズオンごとの virtualenv を作成し，スタックのデプロイを行えばよい (プログラムを実行する など参照)． ハンズオンごとに使用する依存ライブラリが異なるので，それぞれのハンズオンごとに virtualenv を作成するという設計になっている．
AWS の認証情報を設定することも忘れずに． AWS CLI のインストール で記述したように， AWS_ACCESS_KEY_ID などの環境変数を設定するのが簡単な方法である． あるいは，ローカルマシンの ~/.aws/credentials に認証情報が書き込まれているなら，このディレクトリをコンテナにマウントすることで，同じ認証ファイルをコンテナ内部から参照することが可能である． この選択肢を取る場合は，次のコマンドでコンテナを起動する．
sh
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
これにより，ローカルマシンの ~/.aws をコンテナの /root/.aws にマウントすることができる． 最後の :ro は read-only を意味する． 大切な認証ファイルが誤って書き換えられてしまわないように， read-only のフラグをつけることをおすすめする．
/root/ がコンテナ環境におけるホームディレクトリである． ここで紹介した認証ファイルをマウントするテクニックは， SSH 鍵をコンテナに渡すときなどにも使える．
ライセンス ​
本教科書およびハンズオンのソースコードは CC BY-NC-ND 4.0 に従うライセンスで公開しています．
教育など非商用の目的での本教科書の使用や再配布は自由に行うことが可能です． 商用目的で本書の全体またはその一部を無断で転載する行為は，これを固く禁じます．
',1318);function Ia(xa,Ta,Wa,$a,La,Ga){const p=l;return _a(),ka("div",null,[wa,va(p,{readTime:"141",words:"34.3k"}),Pa])}const ln=Ea(Sa,[["render",Ia]]);export{pn as __pageData,ln as default};
diff --git a/assets/development_aws_main.md.587d14dd.lean.js b/assets/development_aws_main.md.587d14dd.lean.js
new file mode 100644
index 00000000..3b29f70a
--- /dev/null
+++ b/assets/development_aws_main.md.587d14dd.lean.js
@@ -0,0 +1 @@
+import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o}from"./chunks/earth_from_earth.8c108f53.js";import{_ as e,a as t,b as r,c}from"./chunks/terminal.94539704.js";import{_ as i,a as y,b as d,c as u,d as A,e as C,f as b,g as m,h as F,i as D,j as h}from"./chunks/iac.2263bc12.js";import{_ as s,a}from"./chunks/VPC.e1acca4d.js";import{_ as g,a as B,b as E,c as _,d as k,e as v,f}from"./chunks/ec2_keypair_console.fc89ef69.js";import{_ as q,a as S}from"./chunks/cnn.a8836fd9.js";import{_ as w,a as P,b as I,c as x,d as T,e as W,f as $,g as L,h as G,i as N,j as U,k as R,l as X,m as M,n as H,o as z,p as O}from"./chunks/mnist_prediction.4ba5b405.js";import{_ as j,a as V,b as K,c as Y,d as J,e as Q,f as Z,g as ss}from"./chunks/ecs.73d77e6a.js";import{_ as as,a as ns,b as ps,c as ls,d as os,e as es,f as ts,g as rs,h as cs,i as is,j as ys}from"./chunks/ask_many_output.0bb19110.js";import{_ as ds,a as us,b as As,c as Cs,d as bs,e as ms,f as Fs,g as Ds,h as hs,i as gs,j as Bs,k as Es,l as _s,m as ks,n as vs,o as fs,p as qs,q as Ss,r as ws,s as Ps}from"./chunks/cloud_development.e43e5d4a.js";import{_ as Is,a as xs}from"./chunks/rest_api.602a6e96.js";import{_ as Ts,a as Ws,b as $s,c as Ls,d as Gs}from"./chunks/s3_vs_filesystem.fd65005d.js";import{_ as Ns,a as Us,b as Rs,c as Xs,d as Ms,e as Hs,f as zs,g as Os,h as js,i as Vs,j as Ks,k as Ys,l as Js}from"./chunks/s3_bucket_filelist.89f3f384.js";import{_ as Qs,a as Zs,b as sa,c as aa,d as na,e as pa,f as la,g as oa,h as ea}from"./chunks/bashoutter_2.cd8a2a95.js";import{_ as ta,a as ra,b as ca,c as ia,d as ya,e as da,f as ua,g as Aa,h as Ca,i as ba,j as ma,k as Fa,l as Da,m as ha,n as ga,o as Ba}from"./chunks/venv_shell.dc2530bc.js";import{_ as Ea,o as _a,c as ka,H as va,k as n,a as fa,Q as qa}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const pn=JSON.parse('{"title":"はじめに!","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/main.md","filePath":"development/aws/main.md","lastUpdated":1699051935000}'),Sa={name:"development/aws/main.md"},wa=n("h1",{id:"はじめに",tabindex:"-1"},[fa("はじめに! "),n("a",{class:"header-anchor",href:"#はじめに","aria-label":'Permalink to "はじめに!"'},"​")],-1),Pa=qa("",1318);function Ia(xa,Ta,Wa,$a,La,Ga){const p=l;return _a(),ka("div",null,[wa,va(p,{readTime:"141",words:"34.3k"}),Pa])}const ln=Ea(Sa,[["render",Ia]]);export{pn as __pageData,ln as default};
diff --git a/assets/development_aws_main.md.58c079df.js b/assets/development_aws_main.md.58c079df.js
deleted file mode 100644
index 3a778742..00000000
--- a/assets/development_aws_main.md.58c079df.js
+++ /dev/null
@@ -1,1911 +0,0 @@
-import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o}from"./chunks/earth_from_earth.8c108f53.js";import{_ as e,a as t,b as r,c}from"./chunks/terminal.94539704.js";import{_ as i,a as y,b as d,c as u,d as b,e as m,f as A,g as h,h as B,i as g,j as _}from"./chunks/iac.2263bc12.js";import{_ as s,a}from"./chunks/VPC.e1acca4d.js";import{_ as f,a as k,b as v,c as q,d as D,e as C,f as S}from"./chunks/ec2_keypair_console.fc89ef69.js";import{_ as w,a as P}from"./chunks/cnn.a8836fd9.js";import{_ as E,a as I,b as z,c as x,d as T,e as W,f as $,g as L,h as G,i as N,j as U,k as R,l as X,m as M,n as H,o as F,p as O}from"./chunks/mnist_prediction.4ba5b405.js";import{_ as j,a as V,b as K,c as Y,d as J,e as Q,f as Z,g as ss}from"./chunks/ecs.73d77e6a.js";import{_ as as,a as ns,b as ps,c as ls,d as os,e as es,f as ts,g as rs,h as cs,i as is,j as ys}from"./chunks/ask_many_output.0bb19110.js";import{_ as ds,a as us,b as bs,c as ms,d as As,e as hs,f as Bs,g as gs,h as _s,i as fs,j as ks,k as vs,l as qs,m as Ds,n as Cs,o as Ss,p as ws,q as Ps,r as Es,s as Is}from"./chunks/cloud_development.e43e5d4a.js";import{_ as zs,a as xs}from"./chunks/rest_api.602a6e96.js";import{_ as Ts,a as Ws,b as $s,c as Ls,d as Gs}from"./chunks/s3_vs_filesystem.fd65005d.js";import{_ as Ns,a as Us,b as Rs,c as Xs,d as Ms,e as Hs,f as Fs,g as Os,h as js,i as Vs,j as Ks,k as Ys,l as Js}from"./chunks/s3_bucket_filelist.89f3f384.js";import{_ as Qs,a as Zs,b as sa,c as aa,d as na,e as pa,f as la,g as oa,h as ea}from"./chunks/bashoutter_2.cd8a2a95.js";import{_ as ta,a as ra,b as ca,c as ia,d as ya,e as da,f as ua,g as ba,h as ma,i as Aa,j as ha,k as Ba,l as ga,m as _a,n as fa,o as ka}from"./chunks/venv_shell.dc2530bc.js";import{_ as va,o as qa,c as Da,H as Ca,k as n,a as Sa,Q as wa}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const pn=JSON.parse('{"title":"はじめに!","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/main.md","filePath":"development/aws/main.md","lastUpdated":1695377563000}'),Pa={name:"development/aws/main.md"},Ea=n("h1",{id:"はじめに",tabindex:"-1"},[Sa("はじめに! "),n("a",{class:"header-anchor",href:"#はじめに","aria-label":'Permalink to "はじめに!"'},"​")],-1),Ia=wa('
本書の目的・内容 ​
本書は，東京大学計数工学科で 2021 年度 S1/S2 タームに開講されている"システム情報工学特論"の講義資料として作成された．
本書の目的は，クラウドの初心者を対象とし，クラウドの基礎的な知識・概念を解説する． また， Amazon Web Services (以下， AWS) の提供するクラウド環境を実例として，具体的なクラウドの利用方法をハンズオンを通して学ぶ．
とくに，科学・エンジニアリングの学生を対象として，研究などの目的でクラウドを利用するための実践的な手順を紹介する． 知識・理論の説明は最小限に留め，実践を行う中で必要な概念の解説を行う予定である． 読者が今後，研究などでクラウドを利用する際の，足がかりとなれば本書の目的は十分達成されたことになる．
本書は以下のような三部構成になっている．
本書の構成
テーマハンズオン
第一部 (1章-4章)
クラウドの基礎
  • AWSに自分のサーバーを立ち上げる
第二部 (5章-9章)
クラウドを活用した機械学習
  • AWS と Jupyter を使って始めるディープラーニング
  • スケーラブルな自動質問回答ボットを作る
  • 並列化されたハイパーパラメータサーチの実装
第三部 (10章-13章)
サーバーレスアーキテクチャ入門
  • Lambda, DynamoDB, S3 の演習
  • 俳句を投稿する SNS "Bashoutter" を作る
第一部は，クラウドの基礎となる概念・知識を解説する． セキュリティやネットワークなど，クラウドを利用する上で最低限おさえなければいけないポイントを説明する． ハンズオンでは，はじめての仮想サーバーを AWS に立ち上げる演習を行う．
第二部では，クラウド上で科学計算 (とくに機械学習) を走らせるための入門となる知識・技術を解説する． あわせて， Docker とよばれる仮想計算環境の使用方法を紹介する． 一つ目のハンズオンでは， AWS のクラウドで Jupyter Notebook を起動し簡単な機械学習の計算を走らせる課題を実践する． 二つ目のハンズオンでは，深層学習を用いた自然言語処理により，質問に自動で回答を生成するボットを作成する． 最後に，複数台の GPU インスタンスからなるクラスターを起動し，並列に深層学習のハイパーパラメータサーチを行う方法を紹介する．
第三部では，サーバーレスアーキテクチャとよばれる最新のクラウドのアーキテクチャを紹介する． これは，サーバーの処理能力を負荷に応じてより柔軟に拡大・縮小するための概念であり，それ以前 (Serverful としばしばよばれる) と質的に異なる設計思想をクラウドに導入するものである． ハンズオンでは，サーバーレスクラウドの主要なコンポーネントである Lambda, DynamoDB, S3 の演習を提供する． さらに，サーバーレスの技術を使用して簡単な SNS をクラウド上に作成する．
これらの豊富なハンズオンにより， AWS 上にクラウドシステムを開発するための知識と技術が身につくはずである． いずれのハンズオンも，実用性を重視したものになっており，これらをベースにカスタマイズを施すことで様々な応用が可能である．
本書のフィロソフィー ​
本書のフィロソフィーを一言で表すなら， "ロケットで宇宙まで飛んでいって一度地球を眺めてみよう！" である．
どういうことか？
ここでいう"地球"とは，クラウドコンピューティングの全体像のことである． 言うまでもなく，クラウドという技術は非常に広範かつ複雑な概念で，幾多の情報技術・ハードウェア・アルゴリズムが精緻に組み合わさってできた総体である． そして，今日では科学研究から日常のインフラ設備に至るまで，我々の社会の多くの部分がクラウド技術によって支えられている．
ここでいう"ロケット"とはこの講義のことである． この講義では，ロケットに乗って宇宙まで飛び立ち，地球(クラウド)の全体を自身の目で眺めてもらう． その際，ロケットの成り立ちや仕組み (背後にある要素技術やプログラムのソースコード) を深くは問わない． 将来，自分が研究などの目的でクラウドを利用することになった際に，改めて学んでもらえば良い． 本書の目的はむしろ，クラウドの最先端に実際に触れ，そこからどんな景色が見えるか(どんな応用が可能か)を実感してもらうことである．
そのような理由で，本書はクラウドの基礎から応用まで幅広いテーマを取り扱う． 第一部はクラウドの基礎から始め，第二部では一気にレベルアップし機械学習(深層学習)をクラウドで実行する手法を解説する． さらに第三部では，サーバーレス・アーキテクチャというここ数年のうちに確立した全く新しいクラウドの設計について解説する． それぞれで本一冊分以上の内容に相当するものであるが，本書はあえてこれらを一冊にまとめ連続的に俯瞰するという野心的な意図をもって執筆された．
決して楽な搭乗体験ではないかもしれないが，このロケットにしがみついてきてもらえれば，とてもエキサイティングな景色が見られることを約束したい．
宇宙からみた地球 (Image from NASA https://www.nasa.gov/image-feature/planet-of-clouds)
AWS アカウント ​
本書では，ハンズオン形式で AWS のクラウドを実際に動かす演習を提供する． 自分でハンズオンを実行してみたい読者は，各自で AWS のアカウントの作成をしていただく． AWS のアカウントの作成の仕方は巻末付録 (AWS アカウントの取得) に簡単に記載したので，必要に応じて参照していただきたい．
AWS にはいくつかの機能に対して無料利用枠が設定されており，いくつかのハンズオンは無料の範囲内で実行できる． 一方，ほかのハンズオン (とくに機械学習を扱うもの) では数ドル程度のコストが発生する． ハンズオンごとに発生するおおよそのコストについて記述があるので，注意をしながらハンズオンに取り組んでいただきたい．
また，大学などの教育機関における講義で AWS を使用する際は， AWS Educate というプログラムを利用することも可能である． これは，講義の担当者が申請を行うことで，受講する学生に対し AWS クレジットが提供されるというプログラムである． AWS Educate を利用することで金銭的な負担なしに AWS を体験することができる． また，講義を経由せず個人でも AWS Educate に参加することも可能である． AWS Educate からは様々な学習教材が提供されているので，ぜひ活用してもらいたい．
環境構築 ​
本書では， AWS 上にクラウドアプリケーションを展開するハンズオンを実施する． そこで紹介するプログラムを実行するためには，以下の計算機環境が必要である． インストールの方法については，巻末付録 (Appendix: 環境構築) に記してある． 必要に応じて参照し，環境構築を各自実施していただきたい．
  • UNIX 系コンソール: ハンズオンで紹介するコマンドを実行したり， SSH でサーバーにアクセスするため， UNIX 系のコンソール環境が必要である． Mac または Linux のユーザーは， OS に標準搭載のコンソール(ターミナルとも呼ばれる)を使用すればよい． Windows のユーザーは， Windows Subsystem for Linux (WSL) を使い， Linux の仮想環境のインストールを推奨する (WSL のインストール 参照)．
  • Docker: 本書では Docker とよばれる仮想計算環境の利用方法を解説する． インストール手順については Docker のインストール を参照のこと．
  • Python: Version 3.6 以上をインストールする． とくに，ハンズオンでは venv モジュールを使用する． venv の使い方は Python クイックガイド 参照のこと．
  • Node.js: version 12.0 以上 をインストールする．
  • AWS CLI: Version 2 をインストールする． インストール手順については AWS CLI のインストール 参照のこと．
  • AWS CDK: Version 1.100 以上をインストールする． Version 2 以降には未対応である． インストール手順については AWS CDK のインストール 参照のこと．
  • AWS 認証鍵の設定: AWS API をコマンドラインから呼ぶには，認証鍵 (secret key) が設定されている必要がある． 認証鍵の設定については AWS CLI のインストール 参照のこと．
ハンズオン実行用の Docker Image ​
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもクローン済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
次のコマンドで起動する．
sh
$ docker run -it tomomano/labc
$ docker run -it tomomano/labc
この Docker image の使い方や詳細は ハンズオン実行用の Docker image の使い方 に記載している．
前提知識 ​
本書を読むにあたり，要求する前提知識は大学初等程度の計算機科学の知識 (OS，プログラミングなど)のみである． それ以上の前提知識はとくに仮定しない． クラウドの利用経験もゼロで問題ない． が，以下の事前知識があるとよりスムーズに理解をすることができるだろう．
  • Python の基本的な理解: 本書では Python を使ってプログラムの作成を行う． 使用するライブラリは十分抽象化されており，関数の名前を見ただけで意味が明瞭なものがほとんどであるので， Python に詳しくなくても心配する必要はない．
  • Linux コマンドラインの基礎的な理解: クラウドを利用する際，クラウド上に立ち上がるサーバーは基本的に Linux である． Linux のコマンドラインについて知識があると，トラブルシュートなどが容易になる． 筆者のおすすめの参考書は The Linux Command Line by William Shotts である． ウェブで無料で読むことができるので，読んだことのない人はぜひ一読を．
講義に関連する資料 ​
ハンズオンで使うプログラムや教科書のソースコードは以下のウェブページで公開している．
https://github.com/tomomano/learn-aws-by-coding
本書で使用するノーテーションなど ​
  • コードやシェルのコマンドは monospace letter で記述する．
  • シェルに入力するコマンドは，それがシェルコマンドであると明示する目的で，先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力には $ はついていない点に留意する．
また，以下のような形式で注意やチップスを提供する．
追加のコメントなどを記す．
発展的な議論やアイディアなどを紹介する．
陥りやすいミスなどの注意事項を述べる．
絶対に犯してはならないミスを指摘する．
クラウド概論 ​
クラウドとは？ ​
Cloud
クラウドとはなにか？ クラウドという言葉は，それ自身がとても広い意味をもつので，厳密な定義付けを行うことは難しい．
学術的な意味でのクラウドの定義づけをするとしたら，NIST(米国・国立標準技術研究所) による The NIST Definition of Cloud Computing が引用されることが多い． ここに記載されたクラウドの定義・モデルを図示したのが figure_title である．
The NIST Definition of Cloud Computing
これによると，クラウドとは以下の要件が満たされたハードウェア/ソフトウェアの総体のことをいう．
  • On-demand self-service 利用者のリクエストに応じて計算資源が自動的に割り当てられる．
  • Broad network access 利用者はネットワークを通じてクラウドにアクセスできる．
  • Resource pooling クラウドプロバイダーは，所有する計算資源を分割することで複数の利用者に計算資源を割り当てる．
  • Rapid elasticity 利用者のリクエストに応じて，迅速に計算資源の拡大あるいは縮小を行うことができる．
  • Measured service 計算資源の利用量を計測・監視することができる．
…と，いわれても抽象的でよくわからないかもしれない．もう少し具体的な話をする．
個人が所有する計算機で， CPU をアップグレードしようと思ったら，物理的に筐体を開け，CPU ソケットを露出させ，新しい CPU に交換する必要があるだろう． あるいは，ストレージがいっぱいになってしまったら，古いディスクを抜き取り，新しいディスクを挿入する必要がある． 計算機の場所を移動させたときには，新しい部屋の LAN ケーブルを差し込まないとネットワークには接続できない．
クラウドでは，これらの操作がプログラムからのコマンドによって実行できる． CPU が 1000 個欲しいと思ったならば，そのようにクラウドプロバイダーにリクエストを送れば良い． すると，数分もしないうちに 1000 CPU の計算資源が割り当てられる． ストレージを 1TB から 10TB に拡張しようと思ったならば，そのようにコマンドを送ればよい (これは，Google Drive や Dropbox などのサービスなどで馴染みのある人も多いだろう)． 計算資源を使い終わったら，そのことをプロバイダーに伝えれば，割り当て分はすぐさま削除される． クラウドプロバイダーは，使った計算資源の量を正確にモニタリングしており，その量をもとに利用料金の計算が行われる．
このように，クラウドの本質は物理的なハードウェアの仮想化・抽象化であり，利用者はコマンドを通じて，まるでソフトウェアの一部かのように，物理的なハードウェアの管理・運用を行うことができる． もちろん，背後では，データセンターに置かれた膨大な数の計算機が大量の電力を消費しながら稼働している． クラウドプロバイダーはデータセンターの計算資源を上手にやりくりし，ソフトウェアとしてのインターフェースをユーザーに提供することで，このような仮想化・抽象化を達成しているわけである． クラウドプロバイダーの視点からすると，大勢のユーザーに計算機を貸し出し，データセンターの稼働率を常時 100%に近づけることで，利益率の最大化を図っているのである．
著者の言葉で，クラウドの重要な特性を定義するならば，以下のようになる．
クラウドとは計算機ハードウェアの抽象化である．つまり，物理的なハードウェアをソフトウェアの一部かのように自在に操作・拡大・接続することを可能にする技術である．
先述の The NIST Definition of Cloud Computing に戻ると，クラウドプロバイダーによるクラウドサービスの形態としては，次の三つが定義されている (figure_title)．
  • Software as a Service (SaaS): クラウド上で実行されるアプリケーションをサービスとして利用者に提供する形態． 例として， Google Drive や Slack などが挙げられる． 利用者は，背後にあるクラウドのインフラ (ネットワークやサーバーなど) には直接触れず，アプリケーションとして提供されているクラウドサービスを享受する．
  • Platform as a Service (PaaS): 顧客の作成したアプリケーション (多くの場合データベースと API リクエスト処理を行うサーバーのコードから構成される) をデプロイする環境をサービスとして利用者に提供する形態． PaaS では利用者はクラウドのインフラに直接触れることはなく，計算負荷が増減した際のサーバーのスケーリングはクラウドプロバイダーによってなされる． 例としては， Google App Engine や Heroku などがある．
  • Infrastructure as a Service (IaaS): クラウド上の計算インフラストラクチャーを従量課金制で利用者に提供する形態． 利用者は必要なネットワーク・サーバー・ストレージをプロバイダーから借り受け，そこに自身のアプリケーションを展開し運用する． IaaS の例としては AWS EC2 などが挙げられる．
本書が扱うのは，主に IaaS におけるクラウド開発である． すなわち，開発者がクラウドのインフラを直接操作し，所望のネットワーク・サーバー・ストレージなどを一から構成し，そこにアプリケーションを展開するというクラウド開発である． この意味において，クラウドの開発とはクラウドインフラストラクチャーを定義・展開するプログラムを構築するステップとインフラ上で実際に走るアプリケーションを作成するステップの二つに分けることができる． この二つは，プログラマーの技術としてはある程度分業を行うことが可能であるが，最も効率化・最適化されたクラウドシステムを構築するためには両方の理解が必須である． 本書では，前者 (クラウドインフラの記述) に重きを置きつつ，アプリケーションレイヤーの話題も取り扱う． PaaS とは，開発者はアプリケーションレイヤーの開発に注力し，クラウドインフラの部分はクラウドプロバイダーに依存するという概念である． PaaS は，クラウドインフラの開発が不要になることで開発の時間が短縮されるが，細かなインフラの挙動はコントロールできないという限界がある． 本書では PaaS についてはとくに取り扱わない．
SaaS は本書の文脈では開発による"成果物"と捉えられるだろう． すなわち， IaaS を構成するプログラムを作成し展開することによって，一般の人が利用できるようなウェブ上の計算サービスやデータベースを提供することが開発の最終ゴールである． 本書のハンズオンではその実例として，シンプルな SNS の作成 (Hands-on #6: Bashoutter) などの演習を提供する．
なお，最近では Function as a Service (FaaS) やサーバーレスコンピューティングなども新たなクラウドのカテゴリとして認知されている． これらの概念については Hands-on #5: サーバーレス入門 などの章で詳しく触れていく． 本書を読み進める中で明らかになるように，クラウドの技術は日進月歩である． 本書では実用的・教育的な観点から，従来的なクラウドの設計概念に触れたあと，サーバーレスなどの最新の技術も網羅するので，楽しみにしながら読み進めていただきたい．
最後に，The NIST Definition of Cloud Computing によると，クラウドの運用形態について次のような定義がなされている (figure_title)． 特定の組織・団体・企業の内部のみで使用されるクラウドを，プライベートクラウド (private cloud) とよぶ． 例えば，大学や研究機関では，その機関の構成員向けの大規模計算機サーバーが運用されていることが多い． プライベートクラウドは，組織の構成員ならば無料もしくは極めて割安のコストで計算を実行できる． しかし，使用できる計算資源の上限は限られる場合が多く，拡張時の柔軟性に欠ける場合もある．
一方，商用のサービスとして一般の顧客に向けたクラウドのことを，パブリッククラウド (public cloud) とよぶ． 有名なパブリッククラウドプラットフォームの例を挙げると， Google 社が提供する Google Cloud Platform (GCP)， Microsoft 社が提供する Azure， Amazon 社が提供する Amazon Web Services (AWS) などがある． パブリッククラウドを利用する場合は，プロバイダーの設定した利用料金を支払うことになる． その分，巨大なデータセンターを運用する企業の計算資源にアクセスすることができるので，計算のキャパシティは無尽蔵にあるといって過言でない．
第三のクラウドの運用形態として，コミュニティクラウド (community cloud) が挙げられる． これは，例えば政府の省庁・機関など目的・役割を共有する団体・組織が共有して運用するクラウドを指す． 最後に，ハイブリッドクラウド (hybrid cloud) という形態もあり，これはプライベート・パブリック・コミュニティクラウドの二つ以上の組み合わせによって構成されるクラウドのことである． データ保護の観点から，いくつかの機密データやプライバシーに関わる情報はプライベートクラウドに保持し，残りのシステムをパブリッククラウドに依存する，などの形態が想定される．
本書で説明するのは，基本的にパブリッククラウドを使ったクラウド開発である． 特に，Amazon Web Services (AWS) を使用して，具体的な技術と概念を学んでいく． 一方で，サーバーのスケーリングや仮想計算環境などのテクニックはすべてのクラウドに共通な概念であるので，クラウドのプラットフォームが変わろうと一般に通用する知識も同時に身につくはずだ．
なぜクラウドを使うのか？ ​
上述のように，クラウドとはプログラムを通じて自由に計算資源を操作することのできる計算環境である． ここでは，リアルなローカル計算環境と比べて，なぜクラウドを使うと良いことがあるのかについて述べたい．
  1. 自由にサーバーのサイズをスケールできる
    なにか新しいプロジェクトを始めるとき，あらかじめ必要なサーバーのスペックを知るのは難しい． いきなり大きなサーバーを買うのはリスクが高い． 一方で，小さすぎるサーバーでは，後のアップグレードが面倒である． クラウドを利用すれば，プロジェクトを進めながら，必要な分だけの計算資源を確保することができる． 2. 自分でサーバーをメンテナンスする必要がない
    悲しいことに，コンピュータとは古くなるものである．最近の技術の進歩の速度からすると，5 年も経てば，もはや当時の最新コンピュータも化石と同じである． 5 年ごとにサーバーを入れ替えるのは相当な手間である． またサーバーの停電や故障など不意の障害への対応も必要である． クラウドでは，そのようなインフラの整備やメンテナンスはプロバイダーが自動でやってくれるので，ユーザーが心配する必要がない． 3. 初期コスト 0
    自前の計算環境とクラウドの，経済的なコストのイメージを示したのが figure_title である． クラウドを利用する場合の初期コストは基本的に 0 である． その後，使った利用量に応じてコストが増大していく． 一方，自前の計算環境では，大きな初期コストが生じる． その分，初期投資後のコストの増加は，電気利用料やサーバー維持費などに留まるため，クラウドを利用した場合よりも傾きは小さくなる． 自前の計算機では，ある一定期間後，サーバーのアップグレードなどによる支出が生じることがある． 一方，クラウドを利用する場合は，そのような非連続なコストの増大は基本的に生じない． クラウドのコストのカーブが，自前計算環境のコストのカーブの下にある範囲においては，クラウドを使うことは経済的なコスト削減につながる．
    クラウドと自前計算機環境の経済的コストの比較
とくに，**1.**の点は研究の場面では重要であると筆者は感じる． 研究をやっていて，四六時中計算を走らせ続けるという場合は少ない． むしろ，新しいアルゴリズムが完成したとき・新しいデータが届いたとき，集中的・突発的に計算タスクが増大することが多いだろう． そういったときに，フレキシブルに計算力を増強させることができるのは，クラウドを使う大きなメリットである．
ここまでクラウドを使うメリットを述べたが，逆に，デメリットというのも当然存在する．
  1. クラウドは賢く使わないといけない
    figure_title で示したコストのカーブにあるとおり，使い方によっては自前の計算環境のほうがコスト的に有利な場面は存在しうる． クラウドを利用する際は，使い終わった計算資源はすぐに削除するなど，利用者が賢く管理を行う必要があり，これを怠ると思いもしない額の請求が届く可能性がある． 2. セキュリティ
    クラウドは，インターネットを通じて世界のどこからでもアクセスできる状態にあり，セキュリティ管理を怠ると簡単にハッキングの対象となりうる． ハッキングを受けると，情報流出だけでなく，経済的な損失を被る可能性がある． 3. ラーニングカーブ
    上記のように，コスト・セキュリティなど，クラウドを利用する際に留意しなければならない点は多い． 賢くクラウドを使うには，十分なクラウドの理解が必要であり，そのラーニングカーブを乗り越える必要がある．
Mac/Linux などでコマンドを入力するときに使用する，あの黒い画面のことを Terminal とよんだりする． この言葉の語源をご存知だろうか？
Terminal
この言葉の語源は，コンピュータが誕生して間もない頃の時代に遡る． その頃のコンピュータというと，何千何万のという数の真空管が接続された，会議室一個分くらいのサイズのマシンであった． そのような高価でメンテが大変な機材であるから，当然みんなでシェアして使うことが前提となる． ユーザーがコンピュータにアクセスするため，マシンからは何本かのケーブルが伸び，それぞれにキーボードとスクリーンが接続されていた… これを Terminal とよんでいたのである． 人々は，代わる代わる Terminal の前に座って，計算機との対話を行っていた.
時代は流れ，Windows や Mac などのいわゆるパーソナルコンピュータの出現により，コンピュータはみんなで共有するものではなく，個人が所有するものになった．
最近のクラウドの台頭は，みんなで大きなコンピュータをシェアするという，最初のコンピュータの使われ方に原点回帰していると捉えることもできる． 一方で，スマートフォンやウェアラブルなどのエッジデバイスの普及も盛んであり，個人が複数の"小さな"コンピュータを所有する，という流れも同時に進行しているのである．
AWS 入門 ​
AWS とは？ ​
本書では，クラウドの実践を行うプラットフォームとして， AWS を用いる． 実践にあたって，最低限必要な AWS の知識を本章では解説しよう．
AWS (Amazon Web Services) は Amazon 社が提供する総合的なクラウドプラットフォームである． AWS は Amazon 社が持つ膨大な計算リソースを貸し出すクラウドサービスとして，2006 年に誕生した． 2021 年では，クラウドプロバイダーとして最大のマーケットシェア (約 32%) を保持している (参照)． Netflix や Slack をはじめとした多くのウェブ関連のサービスで，一部または全てのサーバーリソースが AWS から提供されているとのことである． よって，知らないうちに AWS の恩恵にあずかっている人も少なくないはずだ．
最大のシェアをもつだけに，機能・サービスの幅広さはほかのクラウドプラットフォームと比べ抜きんでている． また，利用者数が多いことを反映して，公式あるいはサードパーティによる技術紹介記事が数多くウェブ上に存在しているだけでなく，ライブラリのユーザーコミュニティも大きく問題解決が捗るのも魅力の一つだ． 初期のころウェブビジネスを行う企業がユーザーの大半を占めていたが，最近は大学などでの科学研究用途としても頻繁に用いられるようになってきている．
AWS の機能・サービス ​
figure_title は，執筆時点において AWS で提供されている主要な機能・サービスの一覧である．
AWSで提供されている主要なサービス一覧
計算，ストレージ，データベース，ネットワーク，セキュリティなど，クラウドの構築に必要な様々な要素が独立したコンポーネントとして提供されている． 基本的に，これらを組み合わせることで一つのクラウドシステムができあがる．
また，機械学習・音声認識・AR/VR など，特定のアプリケーションにパッケージ済みのサービスも提供されている． これらを合計すると全部で 170 個以上のサービスが提供されているとのことである (参照)．
AWS の初心者が陥りがちなのは，大量のサービスの数に圧倒され，どこから手をつけたらよいのかわからなくなる，という状況である． たくさんのサービスの中から，どのサービスをどの順番で学んでいったらいいのか，その道筋すら明らかでなく，大きな参入障壁となっていることは間違いない． だが実のところ， AWS の基本的な構成要素はそのうちの数個のみに限られる． 基本要素となる機能の使い方を知れば， AWS のおおよそのリソースを使いこなすことが可能になる． ほかの機能の多くは，基本の要素を組み合わせて特定のアプリケーションに特化したパッケージとして AWS が用意したものである． そのポイントを認知することが， AWS の学習の最初のステップである．
ここでは， AWS 上でクラウドシステムを構築するときの基本となる構成要素を列挙する． これらは後のハンズオンで実際にプログラムを書きながら体験する． 現時点では，名前だけでも頭の片隅に記憶してもらえればよい．
計算 ​
S3 EC2 (Elastic Compute Cloud) 様々なスペックの仮想マシンを作成し，計算を実行することができる． クラウドの最も基本となる構成要素である． Hands-on #1: 初めての EC2 インスタンスを起動する, Hands-on #2: AWS でディープラーニングを実践, Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する で詳しく触れる．
S3 Lambda Function as a Service (FaaS) とよばれる，小さな計算をサーバーなしで実行するためのサービス． サーバーレスアーキテクチャの章 (Serverless architecture) で詳しく解説する．
ストレージ ​
S3 EBS (Elastic Block Store) EC2 に付与することのできる仮想データドライブ． いわゆる"普通の"(一般的な OS で使われている)ファイルシステムを思い浮かべてくれたらよい．
S3 S3 (Simple Storage Service) Object Storage とよばれる，API を使ってデータの読み書きを行う，いうなれば”クラウド・ネイティブ”なデータの格納システムである． サーバーレスアーキテクチャの章 (Serverless architecture) で詳しく解説する．
データベース ​
S3 DynamoDB NoSQL 型のデータベースサービス (知っている人は mongoDB などを思い浮かべたらよい)． サーバーレスアーキテクチャの章 (Serverless architecture) で詳しく解説する．
ネットワーク ​
S3 VPC(Virtual Private Cloud) AWS 上に仮想ネットワーク環境を作成し，仮想サーバー間の接続を定義したり，外部からのアクセスなどを管理する． EC2 は VPC の内部に配置されなければならない．
API Gateway S3 API のエンドポイントとバックエンドのサービス (Lambda など) を接続する際に用いる，リバースプロキシとしての役割を担う． Hands-on #6: Bashoutter で詳しく解説する．
Region と Availability Zone ​
AWS を使用する際に知っておかなければならない重要な概念として， リージョン (Region) と Availability Zone (AZ) がある (figure_title)． 以下ではこの概念について簡単に記述する．
AWSにおける Region と Availability Zones
リージョン (Region) とは，おおまかに言うとデータセンターの所在地のことである． 執筆時点において， AWS は世界の 25 の国と地域でデータセンターを所有している． figure_title は執筆時点で利用できるリージョンの世界地図を示している． 日本では東京と大阪にデータセンターがある． 各リージョンには固有の ID がついており，例えば東京は ap-northeast-1, 米国オハイオ州は us-east-2，などと定義されている．
Regions in AWS(出典: https://aws.amazon.com/about-aws/global-infrastructure/)
AWS コンソールにログインすると，画面右上のメニューバーでリージョンを選択することができる(figure_title, 赤丸で囲った箇所)． EC2, S3 などの AWS のリソースは，リージョンごとに完全に独立である． したがって，リソースを新たにデプロイする際，あるいはデプロイ済みのリソースを閲覧する際は，コンソールのリージョンが正しく設定されているか，確認する必要がある． ウェブビジネスを展開する場合などは，世界の各地にクラウドを展開する必要があるが，個人的な研究用途として用いる場合は，最寄りのリージョン (i.e. 東京) を使えば基本的に問題ない．
AWSコンソールでリージョンを選択
Avaialibity Zone (AZ) とは，リージョン内で地理的に隔離されたデータセンターのことである． それぞれのリージョンは 2 個以上の AZ を有しており，もし一つの AZ で火災や停電などが起きた場合でも，ほかの AZ がその障害をカバーすることができる． また， AZ 間は高速な AWS 専用ネットワーク回線で結ばれているため， AZ 間のデータ転送は極めて早い． AZ は，ビジネスなどでサーバーダウンが許容されない場合などに注意すべき概念であり，個人的な用途で使う限りにおいてはあまり深く考慮する必要はない．言葉の意味だけ知っておけば十分である．
AWS を使用する際，どこのリージョンを指定するのがよいのだろうか？ インターネットの接続速度の観点からは，地理的に一番近いリージョンを使用するのが一般的によいだろう． 一方， EC2 の利用料などはリージョンごとに価格設定が若干 (10-20%程度) 異なる． したがって，自分が最も頻繁に利用するサービスの価格が最も安く設定されているリージョンを選択する，というのも重要な視点である． また，いくつかのサービスは，特定のリージョンで利用できない場合もある． これらのポイントから総合的に判断して使用するリージョンを決めると良い．
AWS Educate を利用している読者へ
執筆時点において，AWS Educate による Starter Account を使用している場合は us-east-1 region のみ利用できる (参照)．
AWS でのクラウド開発 ​
AWS のクラウドの全体像がわかってきたところで，次のトピックとして，どのようにして AWS 上にクラウドの開発を行い，展開していくかについての概略を解説しよう．
AWS のリソースを追加・編集・削除するなどの操作を実行するには，コンソールを用いる方法と，API を用いる方法の，二つの経路がある．
コンソール画面からリソースを操作する ​
AWS のアカウントにログインすると，まず最初に表示されるのがAWS コンソールである (figure_title)．
AWSマネージメントコンソール画面
コンソールを使うことで， EC2 のインスタンスを立ち上げたり，S3 のデータを追加・削除したり，ログを閲覧したりなど，AWS 上のあらゆるリソースの操作を GUI (Graphical User Interface) を通して実行することができる． 初めて触る機能をポチポチと試したり，デバッグを行うときなどにとても便利である．
コンソールはさらっと機能を試したり，開発中のクラウドのデバッグをするときには便利なのであるが，実際にクラウドの開発をする場面でこれを直接いじることはあまりない． むしろ，次に紹介する API を使用して，プログラムとしてクラウドのリソースを記述することで開発を行うのが一般的である． そのような理由で，本書では AWS コンソールを使った AWS の使い方はあまり触れない． AWS のドキュメンテーションには，たくさんの チュートリアル が用意されており，コンソール画面から様々な操作を行う方法が記述されているので，興味がある読者はそちらを参照されたい．
API からリソースを操作する ​
API (Application Programming Interface) を使うことで，コマンドを AWS に送信し，クラウドのリソースの操作をすることができる． API とは，端的に言えば AWS が公開しているコマンドの一覧であり，GET, POST, DELETE などの REST API から構成されている (REST API については REST API で簡単に解説する)． が，直接 REST API を入力するのは面倒であるので，その手間を解消するための様々なツールが提供されている．
例えば， AWS CLI は， UNIX コンソールから AWS API を実行するための CLI (Command Line Interface) である． CLI に加えて，いろいろなプログラミング言語での SDK (Software Development Kit) が提供されている．以下に一例を挙げる．
具体的な API の使用例を見てみよう．
S3 に新しい保存領域 (Bucket (バケット) とよばれる) を追加したいとしよう． AWS CLI を使った場合は，次のようなコマンドを打てばよい．
sh
$ aws s3 mb s3://my-bucket --region ap-northeast-1
$ aws s3 mb s3://my-bucket --region ap-northeast-1
上記のコマンドは， my-bucket という名前のバケットを， ap-northeast-1 のリージョンに作成する．
Python からこれと同じ操作を実行するには， boto3 ライブラリを使って，次のようなスクリプトを実行する．
python
import boto3
-
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
import boto3
-
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
もう一つ例をあげよう．
新しい EC2 のインスタンス(インスタンスとは，起動状態にある仮想サーバーの意味である)を起動するには，次のようなコマンドを打てば良い．
sh
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
このコマンドにより， t2.micro というタイプ (1 vCPU, 1.0 GB RAM) のインスタンスが起動する． ここではその他のパラメータの詳細の説明は省略する (ハンズオン (Hands-on #1: 初めての EC2 インスタンスを起動する) で詳しく解説する)．
Python から上記と同じ操作を実行するには，以下のようなスクリプトを使う．
python
import boto3
-
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
import boto3
-
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
以上の例を通じて，API によるクラウドのリソースの操作のイメージがつかめてきただろうか？ コマンド一つで，新しい仮想サーバーを起動したり，データの保存領域を追加したり，任意の操作を実行できるわけである． 基本的に，このようなコマンドを複数組み合わせていくことで，自分の望む CPU・RAM・ネットワーク・ストレージが備わった計算環境を構築することができる． もちろん，逆の操作 (リソースの削除) も API を使って実行できる．
ミニ・ハンズオン: AWS CLI を使ってみよう ​
ここでは，ミニ・ハンズオンとして，AWS CLI を実際に使ってみる． AWS CLI は先述のとおり， AWS 上の任意のリソースの操作が可能であるが，ここでは一番シンプルな，S3 を使ったファイルの読み書きを実践する (EC2 の操作は少し複雑なので，第一回ハンズオンで行う)． aws s3 コマンドの詳しい使い方は 公式ドキュメンテーションを参照．
AWS CLI のインストールについては， AWS CLI のインストール を参照．
以下に紹介するハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
以下のコマンドを実行する前に，AWS の認証情報が正しく設定されていることを確認する． これには ~/.aws/credentials のファイルに設定が書き込まれているか，環境変数 (AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION) が定義されている必要がある． 詳しくは AWS CLI のインストール を参照．
まずは，S3 にデータの格納領域 (Bucket とよばれる．一般的な OS での"ドライブ"に相当する) を作成するところから始めよう．
sh
$ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://\${bucketName}"
$ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://\${bucketName}"
S3 のバケットの名前は， AWS 全体で一意的でなければならないことから，前述のコマンドではランダムな文字列を含んだバケットの名前を生成し，bucketName という変数に格納している． そして， aws s3 mb (mb は make bucket の略) によって，新しいバケットを作成する．
次に，バケットの一覧を取得してみよう．
sh
$ aws s3 ls
-
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
$ aws s3 ls
-
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
先ほど作成したバケットがリストにあることを確認できる．
本書のノーテーションとして，コマンドラインに入力するコマンドは，それがコマンドであると明示する目的で先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力は $ なしで表示されている．
次に，バケットにファイルをアップロードする．
sh
$ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://\${bucketName}/hello_world.txt"
$ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://\${bucketName}/hello_world.txt"
上では hello_world.txt というダミーのファイルを作成して，それをアップロードした．
それでは，バケットの中にあるファイルの一覧を取得してみる．
sh
$ aws s3 ls "s3://\${bucketName}" --human-readable
-
-2020-06-07 23:54:19   13 Bytes hello_world.txt
$ aws s3 ls "s3://\${bucketName}" --human-readable
-
-2020-06-07 23:54:19   13 Bytes hello_world.txt
先ほどアップロードしたファイルがたしかに存在することがわかる．
最後に，使い終わったバケットを削除する．
sh
$ aws s3 rb "s3://\${bucketName}" --force
$ aws s3 rb "s3://\${bucketName}" --force
rb は remove bucket の略である． デフォルトでは，バケットの中にファイルが存在すると削除できない． 空でないバケットを強制的に削除するには --force のオプションを付ける．
以上のように，AWS CLI を使って S3 バケットに対しての一連の操作を実行できた． EC2 や Lambda, DynamoDB などについても同様に AWS CLI を使ってあらゆる操作を実行できる．
Amazon Resource Name (ARN)
AWS 上のあらゆるリソースには， Amazon Resource Name (ARN) という固有の ID が付与されている． ARN は arn:aws:s3:::my_bucket/ のようなフォーマットで記述され，ARN を使用することで，特定の AWS リソース (S3 のバケットや EC2 のインスタンス) を一意的に参照することができる．
S3 バケットや EC2 インスタンスなどには ARN に加えて，人間が読みやすい名前を定義することも可能である． この場合は，ARN または名前のどちらを用いても同じリソースを参照することが可能である．
CloudFormation と AWS CDK ​
CloudFormation による Infrastructure as Code (IaC) ​
前節で述べたように，AWS API を使うことでクラウドのあらゆるリソースの作成・管理が可能である． よって，原理上は， API のコマンドを組み合わせていくことで，自分の作りたいクラウドを設計することができる．
しかし，ここで実用上考慮しなければならない点が一つある． AWS API には大きく分けて，リソースを操作するコマンドと，タスクを実行するコマンドがあることである (figure_title)．
AWS APIはリソースを操作するコマンドとタスクを実行するコマンドに大きく分けられる．リソースを記述・管理するのに使われるのが， CloudFormation と CDK である．
リソースを操作するとは，EC2 のインスタンスを起動したり，S3 のバケットを作成したり，データベースに新たなテーブルを追加する，などの静的なリソースを準備する 操作を指す． "ハコ"を作る操作とよんでも良いだろう． このようなコマンドは，クラウドのデプロイ時にのみ，一度だけ実行されればよい．
タスクを実行するコマンド とは， EC2 のインスタンスにジョブを投入したり， S3 のバケットにデータを読み書きするなどの操作を指す． これは， EC2 や S3 などのリソース ("ハコ") を前提として，その内部で実行されるべき計算を記述するものである． 前者に比べてこちらは動的な操作を担当する，と捉えることもできる．
そのような観点から，インフラを記述するプログラムとタスクを実行するプログラムはある程度分けて管理されるべきである． クラウドの開発は，クラウドの(静的な)リソースを記述するプログラムを作成するステップと，インフラ上で動く動的な操作を行うプログラムを作成するステップの二段階に分けて考えることができる．
AWS での静的リソースを管理するための仕組みが， CloudFormation である． CloudFormation とは， CloudFormation の文法に従ったテキストファイルを使って，AWS のインフラを記述する仕組みである． CloudFormation を使って，たとえば，EC2 のインスタンスをどれくらいのスペックで，何個起動するか，インスタンス間はどのようなネットワークで結び，どのようなアクセス権限を付与するか，などのリソースの要件を逐次的に記述することができる． 一度 CloudFormation ファイルができ上がれば，それにしたがったクラウドシステムをコマンド一つで AWS 上に展開することができる． また，CloudFormation ファイルを交換することで，全く同一のクラウド環境を他者が簡単に再現することも可能になる． このように，本来は物理的な実体のあるハードウェアを，プログラムによって記述し，管理するという考え方を，**Infrastructure as Code (IaC)**とよぶ．
CloudFormation を記述するには，基本的に JSON (JavaScript Object Notation) とよばれるフォーマットを使う． 次のコードは，JSON で記述された CloudFormation ファイルの一例 (抜粋) である．
json
"Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\\n",
-                     "yum update -y aws-cfn-bootstrap\\n",
-
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\\n",
-
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
"Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\\n",
-                     "yum update -y aws-cfn-bootstrap\\n",
-
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\\n",
-
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
ここでは， "WebServer" という名前のつけられた EC2 インスタンスを定義している．かなり長大で複雑な記述であるが，これによって所望のスペック・OS をもつ EC2 インスタンスを自動的に生成することが可能になる．
AWS CDK ​
前節で紹介した CloudFormation は，見てわかるとおり大変記述が複雑であり，またそれのどれか一つにでも誤りがあってはいけない． また，基本的に"テキスト"を書いていくことになるので，プログラミング言語で使うような変数やクラスといった便利な概念が使えない　(厳密には， CloudFormation にも変数に相当するような機能は存在する)． また，記述の多くの部分は繰り返しが多く，自動化できる部分も多い．
そのような悩みを解決してくれるのが， AWS Cloud Development Kit (CDK) である． CDK は Python などのプログラミング言語を使って CloudFormation を自動的に生成してくれるツールである． CDK は 2019 年にリリースされたばかりの比較的新しいツールで，日々改良が進められている (GitHub リポジトリ のリリースを見ればその開発のスピードの速さがわかるだろう)． CDK は TypeScript (JavaScript), Python, Java など複数の言語でサポートされている．
CDK を使うことで，CloudFormation に相当するクラウドリソースの記述を，より親しみのあるプログラミング言語を使って行うことができる． かつ，典型的なリソース操作に関してはパラメータの多くの部分を自動で決定してくれるので，記述しなければならない量もかなり削減される．
以下に Python を使った CDK のコードの一例 (抜粋) を示す．
python
from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
-
-class MyFirstEc2(core.Stack):
-
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
-
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
-
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
-
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
-
-class MyFirstEc2(core.Stack):
-
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
-
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
-
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
-
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
このコードは，一つ前に示した JSON を使った CloudFormation と実質的に同じことを記述している． とても煩雑だった CloudFormation ファイルに比べて， CDK と Python を使うことで格段に短く，わかりやすく記述できることができるのがわかるだろう．
本書の主題は，CDK を使って，コードを書きながら AWS の概念や開発方法を学んでいくことである． 後の章では CDK を使って様々なハンズオンを実施していく． 早速，最初のハンズオンでは， CDK を使って EC2 インスタンスを作成する方法を学んでいこう．
  • AWS CDK Examples: CDK を使ったプロジェクトの例が多数紹介されている． ここにある例をテンプレートに自分のアプリケーションの開発を進めるとよい．
Hands-on #1: 初めての EC2 インスタンスを起動する ​
ハンズオンの第一回では， CDK を使って EC2 のインスタンス(仮想サーバー)を作成し，SSH でサーバーにログインする，という演習を行う． このハンズオンを終えれば，あなたは自分だけのサーバーを AWS 上に立ち上げ，自由に計算を走らせることができるようになるのである！
準備 ​
ハンズオンのソースコードは GitHub の handson/ec2-get-started に置いてある．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行することができる．
まずは，ハンズオンを実行するための環境を整える． これらの環境整備は，後のハンズオンでも前提となるものなので確実にミスなく行っていただきたい．
  • AWS Account: ハンズオンを実行するには個人の AWS アカウントが必要である． AWS アカウントの取得については AWS アカウントの取得 を参照のこと．
  • Python と Node.js: 本ハンズオンを実行するには，Python (3.6 以上)，Node.js (12.0 以上) がインストールされていなければならない．
  • AWS CLI: AWS CLI のインストールについては， AWS CLI のインストール を参照． ここに記載されている認証鍵の設定も済ませておくこと．
  • AWS CDK: AWS CDK のインストールについては， AWS CDK のインストール を参照．
  • ソースコードのダウンロード: 本ハンズオンで使用するプログラムのソースコードを，以下のコマンドを使って GitHub からダウンロードする．
sh
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
あるいは， https://github.com/tomomano/learn-aws-by-coding のページに行って，右上のダウンロードボタンからダウンロードすることもできる．
Docker を使用する場合
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもパッケージ済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
使用方法については ハンズオン実行用の Docker image の使い方 を参照のこと．
SSH ​
SSH (secure shell) は Unix 系のリモートサーバーに安全にアクセスするためのツールである． 本ハンズオンでは， SSH を使って仮想サーバーにアクセスする． SSH に慣れていない読者のため，簡単な説明をここで行おう．
SSH による通信はすべて暗号化されているので，機密情報をインターネットを介して安全に送受信することができる． 本ハンズオンで，リモートのサーバーにアクセスするための SSH クライアントがローカルマシンにインストールされている必要がある． SSH クライアントは Linux/Mac には標準搭載されている． Windows の場合は WSL をインストールすることで SSH クライアントを利用することを推奨する (環境構築 を参照)．
SSH コマンドの基本的な使い方を次に示す． <host name> はアクセスする先のサーバーの IP アドレスや DNS によるホストネームが入る． <user name> は接続する先のユーザー名である．
sh
$ ssh <user name>@<host name>
$ ssh <user name>@<host name>
SSH は平文のパスワードによる認証を行うこともできるが，より強固なセキュリティを施すため，公開鍵暗号方式(Public Key Cryptography)による認証を行うことが強く推奨されており， EC2 はこの方法でしかアクセスを許していない． 公開鍵暗号方式の仕組みについては各自勉強してほしい． 本ハンズオンにおいて大事なことは，EC2 インスタンスが公開鍵(Public key)を保持し，クライアントとなるコンピュータ(読者自身のコンピュータ)が秘密鍵(Private key)を保持する，という点である． EC2 のインスタンスには秘密鍵を持ったコンピュータのみがアクセスすることができる．逆に言うと，秘密鍵が漏洩すると第三者もサーバーにアクセスできることになるので，秘密鍵は絶対に漏洩することのないよう注意して管理する．
SSH コマンドでは，ログインのために使用する秘密鍵ファイルを -i もしくは --identity_file のオプションで指定することができる． たとえば，次のように使う．
sh
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#1で作製するアプリケーションのアーキテクチャ
このアプリケーションではまず，VPC (Virtual Private Cloud) を使ってプライベートな仮想ネットワーク環境を立ち上げている． その VPC の public subnet の内側に，EC2 (Elatic Compute Cloud) の仮想サーバーを配置する． さらに，セキュリティのため， Security Group による EC2 インスタンスへのアクセス制限を設定している． このようにして作成された仮想サーバーに，SSH を使ってアクセスし，簡単な計算を行う．
figure_title のようなアプリケーションを，CDK を使って構築する．
早速ではあるが，今回のハンズオンで使用するプログラムを見てみよう (handson/ec2-get-started/app.py)．
python
class MyFirstEc2(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
-
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
-
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
class MyFirstEc2(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
-
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
-
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
  • まず最初に，VPC を定義する．
  • 次に， security group (SG) を定義している． ここでは，任意の IPv4 のアドレスからの，ポート 22 (SSH の接続に使用される)への接続を許可している． それ以外の接続は拒絶される．
  • 最後に，上記で作った VPC と SG が付与された EC2 インスタンスを作成している． インスタンスタイプは t2.micro を選択し， Amazon Linux を OS として設定している．
それぞれについて，もう少し詳しく説明しよう．
VPC (Virtual Private Cloud) ​
VPC のアイコン.
VPC
VPC は AWS 上にプライベートな仮想ネットワーク環境を構築するツールである．高度な計算システムを構築するには，複数のサーバーを連動させて計算を行う必要があるが，そのような場合に互いのアドレスなどを管理する必要があり，そういった目的で VPC は有用である．
本ハンズオンでは，サーバーは一つしか起動しないので，VPC の恩恵はよく分からないかもしれない．しかし，EC2 インスタンスは必ず VPC の中に配置されなければならない，という制約があるので，このハンズオンでもミニマルな VPC を構成している．
興味のある読者のために，VPC のコードについてもう少し詳しく説明しよう．
python
vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
  • max_azs=1 : このパラメータは，前章で説明した avaialibility zone (AZ) を設定している． このハンズオンでは，特にデータセンターの障害などを気にする必要はないので 1 にしている．
  • cidr="10.10.0.0/23" : このパラメータは，VPC 内の IPv4 のレンジを指定している． CIDR 記法については， Wikipediaなどを参照． 10.10.0.0/23 は 10.10.0.0 から 10.10.1.255 までの 512 個の連続したアドレス範囲を指している． つまり，この VPC では最大で 512 個のユニークな IPv4 アドレスが使えることになる． 今回はサーバーは一つなので 512 個は明らかに多すぎるが，VPC はアドレスの数はどれだけ作成しても無料なので，多めに作成した．
  • subnet_configuration=... : このパラメータは，VPC にどのようなサブネットを作るか，を決めている． サブネットの種類には private subnet と public subnet の二種類がある． private subnet は基本的にインターネットとは遮断されたサブネット環境である． インターネットと繋がっていないので，セキュリティは極めて高く， VPC 内のサーバーとのみ通信を行えばよい EC2 インスタンスはここに配置する． Public subnet とはインターネットに繋がったサブネットである． 本ハンズオンで作成するサーバーは，外から SSH でログインを行いたいので， Public subnet 内に配置する． より詳細な記述は 公式ドキュメンテーション を参照．
  • natgateways=0 : これは少し高度な内容なので省略する (興味のある読者は 公式ドキュメンテーションを参照)． が，これを 0 にしておかないと，NAT Gateway の利用料金が発生してしまうので，注意！
Security Group ​
Security group (SG) は， EC2 インスタンスに付与することのできる仮想ファイアーウォールである． たとえば，特定の IP アドレスから来た接続を許可・拒絶したり　(インバウンド・トラフィックの制限) ，逆に特定の IP アドレスへのアクセスを禁止したり (アウトバウンド・トラフィックの制限) することができる．
コードの該当部分を見てみよう．
python
sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
本ハンズオンでは， SSH による外部からの接続を許容するため， sg.add_ingress_rule(peer=ec2.Peer.any_ipv4(), connection=ec2.Port.tcp(22)) により，すべての IPv4 アドレスからのポート 22 番へのアクセスを許容している． また， SSH で EC2 インスタンスにログインしたのち，インターネットからプログラムなどをダウンロードできるよう， allow_all_outbound=True のパラメータを設定している．
SSH はデフォルトでは 22 番ポートを使用するのが慣例である．
セキュリティ上の観点からは，SSH の接続は自宅や大学・職場など特定の地点からの接続のみを許す方が望ましい．
EC2 (Elastic Compute Cloud) ​
EC2 のアイコン.
EC2
EC2 は AWS 上に仮想サーバーを立ち上げるサービスである． 個々の起動状態にある仮想サーバーのことをインスタンス (instance) とよぶ (しかし，口語的なコミュニケーションにおいては，サーバーとインスタンスという言葉は相互互換的に用いられることが多い)．
EC2 では用途に応じて様々なインスタンスタイプが提供されている． table_title に，代表的なインスタンスタイプの例を挙げる (執筆時点での情報)． EC2 のインスタンスタイプのすべてのリストは 公式ドキュメンテーション "Amazon EC2 Instance Types" で見ることができる．
EC2 instance types
InstancevCPUMemory (GiB)Network bandwidth (Gbps)Price per hour ($)
t2.micro
1
1
-
0.0116
t2.small
1
2
-
0.023
t2.medium
2
4
-
0.0464
c5.24xlarge
96
192
25
4.08
c5n.18xlarge
72
192
100
3.888
x1e.16xlarge
64
1952
10
13.344
table_title からわかるように， CPU は 1 コアから 96 コアまで，メモリーは 1GB から 2TB 以上まで，ネットワーク帯域は最大で 100Gbps まで，幅広く選択することができる． また，時間あたりの料金は，CPU・メモリーの占有数にほぼ比例する形で増加する． EC2 はサーバーの起動時間を秒単位で記録しており，利用料金は使用時間に比例する形で決定される． 例えば， t2.medium のインスタンスを 10 時間起動した場合，0.0464 * 10 = 0.464 ドルの料金が発生する．
AWS には 無料利用枠 というものがあり， t2.micro であれば月に 750 時間までは無料で利用することができる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
上記で t2.micro の $0.0116 / hour という金額は， On-demand インスタンスというタイプを選択した場合の価格である． EC2 ではほかに， Spot instance とよばれるインスタンスも存在しする． Spot instance は，AWS のデータセンターの負荷が増えた場合，ユーザーのプログラムが実行中であっても AWS の判断により強制シャットダウンされる，という不便さを抱えているのだが，その分大幅に安い料金設定になっている． AWS で一時的に生じた余剰な空き CPU をユーザーに割安で貸し出す，という発想である． 科学計算やウェブサーバーなどの用途でコストを削減する目的で， Spot Instance を活用する事例も多数報告されている．
EC2 インスタンスを定義しているコードの該当部分を見てみよう．
python
host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
ここでは， t2.micro というインスタンスタイプを選択している． さらに， machine_image として， Amazon Linux を選択している (Machine image は OS と似た概念である． Machine image については， Hands-on #2: AWS でディープラーニングを実践 でより詳しく触れる)． さらに，上で定義した VPC, SG をこのインスタンスに付与している．
以上が，今回使用するプログラムの簡単な解説であった． ミニマルな形のプログラムではあるが，仮想サーバーを作成するのに必要なステップがおわかりいただけただろうか？
プログラムを実行する ​
さて，ハンズオンのコードの理解ができたところで，プログラムを実際に実行してみよう．繰り返しになるが， 準備 での準備ができていることが前提である．
Python の依存ライブラリのインストール ​
まずは，Python の依存ライブラリをインストールする．以下では，Python のライブラリを管理するツールとして， venv を使用する．
まずは， handson/ec2-get-started のディレクトリに移動しよう．
sh
$ cd handson/ec2-get-started
$ cd handson/ec2-get-started
ディレクトリを移動したら， venv で新しい仮想環境を作成し，インストールを実行する．
sh
$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
これで Python の環境構築は完了だ．
venv の簡単な説明は Python クイックガイド に記述してある．
環境によっては pip ではなく pip3 あるいは python3 -m pip に置き換える必要がある．
AWS のシークレットキーをセットする ​
AWS CLI および AWS CDK を使うには， AWS のシークレットキーが設定されている必要がある． シークレットキーの発行については AWS のシークレットキーの作成 を参照のこと． シークレットキーを発行したら， AWS CLI のインストール を参照し，コマンドラインの設定を行う．
手順をここに短く要約すると，一つ目の方法は AWS_ACCESS_KEY_ID などの環境変数を設定するやり方である． もう一つの方法は， ~/.aws/credentials に認証情報を保存しておく方式である． シークレットキーの設定は AWS CLI/CDK を使用するうえで共通のステップになるので，しっかりと理解しておくように．
SSH 鍵を生成 ​
EC2 インスタンスには SSH を使ってログインする． EC2 インスタンスを作成するのに先行して，今回のハンズオンで専用に使う SSH の公開鍵・秘密鍵のペアを準備する必要がある．
次の AWS CLI コマンドにより， HirakeGoma という名前のついた鍵を生成する．
sh
$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
このコマンドを実行すると，現在のディレクトリに HirakeGoma.pem というファイルが作成される．これが，サーバーにアクセスするための秘密鍵である． SSH でこの鍵を使うため， ~/.ssh/ のディレクトリに鍵を移動する． さらに，秘密鍵が書き換えられたり第三者に閲覧されないよう，ファイルのアクセス権限を 400 に設定する．
sh
$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
デプロイを実行 ​
これまでのステップで， EC2 インスタンスをデプロイするための準備が整った！ 早速，次のコマンドによりアプリケーションを AWS にデプロイしよう． -c key_name="HirakeGoma" というオプションで，先ほど生成した HirakeGoma という名前の鍵を使うよう指定している．
sh
$ cdk deploy -c key_name="HirakeGoma"
$ cdk deploy -c key_name="HirakeGoma"
このコマンドを実行すると， VPC， EC2 などが AWS 上に展開される． そして，コマンドの出力の最後に figure_title のような出力が得られるはずである． 出力の中で InstancePublicIp に続く数字が，起動したインスタンスのパブリック IP アドレスである． IP アドレスはデプロイごとにランダムなアドレスが割り当てられる．
CDKデプロイ実行後の出力
SSH でログイン ​
早速，SSH 　で接続してみよう．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
-i オプションで，先ほど生成した秘密鍵を指定している． EC2 インスタンスにはデフォルトで ec2-user という名前のユーザーが作られているので，それを使用する． 最後に， <IP address> の部分は自身が作成した EC2 インスタンスの IP アドレスで置き換える (12.345.678.9 など）．
ログインに成功すると， figure_title のような画面が表示される． リモートのサーバーにログインしているので，プロンプトが [ec2-user@ip-10-10-1-217 ~]$ のようになっていることを確認しよう．
SSH で EC2 インスタンスにログイン
おめでとう！これで，めでたく AWS 上に EC2 仮想サーバーを起動し，リモートからアクセスできるようになった！
起動した EC2 インスタンスで遊んでみる ​
せっかく新しいインスタンスを起動したので，少し遊んでみよう．
ログインした EC2 インスタンスで，次のコマンドを実行してみよう． CPU の情報を取得することができる．
sh
$ cat /proc/cpuinfo
-
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
$ cat /proc/cpuinfo
-
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
次に，実行中のプロセスやメモリの消費を見てみよう．
sh
$  top -n 1
-
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
-
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
$  top -n 1
-
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
-
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
t2.micro インスタンスなので， 1009140k = 1GB のメモリーがあることがわかる．
今回起動したインスタンスには Python 2 はインストール済みだが， Python 3 は入っていない． Python 3.6 のインストールを行ってみよう． インストールは簡単である．
sh
$ sudo yum update -y
-$ sudo yum install -y python36
$ sudo yum update -y
-$ sudo yum install -y python36
インストールした Python を起動してみよう．
sh
$ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
$ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
Python のインタープリタが起動した！ Ctrl + D あるいは exit() と入力することで，インタープリタを閉じることができる．
さて，サーバーでのお遊びはこんなところにしておこう (興味があれば各自いろいろと試してみると良い) ． 次のコマンドでログアウトする．
sh
$ exit
$ exit
AWS コンソールから確認 ​
これまでは，すべてコマンドラインから EC2 に関連する操作を行ってきた． EC2 インスタンスの状態を確認したり，サーバーをシャットダウンするなどの操作は，AWS コンソールから実行することもできる． 軽くこれを紹介しよう．
まず，ウェブブラウザを開いて AWS コンソールにログインする． ログインしたら， Services から EC2 を検索(選択)する． 次に，左のサイドバーの Instances とページをたどる. すると， figure_title のような画面が得られるはずである． この画面で，自分のアカウントの管理下にあるインスタンスを確認できる． 同様に，VPC・SG についてもコンソールから確認できる．
EC2 コンソール画面
コンソール右上で，正しいリージョン (今回の場合は ap-northeast-1, Tokyo) が選択されているか，注意する！
前章で CloudFormation について触れたが，今回デプロイしたアプリケーションも，CloudFormation のスタックとして管理されている． スタック (stack) とは， AWS リソースの集合のことを指す． 今回の場合は， VPC/EC2/SG などがスタックの中に含まれている． コンソールで CloudFormation のページに行ってみよう (figure_title)．
CloudFormation コンソール画面
"MyFirstEc2" という名前のスタックがあることが確認できる． クリックをして中身を見てみると，EC2, VPC などのリソースがこのスタックに紐付いていることがわかる．
スタックを削除 ​
これにて，第一回のハンズオンで説明すべき事柄はすべて完了した． 最後に，使わなくなったスタックを削除しよう． スタックの削除には，二つの方法がある．
一つ目の方法は，前節の Cloudformation のコンソール画面で， "Delete" ボタンを押すことである (figure_title)． すると，スタックの状態が "DELETE_IN_PROGRESS" に変わり，削除が完了すると CloudFormation のスタックの一覧から消える．
CloudFormationコンソール画面から，スタックを削除
二つ目の方法は，コマンドラインから行う方法である． 先ほど，デプロイを行ったコマンドラインに戻ろう． そうしたら，次のコマンドを実行する．
sh
$ cdk destroy
$ cdk destroy
このコマンドを実行すると，スタックの削除が始まる． 削除した後は，VPC, EC2 など，すべて跡形もなく消え去っていることを自身で確かめよう． CloudFormation を用いることで関連するすべての AWS リソースを一度に管理・削除することができるので，大変便利である．
スタックの削除は各自で必ず行うこと！ 行わなかった場合， EC2 インスタンスの料金が発生し続けることになる！
また，本ハンズオンのために作成した SSH 鍵ペアも不要なので，削除しておく． まず， EC2 側に登録してある公開鍵を削除する． これも，コンソールおよびコマンドラインの二つの方法で実行できる．
コンソールから実行するには， EC2 の画面に行き，左のサイドバーの Key Pairs を選択する． 鍵の一覧が表示されるので， HirakeGoma とある鍵にチェックを入れ，画面右上の Actions から， Delete を実行する (figure_title)．
EC2でSSH鍵ペアを削除
コマンドラインから実行するには，次のコマンドを使う．
sh
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
最後に，ローカルのコンピュータから鍵を削除する．
sh
$ rm -f ~/.ssh/HirakeGoma.pem
$ rm -f ~/.ssh/HirakeGoma.pem
これで，クラウドの片付けもすべて終了だ．
なお，頻繁に EC2 インスタンスを起動したりする場合は，いちいち SSH 鍵を削除する必要はない．
小括 ​
ここまでが，本書の第一部の内容である． 盛りだくさんの内容であったが，ついてこれたであろうか？
クラウド概論 では，クラウドの定義と用語の説明を行ったあと，なぜクラウドを使うのか，という点を議論した． 続いて AWS 入門 では，クラウドを学ぶ具体的なプラットフォームとして AWS を取り上げ， AWS を使用するにあたり最低限必要な知識と用語の説明を行った． さらに， Hands-on #1: 初めての EC2 インスタンスを起動する のハンズオンでは AWS CLI と AWS CDK を使って，自身のプライベートなサーバーを AWS 上に立ち上げる演習を行った．
これらを通じて，いかに簡単に (たった数行のコマンドで！) 仮想サーバーを立ち上げたり，削除したりすることができるか，体験できただろう． 筆者は，クラウド概論 でクラウドの最も重要な側面はダイナミックに計算リソースを拡大・縮小できることである，と述べた． この言葉の意味が，ハンズオンを通じてより明らかになっただろうか？ ここで学んだ技術を少し応用するだけで，自分のウェブページをホストする仮想サーバーを作成したり，大量のコアを搭載した EC2 インスタンスを用意して科学計算を実行するなど，いろいろなアプリケーションが実現できる．
次章からは，今回学んだクラウドの技術を基に，より現実に即した問題を解くことを体験してもらう． お楽しみに！
クラウドで行う科学計算・機械学習 ​
計算機が発達した現代では，計算機によるシミュレーションやビッグデータの解析は，科学・エンジニアリングの研究の主要な柱である． これらの大規模な計算を実行するには，クラウドは最適である． 本章から始まる第二部では，どのようにしてクラウド上で科学計算を実行するのかを，ハンズオンとともに体験してもらう． 科学計算の具体的な題材として，今回は機械学習(深層学習)を取り上げる．
なお，本書では PyTorch ライブラリを使って深層学習のアルゴリズムを実装するが，深層学習および PyTorch の知識は不要である． 講義ではなぜ・どうやって深層学習をクラウドで実行するかに主眼を置いているので，実行するプログラムの詳細には立ち入らない． 将来，自分で深層学習を使う機会が来たときに，詳しく学んでもらいたい．
なぜ機械学習をクラウドで行うのか？ ​
2010 年頃に始まった第三次 AI ブームのおかげで，学術研究だけでなく社会・ビジネスの文脈でも機械学習に高い関心が寄せられている． とくに，深層学習 (ディープラーニング) とよばれる多層のレイヤーからなるニューラルネットワークを用いたアルゴリズムは，画像認識や自然言語処理などの分野で圧倒的に高い性能を実現し，革命をもたらしている．
深層学習の特徴は，なんといってもそのパラメータの多さである． 層が深くなるほど，層間のニューロンを結ぶ重みパラメータの数が増大していく． たとえば，最新の言語モデルである GPT-3 には1750 億個ものパラメータが含まれている． このような膨大なパラメータを有することで，深層学習は高い表現力と汎化性能を実現しているのである．
GPT-3 に限らず，最近の SOTA (State-of-the-art) の性能を達成するニューラルネットワークでは，百万から億のオーダーのパラメータを内包することは頻繁になってきている． そのような巨大なニューラルネットを訓練 (最適化) させるのは，当然のことながら膨大な計算コストがかかる． 結果として，ひとつの計算機では丸一日以上の時間がかかる場合も珍しくない． 深層学習の発展の速度は目覚ましく，研究・ビジネス両方の観点からも，いかにスループットよくニューラルネットワークの最適化を行えるかが鍵となってくる． そのような問題を解決するのにとても有効な手段が，クラウドである！ Hands-on #1: 初めての EC2 インスタンスを起動する でその片鱗を見たように，クラウドを使用することでゼロから数千に至るまでの数のインスタンスを動的に起動し，並列に計算を実行することができる． さらに，深層学習を加速させる目的で，深層学習の演算に専用設計された計算チップ (GPU など) がある． クラウドを利用すると，そのような専用計算チップも無尽蔵に利用することができる． 事実，先述した GPT-3 の学習も，詳細は明かされていないが，Microsoft 社のクラウドを使って行われたと報告されている．
GPU による深層学習の高速化 ​
深層学習の計算で欠かすことのできない技術として， GPU (Graphics Processing Unit) について少し説明する．
GPU は，その名のとおり，元々はコンピュータグラフィックスを出力するための専用計算チップである． CPU (Central Processing Unit) に対し，グラフィックスの演算に特化した設計がなされている． 身近なところでは， XBox や PS5 などのゲームコンソールなどに搭載されているし，ハイエンドなノート型・デスクトップ型計算機にも搭載されていることがある． コンピュータグラフィックスでは，スクリーンにアレイ状に並んだ数百万個の画素をビデオレート (30 fps) 以上で処理する必要がある． そのため，GPU はコアあたりの演算能力は比較的小さいかわりに，チップあたり数百から数千のコアを搭載しており (figure_title)，スクリーンの画素を並列的に処理することで，リアルタイムでの描画を実現している．
GPUのアーキテクチャ．GPUには数百から数千の独立した計算コアが搭載されている． (画像出典: https://devblogs.nvidia.com/nvidia-turing-architecture-in-depth/)
このように，コンピュータグラフィクスの目的で生まれた GPU だが，2010 年前後から，その高い並列計算能力をグラフィックス以外の計算 (科学計算など) に用いるという流れ (General-purpose computing on GPU; GPGPU) が生まれた． GPU のコアは，その設計から，行列の計算など，単純かつ規則的な演算が得意であり，そのような演算に対しては数個程度のコアしかもたない CPU に比べて圧倒的に高い計算速度を実現することができる． 現在では GPGPU は分子動力学や気象シミュレーション，そして機械学習など多くの分野で使われている．
ディープラーニングで最も頻繁に起こる演算が，ニューロンの出力を次の層のニューロンに伝える畳み込み (Convolution) 演算である (figure_title)． 畳み込み演算は，まさに GPU が得意とする演算であり， CPU ではなく GPU を用いることで学習を飛躍的に (最大で数百倍程度) 加速させることができる．
ニューラルネットワークにおける畳み込み演算．
このように GPU は機械学習の計算で欠かせないものであるが，なかなか高価である． たとえば，科学計算・機械学習に専用設計された NVIDIA 社の Tesla V100 というチップは，一台で約百万円の価格が設定されている． 機械学習を始めるのに，いきなり百万円の投資はなかなか大きい． だが，クラウドを使えば，初期コスト０で GPU を使用することができる．
機械学習を行うのに， V100 が必ずしも必要というわけではない． むしろ，研究者などでしばしば行われるのは，コンピュータゲームに使われるグラフィックス用の GPU を買ってきて (NVIDIA GeForce シリーズなど)，開発のときはをそれを用いる，というアプローチである． グラフィックス用のいわゆる"コンシューマ GPU"は，市場の需要が大きいおかげで，10 万円前後の価格で購入することができる． V100 と比べると，コンシューマ GPU はコアの数が少なかったり，メモリーが小さかったりなどで劣る点があるが， それらを除いては計算能力にとくに制限があるわけではなく，開発の段階では十分な性能である場合がほとんどである． プログラムができあがって，ビッグデータの解析や，モデルをさらに大きくしたいときなどに，クラウドは有効だろう．
クラウドで GPU を使うには， GPU が搭載された EC2 インスタンスタイプ (P3, P2, G3, G4 など) を選択しなければならない． table_title に，代表的な GPU 搭載のインスタンスタイプを挙げる (執筆時点での情報)．
GPUを搭載したEC2インスタンスタイプ
InstanceGPUsGPU modelGPU Mem (GiB)vCPUMem (GiB)Price per hour ($)
p3.2xlarge
1
NVIDIA V100
16
8
61
3.06
p3n.16xlarge
8
NVIDIA V100
128
64
488
24.48
p2.xlarge
1
NVIDIA K80
12
4
61
0.9
g4dn.xlarge
1
NVIDIA T4
16
4
16
0.526
table_title からわかるとおり， CPU のみのインスタンスと比べると少し高い価格設定になっている． また，古い世代の GPU (V100 に対しての K80) はより安価な価格で提供されている． 1 インスタンスあたりの GPU の搭載数は 1 台から最大で 8 台まで選択することが可能である．
GPU を搭載した一番安いインスタンスタイプは， g4dn.xlarge であり，これには廉価かつ省エネルギー設計の NVIDIA T4 が搭載されている． 後のハンズオンでは，このインスタンスを使用して，ディープラーニングの計算を行ってみる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
V100 を一台搭載した p3.2xlarge の利用料金は一時間あたり $3.06 である． V100 が約百万円で売られていることを考えると，約 3000 時間 (= 124 日間)，通算で計算を行った場合に，クラウドを使うよりも V100 を自分で買ったほうがお得になる，という計算になる (実際には，自前で V100 を用意する場合は， V100 だけでなく， CPU やネットワーク機器，電気使用料も必要なので，百万円よりもさらにコストがかかる)．
GPT-3 で使われた計算リソースの詳細は論文でも明かされていないのだが， Lambda 社のブログで興味深い考察が行われている (Lambda 社は機械学習に特化したクラウドサービスを提供している)．
記事によると，1750 億のパラメータを訓練するには，一台の GPU (NVIDIA V100) を用いた場合，342 年の月日と 460 万ドルのクラウド利用料が必要となる，とのことである． GPT-3 のチームは，複数の GPU に処理を分散することで現実的な時間のうちに訓練を完了させたのであろうが，このレベルのモデルになってくるとクラウド技術の限界を攻めないと達成できないことは確かである．
深層学習を詳しく勉強したい人には以下の参考書を推薦したい． 深層学習の基礎的な概念や理論は普遍的であるが，この分野は日進月歩なので，常に最新の情報を取り入れることを忘れずに．
Hands-on #2: AWS でディープラーニングを実践 ​
準備 ​
ハンズオン第二回では， GPU を搭載した EC2 インスタンスを起動し，深層学習モデルの学習と推論を実行する演習を行う．
ハンズオンのソースコードは GitHub の handson/mnist に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． それ以外に必要な準備はない．
初期状態の AWS アカウントでは， GPU 搭載の G タイプのインスタンスの起動上限が 0 になっていることがある． これを確認するには， AWS コンソールから EC2 の画面を開き，左のメニューから Limits を選択する． その中の Running On-Demand All G instances という数字が G インスタンスの起動上限を表している．
もし，これが 0 になっていた場合は， AWS の自動申請フォームから上限緩和のリクエストを送る必要がある． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，東京 (ap-northeast-1) リージョンでは 0.71 $/hour のコストが発生する．
AWS Educate Starter Account を使用している読者へ: 執筆時点においては， Starter Account には GPU 搭載型インスタンスを起動できないという制限が設けられている． したがって， Starter Account のユーザーはこのハンズオンを実行することはできない． 興味のある読者は，制限のない一般アカウントを自分自身で取得する必要があることに注意．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#2で作製するアプリケーションのアーキテクチャ
図の多くの部分が，第一回ハンズオンで作成したアプリケーションと共通していることに気がつくだろう． 少しの変更で，簡単にディープラーニングを走らせる環境を構築することができるのである！主な変更点は次の３点である．
  • GPU を搭載した g4dn.xlarge インスタンスタイプを使用
  • ディープラーニングに使うプログラムがあらかじめインストールされた DLAMI (後述) を使用
  • SSH にポートフォワーディングのオプションつけてサーバーに接続し，サーバーで起動している Jupyter Notebook (後述) を使ってプログラムを書いたり実行したりする
ハンズオンで使用するプログラムのコードをみてみよう handson/mnist/app.py)． コードは第一回目とほとんど共通である．変更点のみ解説を行う．
python
class Ec2ForDl(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
-
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
-
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
class Ec2ForDl(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
-
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
-
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
  • ここで， g4dn.xlarge インスタンスタイプを選択している (第一回では， CPU のみの t2.micro だった)． g4dn.xlarge のインスタンスタイプは， クラウドで行う科学計算・機械学習 ですでに触れた通り， NVIDIA T4 と呼ばれる廉価版モデルの GPU を搭載したインスタンスである． CPU は 4 core, メインメモリーは 16GB が割り当てあられている．
  • ここでは，Deep Learning 用の諸々のソフトウェアがプリンストールされた AMI (Deep Learning Amazon Machine Image; DLAMI) を選択している (第一回では，Amazon Linux という AMI を使用していた)． 使用する AMI の ID は リージョンごとに指定する必要があり，ここでは us-east-1 と ap-northeast-1 でそれぞれ定義している．
DLAMI という新しい概念が出てきたので，説明しよう．
AMI が us-east-1 と ap-northeast-1 でしか定義されていないので，提供されているコードはこの二つのリージョンのみでデプロイ可能である． もしほかのリージョンを利用したい場合は， AMI の ID を自身で検索し，コードに書き込む必要がある．
DLAMI (Deep Learning Amazon Machine Image) ​
AMI (Amazon Machine Image) とは，大まかには OS (Operating System) に相当する概念である． 当然のことながら， OS がなければコンピュータはなにもできないので，EC2 インスタンスを起動するときには必ずなにかの OS を"インストール"する必要がある． EC2 が起動したときにロードされる OS に相当するものが， AMI である． AMI には，たとえば Ubuntu などの Linux 系 OS に加えて，Windows Server を選択することもできる． また， EC2 での使用に最適化された Amazon Linux という AMI も提供されている．
しかしながら， AMI を単なる OS と理解するのは過剰な単純化である． AMI には，ベースとなる (空っぽの) OS を選択することもできるが，それに加えて，各種のプログラムがインストール済みの AMI も定義することができる． 必要なプログラムがインストールされている AMI を見つけることができれば，自身でインストールを行ったり環境設定したりする手間が大幅に省ける． 具体例を挙げると，ハンズオン第一回では EC2 インスタンスに Python 3.6 をインストールする例を示したが，そのような操作をインスタンスが起動するたびに行うのは手間である！
AMI は， AWS 公式のものに加えて，サードパーティから提供されているものもある． また，自分自身の AMI を作って登録することも可能である (参考)． AMI は EC2 のコンソールから検索することが可能である． あるいは，AWS CLI を使って，次のコマンドでリストを取得することができる (参考)．
sh
$ aws ec2 describe-images --owners amazon
$ aws ec2 describe-images --owners amazon
ディープラーニングで頻繁に使われるプログラムがあらかじめインストールしてある AMI が， DLAMI (Deep Learning AMI) である． DLAMI には TensorFlow, PyTorch などの人気の高いディープラーニングのフレームワーク・ライブラリがすでにインストールされているため， EC2 インスタンスを起動してすぐさまディープラーニングの計算を実行できる．
本ハンズオンでは， Amazon Linux 2 をベースにした DLAMI を使用する (AMI ID = ami-09c0c16fc46a29ed9．この AMI は ap-northeast-1 でしか使用できない点に注意)． AWS CLI を使って，この AMI の詳細情報を取得してみよう．
sh
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
AMI ID = ami-09c0c16fc46a29ed9 の詳細情報
figure_title のような出力が得られるはずである．得られた出力から，この DLAMI には PyTorch のバージョン 1.4.0 と 1.5.0 がインストールされていることがわかる． この DLAMI を使って，早速ディープラーニングの計算を実行してみよう．
DLAMI には具体的には何がインストールされているのだろうか？ 興味のある読者のために，簡単な解説をしよう (参考: 公式ドキュメンテーション "What Is the AWS Deep Learning AMI?")．
最も low-level なレイヤーとしては， GPU ドライバー がインストールされている． GPU ドライバーなしには OS は GPU とコマンドのやり取りをすることができない． 次のレイヤーが CUDA と cuDNN である． CUDA は， NVIDIA 社が開発した， GPU 上で汎用コンピューティングを行うための言語であり， C++ 言語を拡張したシンタックスを備える． cuDNN は CUDA で書かれたディープラーニングのライブラリであり，n 次元の畳み込みなどの演算が実装されている． ここまでが， "Base" とよばれるタイプの DLAMI の中身である．
これに加えて， "Conda" とよばれるタイプには， "Base" のプログラム基盤の上に， TensorFlow や PyTorch などのライブラリがインストールされている． さらに， Anaconda による仮想環境を使うことによって， TensorFlow の環境・ PyTorch の環境・ MxNet の環境など，フレームワークを簡単に切り替えることができる (これについては，後のハンズオンで触れる)． また， Jupyter Notebook もインストール済みである．
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，ハンズオン 1 とほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれのコマンドの意味を忘れてしまった場合は，ハンズオン 1 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/mnist
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
-
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
# プロジェクトのディレクトリに移動
-$ cd handson/mnist
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name \${KEY_NAME} --query 'KeyMaterial' --output text > \${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
-
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
ハンズオン 1 で作成した SSH 鍵の削除を行わなかった場合は， SSH 鍵を改めて作成する必要はない． 逆に言うと，同じ名前の SSH がすでに存在する場合は，鍵生成のコマンドはエラーを出力する．
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．AWS により割り振られた IP アドレス (InstancePublicIp に続く文字列) をメモしておこう．
CDKデプロイ実行後の出力
ログイン ​
早速，デプロイしたインスタンスに SSH でログインしてみよう． ここでは，この後で使う Jupyter Notebook に接続するため，ポートフォワーディング (port forwarding) のオプション (-L) をつけてログインする．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
ポートフォワーディングとは，クライアントマシンの特定のアドレスへの接続を， SSH の暗号化された通信を介して，リモートマシンの特定のアドレスへ転送する，という意味である． このコマンドの -L localhost:8931:localhost:8888 は，自分のローカルマシンの localhost:8931 へのアクセスを，リモートサーバーの localhost:8888 のアドレスに転送せよ，という意味である (: につづく数字は TCP/IP ポートの番号を意味している)． リモートサーバーのポート 8888 には，後述する Jupyter Notebook が起動している． したがって，ローカルマシンの localhost:8931 にアクセスすることで，リモートサーバーの Jupyter Notebook にアクセスすることができるのである (figure_title)． このような SSH による接続方式をトンネル接続とよぶ．
SSH のポートフォワーディングによる Jupyter Notebook へのアクセス
ポートフォワーディングのオプションで，ポートの番号 (:8931, :8888 など) には 1 から 65535 までの任意の整数を指定できる． しかし，たとえば ポート 22 (SSH) やポート 80 (HTTP) など，いくつかすでに使われているポート番号もあることに注意する． また， Jupyter Notebook はデフォルトではポート 8888 番を使用する． したがって，リモート側のポート番号は，8888 を使うのがよい．
SSH ログインコマンドの <IP address> 部分は自身のインスタンスの IP アドレスを代入することを忘れずに．
本書の提供している Docker を使ってデプロイを実行した人へ
SSH によるログインは， Docker の外 (すなわちクライアントマシン本体) から行わなければならない． なぜなら，Jupyter を開くウェブブラウザは Docker の外にあるからである．
その際，秘密鍵を Docker の外にもってこなければならない． 手っ取り早い方法は， cat ~/.ssh/HirakeGoma と打って，出力結果をコピーしてホストマシンのファイルに書き込む方法である． あるいは -v オプションをつけて，ファイルシステムをマウントしてもよい (詳しくは Docker 公式ドキュメンテーション "Use volumes" を参照)．
SSH によるログインができたら，早速， GPU の状態を確認してみよう． 次のコマンドを実行する．
sh
$ nvidia-smi
$ nvidia-smi
figure_title のような出力が得られるはずである． 出力を見ると， Tesla T4 型の GPU が 1 台搭載されていることが確認できる． その他，GPU Driver や CUDA のバージョン， GPU の負荷・メモリー使用率などの情報を確認することができる．
nvidia-smi の出力
Jupyter Notebook の起動 ​
Jupyter Notebook とは，インタラクティブに Python のプログラムを書いたり実行したりするためのツールである． Jupyter は GUI としてウェブブラウザを介してアクセスする形式をとっており，まるでノートを書くように，プロットやテーブルのデータも美しく表示することができる (figure_title)． Python に慣れている読者は，きっと一度は使ったことがあるだろう．
Jupyter Notebook の画面
このハンズオンでは， Jupyter Notebook を使ってディープラーニングのプログラムをインタラクティブに実行していく． DLAMI には既に Jupyter がインストールされているので，特段の設定なしに使い始めることができる．
早速， Jupyter を起動しよう． SSH でログインした先の EC2 インスタンスで，次のコマンドを実行すればよい．
sh
$ cd ~ # go to home directory
-$ jupyter notebook
$ cd ~ # go to home directory
-$ jupyter notebook
このコマンドを実行すると， figure_title のような出力が確認できるだろう． この出力から，Jupyter のサーバーが EC2 インスタンスの localhost:8888 というアドレスに起動していることがわかる． また， localhost:8888 に続く ?token=XXXX は，アクセスに使うための一時的なトークンである．
Jupyter Notebook サーバーを起動
Jupyter Notebook を初回に起動するときは，起動に数分程度の時間がかかることがある． ほかの動作も起動直後は遅く，いくつかプログラムを走らせていくうちに俊敏に反応するようになってくる． これは， AWS の GPU 搭載型仮想マシンの運用方法に起因する現象だと考えられる．
先ほど，ポートフォワーディングのオプションをつけて SSH 接続をしているので， Jupyter の起動している localhost:8888 には，ローカルマシンの localhost:8931 からアクセスすることができる． したがって，ローカルマシンから Jupyter にアクセスするには，ウェブブラウザ (Chrome, FireFox など)から次のアドレスにアクセスすれば良い．
http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
?token=XXXX の部分は，上で Jupyter を起動したときに発行されたトークンの値に置き換える．
上のアドレスにアクセスすると， Jupyter のホーム画面が起動するはずである (figure_title)． これで， Jupyter の準備が整った！
Jupyter ホーム画面
Jupyter Notebook の使い方 (超簡易版)
  • Shift + Enter: セルを実行
  • Esc: Command mode に遷移
  • メニューバーの "+" ボタン または Command mode で A ⇒ セルを追加
  • メニューバーの "ハサミ" ボタン または Command mode で X ⇒ セルを削除
ショートカットの一覧などは Ventsislav Yordanov 氏によるブログ が参考になる．
PyTorch はじめの一歩 ​
PyTorch は Facebook AI Research LAB (FAIR) が中心となって開発を進めている，オープンソースのディープラーニングのライブラリである． PyTorch は 有名な例で言えば Tesla 社の自動運転プロジェクトなどで使用されており，執筆時点において最も人気の高いディープラーニングライブラリの一つである． 本ハンズオンでは， PyTorch を使ってディープラーニングの実践を行う．
PyTorch の歴史のお話
Facebook は PyTorch のほかに Caffe2 とよばれるディープラーニングのフレームワークを開発していた (初代 Caffe は UC Berkley の博士課程学生だった Yangqing Jia によって創られた)． Caffe2 は 2018 年に PyTorch プロジェクトに合併された．
また，2019 年 12 月，日本の Preferred Networks 社が開発していた Chainer も開発を終了し，PyTorch の開発チームと協業していくことが発表された (詳しくは プレスリリース を参照)． PyTorch には，開発統合前から Chainer からインスパイアされた API がいくつもあり， Chainer の DNA は今も PyTorch に引き継がれているのである…!
本格的なディープラーニングの計算に移る前に， PyTorch ライブラリを使って， GPU で計算を行うとはどういうものか，その入り口に触れてみよう．
まずは，新しいノートブックを作成する． Jupyter のホーム画面の右上の "New" を押し，"conda_pytorch_p36" という環境を選択したうえで，新規ノートブックを作成する (figure_title)． "conda_pytorch_p36" の仮想環境には， PyTorch がインストール済みである．
新規ノートブックの作成． "conda_pytorch_p36" の環境を選択する．
ここでは，次のようなプログラムを書いて，実行していく． (figure_title)．
PyTorch始めの一歩
まずは， PyTorch をインポートする．さらに， GPU が使える環境にあるか，確認する．
python
import torch
-print("Is CUDA ready?", torch.cuda.is_available())
import torch
-print("Is CUDA ready?", torch.cuda.is_available())
出力:
Is CUDA ready? True</programlisting>
次に，3x3 のランダムな行列を CPU 上に作ってみよう．
python
x = torch.rand(3,3)
-print(x)
x = torch.rand(3,3)
-print(x)
出力:
tensor([[0.6896, 0.2428, 0.3269], [0.0533, 0.3594, 0.9499], [0.9764, 0.5881, 0.0203]])</programlisting>
次に，行列を GPU 上に作成する．
python
y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
そして，行列 x と y の加算を，GPU 上で実行する．
python
z = x + y
-print(z)
z = x + y
-print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]], device='cuda:0')</programlisting>
最後に， GPU 上にある行列を， CPU に戻す．
python
z = z.to("cpu")
-print(z)
z = z.to("cpu")
-print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]])</programlisting>
以上の例は， GPU を使った計算の初歩の初歩であるが，雰囲気はつかめただろうか？ CPU と GPU で明示的にデータを交換するのが肝である． この例はたった 3x3 の行列の足し算なので， GPU を使う意味はまったくないが，これが数千，数万のサイズの行列になったとき， GPU は格段の威力を発揮する．
完成した Jupyter Notebook は /handson/mnist/pytorch/pytorch_get_started.ipynb にある． Jupyter の画面右上の "Upload" からこのファイルをアップロードして，コードを走らせることが可能である．
しなしながら，勉強のときにはコードはすべて自分の手で打つことが，記憶に残りやすくより効果的である，というのが筆者の意見である．
実際にベンチマークを取ることで GPU と CPU の速度を比較をしてみよう． 実行時間を計測するツールとして， Jupyter の提供する %time マジックコマンドを利用する．
まずは CPU を使用して，10000x10000 の行列の行列積を計算した場合の速度を測ってみよう． 先ほどのノートブックの続きに，次のコードを実行する．
python
s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-
-%time z = torch.matmul(x,y)
s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-
-%time z = torch.matmul(x,y)
出力は以下のようなものが得られるだろう． これは，行列積の計算に実時間で 5.8 秒かかったことを意味する (実行のたびに計測される時間はばらつくことに留意)．
CPU times: user 11.5 s, sys: 140 ms, total: 11.6 s Wall time: 5.8 s</programlisting>
次に， GPU を使用して，同じ演算を行った場合の速度を計測しよう．
python
s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
-
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
-
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
出力は以下のようなものになるだろう． GPU では 553 ミリ秒 で計算を終えることができた！
CPU times: user 334 ms, sys: 220 ms, total: 554 ms Wall time: 553 ms</programlisting>
PyTorch において， GPU での演算は asynchronous (非同期) で実行される． その理由で，上のベンチマークコードでは， torch.cuda.synchronize() というステートメントを埋め込んである．
このベンチマークでは， dtype=torch.float32 と指定することで，32bit の浮動小数点型を用いている． ディープラーニングの学習および推論の計算には，32bit 型，場合によっては 16bit 型が使われるのが一般的である． これの主な理由として，教師データやミニバッチに起因するノイズが，浮動小数点の精度よりも大きいことがあげられる． 32bit/16bit を採用することで，メモリー消費を抑えたり，計算速度の向上が達成できる．
上記のベンチマークから，GPU を用いることで，約 10 倍のスピードアップを実現することができた． スピードアップの性能は，演算の種類や行列のサイズに依存する． 行列積は，そのなかでも最も速度向上が見込まれる演算の一つである．
実践ディープラーニング! MNIST 手書き数字認識タスク ​
ここまで，AWS 上でディープラーニングの計算をするための概念や前提知識をながながと説明してきたが，ついにここからディープラーニングの計算を実際に走らせてみる．
ここでは，機械学習のタスクで最も初歩的かつ有名な MNIST データセットを使った数字認識を扱う (figure_title)． これは，0 から 9 までの手書きの数字の画像が与えられ，その数字が何の数字なのかを当てる，というシンプルなタスクである．
MNIST 手書き数字データセット
今回は， MNIST 文字認識タスクを，畳み込みニューラルネットワーク (Convolutional Neural Network; CNN) を使って解く． ソースコードは /handson/minist/pytorch/ にある mnist.ipynb と simple_mnist.py である． なお，このプログラムは， PyTorch の公式 Example Project 集 を参考に，多少の改変を行ったものである．
まずは，カスタムのクラスや関数が定義された simple_mnist.py をアップロードしよう (figure_title)． 画面右上の "Upload" ボタンをクリックし，ファイルを選択することでアップロードができる． この Python プログラムの中に，CNN のモデルや，学習の各イテレーションにおけるパラメータの更新などが記述されている． 今回はこの中身を説明することはしないが，興味のある読者は自身でソースコードを読んでみるとよい．
 をアップロード
simple_mnist.py をアップロードできたら，次に新しい notebook を作成しよう． "conda_pytorch_p36" の環境を選択することを忘れずに．
新しいノートブックが起動したら，まずは必要なライブラリをインポートしよう．
python
import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
-
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
-
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
torchvision パッケージには，MNIST データセットをロードするなどの便利な関数が含まれている． また，今回のハンズオンで使うカスタムのクラス・関数 (Model, train, evaluate) のインポートを行っている．
次に，MNIST テストデータをダウンロードしよう． 同時に，画像データの輝度の正規化も行っている．
python
transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
-
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
-
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
-
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
-
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
今回扱う MNIST データは 28x28 ピクセルの正方形の画像(モノクロ)と，それぞれのラベル(0 - 9 の数字)の組で構成されている． いくつかのデータを抽出して，可視化してみよう． figure_title のような出力が得られるはずである．
python
examples = iter(testloader)
-example_data, example_targets = examples.next()
-
-print("Example data size:", example_data.shape)
-
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
examples = iter(testloader)
-example_data, example_targets = examples.next()
-
-print("Example data size:", example_data.shape)
-
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
MNIST の手書き数字画像とその教師ラベル
次に， CNN のモデルを定義する．
python
model = Model()
-model.to("cuda") # load to GPU
model = Model()
-model.to("cuda") # load to GPU
今回使う Model は simple_mnist.py の中で定義されている． このモデルは，figure_title に示したような，２層の畳み込み層と 2 層の全結合層からなるネットワークである． 出力層 (output layer) には Softmax 関数を使用し，損失関数 (Loss function) には 負の対数尤度関数 (Negative log likelyhood; NLL) を使用している．
本ハンズオンで使用するニューラルネットの構造．
続いて， CNN のパラメータを更新する最適化アルゴリズムを定義する． ここでは， 確率的勾配降下法 (Stochastic Gradient Descent; SGD) を使用している．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
これで，準備が整った． CNN の学習ループを開始しよう!
python
train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\\n")
-
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\\n")
-
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
ここでは 5 エポック分の学習を行っている． GPU を使えば，これくらいの計算であれば 1 分程度で完了するだろう．
出力として， figure_title のようなプロットが得られるはずである． イテレーションを重ねるにつれて，損失関数 (Loss function) の値が減少している (=精度が向上している) ことがわかる．
学習の進行に対する Train loss の変化
出力にはテキスト形式で各エポック終了後のテストデータに対する精度も表示されている． 最終的には 98% 以上の極めて高い精度を実現できていることが確認できるだろう (figure_title)．
学習したCNNのテストデータに対するスコア (5エポック後)
学習した CNN の推論結果を可視化してみよう． 次のコードを実行することで， figure_title のような出力が得られるだろう． この図で，下段右から二番目は，"1"に近い見た目をしているが，きちんと"9"と推論できている． なかなか賢い CNN を作り出すことができたようだ！
python
model.eval()
-
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
-
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
model.eval()
-
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
-
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
学習した CNN による，MNIST画像の推論結果
最後に，学習したニューラルネットワークのパラメータを mnist_cnn.pt というファイル名で保存しておこう． これで，将来いつでも今回学習したモデルを再現し，別の実験に使用することができる．
python
torch.save(model.state_dict(), "mnist_cnn.pt")
torch.save(model.state_dict(), "mnist_cnn.pt")
以上が， AWS クラウドの仮想サーバーを立ち上げ，最初のディープラーニングの計算を行う一連の流れである． MNIST 文字認識のタスクを行うニューラルネットを，クラウド上の GPU を使って高速に学習させ，現実的な問題を一つ解くことができたのである． 興味のある読者は，今回のハンズオンを雛形に，自分の所望の計算を走らせてみるとよいだろう．
スタックの削除 ​
これにて，ハンズオン第二回の内容はすべて説明した． クラウドの利用料金を最小化するため，使い終わった EC2 インスタンスはすぐさま削除しよう．
ハンズオン第一回と同様に， AWS の CloudFormation コンソールか， AWS CLI により削除を実行する (詳細は スタックを削除 参照)．
sh
$ cdk destroy
$ cdk destroy
スタックの削除は各自で必ず行うこと！ 行わなかった場合，EC2 インスタンスの料金が発生し続けることになる！ g4dn.xlarge は $0.71 / hour の料金設定なので，一日起動しつづけると約$17 の請求が発生することになる！
AWS のバジェットアラート
AWS の初心者が (あるいは経験者も) しばしば陥る失敗が，インスタンスの停止忘れなどで無駄なリソースがクラウドで放置されてしまい，巨大な額の請求が届く，というミスだ． 特に，開発を行っている間はこのような事態は起こりうるものだと思って，備えておかなければならない． このような事態を未然に防ぐため， AWS Budgets という機能が無料で提供されている． AWS Budgets を利用することで，月の利用金額がある閾値を超えた場合にユーザーにメールが送信される，などのアラートを設定することができる． 詳細な手順は AWS の公式ブログ "Getting Started with AWS Budgets" を参照のこと． 本書の読者も，ぜひこのタイミングでアラートを設定しておくことを推奨する．
Docker 入門 ​
ここまでの章で扱ってきたハンズオンでは，単一のサーバーを立ち上げ，それに SSH でログインをして，コマンドを叩くことで計算を行ってきた． いわば，パーソナルコンピュータの延長のような形でクラウドを使ってきたわけである． このような，インターネットのどこからでもアクセスできるパーソナルコンピュータとしてのクラウドという使い方も，もちろん便利であるし，いろいろな応用の可能性がある． しかし，これだけではクラウドの本当の価値は十分に発揮されていないと言うべきだろう． クラウド概論 で述べたように，現代的なクラウドの一番の強みは自由に計算機の規模を拡大できることにある． すなわち，多数のサーバーを同時に起動し，複数のジョブを分散並列的に実行させることで大量のデータを処理してこそ，クラウドの本領が発揮されるのである．
本章からはじまる 3 章分 (Docker 入門, Hands-on #3: AWS で自動質問回答ボットを走らせる, Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する) を使って，クラウドを利用することでどのように大規模な計算システムを構築しビッグデータの解析に立ち向かうのか，その片鱗をお見せしたい． とくに，前章で扱った深層学習をどのようにビッグデータに適用していくかという点に焦点を絞って議論していきたい． そのための前準備として，本章では Docker とよばれる計算機環境の仮想化ソフトウェアを紹介する (figure_title)． 現代のクラウドは Docker なしには成り立たないといっても過言ではないだろう． クラウドに限らず，ローカルで行う計算処理にも Docker は大変便利である． AWS からは少し話が離れるが，しっかりと理解して前に進んでもらいたい．
機械学習の大規模化 ​
先ほどから"計算システムの大規模化"と繰り返し唱えているが，それは具体的にはどのようなものを指しているのか？ ここでは大規模データを処理するための計算機システムを，機械学習を例にとって見てみよう．
クラウドで行う科学計算・機械学習 で紹介した GPT-3 のような，超巨大な数のパラメータを有する深層学習モデルを学習させたいとしよう． そのような計算を行いたい場合，一つのサーバーでは計算力が到底足りない． したがって，典型的には figure_title に示すような計算システムの設計がなされる． すなわち，大量の教師データを小さなチャンクとして複数のマシンに分散し，並列的にニューラルネットのパラメータを最適化していくという構造である．
複数の計算機を使った大規模な深層学習モデルの訓練
あるいは，学習済みのモデルを大量のデータに適用し，解析を行いたいとしよう． たとえば， SNS のプラットフォームで大量の画像が与えられて，それぞれの写真に何が写っているのかをラベルづけする，などのアプリケーションを想定できる． そのような場合は， figure_title のようなアーキテクチャが考えられるだろう． すなわち，大量のデータを複数のマシンで分割し，それぞれのマシンで推論の計算を行うというような構造である．
複数の計算機による深層学習モデルを使った推論計算
このような複数の計算機を同時に走らせるようなアプリケーションをクラウド上で実現するには，どのようにすればよいのだろうか？
重要なポイントとして， figure_title や figure_title で起動している複数のマシンは，基本的に全く同一の OS・計算環境を有している点である． ここで，個人のコンピュータで行うようなインストールの操作を，各マシンで行うこともできるが，それは大変な手間であるし，メンテナンスも面倒だろう． すなわち，大規模な計算システムを構築するには，簡単に計算環境を複製できるような仕組みが必要であるということがわかる．
そのような目的を実現するために使われるのが， Docker とよばれるソフトウェアである．
Docker とは ​
Docker のアイコン
Docker とは， コンテナ (Container) とよばれる仮想環境下で，ホスト OS とは独立した別の計算環境を走らせるためのソフトウェアである． Docker を使うことで， OS を含めたすべてのプログラムをコンパクトにパッケージングすることが可能になる (パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ)． Docker を使うことで，クラウドのサーバー上に瞬時に計算環境を複製することが可能になり， figure_title で見たような複数の計算機を同時に走らせるためのシステムが実現できる．
Docker は 2013 年に Solomon Hykes らを中心に開発され，それ以降爆発的に普及し，クラウドコンピューティングだけでなく，機械学習・科学計算の文脈などでも欠かすことのできないソフトウェアとなった． Docker はエンタープライズ向けの製品を除き無料で使用することができ，コアの部分は オープンソースプロジェクト として公開されている． Docker は Linux, Windows, Mac いずれの OS でも提供されている． 概念としては， Docker は仮想マシン (Virtual machine; VM) にとても近い． ここでは， VM との対比をしながら，Docker とはなにかを簡単に説明しよう．
仮想マシン (VM) とは，ホストとなるマシンの上に，仮想化された OS を走らせる技術である (figure_title)． VM には ハイパーバイザー (Hypervisor) とよばれるレイヤーが存在する． Hypervisor はまず，物理的な計算機リソース (CPU, RAM, network など) を分割し，仮想化する． たとえば， ホストマシンに物理的な CPU が 4 コアあるとして，ハイパーバイザーはそれを (2,2) 個の組に仮想的に分割することができる． VM 上で起動する OS には，ハイパーバイザーによって仮想化されたハードウェアが割り当てられる． VM 上で起動する OS は基本的に完全に独立であり，たとえば OS-A は OS-B に割り当てられた CPU やメモリー領域にアクセスすることはできない (これを isolation とよぶ)． VM を作成するための有名なソフトウェアとしては， VMware， VirtualBox， Xen などがある． また，これまで触ってきた EC2 も，基本的に VM 技術を使うことで所望のスペックをもった仮想マシンがユーザーに提示される．
Docker も， VM と同様に，仮想化された OS をホストの OS 上に走らせるための技術である． VM に対し， Docker ではハードウェアレベルの仮想化は行われておらず，すべての仮想化はソフトウェアレベルで実現されている (figure_title)． Docker で走る仮想 OS は，多くの部分をホストの OS に依存しており，結果として非常にコンパクトである． その結果， Docker で仮想 OS を起動するために要する時間は， VM に比べて圧倒的に早い． また， パッケージ化された環境 (=イメージ) のサイズも完全な OS に比べ圧倒的に小さくなるので，ネットワークを通じたやり取りが非常に高速化される点も重要である 加えて， VM のいくつかの実装では，メタル (仮想化マシンに対して，物理的なハードウェア上で直接起動する場合のこと) と比べ，ハイパーバイザーレイヤーでのオーバーヘッドなどにより性能が低下することが知られているが， Docker ではメタルとほぼ同様の性能を引き出すことができるとされている．
その他， VM との相違点などはたくさんあるのだが，ここではこれ以上詳細には立ち入らない． 大事なのは， Docker とはとてもコンパクトかつハイパフォーマンスな仮想計算環境を作るツールである，という点である． その手軽さゆえに，2013 年の登場以降，クラウドシステムでの利用が急速に増加し，現代のクラウドでは欠くことのできない中心的な技術になっている．
Docker (左) と VM (右) の比較 (画像出典: https://www.docker.com/blog/containers-replacing-virtual-machines/)
職業的プログラマーにとっての"三種の神器"とはなんだろうか？ 多様な意見があると思うが，筆者は Git, Vim そして Docker を挙げたい．
Git は多くの読者がご存じの通り，コードの変更を追跡するためのシステムである． Linux の作成者である Linus Torvalds によって 2005 年に誕生した． チームでの開発を進める際には欠かせないツールだ．
Vim は 1991 年から 30 年以上の間プログラマーたちに愛されてきたテキストエディターである． Stackoverflow が行った 2019 年のアンケート によると，開発環境の部門で 5 位の人気を獲得している． たくさんのショートカットと様々なカスタム設定が提供されているので，初見の人にはなかなかハードルが高いが，一度マスターすれば他のモダンなエディターや統合開発環境に負けない，あるいはそれ以上の開発体験を実現することができる．
これらの十年以上の歴史あるツールに並んで，第三番目の三種の神器として挙げたいのが Docker だ． Docker はプログラマーの開発のワークフローを一変させた． たとえば，プロジェクトごとに Docker イメージを作成することで，どの OS・コンピュータ でも全く同じ計算環境で開発・テストを実行することができるようになった． また， DevOps や CI / CD (Continuous Integration / Continuous Deployment) といった最近の開発ワークフローも Docker のようなコンテナ技術の存在に立脚している． さらにはサーバーレスコンピューティング (Serverless architecture) といった概念も，コンテナ技術の生んだ大きな技術革新といえる．
あなたにとっての三種の神器はなんだろうか？ また，これからの未来ではどんな新しいツールが三種の神器としてプログラマーのワークフローを革新していくだろうか？
Docker チュートリアル ​
Docker とはなにかを理解するためには，実際に触って動かしてみるのが一番有効な手立てである． ここでは， Docker の簡単なチュートリアルを行っていく．
Docker のインストールについては， Docker のインストール および 公式のドキュメンテーション を参照してもらいたい． Docker のインストールが完了している前提で，以下は話を進めるものとする．
Docker 用語集 ​
Docker を使い始めるに当たり，最初に主要な用語を解説しよう． 次のパラグラフで太字で強調された用語を頭に入れた上で，続くチュートリアルに取り組んでいただきたい．
Docker を起動する際の大まかなステップを示したのが figure_title である． パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ． イメージは， Docker Hub などのリポジトリで配布されているものをダウンロードするか，自分でカスタムのイメージを作成することも可能である． イメージを作成するための”レシピ”を記述したファイルが Dockerfile である． Dockerfile からイメージを作成する操作を build とよぶ． イメージがホストマシンのメモリにロードされ，起動状態にある計算環境のことを コンテナ (Container) とよぶ． Container を起動するために使用されるコマンドが run である．
Image と Container
イメージをダウンロード ​
パッケージ化された Docker の仮想環境 (= イメージ (Image)) は， Docker Hub からダウンロードできる． Docker Hub には，個人や企業・団体が作成した Docker イメージが集められており， GitHub などと同じ感覚で，オープンな形で公開されている．
たとえば， Ubuntu のイメージは Ubuntu の公式リポジトリ で公開されており， pull コマンドを使うことでローカルにダウンロードすることができる．
sh
$ docker pull ubuntu:18.04
$ docker pull ubuntu:18.04
ここで，イメージ名の : (コロン) 以降に続く文字列を タグ (tag) と呼び，主にバージョンを指定するなどの目的で使われる．
pull コマンドはデフォルトでは Docker Hub でイメージを検索し，ダウンロードを行う． Docker イメージを公開するためのデータベース (レジストリ (registry) とよぶ) は Docker Hub だけではなく，たとえば GitLab や GitHub は独自のレジストリ機能を提供しているし，個人のサーバーでレジストリを立ち上げることも可能である． Docker Hub 以外のレジストリから pull するには， myregistry.local:5000/testing/test-image のように，イメージ名の先頭につける形でレジストリのアドレス (さらにオプションとしてポート番号) を指定する．
コンテナを起動 ​
Pull してきたイメージを起動するには， run コマンドを使う．
sh
$ docker run -it ubuntu:18.04
$ docker run -it ubuntu:18.04
ここで， -it とは，インタラクティブな shell のセッションを開始するために必要なオプションである．
このコマンドを実行すると，仮想化された Ubuntu が起動され，コマンドラインからコマンドが打ち込めるようになる (figure_title)． このように起動状態にある計算環境 (ランタイム) のことを Container (コンテナ) とよぶ．
Docker を使って ubuntu:18.04 イメージを起動
ここで使用した ubuntu:18.04 のイメージは，空の Ubuntu OS だが，すでにプログラムがインストール済みのものもある． これは， Hands-on #2: AWS でディープラーニングを実践 でみた DLAMI と概念として似ている． たとえば， PyTorch がインストール済みのイメージは PyTorch 公式の Docker Hub リポジトリ で公開されている．
これを起動してみよう．
sh
$ docker run -it pytorch/pytorch
$ docker run -it pytorch/pytorch
docker run を実行したとき，ローカルに該当するイメージが見つからない場合は，自動的に Docker Hub からダウンロードされる．
pytorch のコンテナが起動したら， Python のシェルを立ち上げて， pytorch をインポートしてみよう．
sh
$ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
$ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
このように， Docker を使うことで簡単に特定の OS・プログラムの入った計算環境を再現することが可能になる．
自分だけのイメージを作る ​
自分の使うソフトウェア・ライブラリがインストールされた，自分だけのイメージを作ることも可能である．
たとえば， 本書のハンズオン実行用に提供している docker イメージ には， Python, Node.js, AWS CLI, AWS CDK などのソフトウェアがインストール済みであり，ダウンロードしてくるだけですぐにハンズオンのプログラムが実行できるようになっている．
カスタムの docker イメージを作るには， Dockerfile という名前のついたファイルを用意し，その中にどんなプログラムをインストールするかなどを記述していく．
具体例として，本書で提供している Docker イメージのレシピを見てみよう (docker/Dockerfile)．
python
FROM node:12
-LABEL maintainer="Tomoyuki Mano"
-
-RUN apt-get update \\
-    && apt-get install nano
-
-#
-RUN cd /opt \\
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \\
-    && tar -xzf Python-3.7.6.tgz \\
-    && cd Python-3.7.6 \\
-    && ./configure --enable-optimizations \\
-    && make install
-
-RUN cd /opt \\
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \\
-    && unzip awscliv2.zip \\
-    && ./aws/install
-
-#
-RUN npm install -g aws-cdk@1.100
-
-# clean up unnecessary files
-RUN rm -rf /opt/*
-
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
FROM node:12
-LABEL maintainer="Tomoyuki Mano"
-
-RUN apt-get update \\
-    && apt-get install nano
-
-#
-RUN cd /opt \\
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \\
-    && tar -xzf Python-3.7.6.tgz \\
-    && cd Python-3.7.6 \\
-    && ./configure --enable-optimizations \\
-    && make install
-
-RUN cd /opt \\
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \\
-    && unzip awscliv2.zip \\
-    && ./aws/install
-
-#
-RUN npm install -g aws-cdk@1.100
-
-# clean up unnecessary files
-RUN rm -rf /opt/*
-
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
Dockerfile の中身の説明は詳しくは行わないが，たとえば上のコードで <1> で示したところは， Python 3.7 のインストールを実行している． また， <2> で示したところは， AWS CDK のインストールを行っていることがわかるだろう． このように，リアルな OS で行うのと同じ流れでインストールのコマンドを逐一記述していくことで，自分だけの Docker イメージを作成することができる． 一度イメージを作成すれば，それを配布することで，他者も同一の計算環境を簡単に再構成することができる．
"ぼくの環境ではそのプログラム走ったのにな…" というのは，プログラミング初心者ではよく耳にする会話だが， Docker を使いこなせばそのような心配とは無縁である． そのような意味で，クラウド以外の場面でも， Docker の有用性・汎用性は極めて高い．
コンテナを用いた仮想計算環境ツールとして Docker を紹介したが， ほかに選択肢はないのか？ よくぞ聞いてくれた！ Docker の登場以降，複数のコンテナベースの仮想環境ツールが開発されてきた． いずれのツールも，概念や API については Docker と共通するものが多いが，Docker にはない独自の特徴を提供している． ここではその中でも有名ないくつかを紹介しよう．
Singularity は科学計算や HPC (High Performance Computing) の分野で人気の高いコンテナプラットフォームである． Singularity では大学・研究機関の HPC クラスターでの運用に適したような設計が施されている． たとえば， Docker は基本的には root 権限で実行されるのに対し， Singularity はユーザー権限 (コマンドを実行したユーザー自身) でプログラムが実行される． root 権限での実行は Web サーバーのように個人・企業がある特定のサービスのために運用するサーバーでは問題ないが，多数のユーザーが多様な目的で計算を実行する HPC クラスターでは問題となる． また，Singularity は独自のイメージの作成方法・エコシステムをもっているが， Docker イメージを Singularity のイメージに変換し実行する機能も有している．
podman は Red Hat 社によって開発されたもう一つのコンテナプラットフォームである． podman は基本的に Docker と同一のコマンドを採用しているが，実装は Red Hat によってスクラッチから行われた． podman では， Singularity と同様にユーザー権限でのプログラムの実行を可能であり，クラウドおよび HPC の両方の環境に対応するコンテナプラットフォームを目指して作られた． また，その名前にあるとおり pod とよばれる独自の概念が導入されている．
著者の個人的な意見としては，現時点では Docker をマスターしておけば当面は困ることはないと考えるが，興味のある読者はぜひこれらのツールも試してみてはいかがだろうか？
Elastic Container Service (ECS) ​
ECS のアイコン
ここまでに説明してきたように， Docker を使うことで仮想計算環境を簡単に複製・起動することが可能になる． 本章の最後の話題として， AWS 上で Docker を使った計算システムを構築する方法を解説しよう．
Elastic Container Service (ECS) とは， Docker を使った計算機クラスターを AWS 上に作成するためのツールである (figure_title)． ECS を使用することで， Docker にパッケージされたアプリケーションを計算機クラスターに投入したり，計算機クラスターのインスタンスを追加・削除する操作 (=スケーリング) を行うことができる．
ECS の概要を示したのが figure_title である． ECS は，タスク (Task) と呼ばれる単位で管理された計算ジョブを受け付ける． システムにタスクが投入されると，ECS は最初にタスクで指定された Docker イメージを外部レジストリからダウンロードしてくる． 外部レジストリとしては， Docker Hub や AWS 独自の Docker レジストリである ECR (Elastic Container Registry) を指定することができる．
ECS の次の重要な役割はタスクの配置である． あらかじめ定義されたクラスター内で，計算負荷が小さい仮想インスタンスを選び出し，そこに Docker イメージを配置することで指定された計算タスクが開始される． "計算負荷が小さい仮想インスタンスを選び出す" と言ったが，具体的にどのような戦略・ポリシーでこの選択を行うかは，ユーザーの指定したパラメータに従う．
また，クラスターのスケーリングも ECS における重要な概念である． スケーリングとは，クラスター内のインスタンスの計算負荷をモニタリングし，計算負荷に応じてインスタンスの起動・停止を行う操作を指す． クラスター全体の計算負荷が指定された閾値 (たとえば 80%の稼働率) を超えていた場合，新たな仮想インスタンスをクラスター内に立ち上げる操作を scale-out (スケールアウト) とよび， 負荷が減った場合に不要なインスタンスを停止する操作を scale-in (スケールイン) とよぶ． クラスターのスケーリングは， ECS がほかの AWS のサービスと連携することで実現される． 具体的には， EC2 の Auto scaling group (ASG) や Fargate の２つの選択肢が多くの場合選択される． ASG については Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する, Fargate については Hands-on #3: AWS で自動質問回答ボットを走らせる でより詳細に解説する．
これら一連のタスクの管理を， ECS は自動でやってくれる． クラスターのスケーリングやタスクの配置に関してのパラメータを一度指定してしまえば，ユーザーは (ほとんどなにも考えずに) 大量のタスクを投入することができる． クラスターのスケーリングによってタスクの量にちょうど十分なだけのインスタンスが起動し，タスクが完了した後は不要なインスタンスはすべて停止される．
さて，ここまで説明的な話が続いてしまったが，次章からは早速 Docker と AWS を使って大規模な並列計算システムを構築していこう！
ECS の概要
Hands-on #3: AWS で自動質問回答ボットを走らせる ​
ハンズオン第三回では， Docker と ECS を駆使した機械学習アプリケーションを実装しよう． 具体的には，深層学習による自然言語処理を行うことで，クライアントから与えられた文章題に対して回答を生成する，自動 Question & Answering ボットを作成しよう． ECS を利用することで，ジョブの数によって動的にインスタンスの数を制御し，並列にタスクを実行するようなシステムを構築しよう．
通常の機械学習のワークフローでは，モデルの訓練 ⇒ 推論 (データへの適用) が基本的な流れである． しかしながら， GPU 搭載型の EC2 クラスターを使ったモデルの訓練はやや難易度が高いため，次章 (Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する) で取り扱う． 本章は，クラウド上でのクラスターの構築・タスクの管理などの概念に慣れるため，よりシンプルな実装で実現できる Fargate クラスターを用いた推論計算の並列化を紹介する．
Fargate ​
ハンズオンに入っていく前に， Fargate という AWS の機能を知っておく必要がある (figure_title)．
Fargate のアイコン
ECS の概要を示した figure_title をもう一度見てみよう． この図で， ECS の管理下にあるクラスターが示されているが，このクラスターの中で計算を行う実体としては二つの選択肢がある． EC2 あるいは Fargate のいずれかである． EC2 を用いた場合は，先の章 (Hands-on #1: 初めての EC2 インスタンスを起動する, Hands-on #2: AWS でディープラーニングを実践) で説明したような流れでインスタンスが起動し，計算が実行される． しかし， EC2 を用いた計算機クラスターの作成・管理は技術的な難易度がやや高いので，次章 (Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する) で説明することにする．
Fargate とは， ECS での利用に特化して設計された，コンテナを使用した計算タスクを走らせるための仕組みである． 計算を走らせるという点では EC2 と役割は似ているが， Fargate は EC2 インスタンスのような物理的実体はもたない． 物理的実体をもたないというのは，たとえば SSH でログインすることは基本的に想定されていないし，なにかのソフトウェアをインストールしたりなどの概念も存在しない． Fargate ではすべての計算は Docker コンテナを介して行われる． すなわち， Fargate を利用するには，ユーザーは最初に所望の Docker イメージを指定しておき， Fargate は docker run のコマンドを使用することで計算タスクを実行する． Fargate を用いる利点は， Fargate を ECS のクラスターに指定すると，スケーリングなどの操作が簡単な設定・プログラムで構築できる点である．
Fargate では， EC2 と同様に CPU とメモリーのサイズを必要な分だけ指定できる． 執筆時点では， CPU は 0.25 - 4 コア， RAM は 0.5 - 30 GB の間で選択することができる (詳しくは 公式ドキュメンテーション "Amazon ECS on AWS Fargate" 参照)． クラスターのスケーリングが容易な分， Fargate では EC2 ほど大きな CPU コア・ RAM 容量を単一インスタンスに付与することができず，また GPU を利用することもできない．
以上が Fargate の概要であったが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは実際に手を動かしながら， ECS と Fargate を使った並列タスクの処理の仕方を学んでいこう．
厳密には， ECS に付与するクラスターには EC2 と Fargate のハイブリッドを使用することも可能である．
準備 ​
ハンズオンのソースコードは GitHub の handson/qa-bot にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンでは 1CPU/4GB RAM の Fargate インスタンスを使用する． 計算の実行には 0.025 $/hour のコストが発生することに注意．
Transformer を用いた question-answering プログラム ​
このハンズオンで開発する，自動質問回答システムをより具体的に定義しよう． 次のような文脈 (context) と質問 (question) が与えられた状況を想定する．
txt
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \\"the world's most famous equation\\". He received the 1921 Nobel Prize in Physics \\"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \\"the world's most famous equation\\". He received the 1921 Nobel Prize in Physics \\"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
今回作成する自動回答システムは，このような問題に対して， context に含まれる文字列から正解となる言葉を見つけ出すものとする． 上の問題では，次のような回答を返すべきである．
sh
answer: 1921
answer: 1921
人間にとっては，このような文章を理解することは容易であるが，コンピュータにそれを解かせるのは難しいことは容易に想像ができるだろう． しかし，近年の深層学習を使った自然言語処理の進歩は著しく，上で示したような例題などは極めて高い正答率で回答できるモデルを作ることができる．
今回は， huggingface/transformers で公開されている学習済みの言語モデルを利用することで，上で定義した問題を解く Q&A ボットを作る． この Q&A ボットは Transformer とよばれるモデルを使った自然言語処理に支えられえている (figure_title)． このプログラムを， Docker にパッケージしたものが 著者の Docker Hub リポジトリ に用意してある． クラウドの設計に入る前に，まずはこのプログラムを単体で動かしてみよう．
Transformer モデルアーキテクチャ (画像出典: Vaswani+ 2017)
なお，今回は学習済みのモデルを用いているので，私達が行うのは与えられた入力をモデルに投入して予測を行う (推論) のみである． 推論の演算は， CPU だけでも十分高速に行うことができるので，コストの削減と，実装をシンプルにする目的で，このハンズオンでは GPU は利用しない． 一般的に， ニューラルネットは学習のほうが圧倒的に計算コストが大きく，そのような場合に GPU はより威力を発揮する．
次のコマンドで，今回使う Docker image を ローカルにダウンロード (pull) してこよう．
sh
$ docker pull tomomano/qabot:latest
$ docker pull tomomano/qabot:latest
pull できたら，早速この Docker に質問を投げかけてみよう． まずは context と question をコマンドラインの変数として定義する．
sh
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."\n$ question="In what year did Einstein win the Nobel prize ?"
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."\n$ question="In what year did Einstein win the Nobel prize ?"
そうしたら，次のコマンドによってコンテナを実行する．
sh
$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
今回用意した Docker image は，第一引数に context となる文字列を，第二引数に question に相当する文字列を受けつける． 第三引数，第四引数については，クラウドに展開するときの実装上の都合なので，いまは気にしなくてよい．
このコマンドを実行すると，次のような出力が得られるはずである．
sh
{'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
{'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
"score" は正解の自信度を表す数字で， [0,1] の範囲で与えられる． "start", "end" は， context 中の何文字目が正解に相当するかを示しており， "answer" が正解と予測された文字列である． 1921 年という，正しい答えが返ってきていることに注目してほしい．
もう少し難しい質問を投げかけてみよう．
sh
$ question="Why did Einstein win the Nobel prize ?"\n$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
$ question="Why did Einstein win the Nobel prize ?"\n$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
出力：
sh
{'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
{'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
今度は， score が 0.52 と，少し自信がないようだが，それでも正しい答えにたどりつけていることがわかる．
このように， 深層学習に支えられた言語モデルを用いることで，実用にも役に立ちそうな Q&A ボットを実現できていることがわかる． 以降では，このプログラムをクラウドに展開することで，大量の質問に自動で対応できるようなシステムを設計していく．
今回使用する Question & Answering システムには， DistilBERT という Transformer を基にした言語モデルが用いられている． 興味のある読者は， 原著論文 を参照してもらいたい． また， huggingface/transformers による DistilBert の実装のドキュメンテーションは 公式ドキュメンテーション を参照のこと．
今回提供する Q-A ボットの Docker のソースコードは https://github.com/andatoshiki/toshiki-notebookblob/main/handson/qa-bot/docker/Dockerfile にある．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，以下のような設計である．
  • クライアントは，質問を AWS 上のアプリケーションに送信する．
  • 質問のタスクは ECS によって処理される．
  • ECS は， Docker Hub から，イメージをダウンロードする．
  • 次に，ECS はクラスター内に新たな Fargate インスタンスを立ち上げ，ダウンロードされた Docker イメージをこの新規インスタンスに配置する．
    • このとき，一つの質問に対し一つの Fargate インスタンスを立ち上げることで，複数の質問を並列的に処理できるようにする．
  • ジョブが実行される．
  • ジョブの実行結果 (質問への回答) は， データベース (DynamoDB) に書き込まれる．
  • 最後に，クライアントは DynamoDB から質問への回答を読み取る．
それでは，プログラムのソースコードを見てみよう (handson/qa-bot/app.py)．
sh
class EcsClusterQaBot(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
-
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
-
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
-
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
-
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
class EcsClusterQaBot(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
-
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
-
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
-
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
-
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
  • ここでは，回答の結果を書き込むためのデータベースを用意している． DynamoDB については，サーバーレスアーキテクチャの章で扱うので，今は気にしなくてよい．
  • ここでは，ハンズオン #1, #2 で行ったのと同様に， VPC を定義している．
  • ここで， ECS のクラスター (cluster) を定義している． クラスターとは，仮想サーバーのプールのことであり，クラスターの中に複数の仮想インスタンスを配置する．
  • ここで，実行するタスクを定義している (task definition)．
  • ここで， タスクの実行で使用する Docker イメージを定義している．
ECS と Fargate ​
ECS と Fargate の部分について，コードをくわしく見てみよう．
sh
cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
-
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
-
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
-
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
-
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
cluster = の箇所で，空の ECS クラスターを定義している．
次に， taskdef=ecs.FargateTaskDefinition の箇所で， Fargate インスタンスを使ったタスクを定義しており，とくにここでは 1 CPU, 4GB RAM というマシンスペックを指定している． また，このようにして定義されたタスクは，デフォルトで 1 タスクにつき 1 インスタンスが使用される．
最後に， container = の箇所で，タスクの実行で使用する Docker image を定義している． ここでは， Docker Hub に置いてある image をダウンロードしてくるよう指定している．
このようにわずか数行のコードであるが，これだけで前述したような，タスクのスケジューリングなどが自動で実行される．
このコードで cpu=1024 と指定されているのに注目してほしい． これは CPU ユニットと呼ばれる数で， 以下の換算表に従って仮想 CPU (virtual CPU; vCPU) が割り当てられる． 1024 が 1 CPU に相当する． 0.25 や 0.5 vCPU などの数字は，それぞれ実効的に 1/4, 1/2 の CPU 時間が割り当てられることを意味する． また， CPU ユニットによって使用できるメモリー量も変わってくる． たとえば， 1024 CPU ユニットを選択した場合は， 2 から 8 GB の範囲でのみメモリー量を指定することができる． 最新の情報は 公式ドキュメンテーション "Amazon ECS on AWS Fargate" を参照のこと．
CPU　ユニットと 指定可能なメモリー量の換算表
CPU ユニット
メモリーの値
256 (.25 vCPU)
0.5 GB, 1 GB, 2 GB
512 (.5 vCPU)
1 GB, 2 GB, 3 GB, 4 GB
1024 (1 vCPU)
2 GB, 3 GB, 4 GB, 5 GB, 6 GB, 7 GB, 8 GB
2048 (2 vCPU)
Between 4 GB and 16 GB in 1-GB increments
4096 (4 vCPU)
Between 8 GB and 30 GB in 1-GB increments
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． SSH によるログインの必要がないので，むしろ単純なくらいである． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックの中身を確認してみよう． コンソールから，ECS のページに行くと figure_title のような画面が表示されるはずである． EcsClusterQaBot-XXXX という名前ついたクラスターを見つけよう．
Cluster というのが，先ほど説明したとおり，複数の仮想インスタンスを束ねる一つの単位である． figure_title で， FARGATE という文字の下に 0 Running tasks, 0 Pending tasks と表示されていることを確認しよう． この時点では一つもタスクが走っていないので，数字はすべて 0 になっている．
ECS コンソール画面
続いて，この画面の左のメニューバーから Task Definitions という項目を見つけ，クリックしよう． 移動した先のページで EcsClusterQaBotEcsClusterQaBotTaskDefXXXX という項目が見つかるので，開く． 開いた先のページをスクロールすると figure_title に示したような情報が見つかるだろう． 使用する CPU ・メモリーの量や， Docker container の実行に関する設定などが，この Task Definition の画面から確認することができる．
Task definition の確認
タスクの実行 ​
それでは，質問をデプロイしたクラウドに提出してみよう．
ECS にタスクを投入するのはやや複雑なので，タスクの投入を簡単にするプログラム (run_task.py) を用意した (handson/qa-bot/run_task.py)．
次のようなコマンドで，ECS クラスターに新しい質問を投入することができる．
sh
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
run_task.py を実行するには， コマンドラインで AWS の認証情報が設定されていることが前提である．
"ask" の引数に続き，文脈 (context) と質問 (question) を引数として渡している．
このコマンドを実行すると， "Waiting for the task to finish…" と出力が表示され，回答を得るまでしばらく待たされる． この間， AWS では ECS がタスクを受理し，新しい Fargate のインスタンスを起動し， Docker イメージをそのインスタンスに配置する，という一連の処理がなされている． AWS コンソールから，この一連の様子をモニタリングしてみよう．
先ほどの ECS コンソール画面にもどり，クラスターの名前をクリックすることで，クラスターの詳細画面を開く． 次に， "Tasks" という名前のタブがあるので，それを開く (figure_title)． すると，実行中のタスクの一覧が表示されるだろう．
ECS のタスクの実行状況をモニタリング
figure_title で見て取れるように， "Last status = Pending" となっていることから，この時点では，タスクを実行する準備をしている段階である，ということがわかる． Fargate のインスタンスを起動し， Docker image を配置するまでおよそ 1-2 分の時間がかかる．
しばらく待つうちに， Status が "RUNNING" に遷移し，計算が始まる． 計算が終わると， Status は "STOPPED" に遷移し， ECS によって Fargate インスタンスは自動的にシャットダウンされる．
figure_title の画面から， "Task" の列にあるタスク ID クリックすることで，タスクの詳細画面を開いてみよう (figure_title)． "Last status", "Platform version" など，タスクの情報が表示されている． また， "Logs" のタブを開くことで，コンテナの吐き出した実行ログを閲覧することができる．
質問タスクの実行結果
さて， run_task.py を実行したコマンドラインに戻ってきてみると， figure_title のような出力が得られているはずである． "Momotaro" という正しい回答が返ってきている！
質問タスクの実行結果
タスクの同時実行 ​
さて，先ほどはたった一つの質問を投入したわけだが，今回設計したアプリケーションは， ECS と Fargate を使うことで同時にたくさんの質問を処理することができる． 実際に，たくさんの質問を一度に投入してみよう． run_task.py に ask_many というオプションを付けることで，複数の質問を一度に送信できる． 質問の内容は handson/qa-bot/problems.json に定義されている．
次のようなコマンドを実行しよう．
sh
$ python run_task.py ask_many
$ python run_task.py ask_many
このコマンドを実行した後で，先ほどの ECS コンソールに行き，タスクの一覧を見てみよう (figure_title)． 複数の Fargate インスタンスが起動され，タスクが並列に実行されているのがわかる．
複数の質問タスクを同時に投入する
すべてのタスクのステータスが "STOPPED" になったことを確認した上で，質問への回答を取得しよう． それには，次のコマンドを実行する．
sh
$ python run_task.py list_answers
$ python run_task.py list_answers
結果として， figure_title のような出力が得られるだろう． 複雑な文章問題に対し，高い正答率で回答できていることがわかるだろう．
 の実行結果
おめでとう！ ここまでついてこれた読者はとても初歩的ながらも，深層学習による言語モデルを使って自動で質問への回答を生成するシステムを創り上げることができた！ それも，数百の質問にも同時に対応できるような，とても高いスケーラビリティーをもったシステムである！ 今回は GUI (Graphical User Interface) を用意することはしなかったが，このシステムに簡単な GUI を追加すればなかなか立派なウェブサービスとして運用できるだろう．
run_task.py で質問を投入し続けると，回答を記録しているデータベースにどんどんエントリーが溜まっていく． これらのエントリーをすべて消去するには，次のコマンドを使う．
sh
$ python run_task.py clear
$ python run_task.py clear
スタックの削除 ​
これにて，今回のハンズオンは終了である． 最後にスタックを削除しよう．
スタックを削除するには，前回までと同様に， AWS コンソールにログインし CloudFormation の画面から DELETE ボタンをクリックするか，コマンドラインからコマンドを実行する． コマンドラインから行う場合は，次のコマンドを使用する．
sh
$ cdk destroy
$ cdk destroy
Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する ​
ハンズオン第三回では， ECS と Fargate を使って自動質問回答システムを構築した． シンプルながらも，複数の質問が送られた場合には並列にジョブが実行され，ユーザーに答えが返されるシステムを作ることができた． ここでは，すでに学習済みの言語モデルを用いてアプリケーションを構築した． しかし，一般的に言って，機械学習のワークフローでは自分で作ったモデルを訓練することが最初のステップにあるはずである． そこで，ハンズオン第四回では，クラウドを用いて機械学習の訓練を並列化・高速化することを考える．
本ハンズオンでは深層学習におけるハイパーパラメータ最適化を取り上げる． ハイパーパラメータとは，勾配降下法によって最適化されるニューラルネットのパラメータの外にあるパラメータのことであり，具体的にはモデルの層の幅・深さなどネットワークのアーキテクチャに関わるもの，学習率やモメンタムなどパラメータの更新則に関わるものなどが含まる． 深層学習においてハイパーパラメータの調整はとても重要なタスクである． しかしながら，ハイパーパラメータを調整するには，少しずつ条件を変えながら何度もニューラルネットを学習させる必要があり，多くの計算時間がかかる． 研究・開発においては，スループットよくたくさんのモデルの可能性を探索することが生産性を決める重要なファクターであり，ハイパーパラメータ探索を高速に解くという問題は極めて関心が高い． 本ハンズオンでは，クラウドの強力な計算リソースを利用して並列的にニューラルネットの訓練を実行することで，この問題を解く方法を学んでいこう．
Auto scaling groups (ASG) ​
ハンズオンに入っていく前に， Auto scaling groups (ASG) とよばれる EC2 の概念を知っておく必要がある．
ECS の概要を示した figure_title を振り返って見てほしい． 前章 (Hands-on #3: AWS で自動質問回答ボットを走らせる) でも説明したが， ECS のクラスターで計算を担う実体としては EC2 と Fargate を指定することができる． Fargate については前章で記述した． Fargate を用いると，自在にスケールする計算環境をとても簡単な設定で構築することができた． しかし， GPU を利用することができないなど，いくつかの制約があった． EC2 を使用した計算環境を指定することで，プログラミングの複雑度は増すが， GPU やその他のより高度かつ複雑な設定を伴ったクラスターを構築することができる．
EC2 クラスターには ASG と呼ばれるサービスが配置される． ASG は複数の EC2 インスタンスをロジカルな単位でグループ化することでクラスターを構成する． ASG はクラスター内に新しいインスタンスを起動する，あるいは不要になったインスタンスを停止するなどのスケーリングを担う． ASG で重要な概念として， desired capacity, minimum capacity, maximum capacity というパラメータがある． minimum capacity， maximum capacity は，それぞれクラスター内に配置できるインスタンスの数の最小値・最大値を指定するパラメータである． 前者は，クラスターに負荷がかかっていない場合でもアイドリング状態にあるインスタンスを維持することで，急に負荷が増大した時などのバッファーとして作用することができる． 後者は，負荷が急に増えたときに，過剰な数のインスタンスが起動する事態を防ぎ，経済的なコストの上限を定める役割を果たす．
desired capacity が，その時々でシステムが要求するインスタンスの数を指定する． desired capacity は，例えば 24 時間のリズムに合わせてインスタンスの数を増減させる (昼は多く夜は少なくなど) などの決まったスケジュールに基づいた設定を適用することができる． あるいはクラスター全体にかかっている負荷に応じて， desired capacity を動的に制御することも可能である． どのような基準でクラスターのスケーリングを行うかを定めるルールのことを，スケーリングポリシーとよぶ． たとえば，クラスター全体の稼働率 (負荷) を常に 80% に維持する，などのスケーリングポリシーが想定できる． この場合，クラスター全体の負荷が 80%を下回ったときにはクラスターからインスタンスが削除され，80%を超える (あるいは超えると予測される) 場合はインスタンスを追加する，という操作が ASG によって自動的に行われる．
上記のようなパラメータを検討し，ユーザーは ASG を作成する． ASG を作成したのち， ECS との連携をプログラムしてあげることで， ECS を介して ASG による EC2 クラスターにタスクを投入することが可能になる．
AWS Batch ​
AWS Batch のアイコン
先に説明したように， ECS と ASG を組み合わせることで，所望の計算クラスターを構築することが可能である． しかしながら， ECS と ASG にはかなり込み入った設定が必要であり，初心者にとっても経験者にとってもなかなか面倒なプログラミングが要求される． そこで， ECS と ASG によるクラスターの設計を自動化してくれるサービスが提供されている． それが AWS Batch である．
AWS Batch はその名のとおりバッチ (Batch) 化されたジョブ (入力データだけが異なる独立した演算が繰り返し実行されること) を想定している． 多くの科学計算や機械学習がバッチ計算に当てはまる． たとえば，初期値のパラメータを変えて複数のシミュレーションを走らせる，といったケースだ． AWS Batch を用いることの利点は，クラスターのスケーリングやジョブの割り振りはすべて自動で実行され， ユーザーはクラウドの舞台裏の詳細を気にすることなく，大量のジョブを投入できるシステムが手に入る点である． が，知識として背後では ECS/ASG/EC2 の三つ巴が協調して動作しているという点は知っておいてほしい．
AWS Batch では，ジョブの投入・管理をスムーズに行うため，次のような概念が定義されている (figure_title)． まず， ジョブ (Job) というのが，AWS Batch によって実行される一つの計算の単位である． Job definitions とはジョブの内容を定義するものであり，これには実行されるべき Docker のイメージのアドレスや，割り当てる CPU・RAM の容量，環境変数などの設定が含まれる． Job definition に基づいて個々のジョブが実行される． ジョブが実行されると，ジョブは Job queues に入る． Job queues とは，実行待ち状態にあるジョブの列のことであり，時間的に最も先頭に投入されたジョブが最初に実行される． また，複数の queue を配置し， queue ごとに priority (優先度) を設定することが可能であり， priority の高い queue に溜まったジョブが優先的に実行される (筆者はこれをディズニーランドの"ファストパス"を連想して捉えている)． Compute environment とは，先述したクラスターとほぼ同義の概念であり，計算が実行される場所 (EC2 や Fargate からなるクラスター) を指す． Compute environment には，使用する EC2 のインスタンスタイプや同時に起動するインスタンス数の上限などの簡易なスケーリングポリシーが指定されている． Job queues は Compute environment の空き状況を監視しており， それに応じてジョブを Compute environment に投下する．
以上が AWS Batch を使用するうえで理解しておかなければならない概念であるが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは，実際に自分で手を動かしながら学んでいこう．
AWS Batch の主要な概念
EC2 or Fargate?
ECS でクラスターを構成する際，計算を実行する場として EC2 と Fargate の二つの選択肢があることを説明した． それぞれ長所と短所を抱えているのだが，どのような場合にどちらを使うべきだろうか？ それを検討するため，まずは table_title を見てみよう． これは EC2 と Fargate の特徴をまとめたものである． 説明の都合上，大幅な粗視化が行われている点は留意していただきたい．
EC2 vs Fargate
EC2Fargate
Compute capacity
Medium to large
Small to medium
GPU
Yes
No
Launch speed
Slow
Fast
Task placement flexibility
Low
High
Programming complexity
High
Low
これまでに見てきたように， EC2 は最大の CPU 数・メモリーサイズが大きかったり， GPU を利用できたりするなど，単一のインスタンスでの計算能力は高い． 対して， Fargate は単一インスタンスの最大 CPU 数は 4 コアが上限である． その一方で，インスタンスの起動に要する時間は Fargate のほうが圧倒的に早く，より俊敏にクラスターのスケーリングを行うことができる． また，タスクをクラスターに投入する際のフレキシビリティも Fargate のほうが高い． フレキシビリティというのは，例えば一つのインスタンスで 2 つ以上のコンテナを走らせる，などの状況である． 単位 CPU あたりで処理されるタスクの数を最大化する際には，このような設計がしばしば採用される． プログラミングの複雑さという観点からは， Fargate のほうが一般的にシンプルな実装になる．
このように， EC2 と Fargate は互いに相補的な特性を有しており，アプリケーションによって最適な計算環境は検討される必要がある． また，EC2 と Fargate を両方用いたハイブリッドクラスターというのも定義可能であり，そのような選択肢もしばしば用いられる．
準備 ​
ハンズオンのソースコードは GitHub の handson/aws-batch にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，アメリカ東部 (us-east-1) リージョンでは 0.526 $/hour のコストが発生する． 東京 (ap-northeast-1) を選択した場合は 0.71 $/hour のコストが発生する．
準備 でも注意したが，このハンズオンを始める前に G タイプインスタンスの起動上限を AWS コンソールの EC2 管理画面から確認しよう． もし上限が 0 になっていた場合は，上限緩和の申請を行う必要がある． アプリケーションの説明 にも関連した情報を記載しているので，併せて参照されたい．
MNIST 手書き文字認識 (再訪) ​
今回のハンズオンでは，機械学習のハイパーパラメータ調整を取り上げると冒頭で述べた． その最もシンプルな例題として， 実践ディープラーニング! MNIST 手書き数字認識タスク で扱った MNIST 手書き文字認識の問題を再度取り上げよう． 実践ディープラーニング! MNIST 手書き数字認識タスク では，適当にチョイスしたハイパーパラメータを用いてモデルの訓練を行った． ここで使用したプログラムのハイパーパラメータとしては，確率的勾配降下法 (SGD) における学習率やモメンタムが含まれる． コードでいうと，次の行が該当する．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
ここで使用された 学習率 (lr=0.01) やモメンタム (momentum=0.5) は恣意的に選択された値であり，これがベストな数値であるのかはわからない． たまたまこのチョイスが最適であるかもしれないし，もっと高い精度を出すハイパーパラメータの組が存在するかもしれない． この問題に答えるため，ハイパーパラメータサーチを行おう． 今回は，最もシンプルなアプローチとして，グリッドサーチによるハイパーパラメータサーチを行おう．
機械学習のハイパーパラメータの最適化には大きく３つのアプローチが挙げられる． グリッドサーチ，ランダムサーチ，そしてベイズ最適化による方法である．
グリッドサーチとは，ハイパーパラメータの組をある範囲の中で可能な組み合わせをすべて計算し，最適なパラメータの組を見出す方法である． 最もシンプルかつ確実な方法であるが，すべての組み合わせの可能性を愚直に計算するので計算コストが大きい．
ランダムサーチ法とは，ハイパーパラメータの組をある範囲の中でランダムに抽出し，大量に試行されたランダムな組の中から最適なパラメータの組を見出す方法である． すべての可能性を網羅的に探索できるわけではないが，調整すべきパラメータの数が多数ある場合に，グリッドサーチよりも効率的に広い探索空間をカバーすることができる．
ベイズ最適化を用いた方法では，過去の探索結果から次にどの組み合わせを探索すべきかという指標を計算し，次に探索するパラメータを決定する． これにより，理論的にはグリッドサーチやランダムサーチ法よりも少ない試行回数で最適なパラメータにたどり着くことができる．
並列化の観点でいうと，グリッドサーチとランダムサーチは各ハイパーパラメータの組の計算は独立に実行することができるため並列化が容易である． このように独立したジョブとして分割・並列化可能な問題を Embarrassingly parallel な問題とよぶ (直訳すると"恥ずかしいほど並列化可能な問題"，ということになる)． Embarrassingly parallel な問題はクラウドの強力な計算リソースを用いることで，非常なシンプルな実装で解くことができる． この章ではこのようなタイプの並列計算を取り上げる．
一方，ベイズ最適化による方法は，過去の結果をもとに次の探索が決定されるので，並列化はそれほど単純ではない． 最近では optuna などのハイパーパラメータ探索のためのライブラリが発達しており，ベイズ最適化の数理的な処理を自動で実行してくれるので便利である． これらのライブラリを使うと，もし一台のコンピュータ (ノード) の中に複数の GPU が存在する場合は，並列に計算を実行することができる． しかしながら，一台のノードにとどまらず，複数のノードをまたいだ並列化は，高度なプログラミングテクニックが必要とされるだけでなく，ノード間の接続様式などクラウドのアーキテクチャにも深く依存するものである． 本書ではここまで高度なクラウドの使用方法には立ち入らない．
まずは，本ハンズオンで使用する Docker イメージをローカルで実行してみよう．
Docker イメージのソースコードは handson/aws-batch/docker にある． 基本的に 実践ディープラーニング! MNIST 手書き数字認識タスク のハンズオンを元にし，本ハンズオン専用の軽微な変更が施してある． 興味のある読者はソースコードも含めて読んでいただきたい．
練習として，この Docker イメージを手元でビルドするところからはじめてみよう． Dockerfile が保存されているディレクトリに移動し， mymnist という名前 (Tag) をつけてビルドを実行する．
sh
$ cd handson/aws-batch/docker
-$ docker build -t mymnist .
$ cd handson/aws-batch/docker
-$ docker build -t mymnist .
docker build でエラーが出たときは次の可能性を疑ってほしい． ビルドの中で， MNIST の画像データセットを http://yann.lecun.com/exdb/mnist/ からダウンロードするのだが，ダウンロード先のサーバーがしばしばダウンしている． 世界中の機械学習ユーザーがアクセスするので，これはしばしば発生するようである． サーバーがダウンしているとビルドも失敗してしまう． エラーメッセージにそれらしい文言が含まれていたら，この可能性を疑おう．
手元でビルドするかわりに， Docker Hub から pull することも可能である． その場合は次のコマンドを実行する．
sh
$ docker pull tomomano/mymnist:latest
$ docker pull tomomano/mymnist:latest
イメージの準備ができたら，次のコマンドでコンテナを起動し， MNIST の学習を実行する．．
sh
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
このコマンドを実行すると，指定したハイパーパラメータ (--lr で与えられる学習率と --momentum で与えられるモメンタム) を使ってニューラルネットの最適化が始まる． 学習を行う最大のエポック数は --epochs パラメータで指定する． Hands-on #2: AWS でディープラーニングを実践 のハンズオンで見たような， Loss の低下がコマンドライン上に出力されるだろう (figure_title)．
Docker を実行した際の出力
上に示したコマンドを使うと，計算は CPU を使って実行される． もし，ローカルの計算機に GPU が備わっており， nvidia-docker の設定が済んでいるならば， 次のコマンドにより GPU を使って計算を実行できる．
sh
$ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
このコマンドでは，--gpus all というパラメータが加わった．
CPU/GPU どちらで実行した場合でも，エポックを重ねるにつれて訓練データ (Train データ) の Loss は単調に減少していくのが見て取れるだろう． 一方，検証データ (Validation データ) の Loss および Accuracy は，ある程度まで減少した後，それ以上性能が向上しないことに気がつくだろう． これを実際にプロットしてみると figure_title のようになるはずである．
(左) Train/Validation データそれぞれの Loss のエポックごとの変化． (右) Validation データの Accuracy のエポックごとの変化
これはオーバーフィッティングとよばれる現象で，ニューラルネットが訓練データに過度に最適化され，訓練データの外のデータに対しての精度 (汎化性能) が向上していないことを示している． このような場合の対処法として， Early stopping とよばれるテクニックが知られている． Early stopping とは，検証データの Loss を追跡し，それが減少から増加に転じるエポックで学習をうち止め，そのエポックでのウェイトパラメータを採用する，というものである． 本ハンズオンでも， Early stopping によって訓練の終了を判断し，モデルの性能評価を行っていく．
MNIST 手書き文字データセットでは，訓練データとして 60,000 枚，テストデータとして 10,000 枚の画像が与えられている． 本ハンズオンで使用するコードでは，訓練データのうち 80% の 48,000 枚を訓練データとして使用し，残り 20% の 12,000 枚を検証データとして用いている． 詳しくはソースコードを参照のこと．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントは，あるハイパーパラメータの組を指定して Batch にジョブを提出する
  • Batch はジョブを受け取ると， EC2 からなるクラスターで計算を実行する
  • クラスター内では g4dn.xlarge インスタンスが起動する
  • Docker イメージは， AWS 内に用意された ECR (Elastic Container Registry) から取得される
  • 複数のジョブが投下された場合は，その数だけのインスタンスが起動し並列に実行される
  • 各ジョブによる計算の結果は S3 に保存される
  • 最後にクライアントは S3 から結果をダウンロードし，最適なハイパーパラメータの組を決定する
それでは，プログラムのソースコードを見てみよう (handson/aws-batch/app.py)．
python
class SimpleBatch(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
-
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
-
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
-
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
-
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
-
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
-
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
class SimpleBatch(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
-
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
-
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
-
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
-
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
-
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
-
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
  • で，計算結果を保存するための S3 バケットを用意している
  • で， Compute environment を定義している． ここでは g4dn.xlarge のインスタンスタイプを使用するとし，最大の vCPU 使用数は 64 と指定している． また，最小の vCPU は 0 である． 今回は，負荷がかかっていないときにアイドリング状態にあるインスタンスを用意する利点は全くないので，ここは 0 にするのが望ましい．
  • で， <2> で作成した Compute environment と紐付いた Job queue を定義している．
  • で，ジョブが計算結果を S3 に書き込むことができるよう， IAM ロールを定義している． (IAM とはリソースがもつ権限を管理する仕組みである．詳しくは AWS における権限の管理 (IAM) を参照)
  • では， Docker image を配置するための ECR を定義している．
  • で Job definition を作成している． ここでは，4 vCPU， 12000 MB (=12GB) の RAM を使用するように指定している． また，今後必要となる環境変数 (BUCKET_NAME) を設定している． さらに， <4> で作った IAM を付与している．
g4dn.xlarge は 1 台あたり 4 vCPU が割り当てられている． このプログラムでは Compute environment の maximum vCPUs を 64 と指定しているので，最大で 16 台のインスタンスが同時に起動することになる． ここで maxium vCPUs を 64 に限定しているのは，なんらかのミスで意図せぬジョブを大量にクラスターに投入してしまった事態で，高額の AWS 利用料金が発生するのを防ぐためである． もし，自分のアプリケーションで必要と判断したならば自己責任において 64 よりも大きな数を設定して構わない．
ここで注意が一点ある． AWS では各アカウントごとに EC2 で起動できるインスタンスの上限が設定されている． この上限は AWS コンソールにログインし， EC2 コンソールの左側メニューバーの Limits をクリックすることで確認できる (figure_title)． g4dn.xlarge (EC2 の区分でいうと G ファミリーに属する) の制限を確認するには， Running On-Demand All G instances という名前の項目を見る． ここにある数字が， AWS によって課されたアカウントの上限であり，この上限を超えたインスタンスを起動することはできない． もし，自分の用途に対して上限が低すぎる場合は，上限の緩和申請を行うことができる． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
EC2コンソールから各種の上限を確認する
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されたことが確認できたら，AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールの検索バーで batch と入力し， AWS Batch の管理画面を開く (figure_title)．
AWS Batch のコンソール画面 (ダッシュボード)
まず目を向けてほしいのが，画面の一番下にある Compute environment overview の中の SimpleBatchcompute-env という名前の項目だ． Compute environment とは，先ほど述べたとおり，計算が実行される環境 (クラスターと読み替えてもよい) である． プログラムで指定したとおり， g4dn.xlarge が実際に使用されるインスタンスタイプとして表示されている． また， Minimum vCPUs が 0，Maximum vCPUs が 64 と設定されていることも見て取れる． 加えて，この時点では一つもジョブが走っていないので， Desired vCPUs は 0 になっている． より詳細な Compute environment の情報を閲覧したい場合は，名前をクリックすることで詳細画面が開く．
次に，Job queue overview にある SimpleBatch-queue という項目に注目してほしい． ここでは実行待ちのジョブ・実行中のジョブ・実行が完了したジョブを一覧で確認することができる． PENDING, RUNNING, SUCCEEDED, FAILED などのカラムがあることが確認できる．ジョブが進行するにつれて，ジョブの状態がこのカラムにしたがって遷移していく． 後でジョブを実際にサブミットしたときに戻ってこよう．
最後に，今回作成した Job definition を確認しよう． 左側のメニューから　Job definitions を選択し，次の画面で SimpleBatchjob-definition という項目を見つけて開く． ここから Job definition の詳細を閲覧することができる (figure_title)． 中でも重要な情報としては，　vCPUs, Memory, GPU がそれぞれ Docker に割り当てられる vCPU・メモリー・ GPU の量を規定している． また， Image と書いてあるところに，ジョブで使用される Docker イメージが指定されている． ここでは， ECR のレポジトリを参照している． 現時点ではこの ECR は空である． 次のステップとして，この ECR にイメージを配置する作業を行おう．
AWS Batch から Job definition を確認
Docker image を ECR に配置する ​
さて， Batch がジョブを実行するには，どこか指定された場所から Docker イメージをダウンロード (pull) してくる必要がある． 前回のハンズオン (Hands-on #3: AWS で自動質問回答ボットを走らせる) では，公開設定にしてある Docker Hub からイメージを pull してきた． 今回のハンズオンでは， AWS から提供されているレジストリである ECR (Elastic Container Registry) に image を配置するという設計を採用する． ECR を利用する利点は，自分だけがアクセスすることのできるプライベートなイメージの置き場所を用意できる点である． Batch は ECR からイメージを pull してくることで，タスクを実行する (figure_title)．
スタックのソースコードでいうと，次の箇所が ECR を定義している．
python
#
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
-
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
#
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
-
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
  • で，新規の ECR を作成している．
  • で Job definition を定義する中で，イメージを <1> で作った ECR から取得するように指定している． これと同時に， Job definition には ECR へのアクセス権限が IAM を通じて自動的に付与される．
さて，スタックをデプロイした時点では， ECR は空っぽである． ここに自分のアプリケーションで使う Docker イメージを push してあげる必要がある．
そのために，まずは AWS コンソールから ECR の画面を開こう (検索バーに Elastic Container Registry と入力すると出てくる)． Private というタブを選択すると， simplebatch-repositoryXXXXXX という名前のレポジトリが見つかるだろう (figure_title)．
ECR のコンソール画面
次に，このレポジトリの名前をクリックするとレポジトリの詳細画面に遷移する． そうしたら，画面右上にある View push commands というボタンをクリックする． すると figure_title のようなポップアップ画面が立ち上がる．
ECR への push コマンド
このポップアップ画面で表示されている四つのコマンドを順番に実行していくことで，手元の Docker イメージを ECR に push することができる． push を実行する前に， AWS の認証情報が設定されていることを確認しよう． そのうえで，ハンズオンのソースコードの中にある docker/ という名前のディレクトリに移動する． そうしたら，ポップアップ画面で表示されたコマンドを上から順に実行していく．
ポップアップで表示されるコマンドの 2 つめを見てみると docker build -t XXXXX . となっている． 最後の . が重要で，これは 現在のディレクトリにある Dockerfile を使ってイメージをビルドせよ という意味である． このような理由で， Dockerfile が置いてあるディレクトリに移動する必要がある．
四つ目のコマンドは，数 GB あるイメージを ECR にアップロードするので少し時間がかかるかもしれないが，これが完了するとめでたくイメージが ECR に配置されたことになる． もう一度 ECR のコンソールを見てみると，確かにイメージが配置されていることが確認できる (figure_title)． これで，AWS Batch を使ってジョブを実行させるための最後の準備が完了した．
ECR へ image の配置が完了した
単一のジョブを実行する ​
さて，ここからは実際に AWS Batch にジョブを投入する方法を見ていこう．
ハンズオンのディレクトリの notebook/ というディレクトリの中に， run_single.ipynb というファイルが見つかるはずである (.ipynb は Jupyter notebook のファイル形式)． これを Jupyter notebook から開こう．
今回のハンズオンでは， venv による仮想環境の中に Jupyter notebook もインストール済みである． なので，ローカルマシンから以下のコマンドで Jupyter notebook を立ち上げる．
sh
# .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
# .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
Jupyter notebook が起動したら， run_single.ipynb を開く．
最初の [1], [2], [3] 番のセルは，ジョブをサブミットするための関数 (submit_job()) を定義している．
python
# [1]
-import boto3
-import argparse
-
-# [2]
-# AWS 認証ヘルパー ...省略...
-
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
-
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
# [1]
-import boto3
-import argparse
-
-# [2]
-# AWS 認証ヘルパー ...省略...
-
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
-
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
submit_job() 関数について簡単に説明しよう． MNIST 手書き文字認識 (再訪) で， MNIST の Docker をローカルで実行したとき，次のようなコマンドを使用した．
sh
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
ここで， --lr 0.1 --momentum 0.5 --epochs 10 の部分が，コンテナに渡されるコマンドである．
AWS Batch でジョブを実行する際も，ContainerOverrides の command というパラメータを使用することで，コンテナに渡されるコマンドを指定することができる． コードでは以下の部分が該当する．
python
containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
続いて， [4] 番のセルに移ろう． ここでは，上記の submit_job() 関数を用いて， 学習率 = 0.01, モメンタム=0.1, エポック数=100 を指定したジョブを投入する．
python
# [4]
-submit_job(0.01, 0.1, 100)
# [4]
-submit_job(0.01, 0.1, 100)
AWS の認証情報は， Jupyter Notebook の内部から再度定義する必要がある． これを手助けするため， Notebook の [2] 番のセル (デフォルトではすべてコメントアウトされている) を用意した． これを使うにはコメントアウトを解除すればよい． このセルを実行すると， AWS の認証情報を入力する対話的なプロンプトが表示される． プロンプトに従って aws secret key などを入力することで， (Jupyter のセッションに固有な) 環境変数に AWS の認証情報が記録される．
もう一つの認証方法として， submit_job() 関数に profile_name というパラメータを用意した． もし ~/.aws/credentials に認証情報が書き込まれているのならば (詳しくは AWS CLI のインストール)， profile_name に使用したいプロファイルの名前を渡すだけで， 認証を行うことができる． 慣れている読者は後者のほうが便利であると感じるだろう．
[4] 番のセルを実行したら，ジョブが実際に投入されたかどうかを AWS コンソールから確認してみよう． AWS Batch の管理コンソールを開くと， figure_title のような画面が表示されるだろう．
AWS Batch でジョブが実行されている様子
figure_title で赤で囲った箇所に注目してほしい． 一つのジョブが投入されると，それは SUBMITTED という状態を経て RUNNABLE という状態に遷移する． RUNNABLE とは， ジョブを実行するためのインスタンスが Compute environment に不足しているため，新たなインスタンスが起動されるのを待っている状態に相当する． インスタンスの準備が整うと，ジョブの状態は STARTING を経て RUNNING に至る．
次に，ジョブのステータスが RUNNING のときの Compute environment の Desired vCPU を見てみよう (figure_title で紫で囲った箇所)． ここで 4 と表示されているのは， g4dn.xlarge インスタンス一つ分の vCPU の数である． ジョブの投入に応じて，それを実行するのに最低限必要な EC2 インスタンスが起動されたことが確認できる (興味のある人は， EC2 コンソールも同時に覗いてみるとよい)．
しばらく経つと，ジョブの状態は RUNNING から SUCCEEDED (あるいは何らかの理由でエラーが発生したときには FAILED) に遷移する． 今回のハンズオンで使っている MNIST の学習はだいたい 10 分くらいで完了するはずである． ジョブの状態が SUCCEEDED になるまで見届けよう．
ジョブが完了すると，学習の結果 (エポックごとの Loss と Accuracy を記録した CSV ファイル) は S3 に保存される． AWS コンソールからこれを確認しよう．
S3 のコンソールに行くと simplebatch-bucketXXXX (XXXX の部分はユーザーによって異なる) という名前のバケットが見つかるはずである． これをクリックして中身を見てみると， metrics_lr0.0100_m0.1000.csv という名前の CSV があることが確認できるだろう (figure_title)． これが， 学習率 = 0.01, モメンタム = 0.1 として学習を行ったときの結果である．
ジョブの実行結果は S3 に保存される
さて，ここで run_single.ipynb に戻ってこよう． [5] から [7] 番のセルでは，学習結果の CSV ファイルのダウンロードを行っている．
python
# [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
-
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
-
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
-
-    return df
-
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
# [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
-
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
-
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
-
-    return df
-
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
[6] で S3 から CSV データをダウンロードし， pandas の DataFrame オブジェクトとしてロードする関数を定義している． [7] を実行する際， bucket_name という変数の値を，自分自身のバケットの名前に置き換えることに注意しよう (先ほど S3 コンソールから確認した simplebatch-bucketXXXX のことである)．
続いて， [9] 番のセルで， CSV のデータをプロットしている (figure_title)． ローカルで実行したときと同じように， AWS Batch を用いて MNIST モデルを訓練することに成功した！
python
# [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
-
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
-
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
-
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
# [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
-
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
-
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
-
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
AWS Batch で行った MNIST モデルの学習の結果
並列に複数の Job を実行する ​
さて，ここからが最後の仕上げである． ここまでのハンズオンで構築した AWS Batch のシステムを使って，ハイパーパラメータサーチを実際に行おう．
先ほど実行した run_single.ipynb と同じディレクトリにある run_sweep.ipynb を開く．
セル [1], [2], [3] は run_single.ipynb と同一である．
python
# [1]
-import boto3
-import argparse
-
-# [2]
-# AWS 認証ヘルパー ...省略...
-
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
# [1]
-import boto3
-import argparse
-
-# [2]
-# AWS 認証ヘルパー ...省略...
-
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
セル [4] の for ループを使って，グリッド状にハイパーパラメータの組み合わせを用意し， batch にジョブを投入している． ここでは 3x3=9 個のジョブを作成した．
python
# [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
# [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
セル [4] を実行したら， Batch のコンソールを開こう． 先ほどと同様に，ジョブのステータスは SUBMITTED > RUNNABLE > STARTING > RUNNING と移り変わっていくことがわかるだろう． 最終的に 9 個のジョブがすべて RUNNING の状態になることを確認しよう (figure_title)． また，このとき Compute environment の Desired vCPUs は 4x9=36 となっていることを確認しよう (figure_title)．
複数のジョブを同時投入したときの Batch コンソール
次に，Batch のコンソールの左側のメニューから Jobs をクリックしてみよう． ここでは，実行中のジョブの一覧が確認することができる (figure_title)． ジョブのステータスでフィルタリングをすることも可能である． 9 個のジョブがどれも RUNNING 状態にあることが確認できるだろう．
複数のジョブを同時投入したときの Job 一覧
今度は EC2 コンソールを見てみよう． 左のメニューから Instances を選択すると， figure_title に示すような起動中のインスタンスの一覧が表示される． g4dn.xlarge が 9 台稼働しているのが確認できる． Batch がジョブの投下に合わせて必要な数のインスタンスを起動してくれたのだ！
複数のジョブを同時投入したときの EC2 インスタンスの一覧
ここまで確認できたら，それぞれの Job が終了するまでしばらく待とう (だいたい 10-15 分くらいで終わる)． すべてのジョブが終了すると，ダッシュボードの SUCCEEDED が 9 となっているはずだ． また， Compute environment の Desired vCPUs も 0 に落ちていることを確認しよう． 最後に EC2 コンソールに行って，すべての g4dn インスタンスが停止していることを確認しよう．
以上から， AWS Batch を使うことで，ジョブの投入に応じて自動的に EC2 インスタンスが起動され，ジョブの完了とともに，ただちにインスタンスの停止が行われる一連の挙動を観察することができた． 一つのジョブの完了におよそ 10 分の時間がかかるので，9 個のハイパーパラメータの組を逐次的に計算していた場合は 90 分の時間を要することになる． AWS Batch を使ってこれらの計算を並列に実行することで，ジョブ一個分の計算時間 (=10 分) ですべての計算を終えることができた！
さて，再び run_sweep.ipynb に戻ってこよう． [5] 以降のセルでは，グリッドサーチの結果を可視化している．
python
# [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
-
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
-
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
-
-    return df
-
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
-
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
-
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
-
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
# [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
-
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
-
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
-
-    return df
-
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
-
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
-
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
-
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
最終的に出力されるプロットが figure_title である．
ハイパーパラメータのグリッドサーチの結果
このプロットから，差は僅かであるが，学習率が 0.1 のときに精度は最大となることがわかる． また，学習率 0.1 のときはモメンタムを変えても大きな差は生じないことが見て取れる．
今回のパラメータサーチは勉強用に極めて単純化されたものである点は承知いただきたい．
たとえば，今回は学習率が 0.1 が最も良いとされたが，それは訓練のエポックを 100 に限定しているからかもしれない． 学習率が低いとその分訓練に必要なエポック数も多くなる． 訓練のエポック数をもっと増やせばまた違った結果が観察される可能性はある．
また，今回は MNIST の訓練データ 60,000 枚のうち， 48,000 枚を訓練データ，残り 12,000 枚を検証データとして用いた． この分割は乱数を固定してランダムに行ったが，もしこの分割によるデータのバイアスを気にするならば， k 個の異なる学習・検証データの分割をあらかじめ用意して，複数回モデルの評価を行う (k-fold cross-validation) 方法も，より精緻なアプローチとして考えられる．
以上のようにして， CNN を用いた MNIST 分類モデルのハイパーパラメータの最適化の一連の流れを体験した． AWS Batch を利用することで，比較的少ないプログラミングで，動的に EC2 クラスターを制御し，並列にジョブを処理するシステムが構築できた． ここまで EC2 を使いこなすことができれば，多くの問題を自力で解くことが可能になるだろう！
スタックの削除 ​
これにて，本ハンズオンは終了である．最後にスタックを削除しよう． 今回のスタックを削除するにあたり，ECR に配置された Docker のイメージは手動で削除されなければならない (これをしないと， cdk destroy を実行したときにエラーになってしまう． これは CloudFormation の仕様なので従うしかない)．
ECR の Docker image を削除するには， ECR のコンソールに行き，イメージが配置されたレポジトリを開く． そして，画面右上の DELETE ボタンを押して削除する (figure_title)．
ECR から Docker image を削除する
あるいは， AWS CLI から同様の操作を行うには，以下のコマンドを用いる (XXXX は自分の ECR レポジトリ名に置き換える)．
sh
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
image の削除が完了したうえで，次のコマンドでスタックを削除する．
sh
$ cdk destroy
$ cdk destroy
(#sec:batch_development_and_debug) === クラウドを用いた機械学習アプリケーションの開発とデバッグ
本章で紹介したハンズオンでは， AWS Batch を使用することでニューラルネットの学習を複数並列に実行し，高速化を実現した． 本章の最後の話題として，クラウドを用いた機械学習アプリケーションの開発とデバッグの方法について述べよう．
ローカルに GPU を搭載した強力なマシンがなく，クラウドを利用する予算が確保されているのであれば， figure_title のような開発のスキームが理想的であると考える． 最初の段階では， Hands-on #2: AWS でディープラーニングを実践 で見たような方法で， GPU 搭載型の EC2 インスタンスを作成し， Jupyter Notebook などのインタラクティブな環境で様々なモデルを試し実験を行う． Jupyter である程度アプリケーションが完成してきたタイミングで，作成したアプリケーションを Docker イメージにパッケージングする． そして， EC2 上で docker run を行い，作成したイメージがバグなく動作するか確認を行う． その次に，ハイパーパラメータの最適化などのチューニングを， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する のハンズオンで学んだ AWS Batch などの計算システムを利用して行う． よい深層学習モデルが完成したら，仕上げに大規模データへの推論処理を行うシステムを Hands-on #3: AWS で自動質問回答ボットを走らせる を参考に構築する．
実際，本書ではこの流れに沿って演習を進めてきた． MNIST タスクを解くモデルを，最初 Jupyter Notebook を使用して実験し，そのコードをほとんどそのまま Docker にパッケージし， AWS Batch を用いてハイパーパラメータサーチを行った． このサイクルを繰り返すことで，クラウドを最大限に活用した機械学習アプリケーションの開発を進めることができる．
クラウドを活用した機械学習アプリケーションの開発フロー
小括 ​
ここまでが，本書第二部の内容である． 第一部に引き続き盛りだくさんの内容であったが，ついてこれたであろうか？
第二部ではまず最初に，深層学習の計算をクラウドで実行するため， GPU 搭載型の EC2 インスタンスの起動について解説した． さらに，ハンズオンでは，クラウドに起動した仮想サーバーを使って MNIST 文字認識タスクを解くニューラルネットを訓練した (Hands-on #2: AWS でディープラーニングを実践)．
また，より大規模な機械学習アプリケーションを作るための手段として， Docker と ECS によるクラスターの初歩を説明した (Docker 入門)． その応用として，英語で与えられた文章問題への回答を自動で生成するボットをクラウドに展開した (Hands-on #3: AWS で自動質問回答ボットを走らせる)． タスクの投入に応じて動的に計算リソースが作成・削除される様子を実際に体験できただろう．
さらに， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する では AWS Batch を用いてニューラルネットの学習を並列に実行する方法を紹介した． ここで紹介した方法は，ミニマムであるが，計算機システムを大規模化していくためのエッセンスが網羅されている． これらのハンズオン体験から，クラウド技術を応用してどのように現実世界の問題を解いていくのか，なんとなくイメージが伝わっただろうか？
本書の第三部では，さらにレベルアップし，サーバーレスアーキテクチャという最新のクラウドの設計手法について解説する． その応用として，ハンズオンでは簡単な SNS サービスをゼロから実装する． 引き続きクラウドの最先端の世界を楽しんでいこう！
Web サービスの作り方 ​
ここからが，本書第三部の内容になる． これまでのセクションでは，仮想サーバーをクラウド上に起動し，そこで計算を走らせる方法について解説をしてきた． EC2, ECS, Fargate, Batch などを利用して，動的にスケールするクラスターを構成し，並列にタスクを実行するクラウドシステムを実装してきた． 振り返ると，これまで紹介してきた内容は，自分自身が行いたい計算をクラウドを駆使することで実現する，という用途にフォーカスしていたことに気がつくだろう． 一方で，広く一般の人々に使ってもらえるような計算サービス・データベースを提供する，というのもクラウドの重要な役割として挙げられる．
本章から始まる第三部では，前回までとは少し方向性を変え，どのようにしてクラウド上にアプリケーションを展開し，広く一般の人に使ってもらうか，という点を講義したいと思う． これを通じて，どのようにして世の中のウェブサービスができ上がっているのかを知り，さらにどうやって自分でそのようなアプリケーションをゼロから構築するのか，という点を学んでもらう． その過程で，サーバーレスアーキテクチャという最新のクラウド設計手法を解説する．
その前準備として，本章ではどのようにしてウェブサービスが出来上がっているのか，その背後にある技術の概要を解説する． 用語の解説が中心となるが，後のハンズオンを実装するために必須の知識であるので，理解して前に進むよう心がけよう．
ウェブサービスの仕組み  — Twitter を例に ​
あなたがパソコンやスマートフォンから Twitter, Facebook, YouTube などのウェブサービスにアクセスしたとき，実際にどのようなことが行われ，コンテンツが提示されているのだろうか？
HTTP を通じたサーバーとクライアントのデータのやり取りは，すでに知っている読者も多いだろうし，逆にすべて解説しようとすると紙面が足りないので，ここではエッセンスの説明のみにとどめる． 以降では Twitter を具体例として，背後にあるサーバーとクライアントの間の通信を概説しよう． 概念図としては figure_title のような通信がクライアントとサーバーの間で行われていることになる．
クライアントと Web サーバーの通信の概念図
前提として，クライアントとサーバーの通信は HTTP (Hypertext Transfer Protocol) を使って行われる． また，最近では，暗号化された HTTP である HTTPS (HTTPS (Hypertext Transfer Protocol Secure)) を用いることがスタンダードになってきている． 第一のステップとして，クライアントは HTTP(S) 通信によってサーバーから静的なコンテンツを取得する． 静的なコンテンツとは， HTML (Hyptertext Markup Language) で記述されたウェブページの文書本体， CSS (Cascading Style Sheets) で記述されたページのデザインやレイアウトファイル，そして JavaScript (JS) で記述されたページの動的な挙動を定義したプログラム，が含まれる． Twitter を含む現代的なウェブアプリケーションの設計では，この静的なファイル群はページの”枠”を定義するだけで，中身となるコンテンツ (例: ツイートの一覧) は別途 API (Application Programming Interface) によって取得されなければならない． そこで，クライアントは先のステップで取得された JavaScript で定義されたプログラムに従って，サーバーに API を送信し，ツイートや画像データを取得する． この際，テキストデータのやり取りには JSON (JavaScript Object Notation) というフォーマットが用いられることが多い． 画像や動画などのコンテンツも同様に API により取得される． このようにして取得されたテキストや画像が，HTML の文書に埋め込まれることで，最終的にユーザーに提示されるページが完成するのである． また，新しいツイートを投稿するときにも，クライアントから API を通じてサーバーのデータベースにデータが書き込まれる．
REST API ​
API (Application Programming Interface) とはこれまで何度も出てきた言葉であるが，ここではよりフォーマルな定義付けを行う． API とはあるソフトウェア・アプリケーションが，外部のソフトウェアに対してコマンドやデータをやり取りするための媒介の一般的総称である． とくに，ウェブサービスの文脈では，サーバーが外界に対して提示しているコマンドの一覧のことを意味する． クライアントは，提示されている API から適切なコマンドを使うことによって，所望のデータを取得したり，あるいはサーバーにデータを送信したりする．
とくに，ウェブの文脈では REST (Representational State Transfer) とよばれる設計思想に基づいた API が現在では最も一般的に使われている． REST の設計指針に従った API のことを REST API あるいは RESTful API とよんだりする．
REST API は， figure_title に示したような Method と URI (Universal Resource Identifier) の組からなる．
REST API
Method (メソッド) とは，どのような操作を行いたいかを抽象的に表す，"動詞" として捉えることができる． メソッドには HTTP 規格で定義された 9 個の動詞 (verb) を使用することができる． この中でも， GET, POST, PUT, PATCH, DELETE の 5 個が最も頻繁に使用される (table_title)． この 5 つのメソッドによる操作を総称して CRUD (create, read, update, and delete) とよぶ．
REST API Methods
メソッド意図される動作
GET
要素を取得する
POST
新しい要素を作成する
PUT
既存の要素を新しい要素と置き換える
PATCH
既存の要素の一部を更新する
DELETE
要素を削除する
一方， URI は操作が行われる対象，すなわち "目的語" を表す． ウェブの文脈では操作が行われる対象のことをしばしば リソース とよぶ． URI は多くの場合 http または https から始まるウェブサーバーのアドレスから始まり， / (スラッシュ) 以降に所望のリソースのパスが指定される． figure_title の例で言えば， https://api.twitter.com というアドレスの /1.1/status/home_timeline というリソースを取得 (GET) せよ，という意味になる (なお，ここで 1.1 という数字は API のバージョンを示している)． この API リクエストによって，ユーザーのホームのタイムラインのツイートの一覧が取得される．
REST API のメソッドには， table_title で挙げたもの以外に， HTTP プロトコルで定義されているほかのメソッド (OPTIONS, TRACE など) を用いることもできるが，あまり一般的ではない．
また，これらのメソッドだけでは動詞として表現しきれないこともあるが， URI の名前でより意味を明確にすることもある． メソッドの使い方も，要素を削除する際は必ず DELETE を使わなければならない，という決まりもなく，たとえば， Twitter API でツイートを消す API は POST statuses/destroy/:id で定義されている． 最終的には，各ウェブサービスが公開している API ドキュメンテーションを読んで，それぞれの API がどんな操作をするのかを調べる必要がある．
REST の概念は 2000 年代初頭に確立され，今日の API 設計のスタンダードとなった． 一方で，ウェブのテクノロジーが進歩するにつれて，新たな API の設計アプローチの需要も高まっている． 近年とくに人気を集めているのが， GraphQL と呼ばれる API の設計方法である． GraphQL は Facebook 社によって最初に作られ，現在は GraghQL Foundation によって維持と更新がされている． GraphQL を使用すると，クライアントは REST と比較してより柔軟性の高いデータのクエリを行うことができるなど，いくつかの利点がある． キーワードだけでも知っておくと，今後役に立つだろう．
Twitter API ​
もう少し具体的にウェブサービスの API を体験する目的で，ここでは Twitter の API を見てみよう． Twitter が提供している API の一覧は Twitter の Developer Documentation で見ることができる． いくつかの代表的な API を table_title にまとめた．
Twitter API
エンドポイント動作
GET statuses/home_timeline
ホームのタイムラインのツイートの一覧を取得する．
GET statuses/show/:id
:id で指定されたツイートの詳細情報を取得する．
GET search
ツイートの検索を実行する．
POST statuses/update
新しいツイートを投稿する．
POST media/upload
画像をアップロードする
POST statuses/destroy/:id
:id で指定されたツイートを削除する．
POST statuses/retweet/:id
:id で指定されたツイートをリツイートする．
POST statuses/unretweet/:id
:id で指定されたツイートのリツイートを取り消す．
POST favorites/create
選択したツイートを"いいね"する．
POST favorites/destroy
選択したツイートを"いいね"を取り消す．
この API リストをもとに， Twitter のアプリまたはウェブサイトを開いたときに起こるクライアントとサーバーの通信をシミュレートしてみよう．
ユーザーが Twitter を開くと，まず最初に GET statuses/home_timeline の API リクエストによって，ユーザーのホームのタイムラインのツイートのリストが取得される． 個々のツイートは JSON 形式のデータになっており， id, text, user, coordinates, entities などの属性を含む． id はツイートに固有な ID を表し， text はツイートの本文を含んでいる． user はツイートを投稿したユーザーの名前やプロフィール画像の URL などを含んだ JSON データになっている． coordinates にはツイートが発信された地理的な座標が記録されている． また， entities にはツイートに関連するメディアファイル (画像など) のリンクなどの情報が埋め込まれている． GET statuses/home_timeline からは直近のツイートのリスト (リストが長すぎる場合は途中で切られたもの) が取得される． もしツイートの ID を知っている場合は GET statuses/show/:id を呼ぶことによって， :id パラメータで指定された特定のツイートを取得することができる．
ツイートの検索を行うためには GET search API を使用する． この API には，ツイートに含まれる単語や，ハッシュタグ，ツイートの発信された日時や場所など，様々なクエリの条件を渡すことができる． API からは， GET statuses/home_timeline などと同様， JSON 形式のツイートのデータが返される．
ユーザーが新しいツイートを投稿するには POST statuses/update のエンドポイントを利用する． POST statuses/update には，ツイートの文章や，リプライの場合はリプライ先のツイートの ID などのデータを送信する． また，ツイートに画像データを添付したい場合は， POST media/upload を併せて使用する． ツイートの削除を行うには， POST statuses/destroy/:id を用いる．
そのほか，頻繁に行われる操作としては， POST statuses/retweet/:id と POST statuses/unretweet/:id がある． これらは， :id で指定されるツイートに対して，それぞれリツイートを実行あるいは取り消すための API である． また， POST favorites/create，POST favorites/destroy を使用することによって，選択されたツイートに"いいね"を追加したり，取り消したりする操作を行う．
このような一連の操作が， Twitter のアプリの背後では行われている． また，自分自身でボットを作成したい場合は，これらの API を適切に組み合わせ，カスタムのプログラムを書くことで実現される．
このように， API はあらゆるウェブサービスを作るうえで一番基礎となる要素である． 次からの章では本章で紹介した用語が何度も出てくるので，頭の片隅に置いたうえで読み進めていただきたい．
Serverless architecture ​
サーバーレスアーキテクチャ (Serverless architecture) あるいは サーバーレスコンピューティング (Serverless computing) とは，従来とは全く異なるアプローチに基づくクラウドシステムの設計方法である． 歴史的には， AWS が 2014 年に発表した Lamba がサーバーレスアーキテクチャの先駆けとされている． その後， Google や Microsoft などのクラウドプラットフォームも同様の機能の提供を開始している． サーバーレスアーキテクチャの利点は，スケーラブルなクラウドシステムを安価かつ簡易に作成できる点であり，近年いたるところで導入が進んでいる．
Serverless とは，文字どおりの意味としてはサーバーなしで計算をするということになるが，それは一体どういう意味だろうか？ サーバーレスについて説明するためには，まずは従来的な， "serverful" とよばれるようなシステムについて解説しなければならない．
Serverful クラウド (従来型) ​
従来的なクラウドシステムのスケッチを figure_title に示す． クライアントから送信されたリクエストは，最初に API サーバーに送られる． API サーバーでは，リクエストの内容に応じてタスクが実行される． タスクには，API サーバーだけで完結できるものもあるが，多くの場合，データベースの読み書きが必要である． データベースには，データベース専用の独立したサーバーマシンが用いられることが一般的である． また，画像や動画などの容量の大きいデータは，また別のストレージサーバーに保存されることが多い． これらの API サーバー，データベースサーバー，ストレージサーバーはそれぞれ独立したサーバーマシンであり， AWS の言葉では EC2 による仮想インスタンスを想定してもらったらよい．
多くのウェブサービスでは，多数のクライアントからのリクエストを処理するため，複数のサーバーマシンがクラウド内で起動し，負荷を分散するような設計がなされている． クライアントから来たリクエストを計算容量に余裕のあるサーバーに振り分けるような操作を Load balancing とよび，そのような操作を担当するマシンのことを Load balancer という．
計算負荷を分散する目的で多数のインスタンスを起動するのはよいのだが，計算負荷が小さすぎてアイドリング状態にあるようではコストと電力の無駄遣いである． したがって，すべてのサーバーが常に目標とする計算負荷を維持するよう，計算の負荷に応じてクラスター内の仮想サーバーの数を動的に増減させるような仕組みが必要である． そのような仕組みをクラスターのスケーリングとよび，負荷の増大に応答して新しい仮想インスタンスをクラスターに追加する操作を scale-out，負荷の減少に応答してインスタンスをシャットダウンする操作を scale-in とよぶ． クラスターのスケーリングは， API サーバーではもちろんのこと，データベースサーバー・ストレージサーバーでも必要になる． ストレージサーバーでは，例えば頻繁にアクセスされるデータはキャッシュ領域に保存したり，データのコピーを複数作るなどのスケーリングが行われる． データベースサーバーも同様に，頻繁にアクセスされるデータのアクセスがパンクしてしまわないよう，分散的な処理が必要となる． このように，クラウドシステム内すべての箇所で，負荷が均一になるような調整が必要であり，開発者は多くの時間をそのチューニングに費やさなければならない． また，サービスの利用者の数などに応じてスケーリングの設定は常に見直される必要があり，継続的な開発が要求される．
さらに問題を複雑にするのは，API サーバーで処理されるべきタスクが，非一様な点である． 非一様であるとは，たとえばタスク A は 3000 ミリ秒の実行時間と 512MB のメモリーを消費し，別のタスク B は 1000 ミリ秒の実行時間と 128MB のメモリーを消費する，というような状況を指している． 一つのサーバーマシンが計算負荷が異なる複数のタスクを処理する場合，クラスターのスケーリングはより複雑になる． この状況をシンプルにするために，１サーバーで実行するタスクは１種類に限る，という設計も可能であるが，そうするとで生まれる弊害も多い (ほとんど使われないタスクに対してもサーバー一台をまるまる割り当てなければならない = ほとんどアイドリング状態になってしまう，など)．
Serverful なクラウドシステム
Serverless クラウドへ ​
Serverful クラウド (従来型) で議論したように，クラスターのスケーリングはクラウドシステムの経済的効率とシステムの安定性を最大化するために必須の作業である． それを反映して，多くの開発者の時間が投資されてきた．
クラスターのスケーリングはすべての開発者が何度も繰り返し行ってきた作業であり，いくつかの側面をテンプレート化し，共通化することができたならば開発のコストを大幅に削減できるだろう． それを実現するには，根本的なレベルからクラウドシステムの設計を考え直す必要がある． スケーリングを前提として考えることで，もっとシンプルで見通しがよいクラウドシステムの設計の仕組みはないだろうか？ そのような動機が，サーバーレスアーキテクチャが誕生する背後にあった．
従来の serverful なシステムでの最大の問題点は，サーバーをまるまる占有してしまうという点にある． すなわち， EC2 インスタンスを起動したとき，そのインスタンスは起動したユーザーだけが使えるものであり，計算のリソース (CPU や RAM) が独占的に割り当てられた状態になる． 固定した計算資源の割り当てがされてしまっているので，インスタンスの計算負荷が 0%であろうが 100%であろうが，均一の使用料金が起動時間に比例して発生する．
サーバーレスアーキテクチャは，このような 独占的に割り当てられた計算リソースというものを完全に廃止することを出発点とする． サーバーレスアーキテクチャでは，計算のリソースは，クラウドプロバイダーがすべて管理する． クライアントは，仮想インスタンスを一台まるごと借りるのではなく，計算のタスクの需要が生まれる毎に，実行したいプログラム・コマンドをクラウドに提出する． クラウドプロバイダーは，自身のもつ巨大な計算リソースから空きを探し，提出されたプログラムを実行し，実行結果をクライアントに返す． 言い換えると，計算リソースのスケーリングやアロケーションなどはクラウドプロバイダーが一手に引き受け，ユーザーはジョブをサブミットすることに注力する，という枠組みである． これを図示すると， figure_title のようになる．
従来のクラウドと Serverless クラウドの比較
サーバーレスクラウドでは，スケーリングはすべてクラウドプロバイダーが引き受けるので，スケーラビリティーが保証されている． クライアントが同時に大量のタスクを送信した場合でも，クラウドプロバイダー側の独自の仕組みによってすべてのタスクが遅延なく実行される． また，サーバーレスクラウドを利用することで，クラウドのコストは実際に使用した計算の総量 (稼働時間) で決定されることになる． これは，計算の実行総量に関わらずインスタンスの起動時間で料金が決定されていた従来のシステムと比べて大きな違いである．
サーバーレスクラウドは，従来のクラウドとは根本から異なったアプローチなので，コードの書き方やシステムの設計が大きく異なる． サーバーレスクラウドを開発・運用するには，サーバーレス固有の概念や用語に精通している必要がある． 以降では，実際にクラウドを動かしながら，サーバーレスをより具体的に体験していこう．
従来型の(仮想インスタンスをたくさん起動するような)クラウドシステムは，賃貸と似ているかもしれない． 部屋を借りるというのは，その部屋でどれだけの時間を過ごそうが，月々の家賃は一定である． 同様に，仮想サーバーも，それがどれほどの計算を行っているかに関わらず，一定の料金が時間ごとに発生する．
一方で，サーバーレスクラウドは，電気・水道・ガス料金 と似ている． こちらは，実際に使用した量に比例して料金が決定されている． サーバーレスクラウドも，実際に計算を行った総時間で料金が決まる仕組みになっている．
サーバーレスクラウドを構成するコンポーネント ​
サーバーレスアーキテクチャの概要がわかってきたところで，ここでは AWS においてサーバーレスクラウドを構成する様々なコンポーネントを紹介していこう． 特に， Lambda, S3, DynamoDB を取り上げ，解説する (figure_title)． サーバーレスクラウドは，これらのコンポーネントを統合することで一つのシステムが出来上がる． ここでは， Lambda，S3，DynamoDB を利用する際に押さえておかなければならない知識を一通り説明しきる都合上，具体的なイメージがわきにくいかもしれない． が，続く Hands-on #5: サーバーレス入門 でそれぞれについてハンズオン形式で演習を行うので，そこでさらに理解を深めれば大丈夫である．
Lambda, S3, DynamoDB のアイコン
Lambda ​
AWS でサーバーレスコンピューティングの中心を担うのが， Lambda である． Lambda の使い方を figure_title に図示している． Lambda の仕組みはシンプルで，まずユーザーは実行したいプログラムのコードを事前に登録しておく． プログラムは， Python, Node.js, Ruby などの主要な言語がサポートされている． Lambda に登録されたひとつひとつのプログラムを関数 (Function) とよぶ． そして，関数を実行したいときに，invoke コマンドを Lambda に送信する． Lambda では， invoke のリクエストを受け取るとただちに (数ミリセカンドから数百ミリセカンド程度の時間で) プログラムの実行を開始する． そして，実行結果をクライアントやその他の計算機に返す．
AWS Lambda
このように，Lambda では占有された仮想インスタンスは存在せず，実行を待っているプログラムだけがある状態である． invoke のリクエストに応じて，プログラムが AWS の巨大な計算機プールのどこかに配置され，実行される． 同時に複数のリクエストが来た場合でも， AWS はそれらを実行するための計算リソースを割り当て，並列的に処理を行ってくれる． 原理上は，数千から数万のリクエストが同時に来たとしても， Lambda はそれらを同時に実行することができる． このような，占有された仮想サーバーの存在なしに，動的に関数を実行するサービスのことを総称して FaaS (Function as a Service) とよぶ．
Lambda ではそれぞれの関数につき， 128MB から 10240MB のメモリーを使用することができる (執筆時点の仕様)． また，実効的な CPU のパワーはメモリーの量に比例する形で割り当てられる． すなわち，タスクに割り当てたメモリーの量が多ければ多いほど，より多くの CPU リソースが割り当てられることになる (しかし， RAM と CPU パワーの具体的な換算表は AWS からは公開されていない)． 実行時間は 100 ミリ秒の単位で記録され，実行時間に比例して料金が決定される． table_title は Lambda の利用料金表である (執筆時点で ap-north-east1 リージョンを選択した場合)．
Lambda の料金表
Memory (MB)Price per 100ms
128
$0.0000002083
512
$0.0000008333
1024
$0.0000016667
3008
$0.0000048958
実行時間に比例する料金に追加して，リクエストを送信するごとに発生する料金が設定されている． これは，百万回のリクエストにつき $0.2 である． たとえば， 128MB のメモリーを使用する関数を，それぞれ 200 ミリ秒，合計で 100 万回実行した場合， 0.0000002083 * 2 * 10^6 + 0.2 = $0.6 の料金となる． ウェブサーバーのデータベースの更新など簡単な計算であれば，200 ミリ秒程度で実行できる関数も多いことから，100 万回データベースの更新を行ったとしても，たった $0.6 しかコストが発生しないことになる． また，コードが実行されず待機状態になっている場合は，発生する料金は 0 である． このように，実際に意味のある処理が行われた時間にのみ，料金が発生する仕組みになっている．
Lambda は比較的短時間で完了する，反復性の高いタスクの実行に向いている． データベースの読み書きはその典型的な例であるが，そのほかにも，画像のサイズをトリミングしたり，サーバーサイドで定期的に実行されるメンテナンス処理などの利用が考えられる． また，複数の Lambda をリレー式に繋げることも可能で，シンプルな処理を組み合わせることで複雑なロジックを表現することができる．
上述の Lambda の料金計算は，説明のためコストに寄与する要素をいくつか省いている点は承知いただきたい． 例えば， DynamoDB の読み書きに関する料金や，ネットワークの通信にかかわるコストが考慮されていない．
サーバーレスストレージ: S3 ​
サーバーレスの概念は，ストレージにも拡張されている．
従来的なストレージ (ファイルシステム) では，必ずホストとなるマシンと OS が存在しなければならない． したがって，それほどパワーは必要ないまでも，ある程度の CPU リソースを割かなければならない． また，従来的なファイルシステムでは，データ領域のサイズは最初にディスクを初期化するときに決めなければならず，後から容量を増加させることはしばしば困難である (ZFS などのファイルシステムを使えばある程度は自由にファイルシステムのサイズを変更することは可能である)． よって，従来的なクラウドでは，ストレージを借りる際にはあらかじめディスクのサイズを指定せねばならず，ディスクの中身が空であろうと満杯であろうと，同じ利用料金が発生することになる (figure_title)．
Simple Storage Service (S3) は，サーバーレスなストレージシステムを提供する (figure_title)． S3 は従来的なストレージシステムと異なり， OS に"マウントする”という概念はない． 基本的に API を通じてデータの読み書きの操作が行われる． また，データの冗長化や暗号化，バックアップの作成など，通常ならば OS と CPU が介在しなければならない操作も， API を通じて行うことができる． S3 では事前に決められたディスク領域のサイズはなく，データを入れれば入れた分だけ，保存領域は拡大していく (仕様上はペタバイトスケールのデータを保存することが可能である)． ストレージにかかる料金は，保存してあるデータの総容量で決定される．
S3 と従来的なファイルシステムの比較
S3 を利用する際に，料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 説明のため主要な事項のみ取り出している． 詳細は 公式ドキュメンテーション "Amazon S3 pricing" を参照)．
S3 の利用料金
項目料金
Data storage (First 50TB)
$0.023 per GB per month
PUT, COPY, POST, LIST requests (per 1,000 requests)
$0.005
GET, SELECT, and all other requests (per 1,000 requests)
$0.0004
Data Transfer IN To Amazon S3 From Internet
$0
Data Transfer OUT From Amazon S3 To Internet
$0.09 per GB
第一に，データの保存には $0.025 per GB のコストが月ごとに発生する． したがって，1000GB のデータを S3 に一ヵ月保存した場合， $25 の料金が発生することになる． また，PUT, COPY, POST などのリクエスト (=データを書き込む操作) に対しては，データ容量に関係なく，1000 回ごとに $0.005 のコストが発生する． GET, SELECT などのリクエスト (=データを読み込む操作) に対しては，1000 回ごとに $0.0004 のコストが発生する． また， S3 はデータを外に取り出す際の通信にもコストが生じる． 執筆時点では，S3 からインターネットを通じて外部にデータを転送 (data-out) すると $0.09 per GB のコストが発生する． データをインターネットを通じて S3 に入れる (data-in) 通信は無料で行える． また， AWS の 同じ Region 内のサービス (Lambda や EC2 など) にデータを転送するのは無料である． AWS のリージョンをまたいだデータの転送にはコストが発生する． いずれにせよ，サーバーレスの概念に則り，すべての料金が従量課金制で決定される設定になっている．
サーバーレスデータベース: DynamoDB ​
サーバーレスの概念は，データベースにも適用することができる．
ここでいうデータベースとは， Web サービスなどにおけるユーザーや商品の情報を記録しておくための保存領域のことを指している． 従来的に有名なデータベースとしては MySQL, PostgreSQL, MongoDB などが挙げられる． データベースと普通のストレージの違いは，データの検索機能にある． 普通のストレージではデータは単純にディスクに書き込まれるだけだが， データベースでは検索がより効率的になるようなデータの配置がされたり， 頻繁にアクセスされるデータはメモリーにキャッシュされるなどの機能が備わっている． これにより，巨大なデータの中から，興味のある要素を高速に取得することができる．
このような検索機能を実現するには，当然 CPU の存在が必須である． したがって，従来的なデータベースを構築する際は，ストレージ領域に加えて，たくさんの CPU コアを搭載したマシンが用いられることが多い． また，データベースが巨大な場合は複数マシンにまたがった分散型のシステムが設計される． 分散型システムの場合は， Serverful クラウド (従来型) で議論したようにデータベースへのアクセス負荷に応じて適切なスケーリングがなされる必要がある．
DynamoDB は， AWS が提供しているサーバーレスな分散型データベースである． サーバーレスであるので，占有されたデータベース用仮想インスタンスは存在せず， API を通じてデータの書き込み・読み出し・検索などの操作を行う． S3 と同様に，データ保存領域の上限は定められておらず，データを入れれば入れた分だけ，保存領域は拡大していく． また，データベースへの負荷が増減したときのスケーリングは， DynamoDB が自動で行うので，ユーザーは心配する必要はない．
DynamoDB での利用料金の計算はやや複雑なのだが， "On-demand Capacity" というモードで使用した場合の料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 詳細は 公式ドキュメンテーション "Pricing for On-Demand Capacity" を参照)．
DynamoDB の利用料金
項目料金
Write request units
$1.25 per million write request units
Read request units
$0.25 per million read request units
Data storage
$0.25 per GB-month
DynamoDB ではデータの書き込み操作の単位を write request unit とよび，データの読み込み操作の単位を read request unit とよぶ． 基本的に， 1kB 以下のデータを一度書き込むと 1 write request unit を消費し，4kB 以下のデータを一度読み込むと 1 read request unit を消費する (詳しくは 公式ドキュメンテーション "Read/Write Capacity Mode" を参照のこと)． write request units は 100 万回ごとに $1.25, read request units は 100 万回ごとに $0.25 のコストが設定されている． また，保存されたデータ容量に対して $0.25 per GB のコストが月ごとに発生する． DynamoDB は高速な検索機能などを備えたデータベースであるので， GB あたりのストレージコストは S3 に比べ 10 倍程度高い． DynamoDB のデータの転送に関わるコストは，同じリージョン内ならば data-in，data-out ともに $0 である． リージョンをまたいだ通信には別途コストが発生する．
その他のサーバーレスクラウドの構成要素 ​
以上で紹介した Lambda, S3, DynamoDB がサーバーレスクラウドの中で最も使用する頻度が高いサービスになる． その他のサーバーレスクラウドの構成要素を以下に列挙する． いくつかについては，今後のハンズオンを行う中で改めて解説を行う．
サーバーレスアーキテクチャは万能か？
この問いへの答えは，筆者は NO であると考える．
ここまで，サーバーレスの利点を強調して説明をしてきたが，まだまだ新しい技術なだけに，欠点，あるいはサーバーフルなシステムに劣る点は数多くある．
大きな欠点を一つあげるとすれば，サーバーレスのシステムは各クラウドプラットフォームに固有なものなので，特定のプラットフォームでしか運用できないシステムになってしまう点であろう． AWS で作成したサーバーレスのシステムを， Google のクラウドに移植するには，かなり大掛かりなプログラムの書き換えが必要になる． 一方， serverful なシステムであれば，プラットフォーム間のマイグレーションは比較的簡単に行うことができる． クラウドプロバイダーとしては，自社のシステムへの依存度を強めることで，顧客を離さないようにするという狙いがあるのだろう…
その他，サーバーレスコンピューティングの欠点や今後の課題などは，次の論文で詳しく議論されている． 興味のある読者はぜひ読んでいただきたい．
Hands-on #5: サーバーレス入門 ​
前章ではサーバーレスアーキテクチャの概要の説明を行った． 本章では，ハンズオン形式でサーバーレスクラウドを実際に動かしながら，具体的な使用方法を学んでいこう． 今回のハンズオンでは Lambda, S3, DynamoDB の三つのサーバーレスクラウドの構成要素に触れていく． それぞれについて，短いチュートリアルを用意してある．
Lambda ハンズオン ​
まずは， Lambda を実際に動かしてみよう． ハンズオンのソースコードは GitHub の handson/serverless/lambda に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して Python で書かれたコードを Lambda に登録する． 続いて STEP 2 では， Invoke API を使用して，同時にいくつもの Lambda を起動し，並列な計算を行う． Lambda のワークフローを体験する目的で最小限の設定である．
Lambda チュートリアルの概要
このハンズオンは，基本的に AWS Lambda の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
py
#
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
-
-class SimpleLambda(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
#
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
-
-class SimpleLambda(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
  • ここで， Lambda で実行されるべき関数を定義している． これは非常に単純な関数で，2-5 秒のランダムな時間スリープした後，["salmon", "tuna", "squid"] のいずれかの文字列をランダムに選択し， "Welcome to Cloud Sushi. Your order is XXXX" (XXXX は選ばれた寿司のネタ) というメッセージをリターンする．
  • 次に， Lambda に <1> で書いた関数を配置している． パラメータの意味は，文字どおりの意味なので難しくはないが，以下に解説する．
    • runtime=_lambda.Runtime.PYTHON_3_7: ここでは， Python3.7 を使って上記で定義された関数を実行せよ，と指定している． Python3.7 のほかに， Node.js, Java, Ruby, Go などの言語を指定することが可能である．
    • code=_lambda.Code.from_inline(FUNC): 実行されるべき関数が書かれたコードを指定する． ここでは， FUNC=... で定義した文字列を渡しているが，文字列以外にもファイルのパスを渡すことも可能である．
    • handler="index.handler": これは，コードの中にいくつかのサブ関数が含まれているときに，メインとサブを区別するためのパラメータである． handler という名前の関数をメイン関数として実行せよ，という意味である．
    • memory_size=128: メモリーは 128MB を最大で使用することを指定している．
    • timeout=core.Duration.seconds(10) タイムアウト時間を 10 秒に設定している． 10 秒以内に関数の実行が終了しなかった場合，エラーが返される．
    • dead_letter_queue_enabled=True: アドバンストな設定なので説明は省略する．
上記のプログラムを実行することで， Lambda 関数がクラウド上に作成される． 早速デプロイしてみよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleLambda.FunctionName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから，Lambda のページに行くと figure_title のような画面から Lambda の関数の一覧が確認できる．
Lambda コンソール - 関数の一覧
今回のアプリケーションで作成したのが SimpleLambda で始まるランダムな名前のついた関数だ． 関数の名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． 先ほどプログラムの中で定義した Python の関数がエディターから確認できる． さらに下の方にスクロールすると，関数の各種設定も確認できる．
Lambda コンソール - 関数の詳細
Lambda で実行されるコードは， Lambda のコンソール画面 (figure_title) のエディターで編集することもできる． デバッグをするときなどは，こちらを直接いじる方が早い場合もある． その場合は， CDK のコードに行った編集を反映させなおすことを忘れずに．
Lambda 関数の実行 ​
それでは，作成した Lambda 関数を実行 (invoke) してみよう． AWS の API を使うことで，関数の実行をスタートすることができる． 今回は， handson/serverless/lambda/invoke_one.py に関数を実行するための簡単なプログラムを提供している． 興味のある読者はコードを読んでもらいたい．
以下のコマンドで，Lambda の関数を実行する． コマンドの XXXX の部分は，先ほどデプロイしたときに SimpleLambda.FunctionName = XXXX で得られた XXXX の文字列で置換する．
sh
$ python invoke_one.py XXXX
$ python invoke_one.py XXXX
すると， "Welcome to Cloud Sushi. Your order is salmon" という出力が得られるはずだ． とてもシンプルではあるが，クラウド上で先ほどの関数が走り，乱数が生成されたうえで，ランダムな寿司ネタが選択されて出力が返されている． このコマンドを何度か打ってみて，実行ごとに異なる寿司ネタが返されることを確認しよう．
さて，このコマンドは，一度につき一回の関数を実行したわけであるが， Lambda の本領は一度に大量のタスクを同時に実行できる点である． そこで，今度は一度に 100 個のタスクを同時に送信してみよう． handson/serverless/lambda/invoke_many.py のスクリプトを使用する．
次のコマンドを実行しよう． XXXX の部分は前述と同様に置き換える． 第二引数の 100 は 100 個のタスクを投入せよ，という意味である．
sh
$ python invoke_many.py XXXX 100
$ python invoke_many.py XXXX 100
すると次のような出力が得られるはずだ．
sh
....................................................................................................
-Submitted 100 tasks to Lambda!
....................................................................................................
-Submitted 100 tasks to Lambda!
実際に，100 個のタスクが同時に実行されていることを確認しよう． figure_title の画面に戻り， "Monitoring" というタブがあるので，それをクリックする． すると， figure_title のようなグラフが表示されるだろう．
Lambda コンソール - 関数の実行のモニタリング
figure_title のグラフの更新には数分かかることがあるので，なにも表示されない場合は少し待つ．
figure_title で "Invocations" が関数が何度実行されたかを意味している． たしかに 100 回実行されていることがわかる． さらに， "Concurrent executions" は何個のタスクが同時に行われたかを示している． ここでは 96 となっていることから，96 個のタスクが並列的に実行されたことを意味している (これが 100 とならないのは，タスクの開始のコマンドが送られたのが完全には同タイミングではないことに起因する)．
このように，非常にシンプルではあるが， Lambda を使うことで，同時並列的に処理を実行することのできるクラウドシステムを簡単に作ることができた．
もしこのようなことを従来的な serverful なクラウドで行おうとした場合，クラスターのスケーリングなど多くのコードを書くことに加えて，いろいろなパラメータを調節する必要がある．
興味がある人は，一気に 1000 個などのジョブを投入してみるとよい． Lambda はそのような大量のリクエストにも対応できることが確認できるだろう． が，あまりやりすぎると Lambda の無料利用枠を超えて料金が発生してしまうので注意．
スタックの削除 ​
最後にスタックを削除しよう． スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
DynamoDB ハンズオン ​
続いて， DynamoDB の簡単なチュートリアルをやってみよう． ハンズオンのソースコードは GitHub の /handson/serverless/dynamodb に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して DynamoDB のテーブルを初期化し，デプロイする． 続いて STEP 2 では， API を使用してデータベースのデータの書き込み・読み出し・削除などの操作を練習する．
DynamoDB チュートリアルの概要
このハンズオンは，基本的に AWS DynamoDB の無料枠 の範囲内で実行できる．
handson/serverless/dynamodb/app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
このコードで，最低限の設定がなされた空の DynamoDB テーブルが作成される． それぞれのパラメータの意味を簡単に解説しよう．
  • partition_key: すべての DynamoDB テーブルには Partition key が定義されていなければならない． Partition key とは，テーブル内の要素 (レコード) ごとに存在する固有の ID のことである． 同一の Partition key をもった要素がテーブルの中に二つ以上存在することはできない (注: Sort Key を使用している場合は除く．詳しくは 公式ドキュメンテーション "Core Components of Amazon DynamoDB" 参照)． また， Partition key が定義されていない要素はテーブルの中に存在することはできない． ここでは， Partition key に item_id という名前をつけている．
  • billing_mode: ddb.BillingMode.PAY_PER_REQUEST を指定することで， On-demand Capacity Mode の DynamoDB が作成される． ほかに PROVISIONED というモードがあるが，これはかなり高度なケースを除いて使用しないだろう．
  • removal_policy: CloudFormation のスタックが消去されたときに， DynamoDB も一緒に消去されるかどうかを指定する． このコードでは DESTROY を選んでいるので，すべて消去される． ほかのオプションを選択すると，スタックを消去しても DynamoDB のバックアップを残す，などの動作を定義することができる．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleDynamoDb.TableName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから， DynamoDB のページに行き，左のメニューバーから "Tables" を選択する． すると， figure_title のような画面からテーブルの一覧が確認できる．
DynamoDB のコンソール (テーブルの一覧)
今回のアプリケーションで作成したのが SimpleDynamoDb で始まるランダムな名前のついたテーブルだ． テーブルの名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． "Items" のタブをクリックすると，テーブルの中のレコードを確認できる． 現時点ではなにもデータを書き込んでいないので，空である．
DynamoDB のコンソール (テーブルの詳細画面)
データの読み書き ​
それでは， デプロイ で作ったテーブルを使ってデータの読み書きを実践してみよう． ここでは Python と boto3 ライブラリを用いた方法を紹介する．
まずは，テーブルに新しい要素を追加してみよう． ハンズオンのディレクトリにある simple_write.py を開いてみよう． 中には次のような関数が書かれている．
python
import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
-
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
-
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
コードを上から読んでいくと，まず最初に boto3 ライブラリをインポートし， dynamodb のリソースを呼び出している． write_item() 関数は， DynamoDB のテーブルの名前 (上で見た SimpleDynamoDb-XXXX) を引数として受け取る． そして， put_item() メソッドを呼ぶことで，新しいアイテムを DB に書き込んでいる． アイテムには item_id, first_name, last_name, age の 4 つの属性が定義されている． ここで， item_id は先ほど説明した Partition key に相当しており， UUID4 を用いたランダムな文字列を割り当てている．
では， simple_write.py を実行してみよう． "XXXX" の部分を自分がデプロイしたテーブルの名前 (SimpleDynamoDb で始まる文字列) に置き換えたうえで，次のコマンドを実行する．
sh
$ python simple_write.py XXXX
$ python simple_write.py XXXX
新しい要素が正しく書き込めたか， AWS コンソールから確認してみよう． figure_title と同じ手順で，テーブルの中身の要素の一覧を表示する． すると figure_title のように，期待通り新しい要素が見つかるだろう．
DynamoDB に新しい要素が追加されたことを確認
boto3 を使ってテーブルから要素を読みだすことも可能である． ハンズオンのディレクトリにある simple_read.py を見てみよう．
python
import boto3
-ddb = boto3.resource('dynamodb')
-
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
import boto3
-ddb = boto3.resource('dynamodb')
-
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
table.scan().get("Items") によって，テーブルの中にあるすべての要素を読みだしている．
次のコマンドで，このスクリプトを実行してみよう ("XXXX" の部分を正しく置き換えることを忘れずに）．
sh
$ python simple_read.py XXXX
$ python simple_read.py XXXX
先ほど書き込んだ要素が出力されることを確認しよう．
大量のデータの読み書き ​
DynamoDB の利点は，最初に述べたとおり，負荷に応じて自在にその処理能力を拡大できる点である．
そこで，ここでは一度に大量のデータを書き込む場合をシミュレートしてみよう． batch_rw.py に，一度に大量の書き込みを実行するためのプログラムが書いてある．
次のコマンドを実行してみよう (XXXX は自分のテーブルの名前に置き換える)．
sh
$ python batch_rw.py XXXX write 1000
$ python batch_rw.py XXXX write 1000
このコマンドを実行することで，ランダムなデータが 1000 個データベースに書き込まれる．
さらに，データベースの検索をかけてみよう． 今回書き込んだデータには age という属性に 1 から 50 のランダムな整数が割り当てられている． age が 2 以下であるような要素だけを検索し拾ってくるには，次のコマンドを実行すればよい．
sh
$ python batch_rw.py XXXX search_under_age 2
$ python batch_rw.py XXXX search_under_age 2
上の 2 つのコマンドを何回か繰り返し実行してみて，データベースに負荷をかけてみよう． とくに大きな遅延なく結果が返ってくることが確認できるだろう．
スタックの削除 ​
DynamoDB で十分に遊ぶことができたら，忘れずにスタックを削除しよう．
これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
S3 ハンズオン ​
最後に， S3 の簡単なチュートリアルを紹介する． ハンズオンのソースコードは GitHub の handson/serverless/s3 に置いてある．
figure_title が今回提供する S3 チュートリアルの概要である． STEP 1 として， AWS CDK を用いて S3 に新しい空のバケット (Bucket) を作成する． 続いて STEP 2 では，データのアップロード・ダウンロードの方法を解説する．
S3 チュートリアルの概要
このハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
s3.Bucket() を呼ぶことによって空のバケットが新規に作成される． 上記のコードだと，バケットの名前は自動生成される． もし，自分の指定した名前を与えたい場合は， bucket_name というパラメータを指定すればよい． その際， バケットの名前はユニークでなければならない (i.e. AWS のデプロイが行われるリージョン内で名前の重複がない) 点に注意しよう． もし，同じ名前のバケットが既に存在する場合はエラーが返ってくる．
デフォルトでは， CloudFormation スタックが削除されたとき， S3 バケットとその中に保存されたファイルは削除されない． これは，大切なデータを誤って消してしまうことを防止するための安全策である． cdk destroy を実行したときにバケットも含めてすべて削除されるようにするには， removal_policy=core.RemovalPolicy.DESTROY, auto_delete_objects=True とパラメータを設定する． 結果もよく理解したうえで，自分の用途にあった適切なパラメータを設定しよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイを実行すると， figure_title のような出力が得られるはずである． ここで表示されている SimpleS3.BucketName = XXXX が，新しく作られたバケットの名前である (今回提供しているコードを使うとランダムな名前がバケットに割り当てられる）． これはあとで使うのでメモしておこう．
デプロイ実行後の出力
データの読み書き ​
スタックのデプロイが完了したら，早速バケットにデータをアップロードしてみよう．
まずは，以下のコマンドを実行して， tmp.txt という仮のファイルを生成する．
sh
$ echo "Hello world!" >> tmp.txt
$ echo "Hello world!" >> tmp.txt
ハンズオンのディレクトリにある simple_s3.py に boto3 ライブラリを使用した S3 のファイルのアップロード・ダウンロードのスクリプトが書いてある． simple_s3.py を使って，上で作成した tmp.txt を以下のコマンドによりバケットにアップロードする． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX upload tmp.txt
$ python simple_s3.py XXXX upload tmp.txt
simple_s3.py のアップロードを担当している部分を以下に抜粋する．
python
def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
-
-    if key is None:
-        key = os.path.basename(filename)
-
-    bucket.upload_file(filename, key)
def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
-
-    if key is None:
-        key = os.path.basename(filename)
-
-    bucket.upload_file(filename, key)
bucket = s3.Bucket(bucket_name) の行で Bucket() オブジェクトを呼び出している． そして， upload_file() メソッドを呼ぶことでファイルのアップロードを実行している．
S3 においてファイルの識別子として使われるのが Key である． これは，従来的なファイルシステムにおけるパス (Path) と相同な概念で，それぞれのファイルに固有な Key が割り当てられる必要がある． Key という呼び方は， S3 が Object storage と呼ばれるシステムに立脚していることに由来する． --key のオプションを追加して simple_s3.py を実行することで， Key を指定してアップロードを実行することができる．
sh
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
ここではアップロードされたファイルに a/b/tmp.txt という Key を割り当てている．
ここまでコマンドを実行し終えたところで，一度 AWS コンソールに行き S3 の中身を確認してみよう． S3 のコンソールに行くと，バケットの一覧が見つかるはずである． その中から， simples3-bucket から始まるランダムな名前のついたバケットを探し，クリックする． するとバケットの中に含まれるファイルの一覧が表示される (figure_title)．
S3 バケットの中のファイル一覧
ここで実行した 2 つのコマンドによって， tmp.txt というファイルと， a/b/tmp.txt というファイルが見つかることに注目しよう． 従来的なファイルシステムと似た体験を提供するため， S3 では Key が "/" (スラッシュ) によって区切られていた場合，ツリー状の階層構造によってファイルを管理することができる．
オブジェクトストレージには本来ディレクトリという概念はない． 上で紹介した "/" による階層づけはあくまでユーザー体験向上の目的のお化粧的な機能である．
次に，バケットからファイルのダウンロードを実行してみよう． simple_s3.py を使って，以下のコマンドを実行すればよい． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX download tmp.txt
$ python simple_s3.py XXXX download tmp.txt
simple_s3.py のダウンロードを担当している部分を以下に抜粋する．
python
def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
-
-    if filename is None:
-        filename = os.path.basename(key)
-
-    bucket.download_file(key, filename)
def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
-
-    if filename is None:
-        filename = os.path.basename(key)
-
-    bucket.download_file(key, filename)
S3 からのダウンロードはシンプルで， download_file() メソッドを使って，ダウンロードしたい対象の Key を指定すればよい． ローカルのコンピュータでの保存先のパスを 2 個目の引数として渡している．
スタックの削除 ​
以上のハンズオンで， S3 の一番基本的な使い方を紹介した． ここまでのハンズオンが理解できたら，忘れずにスタックを削除しよう． これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
Hands-on #6: Bashoutter ​
さて，最後のハンズオンとなる第六回では，これまで学んできたサーバーレスクラウドの技術を使って，簡単なウェブサービスを作ってみよう． 具体的には，人々が自分の作った俳句を投稿する SNS サービス (Bashoutter と名付ける) を作成してみよう． Lambda, DynamoDB, S3 などの技術をすべて盛り込み，シンプルながらもサーバーレスの利点を生かしたスケーラブルな SNS アプリが誕生する． 最終的には， figure_title のような，ミニマルではあるがとても現代風な SNS サイトが完成する！
ハンズオン#6で作製する SNS アプリケーション "Bashoutter"
準備 ​
ハンズオンのソースコードは GitHub の handson/bashoutter に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． それ以外に必要な準備はない．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行できる．
アプリケーションの説明 ​
API ​
今回のアプリケーションでは，人々からの俳句の投稿を受け付けたり，投稿された俳句の一覧を取得する，といった機能を実装したい． この機能を実現するための最小限の設計として， table_title に示すような四つの REST API を今回は実装する． 俳句を投稿する，閲覧する，削除するという基本的なデータ操作を行うための API が完備されている． また， PATCH /haiku/{item_id} は， {item_id} で指定された俳句に”いいね”をするために使用する．
Bashoutter API
GET /haiku
俳句の一覧を取得する
POST /haiku
新しい俳句を投稿する
PATCH /haiku/{item_id}
{item_id} で指定された俳句にお気に入り票を一つ入れる
DELETE /haiku/{item_id}
{item_id} で指定された俳句を削除する
それぞれの API のパラメータおよび返り値の詳細は，ハンズオンのソースコードの中の swagger.yml に定義してある．
Open API Specification (OAS; 少し前は Swagger Specification とよばれていた) は， REST API のための記述フォーマットである． OAS に従って API の仕様が記述されていると，簡単にドキュメンテーションを生成したり，クライアントアプリケーションを自動生成することができる． 今回用意した API 仕様 も， OAS に従って書いてある． 詳しくは Swagger の公式ドキュメンテーション などを参照．
アプリケーションアーキテクチャ ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#5で作製するアプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントからの API リクエストは， API Gateway (後述)にまず送信され， API の URI で指定された Lambda 関数へ転送される．
  • それぞれの API のパス (リソース) ごとに独立した Lambda を用意する．
  • 俳句の情報 (作者，本文，投稿日時など) を記録するためのデータベース (DynamoDB) を用意する．
  • 各 Lambda 関数には， DynamoDB へのアクセス権を付与する．
  • 最後に，ウェブブラウザからコンテンツを表示できるよう， ウェブページの静的コンテンツを配信するための S3 バケットを用意する．クライアントはこの S3 バケットにアクセスすることで HTML/CSS/JS などのコンテンツを取得する．
それでは，プログラムのソースコードを見てみよう (handson/bashoutter/app.py)．
python
class Bashoutter(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
-
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
-
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
-
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
-
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
-
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
class Bashoutter(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
-
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
-
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
-
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
-
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
-
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
  • ここで，俳句の情報を記録しておくための DynamoDB テーブルを定義している．
  • 静的コンテンツを配信するための S3 バケットを用意している．
  • それぞれの API で実行される Lambda 関数を定義している． 関数は Python3.7 で書かれており，コードは handson/bashoutter/api/api.py にある．
  • <3> で定義された Lambda 関数に対し，データベースへの読み書きのアクセス権限を付与している．
  • ここで，API Gateway により，各 API パスとそこで実行されるべき Lambda 関数を紐付けている．
それぞれの項目について，もう少し詳しく説明しよう．
Public access mode の S3 バケット ​
S3 のバケットを作成しているコードを見てみよう．
python
bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
ここで注目してほしいのは public_read_access=True の部分だ． 前章で， S3 について説明を行ったときには触れなかったが， S3 には Public access mode という機能がある． Public access mode をオンにしておくと，バケットの中のファイルは認証なしで (i.e. インターネット上の誰でも) 閲覧できるようになる． この設定は，一般公開されているウェブサイトの静的なコンテンツを置いておくのに最適であり，多くのサーバーレスによるウェブサービスでこのような設計が行われる． public access mode を設定しておくと， http://XXXX.s3-website-ap-northeast-1.amazonaws.com/ のような固有の URL がバケットに対して付与される． そして，クライアントがこの URL にアクセスをすると，バケットの中にある index.html がクライアントに返され，ページがロードされる (どのファイルが返されるかは， website_index_document="index.html" の部分で設定している．)
なお，この時点ではバケットは空である． HTML/CSS/JS など静的コンテンツの配置は，デプロイを行った後ほどのステップで行う．
より本格的なウェブページを運用する際には， public access mode の S3 バケットに， CloudFront という機能を追加することが一般的である． CloudFront により，　Content Delivery Nework (CDN) や暗号化された HTTPS 通信を設定することができる． CloudFront についての詳細は 公式ドキュメンテーション "What is Amazon CloudFront?" などを参照いただきたい．
今回のハンズオンでは説明の簡略化のため CloudFront の設定を行わなかったが，興味のある読者は次のリンクのプログラムが参考になるだろう．
今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API のハンドラ関数 ​
API リクエストが来たときに，リクエストされた処理を行う関数のことをハンドラ (handler) 関数とよぶ． GET /haiku の API に対してのハンドラ関数を Lambda で定義している部分を見てみよう．
python
get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
簡単なところから見ていくと， memory_size=512 の箇所でメモリーの使用量を 512MB に指定している． また， code=_lambda.Code.from_asset("api") によって外部のディレクトリ (api/) を参照せよと指定しており， handler="api.get_haiku" のところで api.py というファイルの get_haiku() という関数をハンドラ関数として実行せよ，と定義している．
次に，ハンドラ関数として使用されている get_haiku() のコードを見てみよう (handson/bashoutter/api/api.py)．
python
ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
-
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
-
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
-
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
-
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
response = table.scan() で，俳句の格納された DynamoDB テーブルから，すべての要素を取り出している． もしなにもエラーが起きなければステータスコード 200 が返され，もしなにかエラーが起こればステータスコード 500 が返されるようになっている．
上記のような操作を，ほかの API についても繰り返すことで，すべての API のハンドラ関数が定義されている．
GET /haiku のハンドラ関数で， response = table.scan() という部分があるが，実はこれは最善の書き方ではない． DynamoDB の scan() メソッドは，最大で 1MB までのデータしか返さない． データベースのサイズが大きく， 1MB 以上のデータがある場合には，再帰的に scan() メソッドをよぶ必要がある． 詳しくは boto3 ドキュメンテーション を参照．
AWS における権限の管理 (IAM) ​
以下の部分のコードに注目してほしい．
python
table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
これまでは説明の簡略化のためにあえて触れてこなかったが， AWS には IAM (Identity and Access Management) という重要な概念がある． IAM は基本的に，あるリソースがほかのリソースに対してどのような権限をもっているか，を規定するものである． Lambda は，デフォルトの状態ではほかのリソースにアクセスする権限をなにも有していない． したがって， Lambda 関数が DynamoDB のデータを読み書きするためには，それを許可するような IAM が Lambda 関数に付与されていなければならない．
CDK による dynamodb.Table オブジェクトには grant_read_write_data() という便利なメソッドが備わっており，アクセスを許可したい Lambda 関数を引数としてこのメソッドを呼ぶことで，データベースへの読み書きを許可する IAM を付与することができる． 同様に，CDK の s3.Bucket オブジェクトにも grant_read_write() というメソッドが備わっており，これによってバケットへの読み書きを許可することができる． このメソッドは，実は Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する で AWS Batch によるクラスターを構成した際に使用した． 興味のある読者は振り返ってコードを確認してみよう．
各リソースに付与する IAM は，必要最低限の権限を与えるにとどめるというのが基本方針である． これにより，セキュリティを向上させるだけでなく，意図していないプログラムからのデータベースへの読み書きを防止するという点で，バグを未然に防ぐことができる．
そのような理由により，このコードでは GET のハンドラー関数に対しては grant_read_data() によって， read 権限のみを付与している．
API Gateway ​
API Gateway とは， API の"入り口"として，API のリクエストパスに従って Lambda や EC2 などに接続を行うという機能を担う (figure_title)． Lambda や EC2 によって行われた処理の結果は，再び API Gateway を経由してクライアントに返される． このように，クライアントとバックエンドサーバーの間に立ち， API のリソースパスに応じて接続先を振り分けるようなサーバーをルーター，あるいはリバースプロキシとよんだりする． 従来的には，ルーターにはそれ専用の仮想サーバーが置かれることが一般的であった． しかし， API Gateway はサーバーレスなルーターとして，固定されたサーバーを配置することなく， API のリクエストが来たときのみ起動し，API のルーティングを実行する． サーバーレスであることの当然の帰結として，アクセスの件数が増大したときにはそれにルーティングの処理能力を自動で増やす機能も備わっている．
API Gateway
API Gateway を配置することで，大量 (1 秒間に数千から数万件) の API リクエストに対応することのできるシステムを容易に構築することができる． API Gateway の料金は table_title のように設定されている． また，無料利用枠により，月ごとに 100 万件までのリクエストは 0 円で利用できる．
API Gateway の利用料金設定 (参照)
Number of Requests (per month)Price (per million)
First 333 million
$4.25
Next 667 million
$3.53
Next 19 billion
$3.00
Over 20 billion
$1.91
ソースコードの該当箇所を見てみよう．
python
#
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
-
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
-
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
#
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
-
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
-
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
  • 最初に， api = apigw.RestApi() により，空の API Gateway を作成している．
  • 次に， api.root.add_resource() のメソッドを呼ぶことで， /haiku という API パスを追加している．
  • 続いて， add_method() を呼ぶことで， GET, POST のメソッドを /haiku のパスに定義している．
  • さらに， haiku.add_resource("{item_id}") により， /haiku/{item_id} という API パスを追加している．
  • 最後に， add_method() を呼ぶことにより， PATCH, DELETE のメソッドを /haiku/{item_id} のパスに定義している．
このように， API Gateway の使い方は非常にシンプルで，逐次的に API パスとそこで実行されるメソッド・Lambda を記述していくだけでよい．
このプログラムで 新規 API を作成すると， ランダムな URL がその API のエンドポイントとして割り当てられる． これを． api.example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API Gateway で新規 API を作成したとき， default_cors_preflight_options= というパラメータで Cross Origin Resource Sharing (CORS) の設定を行っている． これは，ブラウザで走る Web アプリケーションと API を接続するときに必要な設定である．
アプリケーションのデプロイ ​
アプリケーションの中身が理解できたところで，早速デプロイを行ってみよう． デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている Bashoutter.BashoutterApiEndpoint = XXXX, Bashoutter.BucketUrl = YYYY の二つ文字列はあとで使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． まずは，コンソールから API Gateway のページに行く． すると， figure_title のような画面が表示され，デプロイ済みの API エンドポイントの一覧が確認できる．
API Gateway コンソール画面 (1)
今回デプロイした "BashoutterApi" という名前の API をクリックすることで figure_title のような画面に遷移し，詳細情報を閲覧できる． GET /haiku, POST /haiku などが定義されていることが確認できる．
それぞれのメソッドをクリックすると，そのメソッドの詳細情報を確認できる． API Gateway は，前述したルーティングの機能だけでなく，認証機能などを追加することも可能である． このハンズオンではとくにこれらの機能は使用しないが， "Method Request" と書いてある項目などがそれに相当する． 次に， figure_title で画面右端の赤色で囲った部分に，この API で呼ばれる Lambda 関数が指定されていることに注目しよう． 関数名をクリックと，該当する Lambda のコンソールに遷移し，関数の中身を閲覧することが可能である．
API Gateway コンソール画面 (2)
次に， S3 のコンソール画面に移ってみよう． bashouter- で始まるランダムな名前のバケットが見つかるはずである (figure_title)．
S3 コンソール画面
バケットの名前をクリックすることで，バケットの中身を確認してみよう． index.html のほか， css/, js/ などのディレクトリがあるのが確認できるだろう (figure_title)． これらが，ウェブページの"枠"を定義している静的コンテンツである．
S3 バケットの中身
API リクエストを送信する ​
それでは，デプロイしたアプリケーションに対し，実際に API リクエストを送信してみよう． まずはコマンドラインから API を送信する演習を行おう． S3 に配置した GUI は一旦おいておく．
ここではコマンドラインから HTTP API リクエストを送信するためのシンプルな HTTP クライアントである HTTPie を使ってみよう． HTTPie は，スタックをデプロイするときに Python 仮想環境 (venv) を作成したとき，一緒にインストールされている． 念のためインストールがうまくいっているか確認するには，仮想環境を立ち上げたあとコマンドラインに http と打ってみる． ヘルプのメッセージが出力されたら準備 OK である．
まず，先ほどデプロイを実行したときに得られた API のエンドポイントの URL (Bashoutter.BashoutterApiEndpoint = XXXX で得られた XXXX の文字列) をコマンドラインの変数に設定しておく．
sh
$ export ENDPOINT_URL=XXXX
$ export ENDPOINT_URL=XXXX
次に，俳句の一覧を取得するため， GET /haiku の API を送信してみよう．
sh
$ http GET "\${ENDPOINT_URL}/haiku"
$ http GET "\${ENDPOINT_URL}/haiku"
現時点では，まだだれも俳句を投稿していないので，空の配列 ([]) が返ってくる．
それでは次に， POST /haiku を使って俳句を投稿してみよう．
sh
$ http POST "\${ENDPOINT_URL}/haiku" \\
-username="松尾芭蕉" \\
-first="閑さや" \\
-second="岩にしみ入る" \\
-third="蝉の声"
$ http POST "\${ENDPOINT_URL}/haiku" \\
-username="松尾芭蕉" \\
-first="閑さや" \\
-second="岩にしみ入る" \\
-third="蝉の声"
次のような出力が得られるだろう．
sh
HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
新しい俳句を投稿することに成功したようである． 本当に俳句が追加されたか，再び GET リクエストを呼ぶことで確認してみよう．
sh
$ http GET "\${ENDPOINT_URL}/haiku"
-
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
$ http GET "\${ENDPOINT_URL}/haiku"
-
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
素晴らしい！
次に， PATCH /haiku/{item_id} を呼ぶことでこの俳句にいいねを追加してみよう． 一つ前のコマンドで取得した俳句の item_id を，次のコマンドの XXXX に代入した上で実行しよう．
sh
$ http PATCH "\${ENDPOINT_URL}/haiku/XXXX"
$ http PATCH "\${ENDPOINT_URL}/haiku/XXXX"
{"description": "OK"} という出力が得られるはずである． 再び GET リクエストを送ることで，いいね (likes) が 1 増えたことを確認しよう．
sh
$ http GET "\${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
$ http GET "\${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
最後に， DELETE リクエストを送ることで俳句をデータベースから削除しよう． XXXX は item_id の値で置き換えたうえで次のコマンドを実行する．
sh
$ http DELETE "\${ENDPOINT_URL}/haiku/XXXX"
$ http DELETE "\${ENDPOINT_URL}/haiku/XXXX"
再び GET リクエストを送ることで，返り値が空 ([]) になっていることを確認しよう．
これで，俳句の投稿・取得・削除そしていいねの追加，といった基本的な API がきちんと動作していることが確認できた．
大量の API リクエストをシミュレートする ​
さて，前節ではマニュアルで一つずつ俳句を投稿した． 多数のユーザーがいるような SNS では，1 秒間に数千件以上の投稿がされている． 今回はサーバーレスアーキテクチャを採用したことで，そのような瞬間的な大量アクセスにも容易に対応できるようなシステムが自動的に構築されている． このポイントを実証するため，ここでは大量の API が送信された状況をシミュレートしてみよう．
handson/bashoutter/client.py に，大量の API リクエストをシミュレートするためのプログラムが書かれている． このプログラムを使用すると， POST /haiku の API リクエストを指定された回数だけ実行することができる．
テストとして， API を 300 回実行してみよう． 次のコマンドを実行する．
sh
$ python client.py $ENDPOINT_URL post_many 300
$ python client.py $ENDPOINT_URL post_many 300
数秒のうちに実行が完了するだろう． これがもし，単一のサーバーからなる API だったとしたら，このような大量のリクエストの処理にはもっと時間がかかっただろう． 最悪の場合には，サーバーダウンにもつながっていたかもしれない． したがって，今回作成したサーバーレスアプリケーションは，とてもシンプルながらも 1 秒間に数百件の処理を行えるような，スケーラブルなクラウドシステムであることがわかる． サーバーレスでクラウドを設計することの利点を垣間見ることができただろうか？
先述のコマンドにより大量の俳句を投稿するとデータベースに無駄なデータがどんどん溜まってしまう． データベースを完全に空にするには，次のコマンドを使用する．
sh
$ python client.py $ENDPOINT_URL clear_database
$ python client.py $ENDPOINT_URL clear_database
Bashoutter GUI を動かしてみる ​
前節ではコマンドラインから API を送信する演習を行った． ウェブアプリケーションでは，これと同じことがウェブブラウザの背後で行われ，ページのコンテンツが表示されている (figure_title 参照)． 最後に， API が GUI と統合されるとどうなるのか，見てみよう．
CDK のコードで， Public access mode の S3 バケットを作成したことを思い出してほしい． 最初のステップとして，ここにウェブサイトのコンテンツをアップロードしよう． ハンズオンのソースコードの中に gui/dist というフォルダが見つかるはずである． ここにはビルド済みのウェブサイトの静的コンテンツ (HTML/CSS/JavaScript) が入っている． AWS CLI のコマンドを使うことでこれらのファイルを S3 にアップロードしよう．
sh
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
コマンドを実行する際は， Bashoutter ハンズオンのディレクトリから行うこと (./gui/dist に注目)，そして <BUCKET_NAME> にはデプロイした自身のバケットの名前が入る点に注意． 念のため，AWS コンソールにログインし，バケットにファイルがアップロードされている点を確認しておこう．
なお，今回は GUI の説明はとくに行わないが， Bashoutter のウェブサイトは Vue.js と Vuetify という UI フレームワークを使って作成した． Vue を使うことで， Single page application (SPA) の技術でウェブサイトの画面がレンダリングされる． ソースコードは handson/bashoutter/gui のディレクトリの中にあるので，興味のある読者は確認してみるとよい．
アップトードが完了したところで，続いてデプロイを実行したときにコマンドラインの出力を見直してみよう． Bashoutter.BucketUrl= で与えられた URL が見つかるはずである (figure_title)． これは，先述したとおり， Public access mode の S3 バケットの URL である．
ウェブブラウザを開き，アドレスバーに S3 の URL を入力しへアクセスしてみよう． すると， figure_title のようなページが表示されるはずである．
"Bashoutter" の GUI 画面
ページが表示されたら，一番上の "API Endpoint URL" と書いてあるテキストボックスに，今回デプロイした API Gateway の URL を入力する (今回のアプリケーションでは，API Gateway の URL はランダムに割り当てられるのでこのような GUI の仕様になっている)． そうしたら，画面の "REFRESH" と書いてあるボタンを押してみよう． データベースに俳句が登録済みであれば，俳句の一覧が表示されるはずである． 各俳句の左下にあるハートのアイコンをクリックすることで， "like" の票を入れることができる．
新しい俳句を投稿するには，五七五と投稿者の名前を入力して， "POST" を押す． "POST" を押した後は，再び "REFRESH" ボタンを押すことで最新の俳句のリストをデータベースから取得する．
アプリケーションの削除 ​
これで， Bashoutter プロジェクトが完成した！ この SNS は，インターネットを通じて世界のどこからでもアクセスできる状態にある． また， 大量の API リクエストをシミュレートする で見たように，大量のユーザーの同時アクセスによる負荷がかかっても，柔軟にスケールが行われ遅延なく処理を行うことができる． 極めて簡素ながらも，立派なウェブサービスとしてのスペックは満たしているのである！
Bashoutter アプリを存分に楽しむことができたら，最後に忘れずにスタックを削除しよう．
コマンドラインからスタックの削除を実行するには，次のコマンドを使う．
sh
$ cdk destroy
$ cdk destroy
CDK のバージョンによっては S3 のバケットが空でないと， cdk destroy がエラーを出力する場合がある． この場合はスタックを削除する前に， S3 バケットの中身をすべて削除しなければならない．
コンソールから実行するには， S3 コンソールに行き，バケットの中身を開いたうえで，すべてのファイルを選択し， "Actions" → "Delete" を実行すればよいい．
コマンドラインから実行するには， 次のコマンドを使う． <BUCKET NAME> のところは，自分の バケットの名前 ("BashoutterBucketXXXX" というパターンの名前がついているはずである) に置き換えることを忘れずに．
sh
$ aws s3 rm <BUCKET NAME> --recursive
$ aws s3 rm <BUCKET NAME> --recursive
小括 ​
ここまでが，本書第三部の内容であった．
第三部では，クラウドの応用として，一般の人に使ってもらうようなウェブアプリケーション・データベースをどのようにして作るのか，という点に焦点を当てて，説明を行った． その中で，従来的なクラウドシステムの設計と，ここ数年の最新の設計方法であるサーバーレスアーキテクチャについて解説した． Hands-on #5: サーバーレス入門 では， AWS でのサーバーレスの実践として， Lambda, S3, DynamoDB のハンズオンを行った． 最後に， Hands-on #6: Bashoutter では，これらの技術を統合することで，完全サーバーレスなウェブアプリケーション "Bashoutter" を作成した．
これらの演習を通じて，世の中のウェブサービスがどのようにしてでき上がっているのか，少し理解が深まっただろうか？ また，そのようなウェブアプリケーションを自分が作りたいと思ったとき，今回のハンズオンがその出発点となることができたならば幸いである．
まとめ ​
Appendix: 環境構築 ​
本書を読み進めるにあたって，ハンズオンのプログラムを実行するための環境を自分のローカルマシンにセットアップしなければならない． ここでは， AWS やコマンドラインの初心者を想定して，本章で必要なソフトウェアやライブラリのインストールなどを簡単に解説する． 以下に簡単な目次を示そう． 既に環境構築が済んでいる場合は適宜読み飛ばしていただき，関係のある箇所のみ目を通せば良い．
使用する OS は Linux/Mac/Windows のどれを用いても構わない． Windows のユーザーは， Windows Subsytem for Linux (WSL) を使用することを想定している (WSL のインストール)．
また，本書のハンズオンを実行するための Docker イメージ を提供している． これを用いると， AWS CLI/CDK や Python の設定などをスキップできるので， Docker の使用方法を知っている読者には便利だろう．
AWS アカウントの取得 ​
本書で提供するハンズオンを実際に自分で試すには，読者自身で AWS のアカウントの作成をする必要がある． 詳しいアカウントの作成の手順は 公式のドキュメンテーション に書かれているので，そちらも参照していただきたい． 以下の手順に従ってアカウントの作成を行う．
まず，ウェブブラウザから AWS コンソール にアクセスし，右上の Create an AWS Account をクリックする (figure_title で実線で囲った部分)．
サインアップ (1): AWS コンソールにアクセス
次に，遷移した先のページでメールアドレスとパスワードなどの登録を行う (figure_title)．
サインアップ (2): メールアドレス・パスワードなどの登録．
続いて，住所や電話番号などを訊かれるので，すべて入力しよう (figure_title)．
サインアップ (3): 住所・電話番号の入力
次に，クレジットカードの情報の登録を求められる (figure_title)． 個人で AWS を利用する場合は，利用料金の請求はクレジットカードを経由して行われる． クレジットカードの登録なしには AWS を使い始めることはできないことに注意．
サインアップ (4): クレジットカードの登録
次の画面では，携帯電話の SMS またはボイスメッセージを利用した本人確認が求められる (figure_title)． 希望の認証方法を選択し，自分の携帯電話番号を入力しよう．
サインアップ (5): 携帯電話による本人確認
無事に本人確認が完了すると，最後にサポートプランの選択を求められる (figure_title)． 無料の Basic support を選択しておけば問題ない．
サインアップ (6): サポートプランの選択
以上のステップにより，アカウントの作成が完了する (figure_title)． 早速ログインをして， AWS コンソールにアクセスできるか確認しておこう．
サインアップ (7): アカウントの作成が完了した
AWS のシークレットキーの作成 ​
AWS シークレットキーとは， AWS CLI や AWS CDK から AWS の API を操作するときに，ユーザー認証を行うための鍵のことである． AWS CLI/CDK を使うには，最初にシークレットキーを発行する必要がある． AWS シークレットキーの詳細は 公式ドキュメンテーション "Understanding and getting your AWS credentials" を参照．
  1. AWS コンソールにログインする．
  2. 画面右上のアカウント名をクリックし，表示されるプルダウンメニューから "My Security Credentials" を選択 (figure_title)
  3. "Access keys for CLI, SDK, & API access" の下にある "Create accesss key" のボタンをクリックする (figure_title)
  4. 表示された Access key ID, Secret access key を記録しておく (画面を閉じると二度と表示されない)．
  5. 鍵を忘れてしまった場合などは，同じ手順で再発行が可能である．
  6. 発行したシークレットキーは， ~/.aws/credentials のファイルに書き込むか，環境変数に設定するなどして使う (詳しくは AWS CLI のインストール)．
AWS シークレットキーの発行1
AWS シークレットキーの発行2
AWS Educate Starter Account を用いている場合は，次の手順でシークレットキーを確認する．
  • AWS Educate のコンソール画面から， vocareum のコンソールに移動する (figure_title)．
  • Account Details をクリックし，続いて AWS CLI: Show をクリックする．
  • aws_access_key_id, aws_secret_access_key, aws_session_token が表示される (figure_title)． ここで表示された内容を ~/.aws/credentials にコピーする (AWS CLI のインストール 参照)． aws_session_token の箇所も漏らさずコピーすること．
  • 続いて， ~/.aws/config というファイルを用意し，次の内容を書き込む． 現時点では AWS Starter Account は us-east-1 リージョンでしか利用できないためである．
    [default] region = us-east-1 output = json
  • 上記の説明ではプロファイル名が default となっていたが，これは自分の好きな名前に変更してもよい． default 以外の名前を使用する場合は，コマンドを実行するときにプロファイル名を指定する必要がある (詳しくは AWS CLI のインストール)．
vocareum コンソール
vocareum から AWS シークレットキーの発行
AWS CLI のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
sh
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
インストールできたか確認するため，次のコマンドを打ってバージョン情報が出力されることを確認する．
sh
$ aws --version
$ aws --version
インストールができたら，次のコマンドにより初期設定を行う (参照)．
sh
$ aws configure
$ aws configure
コマンドを実行すると， AWS Access Key ID, AWS Secret Access Key を入力するよう指示される． シークレットキーの発行については AWS のシークレットキーの作成 を参照． コマンドは加えて，Default region name を訊いてくる． ここには自分の好きな地域 (例えば ap-northeast-1 =東京リージョン) を指定すればよい． 最後の Default output format は json としておくとよい．
このコマンドを完了すると， ~/.aws/credentials と ~/.aws/config　という名前のファイルが生成されているはずである． 念のため， cat コマンドを使って中身を確認してみるとよい．
sh
$ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
-
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
$ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
-
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
~/.aws/credentials には認証鍵の情報が， ~/.aws/config には AWS CLI の設定が記録されている．
デフォルトでは， [default] という名前でプロファイルが保存される． いくつかのプロファイルを使い分けたければ， default の例に従って，たとえば [myprofile] などという名前でプロファイルを追加すればよい．
AWS CLI でコマンドを打つときに，プロファイルを使い分けるには，
sh
$ aws s3 ls --profile myprofile
$ aws s3 ls --profile myprofile
のように， --profile というオプションをつけてコマンドを実行する．
いちいち --profile オプションをつけるのが面倒だと感じる場合は， AWS_PROFILE という環境変数を設定するとよい．
sh
$ export AWS_PROFILE=myprofile
$ export AWS_PROFILE=myprofile
あるいは，認証情報などを環境変数に設定するテクニックもある．
sh
export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
これらの環境変数は， ~/.aws/credentials よりも高い優先度をもつので，環境変数が設定されていればそちらの情報が使用される (参照)．
AWS Educate Starter Account は us-east-1 のリージョンのみ利用可能である (執筆時点での情報)． よって， AWS Educate Starter Account を使用している場合は， default region を us-east-1 に設定する必要がある．
AWS CDK のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
Node.js がインストールされていれば，基本的に次のコマンドを実行すればよい．
sh
$ sudo npm install -g aws-cdk
$ sudo npm install -g aws-cdk
本書のハンズオンは AWS CDK version 1.100.0 で開発した． CDK は開発途上のライブラリなので，将来的に API が変更される可能性がある． API の変更によりエラーが生じた場合は， version 1.100.0 を使用することを推奨する．
sh
$ npm install -g aws-cdk@1.100
$ npm install -g aws-cdk@1.100
インストールできたか確認するため，次のコマンドを打って正しくバージョンが表示されることを確認する．
sh
$ cdk --version
$ cdk --version
インストールができたら，次のコマンドにより AWS 側の初期設定を行う． これは一度実行すれば OK．
sh
$ cdk bootstrap
$ cdk bootstrap
cdk bootstrap を実行するときは，AWS の認証情報とリージョンが正しく設定されていることを確認する． デフォルトでは ~/.aws/config にあるデフォルトのプロファイルが使用される． デフォルト以外のプロファイルを用いるときは AWS CLI のインストール で紹介したテクニックを使って切り替える．
AWS CDK の認証情報の設定は AWS CLI と基本的に同じである．詳しくは AWS CLI のインストール を参照．
WSL のインストール ​
本書のハンズオンではコマンドラインから AWS CLI のコマンドを実行したり， Python で書かれたプログラムを実行する． コマンドは基本的に UNIX のターミナルを想定して書かれている． Linux や Mac のユーザーは OS に標準搭載されているターミナルを用いれば良い． Windows を利用している読者は， Windows Subsystem for Linux (WSL) を利用することで，仮想の Linux 環境を構築することを推奨する． Cygwin などの Linux 環境をエミュレートするほかのツールでも構わないが，本書のプログラムは WSL でのみ動作確認を行っている．
WSL とは， Windows の OS 上で Linux の仮想環境を起動するための， Microsoft 社が公式で提供しているソフトウェアである． Ubuntu など希望の Linux distribution が選択でき，基本的にすべての Linux 向けに作られたプログラム・ソフトウェアを使用することができる．
執筆時点では WSL 2 が最新版として提供されているので，以下では WSL 2 のインストール手順を簡単に説明する． 細かな詳細などは， 公式ドキュメンテーション を参照のこと．
前提として，使用される OS は Windows 10 (Pro または Home エディション) でなければならない． さらに，使用している Windows 10 のバージョンが WSL に対応するバージョンであるかを確認する． X64 のシステムでは Version 1903, Build 18362 以上でなければならない． バージョンが対応していない場合は、 Windows のアップデートを行う．
まず最初に， Administrator 権限で PowerShell を起動する (figure_title)． 左下の Windows メニューの検索バーに powershell と入力すると， PowerShell のプログラムが見つかるはずである， これを右クリックし、 Run as administrator を選択し起動する．
管理者権限での PowerShell の起動
PowerShell が起動したら、次のコマンドを実行する．
powershell
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
実行して、“The operation completed successfully.” と出力されるのを確認する． これで WSL が enable される．
次に，先ほどと同じ Administrator 権限で開いた PowerShell で次のコマンドを実行する。
powersh
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
実行して， “The operation completed successfully.” と出力されるのを確認する． これが確認出来たら、一度コンピュータを再起動する．
続いて， Linux kernel update package を次のリンクからダウンロードする． https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
ダウンロードしたファイルをダブルクリックして実行する． ダイアログに従ってインストールを完了させる．
そうしたら，再び PowerShell を開き次のコマンドを実行する。
sh
wsl --set-default-version 2
wsl --set-default-version 2
最後に、自分の好みの Linux distribution をインストールする． ここでは Ubuntu 20.04 をインストールしよう．
Microsoft store のアプリを起動し，検索バーに Ubuntu と入力する． Ubuntu 20.04 LTS という項目が見つかるはずなので，それを開き， “Get” ボタンをクリックする (figure_title)． しばらく待つと， Ubuntu 20.04 のインストールが完了する．
Microsoft store から Ubuntu 20.04 をインストール
Ubuntu 20.04 を初回に起動すると，初期設定が自動で開始され，数分待つことになる． 初期設定が終わると，ユーザー名・パスワードを設定するようプロンプトが出るので，プロンプトに従い入力する．
これで WSL2 のインストールが完了した． 早速 WSL2 を起動してみよう． 左下の Windows メニューの検索バーに Ubuntu と入力すると， Ubuntu 20.04 のプログラムが見つかるはずである (figure_title)． クリックして起動しよう．
Ubuntu 20.04 の起動
すると，ターミナルの黒い画面が立ち上がるだろう (figure_title)． ls, top などのコマンドを打ってみて， WSL がきちんと動作していることを確認しよう．
WSL の起動画面
オプションとして， Windows Terminal というマイクロソフトから提供されているツールを使うと，より快適に WSL を使用することができる． 興味のある読者はこちらのインストールも推奨する．
Docker のインストール ​
Docker のインストールの方法は OS によって異なる．
Mac ユーザーは， Docker Desktop をインストールする． インストールの方法は， Docker のウェブサイト から， Mac 版の Docker Desktop をダウンロードし，ダウンロードされたファイルをダブルクリックし， Applications のフォルダにドラッグするだけで良い． 詳細は 公式ドキュメンテーション を参照のこと．
Windows のユーザーは，Docker Desktop をインストールする． その際， WSL 2 が事前にインストールされていなければならない． 詳細は 公式ドキュメンテーション を参照のこと． Docker Desktop をインストールすると， WSL からも docker コマンドが使用できるようになる．
Linux ユーザー (特に Ubuntu ユーザー) については，インストールの方法はいくつかのアプローチがある． 公式ドキュメンテーション にいくつかのインストールの方法が示されているので，詳しい情報はそちらを参照いただきたい．
最も簡単な方法は， Docker が公式で提供しているインストールスクリプトを用いる方法である． この場合，次のコマンドを実行することで Docker がインストールされる．
sh
$ curl -fsSL https://get.docker.com -o get-docker.sh\n$ sudo sh get-docker.sh
$ curl -fsSL https://get.docker.com -o get-docker.sh\n$ sudo sh get-docker.sh
デフォルトのインストールでは， root ユーザーのみが docker コマンドを使用できる設定になっている． 従って，コマンドには毎回 sudo を付け加える必要がある． これが面倒だと感じる場合は，次のステップにより，使用するユーザーを docker というグループに追加する (詳細は 公式ドキュメンテーション "Post-installation steps for Linux" を参照)．
まず最初に， docker という名前にグループを追加する． インストールによっては，既に docker グループが作られている場合もある．
sh
$ sudo groupadd docker
$ sudo groupadd docker
次に，現在使用しているユーザーを docker グループに加える．
sh
$ sudo usermod -aG docker $USER
$ sudo usermod -aG docker $USER
ここまでできたら，一度ログアウトし，再度ログインする． これによって，グループの変更がターミナルのセッションに反映される．
設定が正しくできているかを確認するため，次のコマンドを実行してみる．
sh
$ docker run hello-world
$ docker run hello-world
sudo なしでコンテナが実行できたならば，設定は完了である．
Python venv クイックガイド ​
他人からもらったプログラムで， numpy や scipy のバージョンが違う！などの理由で，プログラムが動かない，という経験をしたことがある人は多いのではないだろうか． もし，自分の計算機の中に一つしか Python 環境がないとすると，プロジェクトを切り替えるごとに正しいバージョンをインストールし直さなければならず，これは大変な手間である．
コードのシェアをよりスムーズにするためには，ライブラリのバージョンはプロジェクトごとに管理されるべきである． それを可能にするのが Python 仮想環境とよばれるツールであり， venv, pyenv, conda などがよく使われる．
そのなかでも， venv は Python に標準搭載されているのでとても便利である． pyenv や conda は，別途インストールの必要があるが，それぞれの長所もある．
venv を使って仮想環境を作成するには，
sh
$ python -m venv .env
$ python -m venv .env
と実行する． これにより .env/ というディレクトリが作られ，このディレクトリに依存するライブラリが保存されることになる．
この新たな仮想環境を起動するには
sh
$ source .env/bin/activate
$ source .env/bin/activate
と実行する．
シェルのプロンプトに (.env) という文字が追加されていることを確認しよう (figure_title)． これが， "いまあなたは venv の中にいますよ" というしるしになる．
venv を起動したときのプロンプト
仮想環境を起動すると，それ以降実行する pip コマンドは， .env/ 以下にインストールされる．このようにして，プロジェクトごとに使うライブラリのバージョンを切り分けることができる．
Python では requirements.txt というファイルに依存ライブラリを記述するのが一般的な慣例である．他人からもらったプログラムに， requirements.txt が定義されていれば，
sh
$ pip install -r requirements.txt
$ pip install -r requirements.txt
と実行することで，必要なライブラリをインストールし，瞬時に Python 環境を再現することができる．
venv による仮想環境を保存するディレクトリの名前は任意に選べることができるが， .env という名前を用いるのが一般的である．
ハンズオン実行用の Docker image の使い方 ​
ハンズオンを実行するために必要な， Node.js, Python, AWS CDK などがインストールされた Docker image を用意した． これを使用することで，自分のローカルマシンに諸々をインストールする必要なく，すぐにハンズオンのコードが実行できる．
ハンズオンのいくつかのコマンドは Docker の外 = ローカルマシンのリアル環境で実行されなければならない． それらについてはハンズオンの該当箇所に注意書きとして記してある．
Docker イメージは Docker Hub においてある． Docker イメージのビルドファイルは GitHub の docker/Dockerfile にある．
次のコマンドでコンテナを起動する．
sh
$ docker run -it tomomano/labc:latest
$ docker run -it tomomano/labc:latest
初回にコマンドを実行したときのみ，イメージが Docker Hub からダウンロード (pull) される． 二回目以降はローカルにダウンロードされたイメージが使用される．
コンテナが起動すると，次のようなインタラクティブシェルが表示されるはずである (起動時に -it のオプションをつけたのがポイントである)．
sh
root@aws-handson:~/programlisting
root@aws-handson:~/programlisting
この状態で ls コマンドを打つと， handson/ というディレクトリがあるはずである． ここに cd する．
sh
$ cd handson
$ cd handson
すると，各ハンズオンごとのディレクトリが見つかるはずである．
あとは，ハンズオンごとにディレクトリを移動し，ハンズオンごとの virtualenv を作成し，スタックのデプロイを行えばよい (プログラムを実行する など参照)． ハンズオンごとに使用する依存ライブラリが異なるので，それぞれのハンズオンごとに virtualenv を作成するという設計になっている．
AWS の認証情報を設定することも忘れずに． AWS CLI のインストール で記述したように， AWS_ACCESS_KEY_ID などの環境変数を設定するのが簡単な方法である． あるいは，ローカルマシンの ~/.aws/credentials に認証情報が書き込まれているなら，このディレクトリをコンテナにマウントすることで，同じ認証ファイルをコンテナ内部から参照することが可能である． この選択肢を取る場合は，次のコマンドでコンテナを起動する．
sh
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
これにより，ローカルマシンの ~/.aws をコンテナの /root/.aws にマウントすることができる． 最後の :ro は read-only を意味する． 大切な認証ファイルが誤って書き換えられてしまわないように， read-only のフラグをつけることをおすすめする．
/root/ がコンテナ環境におけるホームディレクトリである． ここで紹介した認証ファイルをマウントするテクニックは， SSH 鍵をコンテナに渡すときなどにも使える．
ライセンス ​
本教科書およびハンズオンのソースコードは CC BY-NC-ND 4.0 に従うライセンスで公開しています．
教育など非商用の目的での本教科書の使用や再配布は自由に行うことが可能です． 商用目的で本書の全体またはその一部を無断で転載する行為は，これを固く禁じます．
',1318);function za(xa,Ta,Wa,$a,La,Ga){const p=l;return qa(),Da("div",null,[Ea,Ca(p,{readTime:"141",words:"34.3k"}),Ia])}const ln=va(Pa,[["render",za]]);export{pn as __pageData,ln as default};
diff --git a/assets/development_aws_main.md.58c079df.lean.js b/assets/development_aws_main.md.58c079df.lean.js
deleted file mode 100644
index f612d235..00000000
--- a/assets/development_aws_main.md.58c079df.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as l}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o}from"./chunks/earth_from_earth.8c108f53.js";import{_ as e,a as t,b as r,c}from"./chunks/terminal.94539704.js";import{_ as i,a as y,b as d,c as u,d as b,e as m,f as A,g as h,h as B,i as g,j as _}from"./chunks/iac.2263bc12.js";import{_ as s,a}from"./chunks/VPC.e1acca4d.js";import{_ as f,a as k,b as v,c as q,d as D,e as C,f as S}from"./chunks/ec2_keypair_console.fc89ef69.js";import{_ as w,a as P}from"./chunks/cnn.a8836fd9.js";import{_ as E,a as I,b as z,c as x,d as T,e as W,f as $,g as L,h as G,i as N,j as U,k as R,l as X,m as M,n as H,o as F,p as O}from"./chunks/mnist_prediction.4ba5b405.js";import{_ as j,a as V,b as K,c as Y,d as J,e as Q,f as Z,g as ss}from"./chunks/ecs.73d77e6a.js";import{_ as as,a as ns,b as ps,c as ls,d as os,e as es,f as ts,g as rs,h as cs,i as is,j as ys}from"./chunks/ask_many_output.0bb19110.js";import{_ as ds,a as us,b as bs,c as ms,d as As,e as hs,f as Bs,g as gs,h as _s,i as fs,j as ks,k as vs,l as qs,m as Ds,n as Cs,o as Ss,p as ws,q as Ps,r as Es,s as Is}from"./chunks/cloud_development.e43e5d4a.js";import{_ as zs,a as xs}from"./chunks/rest_api.602a6e96.js";import{_ as Ts,a as Ws,b as $s,c as Ls,d as Gs}from"./chunks/s3_vs_filesystem.fd65005d.js";import{_ as Ns,a as Us,b as Rs,c as Xs,d as Ms,e as Hs,f as Fs,g as Os,h as js,i as Vs,j as Ks,k as Ys,l as Js}from"./chunks/s3_bucket_filelist.89f3f384.js";import{_ as Qs,a as Zs,b as sa,c as aa,d as na,e as pa,f as la,g as oa,h as ea}from"./chunks/bashoutter_2.cd8a2a95.js";import{_ as ta,a as ra,b as ca,c as ia,d as ya,e as da,f as ua,g as ba,h as ma,i as Aa,j as ha,k as Ba,l as ga,m as _a,n as fa,o as ka}from"./chunks/venv_shell.dc2530bc.js";import{_ as va,o as qa,c as Da,H as Ca,k as n,a as Sa,Q as wa}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const pn=JSON.parse('{"title":"はじめに!","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/main.md","filePath":"development/aws/main.md","lastUpdated":1695377563000}'),Pa={name:"development/aws/main.md"},Ea=n("h1",{id:"はじめに",tabindex:"-1"},[Sa("はじめに! "),n("a",{class:"header-anchor",href:"#はじめに","aria-label":'Permalink to "はじめに!"'},"​")],-1),Ia=wa("",1318);function za(xa,Ta,Wa,$a,La,Ga){const p=l;return qa(),Da("div",null,[Ea,Ca(p,{readTime:"141",words:"34.3k"}),Ia])}const ln=va(Pa,[["render",za]]);export{pn as __pageData,ln as default};
diff --git a/assets/development_aws_scientific-computing.md.1b192c5b.js b/assets/development_aws_scientific-computing.md.194874e2.js
similarity index 99%
rename from assets/development_aws_scientific-computing.md.1b192c5b.js
rename to assets/development_aws_scientific-computing.md.194874e2.js
index 74ee87ae..ca3e7925 100644
--- a/assets/development_aws_scientific-computing.md.1b192c5b.js
+++ b/assets/development_aws_scientific-computing.md.194874e2.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as r}from"./chunks/cnn.a8836fd9.js";import{_ as o,o as d,c as n,H as i,k as t,a as s,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const T=JSON.parse('{"title":"クラウドで行う科学計算・機械学習","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/scientific-computing.md","filePath":"development/aws/scientific-computing.md","lastUpdated":1695377563000}'),c={name:"development/aws/scientific-computing.md"},h=t("h1",{id:"クラウドで行う科学計算・機械学習",tabindex:"-1"},[s("クラウドで行う科学計算・機械学習 "),t("a",{class:"header-anchor",href:"#クラウドで行う科学計算・機械学習","aria-label":'Permalink to "クラウドで行う科学計算・機械学習"'},"​")],-1),P=l('
計算機が発達した現代では，計算機によるシミュレーションやビッグデータの解析は，科学・エンジニアリングの研究の主要な柱である． これらの大規模な計算を実行するには，クラウドは最適である． 本章から始まる第二部では，どのようにしてクラウド上で科学計算を実行するのかを，ハンズオンとともに体験してもらう． 科学計算の具体的な題材として，今回は機械学習(深層学習)を取り上げる．
なお，本書では PyTorch ライブラリを使って深層学習のアルゴリズムを実装するが，深層学習および PyTorch の知識は不要である． 講義ではなぜ・どうやって深層学習をクラウドで実行するかに主眼を置いているので，実行するプログラムの詳細には立ち入らない． 将来，自分で深層学習を使う機会が来たときに，詳しく学んでもらいたい．
なぜ機械学習をクラウドで行うのか？ ​
2010 年頃に始まった第三次 AI ブームのおかげで，学術研究だけでなく社会・ビジネスの文脈でも機械学習に高い関心が寄せられている． とくに，深層学習 (ディープラーニング) とよばれる多層のレイヤーからなるニューラルネットワークを用いたアルゴリズムは，画像認識や自然言語処理などの分野で圧倒的に高い性能を実現し，革命をもたらしている．
深層学習の特徴は，なんといってもそのパラメータの多さである． 層が深くなるほど，層間のニューロンを結ぶ重みパラメータの数が増大していく． たとえば，最新の言語モデルである GPT-3 には1750 億個ものパラメータが含まれている． このような膨大なパラメータを有することで，深層学習は高い表現力と汎化性能を実現しているのである．
GPT-3 に限らず，最近の SOTA (State-of-the-art) の性能を達成するニューラルネットワークでは，百万から億のオーダーのパラメータを内包することは頻繁になってきている． そのような巨大なニューラルネットを訓練 (最適化) させるのは，当然のことながら膨大な計算コストがかかる． 結果として，ひとつの計算機では丸一日以上の時間がかかる場合も珍しくない． 深層学習の発展の速度は目覚ましく，研究・ビジネス両方の観点からも，いかにスループットよくニューラルネットワークの最適化を行えるかが鍵となってくる． そのような問題を解決するのにとても有効な手段が，クラウドである！ (#sec_first_ec2) でその片鱗を見たように，クラウドを使用することでゼロから数千に至るまでの数のインスタンスを動的に起動し，並列に計算を実行することができる． さらに，深層学習を加速させる目的で，深層学習の演算に専用設計された計算チップ (GPU など) がある． クラウドを利用すると，そのような専用計算チップも無尽蔵に利用することができる． 事実，先述した GPT-3 の学習も，詳細は明かされていないが，Microsoft 社のクラウドを使って行われたと報告されている．
GPU による深層学習の高速化 ​
深層学習の計算で欠かすことのできない技術として， GPU (Graphics Processing Unit) について少し説明する．
GPU は，その名のとおり，元々はコンピュータグラフィックスを出力するための専用計算チップである． CPU (Central Processing Unit) に対し，グラフィックスの演算に特化した設計がなされている． 身近なところでは， XBox や PS5 などのゲームコンソールなどに搭載されているし，ハイエンドなノート型・デスクトップ型計算機にも搭載されていることがある． コンピュータグラフィックスでは，スクリーンにアレイ状に並んだ数百万個の画素をビデオレート (30 fps) 以上で処理する必要がある． そのため，GPU はコアあたりの演算能力は比較的小さいかわりに，チップあたり数百から数千のコアを搭載しており (figure_title)，スクリーンの画素を並列的に処理することで，リアルタイムでの描画を実現している．
GPUのアーキテクチャ．GPUには数百から数千の独立した計算コアが搭載されている． (画像出典: https://devblogs.nvidia.com/nvidia-turing-architecture-in-depth/)
このように，コンピュータグラフィクスの目的で生まれた GPU だが，2010 年前後から，その高い並列計算能力をグラフィックス以外の計算 (科学計算など) に用いるという流れ (General-purpose computing on GPU; GPGPU) が生まれた． GPU のコアは，その設計から，行列の計算など，単純かつ規則的な演算が得意であり，そのような演算に対しては数個程度のコアしかもたない CPU に比べて圧倒的に高い計算速度を実現することができる． 現在では GPGPU は分子動力学や気象シミュレーション，そして機械学習など多くの分野で使われている．
ディープラーニングで最も頻繁に起こる演算が，ニューロンの出力を次の層のニューロンに伝える畳み込み (Convolution) 演算である (figure_title)． 畳み込み演算は，まさに GPU が得意とする演算であり， CPU ではなく GPU を用いることで学習を飛躍的に (最大で数百倍程度) 加速させることができる．
ニューラルネットワークにおける畳み込み演算．
このように GPU は機械学習の計算で欠かせないものであるが，なかなか高価である． たとえば，科学計算・機械学習に専用設計された NVIDIA 社の Tesla V100 というチップは，一台で約百万円の価格が設定されている． 機械学習を始めるのに，いきなり百万円の投資はなかなか大きい． だが，クラウドを使えば，初期コスト０で GPU を使用することができる．
機械学習を行うのに， V100 が必ずしも必要というわけではない． むしろ，研究者などでしばしば行われるのは，コンピュータゲームに使われるグラフィックス用の GPU を買ってきて (NVIDIA GeForce シリーズなど)，開発のときはをそれを用いる，というアプローチである． グラフィックス用のいわゆる"コンシューマ GPU"は，市場の需要が大きいおかげで，10 万円前後の価格で購入することができる． V100 と比べると，コンシューマ GPU はコアの数が少なかったり，メモリーが小さかったりなどで劣る点があるが， それらを除いては計算能力にとくに制限があるわけではなく，開発の段階では十分な性能である場合がほとんどである． プログラムができあがって，ビッグデータの解析や，モデルをさらに大きくしたいときなどに，クラウドは有効だろう．
クラウドで GPU を使うには， GPU が搭載された EC2 インスタンスタイプ (P3, P2, G3, G4 など) を選択しなければならない． table_title に，代表的な GPU 搭載のインスタンスタイプを挙げる (執筆時点での情報)．
GPUを搭載したEC2インスタンスタイプ
InstanceGPUsGPU modelGPU Mem (GiB)vCPUMem (GiB)Price per hour ($)
p3.2xlarge
1
NVIDIA V100
16
8
61
3.06
p3n.16xlarge
8
NVIDIA V100
128
64
488
24.48
p2.xlarge
1
NVIDIA K80
12
4
61
0.9
g4dn.xlarge
1
NVIDIA T4
16
4
16
0.526
table_title からわかるとおり， CPU のみのインスタンスと比べると少し高い価格設定になっている． また，古い世代の GPU (V100 に対しての K80) はより安価な価格で提供されている． 1 インスタンスあたりの GPU の搭載数は 1 台から最大で 8 台まで選択することが可能である．
GPU を搭載した一番安いインスタンスタイプは， g4dn.xlarge であり，これには廉価かつ省エネルギー設計の NVIDIA T4 が搭載されている． 後のハンズオンでは，このインスタンスを使用して，ディープラーニングの計算を行ってみる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
V100 を一台搭載した p3.2xlarge の利用料金は一時間あたり $3.06 である． V100 が約百万円で売られていることを考えると，約 3000 時間 (= 124 日間)，通算で計算を行った場合に，クラウドを使うよりも V100 を自分で買ったほうがお得になる，という計算になる (実際には，自前で V100 を用意する場合は， V100 だけでなく， CPU やネットワーク機器，電気使用料も必要なので，百万円よりもさらにコストがかかる)．
GPT-3 で使われた計算リソースの詳細は論文でも明かされていないのだが， Lambda 社のブログで興味深い考察が行われている (Lambda 社は機械学習に特化したクラウドサービスを提供している)．
記事によると，1750 億のパラメータを訓練するには，一台の GPU (NVIDIA V100) を用いた場合，342 年の月日と 460 万ドルのクラウド利用料が必要となる，とのことである． GPT-3 のチームは，複数の GPU に処理を分散することで現実的な時間のうちに訓練を完了させたのであろうが，このレベルのモデルになってくるとクラウド技術の限界を攻めないと達成できないことは確かである．
深層学習を詳しく勉強したい人には以下の参考書を推薦したい． 深層学習の基礎的な概念や理論は普遍的であるが，この分野は日進月歩なので，常に最新の情報を取り入れることを忘れずに．
',25);function g(_,G,f,m,U,u){const e=a;return d(),n("div",null,[h,i(e,{readTime:"5",words:"1.4k"}),P])}const y=o(c,[["render",g]]);export{T as __pageData,y as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as r}from"./chunks/cnn.a8836fd9.js";import{_ as o,o as d,c as n,H as i,k as t,a as s,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const T=JSON.parse('{"title":"クラウドで行う科学計算・機械学習","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/scientific-computing.md","filePath":"development/aws/scientific-computing.md","lastUpdated":1699051935000}'),c={name:"development/aws/scientific-computing.md"},h=t("h1",{id:"クラウドで行う科学計算・機械学習",tabindex:"-1"},[s("クラウドで行う科学計算・機械学習 "),t("a",{class:"header-anchor",href:"#クラウドで行う科学計算・機械学習","aria-label":'Permalink to "クラウドで行う科学計算・機械学習"'},"​")],-1),P=l('
計算機が発達した現代では，計算機によるシミュレーションやビッグデータの解析は，科学・エンジニアリングの研究の主要な柱である． これらの大規模な計算を実行するには，クラウドは最適である． 本章から始まる第二部では，どのようにしてクラウド上で科学計算を実行するのかを，ハンズオンとともに体験してもらう． 科学計算の具体的な題材として，今回は機械学習(深層学習)を取り上げる．
なお，本書では PyTorch ライブラリを使って深層学習のアルゴリズムを実装するが，深層学習および PyTorch の知識は不要である． 講義ではなぜ・どうやって深層学習をクラウドで実行するかに主眼を置いているので，実行するプログラムの詳細には立ち入らない． 将来，自分で深層学習を使う機会が来たときに，詳しく学んでもらいたい．
なぜ機械学習をクラウドで行うのか？ ​
2010 年頃に始まった第三次 AI ブームのおかげで，学術研究だけでなく社会・ビジネスの文脈でも機械学習に高い関心が寄せられている． とくに，深層学習 (ディープラーニング) とよばれる多層のレイヤーからなるニューラルネットワークを用いたアルゴリズムは，画像認識や自然言語処理などの分野で圧倒的に高い性能を実現し，革命をもたらしている．
深層学習の特徴は，なんといってもそのパラメータの多さである． 層が深くなるほど，層間のニューロンを結ぶ重みパラメータの数が増大していく． たとえば，最新の言語モデルである GPT-3 には1750 億個ものパラメータが含まれている． このような膨大なパラメータを有することで，深層学習は高い表現力と汎化性能を実現しているのである．
GPT-3 に限らず，最近の SOTA (State-of-the-art) の性能を達成するニューラルネットワークでは，百万から億のオーダーのパラメータを内包することは頻繁になってきている． そのような巨大なニューラルネットを訓練 (最適化) させるのは，当然のことながら膨大な計算コストがかかる． 結果として，ひとつの計算機では丸一日以上の時間がかかる場合も珍しくない． 深層学習の発展の速度は目覚ましく，研究・ビジネス両方の観点からも，いかにスループットよくニューラルネットワークの最適化を行えるかが鍵となってくる． そのような問題を解決するのにとても有効な手段が，クラウドである！ (#sec_first_ec2) でその片鱗を見たように，クラウドを使用することでゼロから数千に至るまでの数のインスタンスを動的に起動し，並列に計算を実行することができる． さらに，深層学習を加速させる目的で，深層学習の演算に専用設計された計算チップ (GPU など) がある． クラウドを利用すると，そのような専用計算チップも無尽蔵に利用することができる． 事実，先述した GPT-3 の学習も，詳細は明かされていないが，Microsoft 社のクラウドを使って行われたと報告されている．
GPU による深層学習の高速化 ​
深層学習の計算で欠かすことのできない技術として， GPU (Graphics Processing Unit) について少し説明する．
GPU は，その名のとおり，元々はコンピュータグラフィックスを出力するための専用計算チップである． CPU (Central Processing Unit) に対し，グラフィックスの演算に特化した設計がなされている． 身近なところでは， XBox や PS5 などのゲームコンソールなどに搭載されているし，ハイエンドなノート型・デスクトップ型計算機にも搭載されていることがある． コンピュータグラフィックスでは，スクリーンにアレイ状に並んだ数百万個の画素をビデオレート (30 fps) 以上で処理する必要がある． そのため，GPU はコアあたりの演算能力は比較的小さいかわりに，チップあたり数百から数千のコアを搭載しており (figure_title)，スクリーンの画素を並列的に処理することで，リアルタイムでの描画を実現している．
GPUのアーキテクチャ．GPUには数百から数千の独立した計算コアが搭載されている． (画像出典: https://devblogs.nvidia.com/nvidia-turing-architecture-in-depth/)
このように，コンピュータグラフィクスの目的で生まれた GPU だが，2010 年前後から，その高い並列計算能力をグラフィックス以外の計算 (科学計算など) に用いるという流れ (General-purpose computing on GPU; GPGPU) が生まれた． GPU のコアは，その設計から，行列の計算など，単純かつ規則的な演算が得意であり，そのような演算に対しては数個程度のコアしかもたない CPU に比べて圧倒的に高い計算速度を実現することができる． 現在では GPGPU は分子動力学や気象シミュレーション，そして機械学習など多くの分野で使われている．
ディープラーニングで最も頻繁に起こる演算が，ニューロンの出力を次の層のニューロンに伝える畳み込み (Convolution) 演算である (figure_title)． 畳み込み演算は，まさに GPU が得意とする演算であり， CPU ではなく GPU を用いることで学習を飛躍的に (最大で数百倍程度) 加速させることができる．
ニューラルネットワークにおける畳み込み演算．
このように GPU は機械学習の計算で欠かせないものであるが，なかなか高価である． たとえば，科学計算・機械学習に専用設計された NVIDIA 社の Tesla V100 というチップは，一台で約百万円の価格が設定されている． 機械学習を始めるのに，いきなり百万円の投資はなかなか大きい． だが，クラウドを使えば，初期コスト０で GPU を使用することができる．
機械学習を行うのに， V100 が必ずしも必要というわけではない． むしろ，研究者などでしばしば行われるのは，コンピュータゲームに使われるグラフィックス用の GPU を買ってきて (NVIDIA GeForce シリーズなど)，開発のときはをそれを用いる，というアプローチである． グラフィックス用のいわゆる"コンシューマ GPU"は，市場の需要が大きいおかげで，10 万円前後の価格で購入することができる． V100 と比べると，コンシューマ GPU はコアの数が少なかったり，メモリーが小さかったりなどで劣る点があるが， それらを除いては計算能力にとくに制限があるわけではなく，開発の段階では十分な性能である場合がほとんどである． プログラムができあがって，ビッグデータの解析や，モデルをさらに大きくしたいときなどに，クラウドは有効だろう．
クラウドで GPU を使うには， GPU が搭載された EC2 インスタンスタイプ (P3, P2, G3, G4 など) を選択しなければならない． table_title に，代表的な GPU 搭載のインスタンスタイプを挙げる (執筆時点での情報)．
GPUを搭載したEC2インスタンスタイプ
InstanceGPUsGPU modelGPU Mem (GiB)vCPUMem (GiB)Price per hour ($)
p3.2xlarge
1
NVIDIA V100
16
8
61
3.06
p3n.16xlarge
8
NVIDIA V100
128
64
488
24.48
p2.xlarge
1
NVIDIA K80
12
4
61
0.9
g4dn.xlarge
1
NVIDIA T4
16
4
16
0.526
table_title からわかるとおり， CPU のみのインスタンスと比べると少し高い価格設定になっている． また，古い世代の GPU (V100 に対しての K80) はより安価な価格で提供されている． 1 インスタンスあたりの GPU の搭載数は 1 台から最大で 8 台まで選択することが可能である．
GPU を搭載した一番安いインスタンスタイプは， g4dn.xlarge であり，これには廉価かつ省エネルギー設計の NVIDIA T4 が搭載されている． 後のハンズオンでは，このインスタンスを使用して，ディープラーニングの計算を行ってみる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
V100 を一台搭載した p3.2xlarge の利用料金は一時間あたり $3.06 である． V100 が約百万円で売られていることを考えると，約 3000 時間 (= 124 日間)，通算で計算を行った場合に，クラウドを使うよりも V100 を自分で買ったほうがお得になる，という計算になる (実際には，自前で V100 を用意する場合は， V100 だけでなく， CPU やネットワーク機器，電気使用料も必要なので，百万円よりもさらにコストがかかる)．
GPT-3 で使われた計算リソースの詳細は論文でも明かされていないのだが， Lambda 社のブログで興味深い考察が行われている (Lambda 社は機械学習に特化したクラウドサービスを提供している)．
記事によると，1750 億のパラメータを訓練するには，一台の GPU (NVIDIA V100) を用いた場合，342 年の月日と 460 万ドルのクラウド利用料が必要となる，とのことである． GPT-3 のチームは，複数の GPU に処理を分散することで現実的な時間のうちに訓練を完了させたのであろうが，このレベルのモデルになってくるとクラウド技術の限界を攻めないと達成できないことは確かである．
深層学習を詳しく勉強したい人には以下の参考書を推薦したい． 深層学習の基礎的な概念や理論は普遍的であるが，この分野は日進月歩なので，常に最新の情報を取り入れることを忘れずに．
',25);function g(_,G,f,m,U,u){const e=a;return d(),n("div",null,[h,i(e,{readTime:"5",words:"1.4k"}),P])}const y=o(c,[["render",g]]);export{T as __pageData,y as default};
diff --git a/assets/development_aws_scientific-computing.md.1b192c5b.lean.js b/assets/development_aws_scientific-computing.md.194874e2.lean.js
similarity index 94%
rename from assets/development_aws_scientific-computing.md.1b192c5b.lean.js
rename to assets/development_aws_scientific-computing.md.194874e2.lean.js
index f3a42c7b..4ff6035b 100644
--- a/assets/development_aws_scientific-computing.md.1b192c5b.lean.js
+++ b/assets/development_aws_scientific-computing.md.194874e2.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as r}from"./chunks/cnn.a8836fd9.js";import{_ as o,o as d,c as n,H as i,k as t,a as s,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const T=JSON.parse('{"title":"クラウドで行う科学計算・機械学習","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/scientific-computing.md","filePath":"development/aws/scientific-computing.md","lastUpdated":1695377563000}'),c={name:"development/aws/scientific-computing.md"},h=t("h1",{id:"クラウドで行う科学計算・機械学習",tabindex:"-1"},[s("クラウドで行う科学計算・機械学習 "),t("a",{class:"header-anchor",href:"#クラウドで行う科学計算・機械学習","aria-label":'Permalink to "クラウドで行う科学計算・機械学習"'},"​")],-1),P=l("",25);function g(_,G,f,m,U,u){const e=a;return d(),n("div",null,[h,i(e,{readTime:"5",words:"1.4k"}),P])}const y=o(c,[["render",g]]);export{T as __pageData,y as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as p,a as r}from"./chunks/cnn.a8836fd9.js";import{_ as o,o as d,c as n,H as i,k as t,a as s,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const T=JSON.parse('{"title":"クラウドで行う科学計算・機械学習","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/scientific-computing.md","filePath":"development/aws/scientific-computing.md","lastUpdated":1699051935000}'),c={name:"development/aws/scientific-computing.md"},h=t("h1",{id:"クラウドで行う科学計算・機械学習",tabindex:"-1"},[s("クラウドで行う科学計算・機械学習 "),t("a",{class:"header-anchor",href:"#クラウドで行う科学計算・機械学習","aria-label":'Permalink to "クラウドで行う科学計算・機械学習"'},"​")],-1),P=l("",25);function g(_,G,f,m,U,u){const e=a;return d(),n("div",null,[h,i(e,{readTime:"5",words:"1.4k"}),P])}const y=o(c,[["render",g]]);export{T as __pageData,y as default};
diff --git a/assets/development_aws_serverless.md.715b8a8d.js b/assets/development_aws_serverless.md.a89d6134.js
similarity index 99%
rename from assets/development_aws_serverless.md.715b8a8d.js
rename to assets/development_aws_serverless.md.a89d6134.js
index 4d10bf09..a276f492 100644
--- a/assets/development_aws_serverless.md.715b8a8d.js
+++ b/assets/development_aws_serverless.md.a89d6134.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,a as o,b as s,c as n,d as p}from"./chunks/s3_vs_filesystem.fd65005d.js";import{_ as d,o as l,c as i,H as c,k as e,a as m,Q as h}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const A=JSON.parse('{"title":"Serverless architecture","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/serverless.md","filePath":"development/aws/serverless.md","lastUpdated":1695377563000}'),g={name:"development/aws/serverless.md"},u=e("h1",{id:"serverless-architecture",tabindex:"-1"},[m("Serverless architecture "),e("a",{class:"header-anchor",href:"#serverless-architecture","aria-label":'Permalink to "Serverless architecture"'},"​")],-1),b=h('
サーバーレスアーキテクチャ (Serverless architecture) あるいは サーバーレスコンピューティング (Serverless computing) とは，従来とは全く異なるアプローチに基づくクラウドシステムの設計方法である． 歴史的には， AWS が 2014 年に発表した Lamba がサーバーレスアーキテクチャの先駆けとされている． その後， Google や Microsoft などのクラウドプラットフォームも同様の機能の提供を開始している． サーバーレスアーキテクチャの利点は，スケーラブルなクラウドシステムを安価かつ簡易に作成できる点であり，近年いたるところで導入が進んでいる．
Serverless とは，文字どおりの意味としてはサーバーなしで計算をするということになるが，それは一体どういう意味だろうか？ サーバーレスについて説明するためには，まずは従来的な， "serverful" とよばれるようなシステムについて解説しなければならない．
Serverful クラウド (従来型) ​
従来的なクラウドシステムのスケッチを figure_title に示す． クライアントから送信されたリクエストは，最初に API サーバーに送られる． API サーバーでは，リクエストの内容に応じてタスクが実行される． タスクには，API サーバーだけで完結できるものもあるが，多くの場合，データベースの読み書きが必要である． データベースには，データベース専用の独立したサーバーマシンが用いられることが一般的である． また，画像や動画などの容量の大きいデータは，また別のストレージサーバーに保存されることが多い． これらの API サーバー，データベースサーバー，ストレージサーバーはそれぞれ独立したサーバーマシンであり， AWS の言葉では EC2 による仮想インスタンスを想定してもらったらよい．
多くのウェブサービスでは，多数のクライアントからのリクエストを処理するため，複数のサーバーマシンがクラウド内で起動し，負荷を分散するような設計がなされている． クライアントから来たリクエストを計算容量に余裕のあるサーバーに振り分けるような操作を Load balancing とよび，そのような操作を担当するマシンのことを Load balancer という．
計算負荷を分散する目的で多数のインスタンスを起動するのはよいのだが，計算負荷が小さすぎてアイドリング状態にあるようではコストと電力の無駄遣いである． したがって，すべてのサーバーが常に目標とする計算負荷を維持するよう，計算の負荷に応じてクラスター内の仮想サーバーの数を動的に増減させるような仕組みが必要である． そのような仕組みをクラスターのスケーリングとよび，負荷の増大に応答して新しい仮想インスタンスをクラスターに追加する操作を scale-out，負荷の減少に応答してインスタンスをシャットダウンする操作を scale-in とよぶ． クラスターのスケーリングは， API サーバーではもちろんのこと，データベースサーバー・ストレージサーバーでも必要になる． ストレージサーバーでは，例えば頻繁にアクセスされるデータはキャッシュ領域に保存したり，データのコピーを複数作るなどのスケーリングが行われる． データベースサーバーも同様に，頻繁にアクセスされるデータのアクセスがパンクしてしまわないよう，分散的な処理が必要となる． このように，クラウドシステム内すべての箇所で，負荷が均一になるような調整が必要であり，開発者は多くの時間をそのチューニングに費やさなければならない． また，サービスの利用者の数などに応じてスケーリングの設定は常に見直される必要があり，継続的な開発が要求される．
さらに問題を複雑にするのは，API サーバーで処理されるべきタスクが，非一様な点である． 非一様であるとは，たとえばタスク A は 3000 ミリ秒の実行時間と 512MB のメモリーを消費し，別のタスク B は 1000 ミリ秒の実行時間と 128MB のメモリーを消費する，というような状況を指している． 一つのサーバーマシンが計算負荷が異なる複数のタスクを処理する場合，クラスターのスケーリングはより複雑になる． この状況をシンプルにするために，１サーバーで実行するタスクは１種類に限る，という設計も可能であるが，そうするとで生まれる弊害も多い (ほとんど使われないタスクに対してもサーバー一台をまるまる割り当てなければならない = ほとんどアイドリング状態になってしまう，など)．
Serverful なクラウドシステム
Serverless クラウドへ ​
Serverful クラウド (従来型) で議論したように，クラスターのスケーリングはクラウドシステムの経済的効率とシステムの安定性を最大化するために必須の作業である． それを反映して，多くの開発者の時間が投資されてきた．
クラスターのスケーリングはすべての開発者が何度も繰り返し行ってきた作業であり，いくつかの側面をテンプレート化し，共通化することができたならば開発のコストを大幅に削減できるだろう． それを実現するには，根本的なレベルからクラウドシステムの設計を考え直す必要がある． スケーリングを前提として考えることで，もっとシンプルで見通しがよいクラウドシステムの設計の仕組みはないだろうか？ そのような動機が，サーバーレスアーキテクチャが誕生する背後にあった．
従来の serverful なシステムでの最大の問題点は，サーバーをまるまる占有してしまうという点にある． すなわち， EC2 インスタンスを起動したとき，そのインスタンスは起動したユーザーだけが使えるものであり，計算のリソース (CPU や RAM) が独占的に割り当てられた状態になる． 固定した計算資源の割り当てがされてしまっているので，インスタンスの計算負荷が 0%であろうが 100%であろうが，均一の使用料金が起動時間に比例して発生する．
サーバーレスアーキテクチャは，このような 独占的に割り当てられた計算リソースというものを完全に廃止することを出発点とする． サーバーレスアーキテクチャでは，計算のリソースは，クラウドプロバイダーがすべて管理する． クライアントは，仮想インスタンスを一台まるごと借りるのではなく，計算のタスクの需要が生まれる毎に，実行したいプログラム・コマンドをクラウドに提出する． クラウドプロバイダーは，自身のもつ巨大な計算リソースから空きを探し，提出されたプログラムを実行し，実行結果をクライアントに返す． 言い換えると，計算リソースのスケーリングやアロケーションなどはクラウドプロバイダーが一手に引き受け，ユーザーはジョブをサブミットすることに注力する，という枠組みである． これを図示すると， figure_title のようになる．
従来のクラウドと Serverless クラウドの比較
サーバーレスクラウドでは，スケーリングはすべてクラウドプロバイダーが引き受けるので，スケーラビリティーが保証されている． クライアントが同時に大量のタスクを送信した場合でも，クラウドプロバイダー側の独自の仕組みによってすべてのタスクが遅延なく実行される． また，サーバーレスクラウドを利用することで，クラウドのコストは実際に使用した計算の総量 (稼働時間) で決定されることになる． これは，計算の実行総量に関わらずインスタンスの起動時間で料金が決定されていた従来のシステムと比べて大きな違いである．
サーバーレスクラウドは，従来のクラウドとは根本から異なったアプローチなので，コードの書き方やシステムの設計が大きく異なる． サーバーレスクラウドを開発・運用するには，サーバーレス固有の概念や用語に精通している必要がある． 以降では，実際にクラウドを動かしながら，サーバーレスをより具体的に体験していこう．
従来型の(仮想インスタンスをたくさん起動するような)クラウドシステムは，賃貸と似ているかもしれない． 部屋を借りるというのは，その部屋でどれだけの時間を過ごそうが，月々の家賃は一定である． 同様に，仮想サーバーも，それがどれほどの計算を行っているかに関わらず，一定の料金が時間ごとに発生する．
一方で，サーバーレスクラウドは，電気・水道・ガス料金 と似ている． こちらは，実際に使用した量に比例して料金が決定されている． サーバーレスクラウドも，実際に計算を行った総時間で料金が決まる仕組みになっている．
サーバーレスクラウドを構成するコンポーネント ​
サーバーレスアーキテクチャの概要がわかってきたところで，ここでは AWS においてサーバーレスクラウドを構成する様々なコンポーネントを紹介していこう． 特に， Lambda, S3, DynamoDB を取り上げ，解説する (figure_title)． サーバーレスクラウドは，これらのコンポーネントを統合することで一つのシステムが出来上がる． ここでは， Lambda，S3，DynamoDB を利用する際に押さえておかなければならない知識を一通り説明しきる都合上，具体的なイメージがわきにくいかもしれない． が，続く (#sec_intro_serverless) でそれぞれについてハンズオン形式で演習を行うので，そこでさらに理解を深めれば大丈夫である．
Lambda, S3, DynamoDB のアイコン
Lambda ​
AWS でサーバーレスコンピューティングの中心を担うのが， Lambda である． Lambda の使い方を figure_title に図示している． Lambda の仕組みはシンプルで，まずユーザーは実行したいプログラムのコードを事前に登録しておく． プログラムは， Python, Node.js, Ruby などの主要な言語がサポートされている． Lambda に登録されたひとつひとつのプログラムを関数 (Function) とよぶ． そして，関数を実行したいときに，invoke コマンドを Lambda に送信する． Lambda では， invoke のリクエストを受け取るとただちに (数ミリセカンドから数百ミリセカンド程度の時間で) プログラムの実行を開始する． そして，実行結果をクライアントやその他の計算機に返す．
AWS Lambda
このように，Lambda では占有された仮想インスタンスは存在せず，実行を待っているプログラムだけがある状態である． invoke のリクエストに応じて，プログラムが AWS の巨大な計算機プールのどこかに配置され，実行される． 同時に複数のリクエストが来た場合でも， AWS はそれらを実行するための計算リソースを割り当て，並列的に処理を行ってくれる． 原理上は，数千から数万のリクエストが同時に来たとしても， Lambda はそれらを同時に実行することができる． このような，占有された仮想サーバーの存在なしに，動的に関数を実行するサービスのことを総称して FaaS (Function as a Service) とよぶ．
Lambda ではそれぞれの関数につき， 128MB から 10240MB のメモリーを使用することができる (執筆時点の仕様)． また，実効的な CPU のパワーはメモリーの量に比例する形で割り当てられる． すなわち，タスクに割り当てたメモリーの量が多ければ多いほど，より多くの CPU リソースが割り当てられることになる (しかし， RAM と CPU パワーの具体的な換算表は AWS からは公開されていない)． 実行時間は 100 ミリ秒の単位で記録され，実行時間に比例して料金が決定される． table_title は Lambda の利用料金表である (執筆時点で ap-north-east1 リージョンを選択した場合)．
Lambda の料金表
Memory (MB)Price per 100ms
128
$0.0000002083
512
$0.0000008333
1024
$0.0000016667
3008
$0.0000048958
実行時間に比例する料金に追加して，リクエストを送信するごとに発生する料金が設定されている． これは，百万回のリクエストにつき $0.2 である． たとえば， 128MB のメモリーを使用する関数を，それぞれ 200 ミリ秒，合計で 100 万回実行した場合， 0.0000002083 * 2 * 10^6 + 0.2 = $0.6 の料金となる． ウェブサーバーのデータベースの更新など簡単な計算であれば，200 ミリ秒程度で実行できる関数も多いことから，100 万回データベースの更新を行ったとしても，たった $0.6 しかコストが発生しないことになる． また，コードが実行されず待機状態になっている場合は，発生する料金は 0 である． このように，実際に意味のある処理が行われた時間にのみ，料金が発生する仕組みになっている．
Lambda は比較的短時間で完了する，反復性の高いタスクの実行に向いている． データベースの読み書きはその典型的な例であるが，そのほかにも，画像のサイズをトリミングしたり，サーバーサイドで定期的に実行されるメンテナンス処理などの利用が考えられる． また，複数の Lambda をリレー式に繋げることも可能で，シンプルな処理を組み合わせることで複雑なロジックを表現することができる．
上述の Lambda の料金計算は，説明のためコストに寄与する要素をいくつか省いている点は承知いただきたい． 例えば， DynamoDB の読み書きに関する料金や，ネットワークの通信にかかわるコストが考慮されていない．
サーバーレスストレージ: S3 ​
サーバーレスの概念は，ストレージにも拡張されている．
従来的なストレージ (ファイルシステム) では，必ずホストとなるマシンと OS が存在しなければならない． したがって，それほどパワーは必要ないまでも，ある程度の CPU リソースを割かなければならない． また，従来的なファイルシステムでは，データ領域のサイズは最初にディスクを初期化するときに決めなければならず，後から容量を増加させることはしばしば困難である (ZFS などのファイルシステムを使えばある程度は自由にファイルシステムのサイズを変更することは可能である)． よって，従来的なクラウドでは，ストレージを借りる際にはあらかじめディスクのサイズを指定せねばならず，ディスクの中身が空であろうと満杯であろうと，同じ利用料金が発生することになる (figure_title)．
Simple Storage Service (S3) は，サーバーレスなストレージシステムを提供する (figure_title)． S3 は従来的なストレージシステムと異なり， OS に"マウントする”という概念はない． 基本的に API を通じてデータの読み書きの操作が行われる． また，データの冗長化や暗号化，バックアップの作成など，通常ならば OS と CPU が介在しなければならない操作も， API を通じて行うことができる． S3 では事前に決められたディスク領域のサイズはなく，データを入れれば入れた分だけ，保存領域は拡大していく (仕様上はペタバイトスケールのデータを保存することが可能である)． ストレージにかかる料金は，保存してあるデータの総容量で決定される．
S3 と従来的なファイルシステムの比較
S3 を利用する際に，料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 説明のため主要な事項のみ取り出している． 詳細は 公式ドキュメンテーション "Amazon S3 pricing" を参照)．
S3 の利用料金
項目料金
Data storage (First 50TB)
$0.023 per GB per month
PUT, COPY, POST, LIST requests (per 1,000 requests)
$0.005
GET, SELECT, and all other requests (per 1,000 requests)
$0.0004
Data Transfer IN To Amazon S3 From Internet
$0
Data Transfer OUT From Amazon S3 To Internet
$0.09 per GB
第一に，データの保存には $0.025 per GB のコストが月ごとに発生する． したがって，1000GB のデータを S3 に一ヵ月保存した場合， $25 の料金が発生することになる． また，PUT, COPY, POST などのリクエスト (=データを書き込む操作) に対しては，データ容量に関係なく，1000 回ごとに $0.005 のコストが発生する． GET, SELECT などのリクエスト (=データを読み込む操作) に対しては，1000 回ごとに $0.0004 のコストが発生する． また， S3 はデータを外に取り出す際の通信にもコストが生じる． 執筆時点では，S3 からインターネットを通じて外部にデータを転送 (data-out) すると $0.09 per GB のコストが発生する． データをインターネットを通じて S3 に入れる (data-in) 通信は無料で行える． また， AWS の 同じ Region 内のサービス (Lambda や EC2 など) にデータを転送するのは無料である． AWS のリージョンをまたいだデータの転送にはコストが発生する． いずれにせよ，サーバーレスの概念に則り，すべての料金が従量課金制で決定される設定になっている．
サーバーレスデータベース: DynamoDB ​
サーバーレスの概念は，データベースにも適用することができる．
ここでいうデータベースとは， Web サービスなどにおけるユーザーや商品の情報を記録しておくための保存領域のことを指している． 従来的に有名なデータベースとしては MySQL, PostgreSQL, MongoDB などが挙げられる． データベースと普通のストレージの違いは，データの検索機能にある． 普通のストレージではデータは単純にディスクに書き込まれるだけだが， データベースでは検索がより効率的になるようなデータの配置がされたり， 頻繁にアクセスされるデータはメモリーにキャッシュされるなどの機能が備わっている． これにより，巨大なデータの中から，興味のある要素を高速に取得することができる．
このような検索機能を実現するには，当然 CPU の存在が必須である． したがって，従来的なデータベースを構築する際は，ストレージ領域に加えて，たくさんの CPU コアを搭載したマシンが用いられることが多い． また，データベースが巨大な場合は複数マシンにまたがった分散型のシステムが設計される． 分散型システムの場合は， Serverful クラウド (従来型) で議論したようにデータベースへのアクセス負荷に応じて適切なスケーリングがなされる必要がある．
DynamoDB は， AWS が提供しているサーバーレスな分散型データベースである． サーバーレスであるので，占有されたデータベース用仮想インスタンスは存在せず， API を通じてデータの書き込み・読み出し・検索などの操作を行う． S3 と同様に，データ保存領域の上限は定められておらず，データを入れれば入れた分だけ，保存領域は拡大していく． また，データベースへの負荷が増減したときのスケーリングは， DynamoDB が自動で行うので，ユーザーは心配する必要はない．
DynamoDB での利用料金の計算はやや複雑なのだが， "On-demand Capacity" というモードで使用した場合の料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 詳細は 公式ドキュメンテーション "Pricing for On-Demand Capacity" を参照)．
DynamoDB の利用料金
項目料金
Write request units
$1.25 per million write request units
Read request units
$0.25 per million read request units
Data storage
$0.25 per GB-month
DynamoDB ではデータの書き込み操作の単位を write request unit とよび，データの読み込み操作の単位を read request unit とよぶ． 基本的に， 1kB 以下のデータを一度書き込むと 1 write request unit を消費し，4kB 以下のデータを一度読み込むと 1 read request unit を消費する (詳しくは 公式ドキュメンテーション "Read/Write Capacity Mode" を参照のこと)． write request units は 100 万回ごとに $1.25, read request units は 100 万回ごとに $0.25 のコストが設定されている． また，保存されたデータ容量に対して $0.25 per GB のコストが月ごとに発生する． DynamoDB は高速な検索機能などを備えたデータベースであるので， GB あたりのストレージコストは S3 に比べ 10 倍程度高い． DynamoDB のデータの転送に関わるコストは，同じリージョン内ならば data-in，data-out ともに $0 である． リージョンをまたいだ通信には別途コストが発生する．
その他のサーバーレスクラウドの構成要素 ​
以上で紹介した Lambda, S3, DynamoDB がサーバーレスクラウドの中で最も使用する頻度が高いサービスになる． その他のサーバーレスクラウドの構成要素を以下に列挙する． いくつかについては，今後のハンズオンを行う中で改めて解説を行う．
  • API Gateway: API を構築する際のルーティングを担う． (#sec_bashoutter) で取り上げる．
  • Fargate: (#sec_fargate_qabot) で触れた Fargate も，サーバーレスクラウドの要素の一部である． Lambda との違いは，Lambda よりも大容量のメモリーや CPU を要するような計算などを行うことができる点が挙げられる．
  • Simple Notification Service (SNS): サーバーレスのサービス間でイベントをやり取りするためのサービス．
  • Step Functions: サーバーレスのサービス間のオーケストレーションを担う．
サーバーレスアーキテクチャは万能か？
この問いへの答えは，筆者は NO であると考える．
ここまで，サーバーレスの利点を強調して説明をしてきたが，まだまだ新しい技術なだけに，欠点，あるいはサーバーフルなシステムに劣る点は数多くある．
大きな欠点を一つあげるとすれば，サーバーレスのシステムは各クラウドプラットフォームに固有なものなので，特定のプラットフォームでしか運用できないシステムになってしまう点であろう． AWS で作成したサーバーレスのシステムを， Google のクラウドに移植するには，かなり大掛かりなプログラムの書き換えが必要になる． 一方， serverful なシステムであれば，プラットフォーム間のマイグレーションは比較的簡単に行うことができる． クラウドプロバイダーとしては，自社のシステムへの依存度を強めることで，顧客を離さないようにするという狙いがあるのだろう…
その他，サーバーレスコンピューティングの欠点や今後の課題などは，次の論文で詳しく議論されている． 興味のある読者はぜひ読んでいただきたい．
',55);function f(_,S,v,y,q,P){const a=t;return l(),i("div",null,[u,c(a,{readTime:"9",words:"2.4k"}),b])}const L=d(g,[["render",f]]);export{A as __pageData,L as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,a as o,b as s,c as n,d as p}from"./chunks/s3_vs_filesystem.fd65005d.js";import{_ as d,o as l,c as i,H as c,k as e,a as m,Q as h}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const A=JSON.parse('{"title":"Serverless architecture","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/serverless.md","filePath":"development/aws/serverless.md","lastUpdated":1699051935000}'),g={name:"development/aws/serverless.md"},u=e("h1",{id:"serverless-architecture",tabindex:"-1"},[m("Serverless architecture "),e("a",{class:"header-anchor",href:"#serverless-architecture","aria-label":'Permalink to "Serverless architecture"'},"​")],-1),b=h('
サーバーレスアーキテクチャ (Serverless architecture) あるいは サーバーレスコンピューティング (Serverless computing) とは，従来とは全く異なるアプローチに基づくクラウドシステムの設計方法である． 歴史的には， AWS が 2014 年に発表した Lamba がサーバーレスアーキテクチャの先駆けとされている． その後， Google や Microsoft などのクラウドプラットフォームも同様の機能の提供を開始している． サーバーレスアーキテクチャの利点は，スケーラブルなクラウドシステムを安価かつ簡易に作成できる点であり，近年いたるところで導入が進んでいる．
Serverless とは，文字どおりの意味としてはサーバーなしで計算をするということになるが，それは一体どういう意味だろうか？ サーバーレスについて説明するためには，まずは従来的な， "serverful" とよばれるようなシステムについて解説しなければならない．
Serverful クラウド (従来型) ​
従来的なクラウドシステムのスケッチを figure_title に示す． クライアントから送信されたリクエストは，最初に API サーバーに送られる． API サーバーでは，リクエストの内容に応じてタスクが実行される． タスクには，API サーバーだけで完結できるものもあるが，多くの場合，データベースの読み書きが必要である． データベースには，データベース専用の独立したサーバーマシンが用いられることが一般的である． また，画像や動画などの容量の大きいデータは，また別のストレージサーバーに保存されることが多い． これらの API サーバー，データベースサーバー，ストレージサーバーはそれぞれ独立したサーバーマシンであり， AWS の言葉では EC2 による仮想インスタンスを想定してもらったらよい．
多くのウェブサービスでは，多数のクライアントからのリクエストを処理するため，複数のサーバーマシンがクラウド内で起動し，負荷を分散するような設計がなされている． クライアントから来たリクエストを計算容量に余裕のあるサーバーに振り分けるような操作を Load balancing とよび，そのような操作を担当するマシンのことを Load balancer という．
計算負荷を分散する目的で多数のインスタンスを起動するのはよいのだが，計算負荷が小さすぎてアイドリング状態にあるようではコストと電力の無駄遣いである． したがって，すべてのサーバーが常に目標とする計算負荷を維持するよう，計算の負荷に応じてクラスター内の仮想サーバーの数を動的に増減させるような仕組みが必要である． そのような仕組みをクラスターのスケーリングとよび，負荷の増大に応答して新しい仮想インスタンスをクラスターに追加する操作を scale-out，負荷の減少に応答してインスタンスをシャットダウンする操作を scale-in とよぶ． クラスターのスケーリングは， API サーバーではもちろんのこと，データベースサーバー・ストレージサーバーでも必要になる． ストレージサーバーでは，例えば頻繁にアクセスされるデータはキャッシュ領域に保存したり，データのコピーを複数作るなどのスケーリングが行われる． データベースサーバーも同様に，頻繁にアクセスされるデータのアクセスがパンクしてしまわないよう，分散的な処理が必要となる． このように，クラウドシステム内すべての箇所で，負荷が均一になるような調整が必要であり，開発者は多くの時間をそのチューニングに費やさなければならない． また，サービスの利用者の数などに応じてスケーリングの設定は常に見直される必要があり，継続的な開発が要求される．
さらに問題を複雑にするのは，API サーバーで処理されるべきタスクが，非一様な点である． 非一様であるとは，たとえばタスク A は 3000 ミリ秒の実行時間と 512MB のメモリーを消費し，別のタスク B は 1000 ミリ秒の実行時間と 128MB のメモリーを消費する，というような状況を指している． 一つのサーバーマシンが計算負荷が異なる複数のタスクを処理する場合，クラスターのスケーリングはより複雑になる． この状況をシンプルにするために，１サーバーで実行するタスクは１種類に限る，という設計も可能であるが，そうするとで生まれる弊害も多い (ほとんど使われないタスクに対してもサーバー一台をまるまる割り当てなければならない = ほとんどアイドリング状態になってしまう，など)．
Serverful なクラウドシステム
Serverless クラウドへ ​
Serverful クラウド (従来型) で議論したように，クラスターのスケーリングはクラウドシステムの経済的効率とシステムの安定性を最大化するために必須の作業である． それを反映して，多くの開発者の時間が投資されてきた．
クラスターのスケーリングはすべての開発者が何度も繰り返し行ってきた作業であり，いくつかの側面をテンプレート化し，共通化することができたならば開発のコストを大幅に削減できるだろう． それを実現するには，根本的なレベルからクラウドシステムの設計を考え直す必要がある． スケーリングを前提として考えることで，もっとシンプルで見通しがよいクラウドシステムの設計の仕組みはないだろうか？ そのような動機が，サーバーレスアーキテクチャが誕生する背後にあった．
従来の serverful なシステムでの最大の問題点は，サーバーをまるまる占有してしまうという点にある． すなわち， EC2 インスタンスを起動したとき，そのインスタンスは起動したユーザーだけが使えるものであり，計算のリソース (CPU や RAM) が独占的に割り当てられた状態になる． 固定した計算資源の割り当てがされてしまっているので，インスタンスの計算負荷が 0%であろうが 100%であろうが，均一の使用料金が起動時間に比例して発生する．
サーバーレスアーキテクチャは，このような 独占的に割り当てられた計算リソースというものを完全に廃止することを出発点とする． サーバーレスアーキテクチャでは，計算のリソースは，クラウドプロバイダーがすべて管理する． クライアントは，仮想インスタンスを一台まるごと借りるのではなく，計算のタスクの需要が生まれる毎に，実行したいプログラム・コマンドをクラウドに提出する． クラウドプロバイダーは，自身のもつ巨大な計算リソースから空きを探し，提出されたプログラムを実行し，実行結果をクライアントに返す． 言い換えると，計算リソースのスケーリングやアロケーションなどはクラウドプロバイダーが一手に引き受け，ユーザーはジョブをサブミットすることに注力する，という枠組みである． これを図示すると， figure_title のようになる．
従来のクラウドと Serverless クラウドの比較
サーバーレスクラウドでは，スケーリングはすべてクラウドプロバイダーが引き受けるので，スケーラビリティーが保証されている． クライアントが同時に大量のタスクを送信した場合でも，クラウドプロバイダー側の独自の仕組みによってすべてのタスクが遅延なく実行される． また，サーバーレスクラウドを利用することで，クラウドのコストは実際に使用した計算の総量 (稼働時間) で決定されることになる． これは，計算の実行総量に関わらずインスタンスの起動時間で料金が決定されていた従来のシステムと比べて大きな違いである．
サーバーレスクラウドは，従来のクラウドとは根本から異なったアプローチなので，コードの書き方やシステムの設計が大きく異なる． サーバーレスクラウドを開発・運用するには，サーバーレス固有の概念や用語に精通している必要がある． 以降では，実際にクラウドを動かしながら，サーバーレスをより具体的に体験していこう．
従来型の(仮想インスタンスをたくさん起動するような)クラウドシステムは，賃貸と似ているかもしれない． 部屋を借りるというのは，その部屋でどれだけの時間を過ごそうが，月々の家賃は一定である． 同様に，仮想サーバーも，それがどれほどの計算を行っているかに関わらず，一定の料金が時間ごとに発生する．
一方で，サーバーレスクラウドは，電気・水道・ガス料金 と似ている． こちらは，実際に使用した量に比例して料金が決定されている． サーバーレスクラウドも，実際に計算を行った総時間で料金が決まる仕組みになっている．
サーバーレスクラウドを構成するコンポーネント ​
サーバーレスアーキテクチャの概要がわかってきたところで，ここでは AWS においてサーバーレスクラウドを構成する様々なコンポーネントを紹介していこう． 特に， Lambda, S3, DynamoDB を取り上げ，解説する (figure_title)． サーバーレスクラウドは，これらのコンポーネントを統合することで一つのシステムが出来上がる． ここでは， Lambda，S3，DynamoDB を利用する際に押さえておかなければならない知識を一通り説明しきる都合上，具体的なイメージがわきにくいかもしれない． が，続く (#sec_intro_serverless) でそれぞれについてハンズオン形式で演習を行うので，そこでさらに理解を深めれば大丈夫である．
Lambda, S3, DynamoDB のアイコン
Lambda ​
AWS でサーバーレスコンピューティングの中心を担うのが， Lambda である． Lambda の使い方を figure_title に図示している． Lambda の仕組みはシンプルで，まずユーザーは実行したいプログラムのコードを事前に登録しておく． プログラムは， Python, Node.js, Ruby などの主要な言語がサポートされている． Lambda に登録されたひとつひとつのプログラムを関数 (Function) とよぶ． そして，関数を実行したいときに，invoke コマンドを Lambda に送信する． Lambda では， invoke のリクエストを受け取るとただちに (数ミリセカンドから数百ミリセカンド程度の時間で) プログラムの実行を開始する． そして，実行結果をクライアントやその他の計算機に返す．
AWS Lambda
このように，Lambda では占有された仮想インスタンスは存在せず，実行を待っているプログラムだけがある状態である． invoke のリクエストに応じて，プログラムが AWS の巨大な計算機プールのどこかに配置され，実行される． 同時に複数のリクエストが来た場合でも， AWS はそれらを実行するための計算リソースを割り当て，並列的に処理を行ってくれる． 原理上は，数千から数万のリクエストが同時に来たとしても， Lambda はそれらを同時に実行することができる． このような，占有された仮想サーバーの存在なしに，動的に関数を実行するサービスのことを総称して FaaS (Function as a Service) とよぶ．
Lambda ではそれぞれの関数につき， 128MB から 10240MB のメモリーを使用することができる (執筆時点の仕様)． また，実効的な CPU のパワーはメモリーの量に比例する形で割り当てられる． すなわち，タスクに割り当てたメモリーの量が多ければ多いほど，より多くの CPU リソースが割り当てられることになる (しかし， RAM と CPU パワーの具体的な換算表は AWS からは公開されていない)． 実行時間は 100 ミリ秒の単位で記録され，実行時間に比例して料金が決定される． table_title は Lambda の利用料金表である (執筆時点で ap-north-east1 リージョンを選択した場合)．
Lambda の料金表
Memory (MB)Price per 100ms
128
$0.0000002083
512
$0.0000008333
1024
$0.0000016667
3008
$0.0000048958
実行時間に比例する料金に追加して，リクエストを送信するごとに発生する料金が設定されている． これは，百万回のリクエストにつき $0.2 である． たとえば， 128MB のメモリーを使用する関数を，それぞれ 200 ミリ秒，合計で 100 万回実行した場合， 0.0000002083 * 2 * 10^6 + 0.2 = $0.6 の料金となる． ウェブサーバーのデータベースの更新など簡単な計算であれば，200 ミリ秒程度で実行できる関数も多いことから，100 万回データベースの更新を行ったとしても，たった $0.6 しかコストが発生しないことになる． また，コードが実行されず待機状態になっている場合は，発生する料金は 0 である． このように，実際に意味のある処理が行われた時間にのみ，料金が発生する仕組みになっている．
Lambda は比較的短時間で完了する，反復性の高いタスクの実行に向いている． データベースの読み書きはその典型的な例であるが，そのほかにも，画像のサイズをトリミングしたり，サーバーサイドで定期的に実行されるメンテナンス処理などの利用が考えられる． また，複数の Lambda をリレー式に繋げることも可能で，シンプルな処理を組み合わせることで複雑なロジックを表現することができる．
上述の Lambda の料金計算は，説明のためコストに寄与する要素をいくつか省いている点は承知いただきたい． 例えば， DynamoDB の読み書きに関する料金や，ネットワークの通信にかかわるコストが考慮されていない．
サーバーレスストレージ: S3 ​
サーバーレスの概念は，ストレージにも拡張されている．
従来的なストレージ (ファイルシステム) では，必ずホストとなるマシンと OS が存在しなければならない． したがって，それほどパワーは必要ないまでも，ある程度の CPU リソースを割かなければならない． また，従来的なファイルシステムでは，データ領域のサイズは最初にディスクを初期化するときに決めなければならず，後から容量を増加させることはしばしば困難である (ZFS などのファイルシステムを使えばある程度は自由にファイルシステムのサイズを変更することは可能である)． よって，従来的なクラウドでは，ストレージを借りる際にはあらかじめディスクのサイズを指定せねばならず，ディスクの中身が空であろうと満杯であろうと，同じ利用料金が発生することになる (figure_title)．
Simple Storage Service (S3) は，サーバーレスなストレージシステムを提供する (figure_title)． S3 は従来的なストレージシステムと異なり， OS に"マウントする”という概念はない． 基本的に API を通じてデータの読み書きの操作が行われる． また，データの冗長化や暗号化，バックアップの作成など，通常ならば OS と CPU が介在しなければならない操作も， API を通じて行うことができる． S3 では事前に決められたディスク領域のサイズはなく，データを入れれば入れた分だけ，保存領域は拡大していく (仕様上はペタバイトスケールのデータを保存することが可能である)． ストレージにかかる料金は，保存してあるデータの総容量で決定される．
S3 と従来的なファイルシステムの比較
S3 を利用する際に，料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 説明のため主要な事項のみ取り出している． 詳細は 公式ドキュメンテーション "Amazon S3 pricing" を参照)．
S3 の利用料金
項目料金
Data storage (First 50TB)
$0.023 per GB per month
PUT, COPY, POST, LIST requests (per 1,000 requests)
$0.005
GET, SELECT, and all other requests (per 1,000 requests)
$0.0004
Data Transfer IN To Amazon S3 From Internet
$0
Data Transfer OUT From Amazon S3 To Internet
$0.09 per GB
第一に，データの保存には $0.025 per GB のコストが月ごとに発生する． したがって，1000GB のデータを S3 に一ヵ月保存した場合， $25 の料金が発生することになる． また，PUT, COPY, POST などのリクエスト (=データを書き込む操作) に対しては，データ容量に関係なく，1000 回ごとに $0.005 のコストが発生する． GET, SELECT などのリクエスト (=データを読み込む操作) に対しては，1000 回ごとに $0.0004 のコストが発生する． また， S3 はデータを外に取り出す際の通信にもコストが生じる． 執筆時点では，S3 からインターネットを通じて外部にデータを転送 (data-out) すると $0.09 per GB のコストが発生する． データをインターネットを通じて S3 に入れる (data-in) 通信は無料で行える． また， AWS の 同じ Region 内のサービス (Lambda や EC2 など) にデータを転送するのは無料である． AWS のリージョンをまたいだデータの転送にはコストが発生する． いずれにせよ，サーバーレスの概念に則り，すべての料金が従量課金制で決定される設定になっている．
サーバーレスデータベース: DynamoDB ​
サーバーレスの概念は，データベースにも適用することができる．
ここでいうデータベースとは， Web サービスなどにおけるユーザーや商品の情報を記録しておくための保存領域のことを指している． 従来的に有名なデータベースとしては MySQL, PostgreSQL, MongoDB などが挙げられる． データベースと普通のストレージの違いは，データの検索機能にある． 普通のストレージではデータは単純にディスクに書き込まれるだけだが， データベースでは検索がより効率的になるようなデータの配置がされたり， 頻繁にアクセスされるデータはメモリーにキャッシュされるなどの機能が備わっている． これにより，巨大なデータの中から，興味のある要素を高速に取得することができる．
このような検索機能を実現するには，当然 CPU の存在が必須である． したがって，従来的なデータベースを構築する際は，ストレージ領域に加えて，たくさんの CPU コアを搭載したマシンが用いられることが多い． また，データベースが巨大な場合は複数マシンにまたがった分散型のシステムが設計される． 分散型システムの場合は， Serverful クラウド (従来型) で議論したようにデータベースへのアクセス負荷に応じて適切なスケーリングがなされる必要がある．
DynamoDB は， AWS が提供しているサーバーレスな分散型データベースである． サーバーレスであるので，占有されたデータベース用仮想インスタンスは存在せず， API を通じてデータの書き込み・読み出し・検索などの操作を行う． S3 と同様に，データ保存領域の上限は定められておらず，データを入れれば入れた分だけ，保存領域は拡大していく． また，データベースへの負荷が増減したときのスケーリングは， DynamoDB が自動で行うので，ユーザーは心配する必要はない．
DynamoDB での利用料金の計算はやや複雑なのだが， "On-demand Capacity" というモードで使用した場合の料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 詳細は 公式ドキュメンテーション "Pricing for On-Demand Capacity" を参照)．
DynamoDB の利用料金
項目料金
Write request units
$1.25 per million write request units
Read request units
$0.25 per million read request units
Data storage
$0.25 per GB-month
DynamoDB ではデータの書き込み操作の単位を write request unit とよび，データの読み込み操作の単位を read request unit とよぶ． 基本的に， 1kB 以下のデータを一度書き込むと 1 write request unit を消費し，4kB 以下のデータを一度読み込むと 1 read request unit を消費する (詳しくは 公式ドキュメンテーション "Read/Write Capacity Mode" を参照のこと)． write request units は 100 万回ごとに $1.25, read request units は 100 万回ごとに $0.25 のコストが設定されている． また，保存されたデータ容量に対して $0.25 per GB のコストが月ごとに発生する． DynamoDB は高速な検索機能などを備えたデータベースであるので， GB あたりのストレージコストは S3 に比べ 10 倍程度高い． DynamoDB のデータの転送に関わるコストは，同じリージョン内ならば data-in，data-out ともに $0 である． リージョンをまたいだ通信には別途コストが発生する．
その他のサーバーレスクラウドの構成要素 ​
以上で紹介した Lambda, S3, DynamoDB がサーバーレスクラウドの中で最も使用する頻度が高いサービスになる． その他のサーバーレスクラウドの構成要素を以下に列挙する． いくつかについては，今後のハンズオンを行う中で改めて解説を行う．
  • API Gateway: API を構築する際のルーティングを担う． (#sec_bashoutter) で取り上げる．
  • Fargate: (#sec_fargate_qabot) で触れた Fargate も，サーバーレスクラウドの要素の一部である． Lambda との違いは，Lambda よりも大容量のメモリーや CPU を要するような計算などを行うことができる点が挙げられる．
  • Simple Notification Service (SNS): サーバーレスのサービス間でイベントをやり取りするためのサービス．
  • Step Functions: サーバーレスのサービス間のオーケストレーションを担う．
サーバーレスアーキテクチャは万能か？
この問いへの答えは，筆者は NO であると考える．
ここまで，サーバーレスの利点を強調して説明をしてきたが，まだまだ新しい技術なだけに，欠点，あるいはサーバーフルなシステムに劣る点は数多くある．
大きな欠点を一つあげるとすれば，サーバーレスのシステムは各クラウドプラットフォームに固有なものなので，特定のプラットフォームでしか運用できないシステムになってしまう点であろう． AWS で作成したサーバーレスのシステムを， Google のクラウドに移植するには，かなり大掛かりなプログラムの書き換えが必要になる． 一方， serverful なシステムであれば，プラットフォーム間のマイグレーションは比較的簡単に行うことができる． クラウドプロバイダーとしては，自社のシステムへの依存度を強めることで，顧客を離さないようにするという狙いがあるのだろう…
その他，サーバーレスコンピューティングの欠点や今後の課題などは，次の論文で詳しく議論されている． 興味のある読者はぜひ読んでいただきたい．
',55);function f(_,S,v,y,q,P){const a=t;return l(),i("div",null,[u,c(a,{readTime:"9",words:"2.4k"}),b])}const L=d(g,[["render",f]]);export{A as __pageData,L as default};
diff --git a/assets/development_aws_serverless.md.715b8a8d.lean.js b/assets/development_aws_serverless.md.a89d6134.lean.js
similarity index 93%
rename from assets/development_aws_serverless.md.715b8a8d.lean.js
rename to assets/development_aws_serverless.md.a89d6134.lean.js
index 7d8f2856..10bac951 100644
--- a/assets/development_aws_serverless.md.715b8a8d.lean.js
+++ b/assets/development_aws_serverless.md.a89d6134.lean.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,a as o,b as s,c as n,d as p}from"./chunks/s3_vs_filesystem.fd65005d.js";import{_ as d,o as l,c as i,H as c,k as e,a as m,Q as h}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const A=JSON.parse('{"title":"Serverless architecture","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/serverless.md","filePath":"development/aws/serverless.md","lastUpdated":1695377563000}'),g={name:"development/aws/serverless.md"},u=e("h1",{id:"serverless-architecture",tabindex:"-1"},[m("Serverless architecture "),e("a",{class:"header-anchor",href:"#serverless-architecture","aria-label":'Permalink to "Serverless architecture"'},"​")],-1),b=h("",55);function f(_,S,v,y,q,P){const a=t;return l(),i("div",null,[u,c(a,{readTime:"9",words:"2.4k"}),b])}const L=d(g,[["render",f]]);export{A as __pageData,L as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as r,a as o,b as s,c as n,d as p}from"./chunks/s3_vs_filesystem.fd65005d.js";import{_ as d,o as l,c as i,H as c,k as e,a as m,Q as h}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const A=JSON.parse('{"title":"Serverless architecture","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/serverless.md","filePath":"development/aws/serverless.md","lastUpdated":1699051935000}'),g={name:"development/aws/serverless.md"},u=e("h1",{id:"serverless-architecture",tabindex:"-1"},[m("Serverless architecture "),e("a",{class:"header-anchor",href:"#serverless-architecture","aria-label":'Permalink to "Serverless architecture"'},"​")],-1),b=h("",55);function f(_,S,v,y,q,P){const a=t;return l(),i("div",null,[u,c(a,{readTime:"9",words:"2.4k"}),b])}const L=d(g,[["render",f]]);export{A as __pageData,L as default};
diff --git a/assets/development_aws_webserver.md.441ce29f.js b/assets/development_aws_webserver.md.89157904.js
similarity index 99%
rename from assets/development_aws_webserver.md.441ce29f.js
rename to assets/development_aws_webserver.md.89157904.js
index bed8dd09..878b2245 100644
--- a/assets/development_aws_webserver.md.441ce29f.js
+++ b/assets/development_aws_webserver.md.89157904.js
@@ -1 +1 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as d,a as r}from"./chunks/rest_api.602a6e96.js";import{_ as a,o as s,c,H as p,k as t,a as i,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse('{"title":"Web サービスの作り方","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/webserver.md","filePath":"development/aws/webserver.md","lastUpdated":1695377563000}'),l={name:"development/aws/webserver.md"},T=t("h1",{id:"web-サービスの作り方",tabindex:"-1"},[i("Web サービスの作り方 "),t("a",{class:"header-anchor",href:"#web-サービスの作り方","aria-label":'Permalink to "Web サービスの作り方"'},"​")],-1),P=n('
ここからが，本書第三部の内容になる． これまでのセクションでは，仮想サーバーをクラウド上に起動し，そこで計算を走らせる方法について解説をしてきた． EC2, ECS, Fargate, Batch などを利用して，動的にスケールするクラスターを構成し，並列にタスクを実行するクラウドシステムを実装してきた． 振り返ると，これまで紹介してきた内容は，自分自身が行いたい計算をクラウドを駆使することで実現する，という用途にフォーカスしていたことに気がつくだろう． 一方で，広く一般の人々に使ってもらえるような計算サービス・データベースを提供する，というのもクラウドの重要な役割として挙げられる．
本章から始まる第三部では，前回までとは少し方向性を変え，どのようにしてクラウド上にアプリケーションを展開し，広く一般の人に使ってもらうか，という点を講義したいと思う． これを通じて，どのようにして世の中のウェブサービスができ上がっているのかを知り，さらにどうやって自分でそのようなアプリケーションをゼロから構築するのか，という点を学んでもらう． その過程で，サーバーレスアーキテクチャという最新のクラウド設計手法を解説する．
その前準備として，本章ではどのようにしてウェブサービスが出来上がっているのか，その背後にある技術の概要を解説する． 用語の解説が中心となるが，後のハンズオンを実装するために必須の知識であるので，理解して前に進むよう心がけよう．
ウェブサービスの仕組み  — Twitter を例に ​
あなたがパソコンやスマートフォンから Twitter, Facebook, YouTube などのウェブサービスにアクセスしたとき，実際にどのようなことが行われ，コンテンツが提示されているのだろうか？
HTTP を通じたサーバーとクライアントのデータのやり取りは，すでに知っている読者も多いだろうし，逆にすべて解説しようとすると紙面が足りないので，ここではエッセンスの説明のみにとどめる． 以降では Twitter を具体例として，背後にあるサーバーとクライアントの間の通信を概説しよう． 概念図としては figure_title のような通信がクライアントとサーバーの間で行われていることになる．
クライアントと Web サーバーの通信の概念図
前提として，クライアントとサーバーの通信は HTTP (Hypertext Transfer Protocol) を使って行われる． また，最近では，暗号化された HTTP である HTTPS (HTTPS (Hypertext Transfer Protocol Secure)) を用いることがスタンダードになってきている． 第一のステップとして，クライアントは HTTP(S) 通信によってサーバーから静的なコンテンツを取得する． 静的なコンテンツとは， HTML (Hyptertext Markup Language) で記述されたウェブページの文書本体， CSS (Cascading Style Sheets) で記述されたページのデザインやレイアウトファイル，そして JavaScript (JS) で記述されたページの動的な挙動を定義したプログラム，が含まれる． Twitter を含む現代的なウェブアプリケーションの設計では，この静的なファイル群はページの”枠”を定義するだけで，中身となるコンテンツ (例: ツイートの一覧) は別途 API (Application Programming Interface) によって取得されなければならない． そこで，クライアントは先のステップで取得された JavaScript で定義されたプログラムに従って，サーバーに API を送信し，ツイートや画像データを取得する． この際，テキストデータのやり取りには JSON (JavaScript Object Notation) というフォーマットが用いられることが多い． 画像や動画などのコンテンツも同様に API により取得される． このようにして取得されたテキストや画像が，HTML の文書に埋め込まれることで，最終的にユーザーに提示されるページが完成するのである． また，新しいツイートを投稿するときにも，クライアントから API を通じてサーバーのデータベースにデータが書き込まれる．
REST API ​
API (Application Programming Interface) とはこれまで何度も出てきた言葉であるが，ここではよりフォーマルな定義付けを行う． API とはあるソフトウェア・アプリケーションが，外部のソフトウェアに対してコマンドやデータをやり取りするための媒介の一般的総称である． とくに，ウェブサービスの文脈では，サーバーが外界に対して提示しているコマンドの一覧のことを意味する． クライアントは，提示されている API から適切なコマンドを使うことによって，所望のデータを取得したり，あるいはサーバーにデータを送信したりする．
とくに，ウェブの文脈では REST (Representational State Transfer) とよばれる設計思想に基づいた API が現在では最も一般的に使われている． REST の設計指針に従った API のことを REST API あるいは RESTful API とよんだりする．
REST API は， figure_title に示したような Method と URI (Universal Resource Identifier) の組からなる．
REST API
Method (メソッド) とは，どのような操作を行いたいかを抽象的に表す，"動詞" として捉えることができる． メソッドには HTTP 規格で定義された 9 個の動詞 (verb) を使用することができる． この中でも， GET, POST, PUT, PATCH, DELETE の 5 個が最も頻繁に使用される (table_title)． この 5 つのメソッドによる操作を総称して CRUD (create, read, update, and delete) とよぶ．
REST API Methods
メソッド意図される動作
GET
要素を取得する
POST
新しい要素を作成する
PUT
既存の要素を新しい要素と置き換える
PATCH
既存の要素の一部を更新する
DELETE
要素を削除する
一方， URI は操作が行われる対象，すなわち "目的語" を表す． ウェブの文脈では操作が行われる対象のことをしばしば リソース とよぶ． URI は多くの場合 http または https から始まるウェブサーバーのアドレスから始まり， / (スラッシュ) 以降に所望のリソースのパスが指定される． figure_title の例で言えば， https://api.twitter.com というアドレスの /1.1/status/home_timeline というリソースを取得 (GET) せよ，という意味になる (なお，ここで 1.1 という数字は API のバージョンを示している)． この API リクエストによって，ユーザーのホームのタイムラインのツイートの一覧が取得される．
REST API のメソッドには， table_title で挙げたもの以外に， HTTP プロトコルで定義されているほかのメソッド (OPTIONS, TRACE など) を用いることもできるが，あまり一般的ではない．
また，これらのメソッドだけでは動詞として表現しきれないこともあるが， URI の名前でより意味を明確にすることもある． メソッドの使い方も，要素を削除する際は必ず DELETE を使わなければならない，という決まりもなく，たとえば， Twitter API でツイートを消す API は POST statuses/destroy/:id で定義されている． 最終的には，各ウェブサービスが公開している API ドキュメンテーションを読んで，それぞれの API がどんな操作をするのかを調べる必要がある．
REST の概念は 2000 年代初頭に確立され，今日の API 設計のスタンダードとなった． 一方で，ウェブのテクノロジーが進歩するにつれて，新たな API の設計アプローチの需要も高まっている． 近年とくに人気を集めているのが， GraphQL と呼ばれる API の設計方法である． GraphQL は Facebook 社によって最初に作られ，現在は GraghQL Foundation によって維持と更新がされている． GraphQL を使用すると，クライアントは REST と比較してより柔軟性の高いデータのクエリを行うことができるなど，いくつかの利点がある． キーワードだけでも知っておくと，今後役に立つだろう．
Twitter API ​
もう少し具体的にウェブサービスの API を体験する目的で，ここでは Twitter の API を見てみよう． Twitter が提供している API の一覧は Twitter の Developer Documentation で見ることができる． いくつかの代表的な API を table_title にまとめた．
Twitter API
エンドポイント動作
GET statuses/home_timeline
ホームのタイムラインのツイートの一覧を取得する．
GET statuses/show/:id
:id で指定されたツイートの詳細情報を取得する．
GET search
ツイートの検索を実行する．
POST statuses/update
新しいツイートを投稿する．
POST media/upload
画像をアップロードする
POST statuses/destroy/:id
:id で指定されたツイートを削除する．
POST statuses/retweet/:id
:id で指定されたツイートをリツイートする．
POST statuses/unretweet/:id
:id で指定されたツイートのリツイートを取り消す．
POST favorites/create
選択したツイートを"いいね"する．
POST favorites/destroy
選択したツイートを"いいね"を取り消す．
この API リストをもとに， Twitter のアプリまたはウェブサイトを開いたときに起こるクライアントとサーバーの通信をシミュレートしてみよう．
ユーザーが Twitter を開くと，まず最初に GET statuses/home_timeline の API リクエストによって，ユーザーのホームのタイムラインのツイートのリストが取得される． 個々のツイートは JSON 形式のデータになっており， id, text, user, coordinates, entities などの属性を含む． id はツイートに固有な ID を表し， text はツイートの本文を含んでいる． user はツイートを投稿したユーザーの名前やプロフィール画像の URL などを含んだ JSON データになっている． coordinates にはツイートが発信された地理的な座標が記録されている． また， entities にはツイートに関連するメディアファイル (画像など) のリンクなどの情報が埋め込まれている． GET statuses/home_timeline からは直近のツイートのリスト (リストが長すぎる場合は途中で切られたもの) が取得される． もしツイートの ID を知っている場合は GET statuses/show/:id を呼ぶことによって， :id パラメータで指定された特定のツイートを取得することができる．
ツイートの検索を行うためには GET search API を使用する． この API には，ツイートに含まれる単語や，ハッシュタグ，ツイートの発信された日時や場所など，様々なクエリの条件を渡すことができる． API からは， GET statuses/home_timeline などと同様， JSON 形式のツイートのデータが返される．
ユーザーが新しいツイートを投稿するには POST statuses/update のエンドポイントを利用する． POST statuses/update には，ツイートの文章や，リプライの場合はリプライ先のツイートの ID などのデータを送信する． また，ツイートに画像データを添付したい場合は， POST media/upload を併せて使用する． ツイートの削除を行うには， POST statuses/destroy/:id を用いる．
そのほか，頻繁に行われる操作としては， POST statuses/retweet/:id と POST statuses/unretweet/:id がある． これらは， :id で指定されるツイートに対して，それぞれリツイートを実行あるいは取り消すための API である． また， POST favorites/create，POST favorites/destroy を使用することによって，選択されたツイートに"いいね"を追加したり，取り消したりする操作を行う．
このような一連の操作が， Twitter のアプリの背後では行われている． また，自分自身でボットを作成したい場合は，これらの API を適切に組み合わせ，カスタムのプログラムを書くことで実現される．
このように， API はあらゆるウェブサービスを作るうえで一番基礎となる要素である． 次からの章では本章で紹介した用語が何度も出てくるので，頭の片隅に置いたうえで読み進めていただきたい．
',29);function h(u,g,_,I,S,m){const e=o;return s(),c("div",null,[T,p(e,{readTime:"5",words:"1.4k"}),P])}const v=a(l,[["render",h]]);export{E as __pageData,v as default};
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as d,a as r}from"./chunks/rest_api.602a6e96.js";import{_ as a,o as s,c,H as p,k as t,a as i,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse('{"title":"Web サービスの作り方","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/webserver.md","filePath":"development/aws/webserver.md","lastUpdated":1699051935000}'),l={name:"development/aws/webserver.md"},T=t("h1",{id:"web-サービスの作り方",tabindex:"-1"},[i("Web サービスの作り方 "),t("a",{class:"header-anchor",href:"#web-サービスの作り方","aria-label":'Permalink to "Web サービスの作り方"'},"​")],-1),P=n('
ここからが，本書第三部の内容になる． これまでのセクションでは，仮想サーバーをクラウド上に起動し，そこで計算を走らせる方法について解説をしてきた． EC2, ECS, Fargate, Batch などを利用して，動的にスケールするクラスターを構成し，並列にタスクを実行するクラウドシステムを実装してきた． 振り返ると，これまで紹介してきた内容は，自分自身が行いたい計算をクラウドを駆使することで実現する，という用途にフォーカスしていたことに気がつくだろう． 一方で，広く一般の人々に使ってもらえるような計算サービス・データベースを提供する，というのもクラウドの重要な役割として挙げられる．
本章から始まる第三部では，前回までとは少し方向性を変え，どのようにしてクラウド上にアプリケーションを展開し，広く一般の人に使ってもらうか，という点を講義したいと思う． これを通じて，どのようにして世の中のウェブサービスができ上がっているのかを知り，さらにどうやって自分でそのようなアプリケーションをゼロから構築するのか，という点を学んでもらう． その過程で，サーバーレスアーキテクチャという最新のクラウド設計手法を解説する．
その前準備として，本章ではどのようにしてウェブサービスが出来上がっているのか，その背後にある技術の概要を解説する． 用語の解説が中心となるが，後のハンズオンを実装するために必須の知識であるので，理解して前に進むよう心がけよう．
ウェブサービスの仕組み  — Twitter を例に ​
あなたがパソコンやスマートフォンから Twitter, Facebook, YouTube などのウェブサービスにアクセスしたとき，実際にどのようなことが行われ，コンテンツが提示されているのだろうか？
HTTP を通じたサーバーとクライアントのデータのやり取りは，すでに知っている読者も多いだろうし，逆にすべて解説しようとすると紙面が足りないので，ここではエッセンスの説明のみにとどめる． 以降では Twitter を具体例として，背後にあるサーバーとクライアントの間の通信を概説しよう． 概念図としては figure_title のような通信がクライアントとサーバーの間で行われていることになる．
クライアントと Web サーバーの通信の概念図
前提として，クライアントとサーバーの通信は HTTP (Hypertext Transfer Protocol) を使って行われる． また，最近では，暗号化された HTTP である HTTPS (HTTPS (Hypertext Transfer Protocol Secure)) を用いることがスタンダードになってきている． 第一のステップとして，クライアントは HTTP(S) 通信によってサーバーから静的なコンテンツを取得する． 静的なコンテンツとは， HTML (Hyptertext Markup Language) で記述されたウェブページの文書本体， CSS (Cascading Style Sheets) で記述されたページのデザインやレイアウトファイル，そして JavaScript (JS) で記述されたページの動的な挙動を定義したプログラム，が含まれる． Twitter を含む現代的なウェブアプリケーションの設計では，この静的なファイル群はページの”枠”を定義するだけで，中身となるコンテンツ (例: ツイートの一覧) は別途 API (Application Programming Interface) によって取得されなければならない． そこで，クライアントは先のステップで取得された JavaScript で定義されたプログラムに従って，サーバーに API を送信し，ツイートや画像データを取得する． この際，テキストデータのやり取りには JSON (JavaScript Object Notation) というフォーマットが用いられることが多い． 画像や動画などのコンテンツも同様に API により取得される． このようにして取得されたテキストや画像が，HTML の文書に埋め込まれることで，最終的にユーザーに提示されるページが完成するのである． また，新しいツイートを投稿するときにも，クライアントから API を通じてサーバーのデータベースにデータが書き込まれる．
REST API ​
API (Application Programming Interface) とはこれまで何度も出てきた言葉であるが，ここではよりフォーマルな定義付けを行う． API とはあるソフトウェア・アプリケーションが，外部のソフトウェアに対してコマンドやデータをやり取りするための媒介の一般的総称である． とくに，ウェブサービスの文脈では，サーバーが外界に対して提示しているコマンドの一覧のことを意味する． クライアントは，提示されている API から適切なコマンドを使うことによって，所望のデータを取得したり，あるいはサーバーにデータを送信したりする．
とくに，ウェブの文脈では REST (Representational State Transfer) とよばれる設計思想に基づいた API が現在では最も一般的に使われている． REST の設計指針に従った API のことを REST API あるいは RESTful API とよんだりする．
REST API は， figure_title に示したような Method と URI (Universal Resource Identifier) の組からなる．
REST API
Method (メソッド) とは，どのような操作を行いたいかを抽象的に表す，"動詞" として捉えることができる． メソッドには HTTP 規格で定義された 9 個の動詞 (verb) を使用することができる． この中でも， GET, POST, PUT, PATCH, DELETE の 5 個が最も頻繁に使用される (table_title)． この 5 つのメソッドによる操作を総称して CRUD (create, read, update, and delete) とよぶ．
REST API Methods
メソッド意図される動作
GET
要素を取得する
POST
新しい要素を作成する
PUT
既存の要素を新しい要素と置き換える
PATCH
既存の要素の一部を更新する
DELETE
要素を削除する
一方， URI は操作が行われる対象，すなわち "目的語" を表す． ウェブの文脈では操作が行われる対象のことをしばしば リソース とよぶ． URI は多くの場合 http または https から始まるウェブサーバーのアドレスから始まり， / (スラッシュ) 以降に所望のリソースのパスが指定される． figure_title の例で言えば， https://api.twitter.com というアドレスの /1.1/status/home_timeline というリソースを取得 (GET) せよ，という意味になる (なお，ここで 1.1 という数字は API のバージョンを示している)． この API リクエストによって，ユーザーのホームのタイムラインのツイートの一覧が取得される．
REST API のメソッドには， table_title で挙げたもの以外に， HTTP プロトコルで定義されているほかのメソッド (OPTIONS, TRACE など) を用いることもできるが，あまり一般的ではない．
また，これらのメソッドだけでは動詞として表現しきれないこともあるが， URI の名前でより意味を明確にすることもある． メソッドの使い方も，要素を削除する際は必ず DELETE を使わなければならない，という決まりもなく，たとえば， Twitter API でツイートを消す API は POST statuses/destroy/:id で定義されている． 最終的には，各ウェブサービスが公開している API ドキュメンテーションを読んで，それぞれの API がどんな操作をするのかを調べる必要がある．
REST の概念は 2000 年代初頭に確立され，今日の API 設計のスタンダードとなった． 一方で，ウェブのテクノロジーが進歩するにつれて，新たな API の設計アプローチの需要も高まっている． 近年とくに人気を集めているのが， GraphQL と呼ばれる API の設計方法である． GraphQL は Facebook 社によって最初に作られ，現在は GraghQL Foundation によって維持と更新がされている． GraphQL を使用すると，クライアントは REST と比較してより柔軟性の高いデータのクエリを行うことができるなど，いくつかの利点がある． キーワードだけでも知っておくと，今後役に立つだろう．
Twitter API ​
もう少し具体的にウェブサービスの API を体験する目的で，ここでは Twitter の API を見てみよう． Twitter が提供している API の一覧は Twitter の Developer Documentation で見ることができる． いくつかの代表的な API を table_title にまとめた．
Twitter API
エンドポイント動作
GET statuses/home_timeline
ホームのタイムラインのツイートの一覧を取得する．
GET statuses/show/:id
:id で指定されたツイートの詳細情報を取得する．
GET search
ツイートの検索を実行する．
POST statuses/update
新しいツイートを投稿する．
POST media/upload
画像をアップロードする
POST statuses/destroy/:id
:id で指定されたツイートを削除する．
POST statuses/retweet/:id
:id で指定されたツイートをリツイートする．
POST statuses/unretweet/:id
:id で指定されたツイートのリツイートを取り消す．
POST favorites/create
選択したツイートを"いいね"する．
POST favorites/destroy
選択したツイートを"いいね"を取り消す．
この API リストをもとに， Twitter のアプリまたはウェブサイトを開いたときに起こるクライアントとサーバーの通信をシミュレートしてみよう．
ユーザーが Twitter を開くと，まず最初に GET statuses/home_timeline の API リクエストによって，ユーザーのホームのタイムラインのツイートのリストが取得される． 個々のツイートは JSON 形式のデータになっており， id, text, user, coordinates, entities などの属性を含む． id はツイートに固有な ID を表し， text はツイートの本文を含んでいる． user はツイートを投稿したユーザーの名前やプロフィール画像の URL などを含んだ JSON データになっている． coordinates にはツイートが発信された地理的な座標が記録されている． また， entities にはツイートに関連するメディアファイル (画像など) のリンクなどの情報が埋め込まれている． GET statuses/home_timeline からは直近のツイートのリスト (リストが長すぎる場合は途中で切られたもの) が取得される． もしツイートの ID を知っている場合は GET statuses/show/:id を呼ぶことによって， :id パラメータで指定された特定のツイートを取得することができる．
ツイートの検索を行うためには GET search API を使用する． この API には，ツイートに含まれる単語や，ハッシュタグ，ツイートの発信された日時や場所など，様々なクエリの条件を渡すことができる． API からは， GET statuses/home_timeline などと同様， JSON 形式のツイートのデータが返される．
ユーザーが新しいツイートを投稿するには POST statuses/update のエンドポイントを利用する． POST statuses/update には，ツイートの文章や，リプライの場合はリプライ先のツイートの ID などのデータを送信する． また，ツイートに画像データを添付したい場合は， POST media/upload を併せて使用する． ツイートの削除を行うには， POST statuses/destroy/:id を用いる．
そのほか，頻繁に行われる操作としては， POST statuses/retweet/:id と POST statuses/unretweet/:id がある． これらは， :id で指定されるツイートに対して，それぞれリツイートを実行あるいは取り消すための API である． また， POST favorites/create，POST favorites/destroy を使用することによって，選択されたツイートに"いいね"を追加したり，取り消したりする操作を行う．
このような一連の操作が， Twitter のアプリの背後では行われている． また，自分自身でボットを作成したい場合は，これらの API を適切に組み合わせ，カスタムのプログラムを書くことで実現される．
このように， API はあらゆるウェブサービスを作るうえで一番基礎となる要素である． 次からの章では本章で紹介した用語が何度も出てくるので，頭の片隅に置いたうえで読み進めていただきたい．
',29);function h(u,g,_,I,S,m){const e=o;return s(),c("div",null,[T,p(e,{readTime:"5",words:"1.4k"}),P])}const v=a(l,[["render",h]]);export{E as __pageData,v as default};
diff --git a/assets/development_aws_webserver.md.441ce29f.lean.js b/assets/development_aws_webserver.md.89157904.lean.js
similarity index 93%
rename from assets/development_aws_webserver.md.441ce29f.lean.js
rename to assets/development_aws_webserver.md.89157904.lean.js
index 180bbc5a..8aecae37 100644
--- a/assets/development_aws_webserver.md.441ce29f.lean.js
+++ b/assets/development_aws_webserver.md.89157904.lean.js
@@ -1 +1 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as d,a as r}from"./chunks/rest_api.602a6e96.js";import{_ as a,o as s,c,H as p,k as t,a as i,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse('{"title":"Web サービスの作り方","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/webserver.md","filePath":"development/aws/webserver.md","lastUpdated":1695377563000}'),l={name:"development/aws/webserver.md"},T=t("h1",{id:"web-サービスの作り方",tabindex:"-1"},[i("Web サービスの作り方 "),t("a",{class:"header-anchor",href:"#web-サービスの作り方","aria-label":'Permalink to "Web サービスの作り方"'},"​")],-1),P=n("",29);function h(u,g,_,I,S,m){const e=o;return s(),c("div",null,[T,p(e,{readTime:"5",words:"1.4k"}),P])}const v=a(l,[["render",h]]);export{E as __pageData,v as default};
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as d,a as r}from"./chunks/rest_api.602a6e96.js";import{_ as a,o as s,c,H as p,k as t,a as i,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse('{"title":"Web サービスの作り方","description":"","frontmatter":{},"headers":[],"relativePath":"development/aws/webserver.md","filePath":"development/aws/webserver.md","lastUpdated":1699051935000}'),l={name:"development/aws/webserver.md"},T=t("h1",{id:"web-サービスの作り方",tabindex:"-1"},[i("Web サービスの作り方 "),t("a",{class:"header-anchor",href:"#web-サービスの作り方","aria-label":'Permalink to "Web サービスの作り方"'},"​")],-1),P=n("",29);function h(u,g,_,I,S,m){const e=o;return s(),c("div",null,[T,p(e,{readTime:"5",words:"1.4k"}),P])}const v=a(l,[["render",h]]);export{E as __pageData,v as default};
diff --git a/assets/development_file-naming-convention.md.ff928233.js b/assets/development_file-naming-convention.md.0fb858f4.js
similarity index 57%
rename from assets/development_file-naming-convention.md.ff928233.js
rename to assets/development_file-naming-convention.md.0fb858f4.js
index 183b5fad..8c2d32eb 100644
--- a/assets/development_file-naming-convention.md.ff928233.js
+++ b/assets/development_file-naming-convention.md.0fb858f4.js
@@ -1,67 +1,67 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as i,c as l,H as o,k as e,a as r,Q as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const j=JSON.parse('{"title":"File Name Conventions","description":"","frontmatter":{},"headers":[],"relativePath":"development/file-naming-convention.md","filePath":"development/file-naming-convention.md","lastUpdated":1695377563000}'),p={name:"development/file-naming-convention.md"},c=e("h1",{id:"file-name-conventions",tabindex:"-1"},[r("File Name Conventions "),e("a",{class:"header-anchor",href:"#file-name-conventions","aria-label":'Permalink to "File Name Conventions"'},"​")],-1),d=t(`
A collection of guidelines for writing file names used in web projects.
Possible characters ​
Use dashes as delimiters ​
  • You should use dashes (-) as delimiters.
  • Periods are allowed in some cases, such as for languages and conditions.
  • Never use spaces or underscores. Spaces are converted to %20 in URLs or can break an URL when shared. Underscores are difficult to see when the file name is displayed as an underlined link. Although the use of underscores does not impact your ranking that much, Google advices not to use underscores.
  • Exceptions apply for functional requirements, such as for Sass partials. A leading underscore informs the Sass compiler a file is only a partial file and should never be generated into a stand alone CSS file.
Right:
file-name-with-dashes.en.min.html
file-name-with-dashes.en.min.html
Do not use special characters ​
Avoid using non-alphanumeric characters in file names, such as: '*' ':' '\\' '/' '<' '>' '|' '"' '!' '?' '[' ']' ';' '=' '+' '&' '£' '$' '€' '%' or ','. These characters can have special meaning in programming languages or can cause problems with different operating systems.
Use lowercase, never uppercase ​
We should always consider URLs as case-sensitive according to W3.org. Therefore, use lowercase to reduces errors when typing URLs.
Write sections of a file name in a consistent order ​
Sections should be written in this order:
  1. Description
  2. Number
  3. Date
  4. Target device, image size, pixel density
  5. Version number
  6. Status
  7. Language code
  8. File conditions
Possible combinations
description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
-description.min.js
-description.en.html
-description-01.jpg
-description-02.jpg
-description-1024x768_2x.jpg
-description-desk_2x.jpg
description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
-description.min.js
-description.en.html
-description-01.jpg
-description-02.jpg
-description-1024x768_2x.jpg
-description-desk_2x.jpg
Write description for developers and users ​
Don't be afraid to write long informative file names. Few people type a file name manually and most operating systems support 255 characters. But only add information that makes it easy for users and developers to recognize files from one another at a glance. For the description use information such as:
  • type of data
  • project name or acronym
  • subjects
  • people's names
  • characteristics
  • location
Give your images detailed, informative filenames The filename can give Google clues about the subject matter of the image. Try to make your filename a good description of the subject matter of the image. For example, my-new-black-kitten.jpg is a lot more informative than IMG00023.JPG. Descriptive filenames can also be useful to users: If we're unable to find suitable text in the page on which we found the image, we'll use the filename as the image's snippet in our search results. - Google, 2015, Image publishing guidelines
Keep people's names compact ​
Sometimes you want to include the name of a person in the file name, e.g. the author or the person in the photo.
  • Write names without word delimiters.
  • Only write initials for the first name and write the last name in full. There are two exceptions: (1) when the last name or final file name is very long you may use initials for the last name; (2) when there is already a person with the same combination, you may write the first name in full.
  • If people have exactly the same name written in full, you can add a number: firstnamelastname2.
Right:
bvandebiezen.jpg
-shoogenhout.jpg
-a-very-long-description-with-name-bvdb.jpg
-asmith.jpg
-adamsmith.jpg
-adamsmith2.jpg
bvandebiezen.jpg
-shoogenhout.jpg
-a-very-long-description-with-name-bvdb.jpg
-asmith.jpg
-adamsmith.jpg
-adamsmith2.jpg
Use two or more digits to distinguish sequential files with the same description ​
  • Start number with a dash as a delimiter.
  • Add a zero to single digit numbers, e.g. '01' instead of '1'.
  • Numbers may also be placed before the description if needed. A dash will still be used as delimiter with the description.
Right:
description-01.jpg
-description-02.jpg
-description-03.jpg
-description-04.jpg
-
-01-description.jpg
-02-description.jpg
-03-description.jpg
-04-description.jpg
description-01.jpg
-description-02.jpg
-description-03.jpg
-description-04.jpg
-
-01-description.jpg
-02-description.jpg
-03-description.jpg
-04-description.jpg
Keep dates or date ranges compact and start with year ​
  • Write dates without delimiters.
  • Always use four digits for years, two digits for months and two digits for days.
  • Start with year, then month, and end with day if available: yyyymmdd, yyyymm, or yyyy. This makes sure similar file names are sorted by date when sorted alphabetically.
  • Use a double dash to separate two dates describing an interval: yyyy--yyyy. Start with the earliest date.
Right:
description-20150401.php
-description-201504.php
-description-2015.php
-description-2000--2010.php
description-20150401.php
-description-201504.php
-description-2015.php
-description-2000--2010.php
See 'ISO 8601' for further reading.
Use special modifiers for target devices, image sizes or media queries, and pixel densities. ​
Modifiers are inspired by Apple iOS naming conventions. There are some differences. Apple uses '@'as a delimiter for the section indicating higher resolution images, for example '@2x' for retina images. Because '@' is a reserved character and can create problems, we use Bourbon's convention: an underscore. Also, Apple uses a tilde (~) as a delimiter for a section indicating specific devices. Because also a tilde can create problems, we suggest to simply use a dash.
  • Order should be: (1) target device or media query, (2) size, (3) pixel density.
  • Start target device or media queries with a dash (-) as delimiter.
  • Start image sizes with a dash (-) as delimiter.
  • Start pixel density with an underscore (_) as delimiter, for example '_2x' or '_3x'.
  • When only a width or height is available or applicable, add a 'w' for width or 'h' for height directly after the the amount of pixels.
  • When both measurements are available, do not add a 'w' or 'h' and separate the width and height with an 'x'.
  • When both the width and height should not exceed a dimension but the images should keep the original aspect ratio, add a 'max' (maximum) after the amount of pixels.
Right:
description_2x.jpg
-description-lap.jpg
-description-desk.jpg
-description-lap_2x.jpg
-description-palm-1024w_2x.jpg
-description-iphone5-568h_2x.jpg
-description-palm-1024x768_2x.jpg
-description-40max.jpg
description_2x.jpg
-description-lap.jpg
-description-desk.jpg
-description-lap_2x.jpg
-description-palm-1024w_2x.jpg
-description-iphone5-568h_2x.jpg
-description-palm-1024x768_2x.jpg
-description-40max.jpg
Use version numbers if available ​
  • Start version with a dash (-) as delimiter.
  • Use periods (.) to separate point releases.
  • Always add trailing zeros to major releases, e.g. '2.0' instead of '2'.
  • Types, such as 'a' (alpha), 'b' (beta), 'rc1' (release candidate 1) can be added without delimiters.
Right:
description-0.5.js
-description-1.0b.js
-description-1.0rc1.js
description-0.5.js
-description-1.0b.js
-description-1.0rc1.js
Add status when needed ​
  • You can optionally add a file status such as 'draft' and 'published'.
  • Start status with a dash.
Right:
description-draft.md
description-draft.md
Add language code only when different languages are available ​
  • Use a period to separate the language code from the rest of the file name.
  • Use ISO 639-1, two-letter codes, for languages.
  • Only add languages when different languages are available.
Right:
description.nl.txt
-description.en.txt
description.nl.txt
-description.en.txt
Add file conditions just before the file extension ​
  • The file condition should be the last part, just before the file extension.
  • Use a period (.) to separate the condition from the rest of the file name.
  • Use periods (.) as a delimiter for different conditions.
Right:
description.min.js
-description.custom1234.min.js
description.min.js
-description.custom1234.min.js
Rewrite original file names not following conventions ​
It is not preferred to keep file names in it's original format if it doesn't match your file name conventions. But in some cases it is easier to keep the file name untouched. Sometimes you want to easily replace a file with a newer one from the original source in the future.
`,56);function h(m,u,g,b,f,y){const s=a;return i(),l("div",null,[c,o(s,{readTime:"7",words:"1.2k"}),d])}const x=n(p,[["render",h]]);export{j as __pageData,x as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as i,c as l,H as o,k as e,a as t,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const j=JSON.parse('{"title":"File Name Conventions","description":"","frontmatter":{},"headers":[],"relativePath":"development/file-naming-convention.md","filePath":"development/file-naming-convention.md","lastUpdated":1699051935000}'),p={name:"development/file-naming-convention.md"},c=e("h1",{id:"file-name-conventions",tabindex:"-1"},[t("File Name Conventions "),e("a",{class:"header-anchor",href:"#file-name-conventions","aria-label":'Permalink to "File Name Conventions"'},"​")],-1),d=r(`
A collection of guidelines for writing file names used in web projects.
Possible characters ​
Use dashes as delimiters ​
  • You should use dashes (-) as delimiters.
  • Periods are allowed in some cases, such as for languages and conditions.
  • Never use spaces or underscores. Spaces are converted to %20 in URLs or can break an URL when shared. Underscores are difficult to see when the file name is displayed as an underlined link. Although the use of underscores does not impact your ranking that much, Google advices not to use underscores.
  • Exceptions apply for functional requirements, such as for Sass partials. A leading underscore informs the Sass compiler a file is only a partial file and should never be generated into a stand alone CSS file.
Right:
file-name-with-dashes.en.min.html
file-name-with-dashes.en.min.html
Do not use special characters ​
Avoid using non-alphanumeric characters in file names, such as: '*' ':' '\\' '/' '<' '>' '|' '"' '!' '?' '[' ']' ';' '=' '+' '&' '£' '$' '€' '%' or ','. These characters can have special meaning in programming languages or can cause problems with different operating systems.
Use lowercase, never uppercase ​
We should always consider URLs as case-sensitive according to W3.org. Therefore, use lowercase to reduces errors when typing URLs.
Write sections of a file name in a consistent order ​
Sections should be written in this order:
  1. Description
  2. Number
  3. Date
  4. Target device, image size, pixel density
  5. Version number
  6. Status
  7. Language code
  8. File conditions
Possible combinations
description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
+description.min.js
+description.en.html
+description-01.jpg
+description-02.jpg
+description-1024x768_2x.jpg
+description-desk_2x.jpg
description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
+description.min.js
+description.en.html
+description-01.jpg
+description-02.jpg
+description-1024x768_2x.jpg
+description-desk_2x.jpg
Write description for developers and users ​
Don't be afraid to write long informative file names. Few people type a file name manually and most operating systems support 255 characters. But only add information that makes it easy for users and developers to recognize files from one another at a glance. For the description use information such as:
  • type of data
  • project name or acronym
  • subjects
  • people's names
  • characteristics
  • location
Give your images detailed, informative filenames The filename can give Google clues about the subject matter of the image. Try to make your filename a good description of the subject matter of the image. For example, my-new-black-kitten.jpg is a lot more informative than IMG00023.JPG. Descriptive filenames can also be useful to users: If we're unable to find suitable text in the page on which we found the image, we'll use the filename as the image's snippet in our search results. - Google, 2015, Image publishing guidelines
Keep people's names compact ​
Sometimes you want to include the name of a person in the file name, e.g. the author or the person in the photo.
  • Write names without word delimiters.
  • Only write initials for the first name and write the last name in full. There are two exceptions: (1) when the last name or final file name is very long you may use initials for the last name; (2) when there is already a person with the same combination, you may write the first name in full.
  • If people have exactly the same name written in full, you can add a number: firstnamelastname2.
Right:
bvandebiezen.jpg
+shoogenhout.jpg
+a-very-long-description-with-name-bvdb.jpg
+asmith.jpg
+adamsmith.jpg
+adamsmith2.jpg
bvandebiezen.jpg
+shoogenhout.jpg
+a-very-long-description-with-name-bvdb.jpg
+asmith.jpg
+adamsmith.jpg
+adamsmith2.jpg
Use two or more digits to distinguish sequential files with the same description ​
  • Start number with a dash as a delimiter.
  • Add a zero to single digit numbers, e.g. '01' instead of '1'.
  • Numbers may also be placed before the description if needed. A dash will still be used as delimiter with the description.
Right:
description-01.jpg
+description-02.jpg
+description-03.jpg
+description-04.jpg
+
+01-description.jpg
+02-description.jpg
+03-description.jpg
+04-description.jpg
description-01.jpg
+description-02.jpg
+description-03.jpg
+description-04.jpg
+
+01-description.jpg
+02-description.jpg
+03-description.jpg
+04-description.jpg
Keep dates or date ranges compact and start with year ​
  • Write dates without delimiters.
  • Always use four digits for years, two digits for months and two digits for days.
  • Start with year, then month, and end with day if available: yyyymmdd, yyyymm, or yyyy. This makes sure similar file names are sorted by date when sorted alphabetically.
  • Use a double dash to separate two dates describing an interval: yyyy--yyyy. Start with the earliest date.
Right:
description-20150401.php
+description-201504.php
+description-2015.php
+description-2000--2010.php
description-20150401.php
+description-201504.php
+description-2015.php
+description-2000--2010.php
See 'ISO 8601' for further reading.
Use special modifiers for target devices, image sizes or media queries, and pixel densities. ​
Modifiers are inspired by Apple iOS naming conventions. There are some differences. Apple uses '@'as a delimiter for the section indicating higher resolution images, for example '@2x' for retina images. Because '@' is a reserved character and can create problems, we use Bourbon's convention: an underscore. Also, Apple uses a tilde (~) as a delimiter for a section indicating specific devices. Because also a tilde can create problems, we suggest to simply use a dash.
  • Order should be: (1) target device or media query, (2) size, (3) pixel density.
  • Start target device or media queries with a dash (-) as delimiter.
  • Start image sizes with a dash (-) as delimiter.
  • Start pixel density with an underscore (_) as delimiter, for example '_2x' or '_3x'.
  • When only a width or height is available or applicable, add a 'w' for width or 'h' for height directly after the the amount of pixels.
  • When both measurements are available, do not add a 'w' or 'h' and separate the width and height with an 'x'.
  • When both the width and height should not exceed a dimension but the images should keep the original aspect ratio, add a 'max' (maximum) after the amount of pixels.
Right:
description_2x.jpg
+description-lap.jpg
+description-desk.jpg
+description-lap_2x.jpg
+description-palm-1024w_2x.jpg
+description-iphone5-568h_2x.jpg
+description-palm-1024x768_2x.jpg
+description-40max.jpg
description_2x.jpg
+description-lap.jpg
+description-desk.jpg
+description-lap_2x.jpg
+description-palm-1024w_2x.jpg
+description-iphone5-568h_2x.jpg
+description-palm-1024x768_2x.jpg
+description-40max.jpg
Use version numbers if available ​
  • Start version with a dash (-) as delimiter.
  • Use periods (.) to separate point releases.
  • Always add trailing zeros to major releases, e.g. '2.0' instead of '2'.
  • Types, such as 'a' (alpha), 'b' (beta), 'rc1' (release candidate 1) can be added without delimiters.
Right:
description-0.5.js
+description-1.0b.js
+description-1.0rc1.js
description-0.5.js
+description-1.0b.js
+description-1.0rc1.js
Add status when needed ​
  • You can optionally add a file status such as 'draft' and 'published'.
  • Start status with a dash.
Right:
description-draft.md
description-draft.md
Add language code only when different languages are available ​
  • Use a period to separate the language code from the rest of the file name.
  • Use ISO 639-1, two-letter codes, for languages.
  • Only add languages when different languages are available.
Right:
description.nl.txt
+description.en.txt
description.nl.txt
+description.en.txt
Add file conditions just before the file extension ​
  • The file condition should be the last part, just before the file extension.
  • Use a period (.) to separate the condition from the rest of the file name.
  • Use periods (.) as a delimiter for different conditions.
Right:
description.min.js
+description.custom1234.min.js
description.min.js
+description.custom1234.min.js
Rewrite original file names not following conventions ​
It is not preferred to keep file names in it's original format if it doesn't match your file name conventions. But in some cases it is easier to keep the file name untouched. Sometimes you want to easily replace a file with a newer one from the original source in the future.
`,56);function h(m,u,b,g,f,y){const s=a;return i(),l("div",null,[c,o(s,{readTime:"7",words:"1.2k"}),d])}const x=n(p,[["render",h]]);export{j as __pageData,x as default};
diff --git a/assets/development_file-naming-convention.md.ff928233.lean.js b/assets/development_file-naming-convention.md.0fb858f4.lean.js
similarity index 64%
rename from assets/development_file-naming-convention.md.ff928233.lean.js
rename to assets/development_file-naming-convention.md.0fb858f4.lean.js
index dba2351a..50a8e4fe 100644
--- a/assets/development_file-naming-convention.md.ff928233.lean.js
+++ b/assets/development_file-naming-convention.md.0fb858f4.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as i,c as l,H as o,k as e,a as r,Q as t}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const j=JSON.parse('{"title":"File Name Conventions","description":"","frontmatter":{},"headers":[],"relativePath":"development/file-naming-convention.md","filePath":"development/file-naming-convention.md","lastUpdated":1695377563000}'),p={name:"development/file-naming-convention.md"},c=e("h1",{id:"file-name-conventions",tabindex:"-1"},[r("File Name Conventions "),e("a",{class:"header-anchor",href:"#file-name-conventions","aria-label":'Permalink to "File Name Conventions"'},"​")],-1),d=t("",56);function h(m,u,g,b,f,y){const s=a;return i(),l("div",null,[c,o(s,{readTime:"7",words:"1.2k"}),d])}const x=n(p,[["render",h]]);export{j as __pageData,x as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as i,c as l,H as o,k as e,a as t,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const j=JSON.parse('{"title":"File Name Conventions","description":"","frontmatter":{},"headers":[],"relativePath":"development/file-naming-convention.md","filePath":"development/file-naming-convention.md","lastUpdated":1699051935000}'),p={name:"development/file-naming-convention.md"},c=e("h1",{id:"file-name-conventions",tabindex:"-1"},[t("File Name Conventions "),e("a",{class:"header-anchor",href:"#file-name-conventions","aria-label":'Permalink to "File Name Conventions"'},"​")],-1),d=r("",56);function h(m,u,b,g,f,y){const s=a;return i(),l("div",null,[c,o(s,{readTime:"7",words:"1.2k"}),d])}const x=n(p,[["render",h]]);export{j as __pageData,x as default};
diff --git a/assets/development_proxy4shell-terminal.md.a93dc7e4.js b/assets/development_proxy4shell-terminal.md.a93dc7e4.js
new file mode 100644
index 00000000..fff6d0a1
--- /dev/null
+++ b/assets/development_proxy4shell-terminal.md.a93dc7e4.js
@@ -0,0 +1,79 @@
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as l,c as p,H as r,a as e,k as s,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const i="/assets/2023-11-04-03-15-12.77ab4cd9.png",c="/assets/2023-11-02-04-44-14.08b67c2b.png",h="/assets/2023-11-04-00-42-58.d7bf77fb.png",d="/assets/2023-11-04-01-32-28.da2149a9.png",y="/assets/2023-11-04-03-49-38.78c93d29.png",u="/assets/2023-11-04-04-27-59.3d817820.png",m="/assets/2023-11-04-05-01-04.fd5f8fb7.png",q=JSON.parse('{"title":"Proxies Configuration for Shells & Terminal","description":"","frontmatter":{"title":"Proxies Configuration for Shells & Terminal","author":"Anda Toshiki","date":"2023-11-02T00:00:00.000Z"},"headers":[],"relativePath":"development/proxy4shell-terminal.md","filePath":"development/proxy4shell-terminal.md","lastUpdated":1699051935000}'),f={name:"development/proxy4shell-terminal.md"},b=s("h1",{id:"proxies-configuration-for-shells-terminal",tabindex:"-1"},[e("Proxies Configuration for Shells & Terminal "),s("a",{class:"header-anchor",href:"#proxies-configuration-for-shells-terminal","aria-label":'Permalink to "Proxies Configuration for Shells & Terminal"'},"​")],-1),g=n('
TL;DR ​
This article discusses the configuration of proxies for shells and terminals. It explains the advantages of using proxy servers to bypass network restrictions and surveillance. The article provides examples of the challenges faced when accessing foreign services and shows how to set up a proxy tunnel using the curl command. It also provides scripts and instructions for setting up proxy switches in different shell environments, such as zsh, bash, and Windows CMD and PowerShell. The article concludes with additional information on proxy configurations for applications like ssh and tips for working with authentication procedures.
1. Background ​
Proxies or namely proxy servers are by far one of the most affordable or cost-effective option to establish a masked layer connection to bypass the network restrictions with the annoying surveillance tracked by a local network ISP as compared to a click-to-use VPN service, which generically requires more individual invest to protect themselves under the insecure internet environment nowadays. When a user resides within the environment where the local gateways of full, user-dominant open access towards the internet is censored or restricted with domestic network blockages by the country.
',5),v=n('
2. The Major Issue ​
The majority of the issue still heavily preserves across the developmental fields which the layer of the blockage imposes limits on communicating with third-party, remote platforms such as Github or registries like NPM for frontend developments that stores key packages or components, as a requirement during a pre-built phase of a project. Most of the time foreign services becomes completely inaccessible or fortunately users could reach the services during a possible ISP maintenance downtime but normally the potentiality is mere, or hardly none yet the load speed before TTL connection expires are objectively slow, shortly before the origin site DNS being spoofed again. The unpleasant experiences with the networking somewhat affects interest on development reduces by high percentages or it even strand some awesome projects ran ashore ultimately.
The following screenshots are a more direct representation to visualize the differences between the connection towards one of the most beloved search engine, Google with the following command via curl.
sh
curl -I google.com
curl -I google.com
The command is used to fetch the headers of a URL or web page. When you run "curl -I" followed by a URL, the command sends an HTTP HEAD request to the specified URL and retrieves the HTTP headers of the response. This allows you to view the information contained in the response headers without requesting and downloading the entire content of the page. The headers typically include details like the server information, content type, content length, status codes, and more.
The following screenshot from terminal indicates the the final output of the package availability received without losses on a bare unmasked network environment, which returns FAIL in the final connection after a dry run fails 11s after when the TTL expires the connection fails.
The next screenshot from terminal indicates a temporary proxy tunnel is established both in http and https protocol tunneled through a local proxy gateway at the local systemic IP address at 127.0.0.1 and exposes the proxy server at a mix of socks/https/http protocol port at 7890, just simply with the traditional export method by setting up in the nonce, the command is given as followed.
sh
export http_proxy=http://127.0.0.1:7890
+export https_proxy=$http_proxy
export http_proxy=http://127.0.0.1:7890
+export https_proxy=$http_proxy
And then we re-enter the same command with curl from above; surprisingly, the header responses returned TTP/1.1 200 OK, thus the conclusion drawn here is the proxy server we launched was successfully up and running with tunneled access towards foreign sites without restrictions! Hooray!
◎ Curl in action with successful response header from Google
Since each proxy configuration might varies atop of the user preferred client, not including ShadowRocket, Clash, V2ray or other proprietary softwares that are licensed either behind a paywall to run with; or simply expensive to purchase a subscription; the proxy ports forwarded varies alongside the changes amongst clients. But the overall approach taken into the account still remains the same with the following traditional formats, the local IP of the machine (normally 127.0.0.1) followed after with the specified ports. In the scenario of the article is referenced as example, I chose Clash (in spite the entire Clash project repository as well as its affiliated forked projects are being taken down by anonymous reasons by either archiving the overall projects or simply shutting down due to possible legal actions or political reasons regarding the country of residency of various developers).
shj
# http protocal
+http://127.0.0.1:7890
+# https protocal
+https://127.0.0.1:7890
# http protocal
+http://127.0.0.1:7890
+# https protocal
+https://127.0.0.1:7890
2.1: Kill the Complexities; Unleash the Simplicity! ​
But, the logic routes to the central question on: How can we simplify the course of action on setting up proxies without manually run export command every single time we wish to use? Below is a simple approach by aliasing a shortcut code to a proxy switch script amended towards your shell configuration profile that initializes on every session startups, in this case I uses zsh since it's integrated as the default shell on macOS since the release of macOS Catalina, yet it's one of my most familiar and favored shell when was using other OS as well.
Though some people might use autosuggestion extensions as third-party shell features to automatically predict the command completion after a code piece is inputted such as zsh-autosuggestion plugin or fan of fish shell users has the native privilege of auto completions but I personally not fond of such featured integration since it might decelerate the load speed of an active session; I prefer stick tightly with original shell.
sh
# open your shell profile with an preferred editor
+$ vim ~/.zshrc
+
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+
+# restart your terminal with a new session or reload the config
+$ source ~/.zshrc
# open your shell profile with an preferred editor
+$ vim ~/.zshrc
+
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+
+# restart your terminal with a new session or reload the config
+$ source ~/.zshrc
The proxy essentially provides two shortcut command function defined with proxy_on and proxy_off. he proxy_on function sets the environment variables http_proxy and https_proxy to http://127.0.0.1:7890, which is the default proxy port of the traditional clash protocol, here is where you could replace the IP with other remote proxy servers or ports of other local proxies .Enabling a global proxy for the current terminal session. Meanwhile the proxy_off function unsets (removes) the http_proxy and https_proxy environment variables, effectively turning off the global proxy for the current terminal session. When any of the both executed, the indicator message will be echoed on the terminal, see the following screenshot in action.
◎ Enabling the shell session proxy with script
After you reload your shell profile you can test out the scripted command yourself. To test whether the proxy has a successful setup after the proxy has been switched on, run echo $http_proxy or https_proxy with a dollar sign in front of the alias as an indicator for environmental variable, the third command as shown in the screenshot above, the command will simply print the configured variable value addressed to the specified alias. Contrarily, if your terminal returns the following resultant,
sh
$ proxy_on
+zsh: command not found: proxy_on
$ proxy_on
+zsh: command not found: proxy_on
Then you will have to distinguish the exact shell you are currently on, the hereinafter content are mainly targeted towards novice learners whom are unable to track the shell types or configuration on particular operating systems. The configuration file for each shell varies their file names as well the location of storage; while Mac users could directly apply changes based on the instruction provided above if your system if Catalina or above. To know what exactly the active shell running, run,
sh
$ echo $SHELL
$ echo $SHELL
The returned string text will be the name of the current active shell, the following is a list of the possible shell profile config name affiliated with each shell; most of the config profile files should be lied under the ~ or the root/home folder of each operating system with a dot in front of the file names are inferred as hidden file or directory in most of the Unix-like systems, such as macOS, Ubuntu, Debian and etc, but some of the config file such as fish shell could locate in an isolated config directory. The usual format of a config file is as followed,
shell
~/.zshrc
~/.zshrc
The following is a list of the most common shells with their possible profile file names that corresponded,
  • /bin/bash : .bash_profile or .bashrc
  • /bin/zsh : .zprofile or .zshrc
  • /bin/fish:  ~/.config/fish/config
Still, the location might still varies, users might have to perform individual research to precisely locate their configuration file location, which is out of my jurisdiction of concerns (it's just evident action of procrastination and laziness, my apologies if none of the ones above fits your demand) ;).
For Unix-like users, after you have specified your shell as well as your config file name and locations, copy the following code chunk as command and paste it back into your terminal and run to apply permanent changes to the configuration.
sh
cat >> ~/.zshrc << EOF
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+EOF
cat >> ~/.zshrc << EOF
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+EOF
The script above will write-in and install the proxy switch script and save the the content to the very end of the file. As a kindly reminder, if your shell is not zsh make sure to replace the string after cat >> to the actual path of your profile as well as your proxy server IP and port to the actual functioning details to your own demand; then ultimately, don't for get to reinitialize the shell by close and reopen the terminal or simply sourcing the config,
sh
source ~/.zshrc
source ~/.zshrc
To check whether the proxy script has taken its effect to the current session, don't forget to rerun the same echo command indicated as above. And up until here, the script has been properly installed and operatable as a charm, if your's still does not take any effect, go through the process again and read carefully through the documentation.
3: To All Windows Users ​
The documentation above are mainly targeted towards macOS & Linux users, to setup local proxy with Windows machines there is a complete different approach if you are more comfortably working with Powershells and CMD, since I disused windows less and less frequently by the time I decided to upgrade my device to macOS; even if I did use Windows my primary choice of developmental environment is still Linux by the native support of WSL with enhanced Ubuntu version in a virtual environment; the following commands are only done from my prior researches, I do not fully guarantee the usability of the commands, please use them at your own risks if any unexpected errors not only including system crashes or other affiliated damages, I do not relate responsibility to any of those presented.
Simple concluding, abandon proprietary software, fall in the hug of open source; Linux even if most of the users might feel overwhelming when getting started with the system first :). Alright, enough with off-topic talkings, let's jump right in the process.
3.1: CMD ​
cmd
set http_proxy=http://127.0.0.1:7890
+set https_proxy=http://127.0.0.1:7890
set http_proxy=http://127.0.0.1:7890
+set https_proxy=http://127.0.0.1:7890
The commands are basically the same to Unix but the major difference is the amend commands in Windows are set instead of export. Once again I haven't personally tested the command, thus only use them as a reference. And whenever you wish to unset the global proxy for the session just simply run the set proxy command again but without any proxy server details.
cmd
set http_proxy=
+set https_proxy=
set http_proxy=
+set https_proxy=
3.2: PowerShell ​
Alike CMD, the string after are exactly the same but the setup prefix command differentiates,
powershell
$env:http_proxy="http://127.0.0.1:1080"
+$env:https_proxy="http://127.0.0.1:1080"
$env:http_proxy="http://127.0.0.1:1080"
+$env:https_proxy="http://127.0.0.1:1080"
And to revert to the default proxy setting, execute the following command to unset both the http and https proxy.
powershell
$env:http_proxy=""
+$env:https_proxy=""
$env:http_proxy=""
+$env:https_proxy=""
4: Extended Trivia on Proxy ​
Sometimes a proxy server may require an authentication procedure involving passcode for accessing before establishing a secure connection to interact with the server itself. From the partial article above we only discussed on a simple local proxy server setup including a host IP with its forwarded port gateways; but when facing the scenario described for a net connection, we will need a bit more complex method when working in the CLI environment.
Before we start, quoting from one of the answer from AskUbuntu, resolving the misconception on the difference between terminal application and the net utilities falls underly,
Terminal is not net application. Maybe is better to say, in your case, terminal is container for net application like ssh, telnet, lftp, wget, lynx ...
A terminal provides a command-line interface that allows users to send commands and receive responses from network applications, facilitating communication and control over a network connection. It acts as a mediator between the user and the network applications, enabling the user to send instructions and receive information, but not a proxy client.
Done with the technical talkings, now let's dive into the actual configuration process of the shell. Other than simply inputting a host IP and a port followed, the following formats are the default configuration for a proxy server with HTTP connection protocol, follow the exact same process as described based on your shell type, modify the fields with the following,
shell
export http_proxy=http://username:password@proxyhost:port/
+export ftp_proxy=http://username:password@proxyhost:port/
+export telnet_proxy=http://username:password@proxyhost:port/
export http_proxy=http://username:password@proxyhost:port/
+export ftp_proxy=http://username:password@proxyhost:port/
+export telnet_proxy=http://username:password@proxyhost:port/
Another approach suggested by the same user whom provided the answer on AskUbuntu for all Ubuntu users, edit the proxy configuration at the root of your machine as follows,
sh
sudo -H vim /etc/profile.d/proxy.sh
sudo -H vim /etc/profile.d/proxy.sh
And add the exported proxy members aligning the format as above, then save and reinitialize the environment, viola. The patches edited are mainly targeted for incorporating with wget, ftp, lftp, telnet in terminal.
When working with ssh instance over a proxy, a different approach has to be taken since SSH library does not natively support SOCKS5 client, user will have to pass a ProxyCommand option as a workaround to apply proxied connection, below is an instance of socat,
sh
ssh -o ProxyCommand='socat - SOCKS4A:myproxy:%h:%p,socksuser=nobody' user@host
ssh -o ProxyCommand='socat - SOCKS4A:myproxy:%h:%p,socksuser=nobody' user@host
The proxyCommand option allows user to integrate socat as an intermediary mediator to establish connection above a proxy. Other alternatives like tsocks are as well viable to transparently use SOCKS for TCP traffic, Exemplifying running SOCKS5 over socat2,
bash
ssh -o ProxyCommand='socat - "SOCKS5:%h:%p|tcp:myproxy:1080"' user@host
ssh -o ProxyCommand='socat - "SOCKS5:%h:%p|tcp:myproxy:1080"' user@host
Further, socat2 for HTTP Proxy CONNECT method,
bash
ssh -o ProxyCommand='socat - "PROXY:%h:%p|tcp:myproxy:80"' user@host
ssh -o ProxyCommand='socat - "PROXY:%h:%p|tcp:myproxy:80"' user@host
Reference
`,65);function w(F,x,C,A,D,k){const a=o;return l(),p("div",null,[b,r(a,{readTime:"17",words:"2.8k"}),g,e(" while I adopt absolute subjective yet objective perspectives on the individual viewpoints towards the MIIT department of each country those of which applies the internet regulatory services within the national range for avoiding pitfalls on misleading information brought by cross-border influences; meanwhile regardlessly such measures are still facing controversial debates amongst publics that vastly limits the independent freedom rights, though advantages must not be underestimated, still. "),v])}const T=t(f,[["render",w]]);export{q as __pageData,T as default};
diff --git a/assets/development_proxy4shell-terminal.md.a93dc7e4.lean.js b/assets/development_proxy4shell-terminal.md.a93dc7e4.lean.js
new file mode 100644
index 00000000..6901c473
--- /dev/null
+++ b/assets/development_proxy4shell-terminal.md.a93dc7e4.lean.js
@@ -0,0 +1 @@
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as t,o as l,c as p,H as r,a as e,k as s,Q as n}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const i="/assets/2023-11-04-03-15-12.77ab4cd9.png",c="/assets/2023-11-02-04-44-14.08b67c2b.png",h="/assets/2023-11-04-00-42-58.d7bf77fb.png",d="/assets/2023-11-04-01-32-28.da2149a9.png",y="/assets/2023-11-04-03-49-38.78c93d29.png",u="/assets/2023-11-04-04-27-59.3d817820.png",m="/assets/2023-11-04-05-01-04.fd5f8fb7.png",q=JSON.parse('{"title":"Proxies Configuration for Shells & Terminal","description":"","frontmatter":{"title":"Proxies Configuration for Shells & Terminal","author":"Anda Toshiki","date":"2023-11-02T00:00:00.000Z"},"headers":[],"relativePath":"development/proxy4shell-terminal.md","filePath":"development/proxy4shell-terminal.md","lastUpdated":1699051935000}'),f={name:"development/proxy4shell-terminal.md"},b=s("h1",{id:"proxies-configuration-for-shells-terminal",tabindex:"-1"},[e("Proxies Configuration for Shells & Terminal "),s("a",{class:"header-anchor",href:"#proxies-configuration-for-shells-terminal","aria-label":'Permalink to "Proxies Configuration for Shells & Terminal"'},"​")],-1),g=n("",5),v=n("",65);function w(F,x,C,A,D,k){const a=o;return l(),p("div",null,[b,r(a,{readTime:"17",words:"2.8k"}),g,e(" while I adopt absolute subjective yet objective perspectives on the individual viewpoints towards the MIIT department of each country those of which applies the internet regulatory services within the national range for avoiding pitfalls on misleading information brought by cross-border influences; meanwhile regardlessly such measures are still facing controversial debates amongst publics that vastly limits the independent freedom rights, though advantages must not be underestimated, still. "),v])}const T=t(f,[["render",w]]);export{q as __pageData,T as default};
diff --git a/assets/development_rclone-for-r2.md.65c0da34.js b/assets/development_rclone-for-r2.md.65c0da34.js
new file mode 100644
index 00000000..4d141687
--- /dev/null
+++ b/assets/development_rclone-for-r2.md.65c0da34.js
@@ -0,0 +1,55 @@
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as l,c as o,H as p,k as s,a as r,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const C=JSON.parse('{"title":"Configure rclone for R2","description":"","frontmatter":{},"headers":[],"relativePath":"development/rclone-for-r2.md","filePath":"development/rclone-for-r2.md","lastUpdated":1699051935000}'),t={name:"development/rclone-for-r2.md"},i=s("h1",{id:"configure-rclone-for-r2",tabindex:"-1"},[r("Configure rclone for R2 "),s("a",{class:"header-anchor",href:"#configure-rclone-for-r2","aria-label":'Permalink to "Configure rclone for R2"'},"​")],-1),y=c(`
Example of how to configure rclone to use R2.
You must generate an Access Key before getting started. All examples will utilize access_key_id and access_key_secret variables which represent the Access Key ID and Secret Access Key values you generated.
With rclone installed, you may run rclone config to configure a new S3 storage provider. You will be prompted with a series of questions for the new prvider details.
If you have already configured rclone in the past, you may run rclone config file to print the location of your rclone configuration file:
bash
$ rclone config file
+# Configuration file is stored at:
+# ~/.config/rclone/rclone.conf
$ rclone config file
+# Configuration file is stored at:
+# ~/.config/rclone/rclone.conf
Then use an editor (nano or vim, for example) to add or edit the new provider. This example assumes you are adding a new r2demo provider:
bash
[r2]
+type = s3
+provider = Cloudflare
+access_key_id = abc123 # Your access_key_id
+secret_access_key = xyz456 # Your access_key_secret
+endpoint = https://<accountid>.r2.cloudflarestorage.com
+acl = private
[r2]
+type = s3
+provider = Cloudflare
+access_key_id = abc123 # Your access_key_id
+secret_access_key = xyz456 # Your access_key_secret
+endpoint = https://<accountid>.r2.cloudflarestorage.com
+acl = private
You may then use the new rclone provider for any of your normal workflows.
List buckets & objects ​
The rclone tree command can be used to list the contents of the remote, in this case Cloudflare R2.
bash
$ rclone tree r2demo:
+# /
+# ├── user-uploads
+# │   └── foobar.png
+# └── my-bucket-name
+#     ├── cat.png
+#     └── todos.txt
+
+$ rclone tree r2demo:my-bucket-name
+# /
+# ├── cat.png
+# └── todos.txt
$ rclone tree r2demo:
+# /
+# ├── user-uploads
+# │   └── foobar.png
+# └── my-bucket-name
+#     ├── cat.png
+#     └── todos.txt
+
+$ rclone tree r2demo:my-bucket-name
+# /
+# ├── cat.png
+# └── todos.txt
Upload and retrieve objects ​
The rclone copy command can be used to upload objects to an R2 bucket and vice versa - this allows you to upload files up to the 5 TB maximum object size that R2 supports.
bash
# Upload dog.txt to the user-uploads bucket
+$ rclone copy dog.txt r2demo:user-uploads/dog.txt
+$ rclone tree r2demo:user-uploads
+# /
+# ├── foobar.png
+# └── dog.txt
+
+# Download dog.txt from the user-uploads bucket
+$ rclone copy r2demo:user-uploads/dog.txt dog.txt
# Upload dog.txt to the user-uploads bucket
+$ rclone copy dog.txt r2demo:user-uploads/dog.txt
+$ rclone tree r2demo:user-uploads
+# /
+# ├── foobar.png
+# └── dog.txt
+
+# Download dog.txt from the user-uploads bucket
+$ rclone copy r2demo:user-uploads/dog.txt dog.txt
Generate presigned URLs ​
You can also generate presigned links which allow you to share public access to a file temporarily using the rclone link command.
`,16);function d(u,b,m,F,h,D){const n=a;return l(),o("div",null,[i,p(n,{readTime:"2",words:"336"}),y])}const _=e(t,[["render",d]]);export{C as __pageData,_ as default};
diff --git a/assets/development_rclone-for-r2.md.65c0da34.lean.js b/assets/development_rclone-for-r2.md.65c0da34.lean.js
new file mode 100644
index 00000000..d02344b9
--- /dev/null
+++ b/assets/development_rclone-for-r2.md.65c0da34.lean.js
@@ -0,0 +1 @@
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as l,c as o,H as p,k as s,a as r,Q as c}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const C=JSON.parse('{"title":"Configure rclone for R2","description":"","frontmatter":{},"headers":[],"relativePath":"development/rclone-for-r2.md","filePath":"development/rclone-for-r2.md","lastUpdated":1699051935000}'),t={name:"development/rclone-for-r2.md"},i=s("h1",{id:"configure-rclone-for-r2",tabindex:"-1"},[r("Configure rclone for R2 "),s("a",{class:"header-anchor",href:"#configure-rclone-for-r2","aria-label":'Permalink to "Configure rclone for R2"'},"​")],-1),y=c("",16);function d(u,b,m,F,h,D){const n=a;return l(),o("div",null,[i,p(n,{readTime:"2",words:"336"}),y])}const _=e(t,[["render",d]]);export{C as __pageData,_ as default};
diff --git a/assets/development_rclone-for-r2.md.72ca2dcc.js b/assets/development_rclone-for-r2.md.72ca2dcc.js
deleted file mode 100644
index eaf602ee..00000000
--- a/assets/development_rclone-for-r2.md.72ca2dcc.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as l,c as o,H as p,k as s,a as t,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Configure rclone for R2","description":"","frontmatter":{},"headers":[],"relativePath":"development/rclone-for-r2.md","filePath":"development/rclone-for-r2.md","lastUpdated":1695377563000}'),c={name:"development/rclone-for-r2.md"},i=s("h1",{id:"configure-rclone-for-r2",tabindex:"-1"},[t("Configure rclone for R2 "),s("a",{class:"header-anchor",href:"#configure-rclone-for-r2","aria-label":'Permalink to "Configure rclone for R2"'},"​")],-1),y=r(`
Example of how to configure rclone to use R2.
You must generate an Access Key before getting started. All examples will utilize access_key_id and access_key_secret variables which represent the Access Key ID and Secret Access Key values you generated.
With rclone installed, you may run rclone config to configure a new S3 storage provider. You will be prompted with a series of questions for the new prvider details.
If you have already configured rclone in the past, you may run rclone config file to print the location of your rclone configuration file:
bash
$ rclone config file
-# Configuration file is stored at:
-# ~/.config/rclone/rclone.conf
$ rclone config file
-# Configuration file is stored at:
-# ~/.config/rclone/rclone.conf
Then use an editor (nano or vim, for example) to add or edit the new provider. This example assumes you are adding a new r2demo provider:
bash
[r2]
-type = s3
-provider = Cloudflare
-access_key_id = abc123 # Your access_key_id
-secret_access_key = xyz456 # Your access_key_secret
-endpoint = https://<accountid>.r2.cloudflarestorage.com
-acl = private
[r2]
-type = s3
-provider = Cloudflare
-access_key_id = abc123 # Your access_key_id
-secret_access_key = xyz456 # Your access_key_secret
-endpoint = https://<accountid>.r2.cloudflarestorage.com
-acl = private
You may then use the new rclone provider for any of your normal workflows.
List buckets & objects ​
The rclone tree command can be used to list the contents of the remote, in this case Cloudflare R2.
bash
$ rclone tree r2demo:
-# /
-# ├── user-uploads
-# │   └── foobar.png
-# └── my-bucket-name
-#     ├── cat.png
-#     └── todos.txt
-
-$ rclone tree r2demo:my-bucket-name
-# /
-# ├── cat.png
-# └── todos.txt
$ rclone tree r2demo:
-# /
-# ├── user-uploads
-# │   └── foobar.png
-# └── my-bucket-name
-#     ├── cat.png
-#     └── todos.txt
-
-$ rclone tree r2demo:my-bucket-name
-# /
-# ├── cat.png
-# └── todos.txt
Upload and retrieve objects ​
The rclone copy command can be used to upload objects to an R2 bucket and vice versa - this allows you to upload files up to the 5 TB maximum object size that R2 supports.
bash
# Upload dog.txt to the user-uploads bucket
-$ rclone copy dog.txt r2demo:user-uploads/dog.txt
-$ rclone tree r2demo:user-uploads
-# /
-# ├── foobar.png
-# └── dog.txt
-
-# Download dog.txt from the user-uploads bucket
-$ rclone copy r2demo:user-uploads/dog.txt dog.txt
# Upload dog.txt to the user-uploads bucket
-$ rclone copy dog.txt r2demo:user-uploads/dog.txt
-$ rclone tree r2demo:user-uploads
-# /
-# ├── foobar.png
-# └── dog.txt
-
-# Download dog.txt from the user-uploads bucket
-$ rclone copy r2demo:user-uploads/dog.txt dog.txt
Generate presigned URLs ​
You can also generate presigned links which allow you to share public access to a file temporarily using the rclone link command.
`,16);function d(A,u,b,m,f,h){const n=a;return l(),o("div",null,[i,p(n,{readTime:"2",words:"336"}),y])}const v=e(c,[["render",d]]);export{k as __pageData,v as default};
diff --git a/assets/development_rclone-for-r2.md.72ca2dcc.lean.js b/assets/development_rclone-for-r2.md.72ca2dcc.lean.js
deleted file mode 100644
index c0d8b110..00000000
--- a/assets/development_rclone-for-r2.md.72ca2dcc.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as e,o as l,c as o,H as p,k as s,a as t,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Configure rclone for R2","description":"","frontmatter":{},"headers":[],"relativePath":"development/rclone-for-r2.md","filePath":"development/rclone-for-r2.md","lastUpdated":1695377563000}'),c={name:"development/rclone-for-r2.md"},i=s("h1",{id:"configure-rclone-for-r2",tabindex:"-1"},[t("Configure rclone for R2 "),s("a",{class:"header-anchor",href:"#configure-rclone-for-r2","aria-label":'Permalink to "Configure rclone for R2"'},"​")],-1),y=r("",16);function d(A,u,b,m,f,h){const n=a;return l(),o("div",null,[i,p(n,{readTime:"2",words:"336"}),y])}const v=e(c,[["render",d]]);export{k as __pageData,v as default};
diff --git a/assets/getting-started.md.54a05997.js b/assets/getting-started.md.54a05997.js
deleted file mode 100644
index 24c872ad..00000000
--- a/assets/getting-started.md.54a05997.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as l,c as e,H as t,k as s,a as p,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const S=JSON.parse('{"title":"Git push results in \\"Authentication Failed”","description":"","frontmatter":{"title":"Git push results in \\"Authentication Failed”","editLink":true,"lastUpdated":true},"headers":[],"relativePath":"getting-started.md","filePath":"getting-started.md","lastUpdated":1695377563000}'),c={name:"getting-started.md"},i=s("h1",{id:"git-push-results-in-authentication-failed",tabindex:"-1"},[p('Git push results in "Authentication Failed” '),s("a",{class:"header-anchor",href:"#git-push-results-in-authentication-failed","aria-label":'Permalink to "Git push results in "Authentication Failed”"'},"​")],-1),y=r(`
Issue ​
bash
$ git push
-Username for 'https://github.com': \${{ GITHUB_USERNAME }}
-Password for 'https://andatoshiki@github.com': \${{ GITHUB_PASSWORD }} # or GitHub personal access token
-remote: Invalid username or password.
-fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
$ git push
-Username for 'https://github.com': \${{ GITHUB_USERNAME }}
-Password for 'https://andatoshiki@github.com': \${{ GITHUB_PASSWORD }} # or GitHub personal access token
-remote: Invalid username or password.
-fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
git push to GitHub remote branch failed via https protocol
Solution ​
Solution 1 ​
If you enabled two-factor authentication in your GitHub account you won't be able to push via HTTPS using your accounts password. Instead you need to generate a personal access token. This can be done in the application settings of your GitHub account. Using this token as your password should allow you to push to your remote repository via HTTPS. Use your username as usual.
You may also need to update the origin for your repository if it is set to HTTPS. Do this to switch to SSH:
bash
$ git remote -v
-$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
$ git remote -v
-$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
Solution 2 ​
GitHub username & password/access token mismatched due to prior temporary Git config setup → Reset Git global username & email config or in current repository
To set your global username/email configuration:
  1. Open the command line.
  2. Set your username: git config --global user.name "FIRST_NAME LAST_NAME"
  3. Set your email address: git config --global user.email "MY_NAME@example.com"
To set repository-specific username/email configuration:
  1. From the command line, change into the repository directory.
  2. Set your username: git config user.name "FIRST_NAME LAST_NAME"
  3. Set your email address: git config user.email "MY_NAME@example.com"
  4. Verify your configuration by displaying your configuration file: cat .git/config
`,14);function u(d,A,h,m,g,b){const a=o;return l(),e("div",null,[i,t(a,{readTime:"1",words:"271"}),y])}const k=n(c,[["render",u]]);export{S as __pageData,k as default};
diff --git a/assets/getting-started.md.975024a7.js b/assets/getting-started.md.975024a7.js
new file mode 100644
index 00000000..6db68714
--- /dev/null
+++ b/assets/getting-started.md.975024a7.js
@@ -0,0 +1,11 @@
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as e,c as l,H as t,k as s,a as p,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse('{"title":"Git push results in \\"Authentication Failed”","description":"","frontmatter":{"title":"Git push results in \\"Authentication Failed”","editLink":true,"lastUpdated":true},"headers":[],"relativePath":"getting-started.md","filePath":"getting-started.md","lastUpdated":1699051935000}'),i={name:"getting-started.md"},c=s("h1",{id:"git-push-results-in-authentication-failed",tabindex:"-1"},[p('Git push results in "Authentication Failed” '),s("a",{class:"header-anchor",href:"#git-push-results-in-authentication-failed","aria-label":'Permalink to "Git push results in "Authentication Failed”"'},"​")],-1),y=r(`
Issue ​
bash
$ git push
+Username for 'https://github.com': \${{ GITHUB_USERNAME }}
+Password for 'https://andatoshiki@github.com': \${{ GITHUB_PASSWORD }} # or GitHub personal access token
+remote: Invalid username or password.
+fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
$ git push
+Username for 'https://github.com': \${{ GITHUB_USERNAME }}
+Password for 'https://andatoshiki@github.com': \${{ GITHUB_PASSWORD }} # or GitHub personal access token
+remote: Invalid username or password.
+fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
git push to GitHub remote branch failed via https protocol
Solution ​
Solution 1 ​
If you enabled two-factor authentication in your GitHub account you won't be able to push via HTTPS using your accounts password. Instead you need to generate a personal access token. This can be done in the application settings of your GitHub account. Using this token as your password should allow you to push to your remote repository via HTTPS. Use your username as usual.
You may also need to update the origin for your repository if it is set to HTTPS. Do this to switch to SSH:
bash
$ git remote -v
+$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
$ git remote -v
+$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
Solution 2 ​
GitHub username & password/access token mismatched due to prior temporary Git config setup → Reset Git global username & email config or in current repository
To set your global username/email configuration:
  1. Open the command line.
  2. Set your username: git config --global user.name "FIRST_NAME LAST_NAME"
  3. Set your email address: git config --global user.email "MY_NAME@example.com"
To set repository-specific username/email configuration:
  1. From the command line, change into the repository directory.
  2. Set your username: git config user.name "FIRST_NAME LAST_NAME"
  3. Set your email address: git config user.email "MY_NAME@example.com"
  4. Verify your configuration by displaying your configuration file: cat .git/config
`,14);function u(d,h,F,m,g,A){const a=o;return e(),l("div",null,[c,t(a,{readTime:"1",words:"271"}),y])}const C=n(i,[["render",u]]);export{E as __pageData,C as default};
diff --git a/assets/getting-started.md.54a05997.lean.js b/assets/getting-started.md.975024a7.lean.js
similarity index 63%
rename from assets/getting-started.md.54a05997.lean.js
rename to assets/getting-started.md.975024a7.lean.js
index 06c09517..03ddeb51 100644
--- a/assets/getting-started.md.54a05997.lean.js
+++ b/assets/getting-started.md.975024a7.lean.js
@@ -1 +1 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as l,c as e,H as t,k as s,a as p,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const S=JSON.parse('{"title":"Git push results in \\"Authentication Failed”","description":"","frontmatter":{"title":"Git push results in \\"Authentication Failed”","editLink":true,"lastUpdated":true},"headers":[],"relativePath":"getting-started.md","filePath":"getting-started.md","lastUpdated":1695377563000}'),c={name:"getting-started.md"},i=s("h1",{id:"git-push-results-in-authentication-failed",tabindex:"-1"},[p('Git push results in "Authentication Failed” '),s("a",{class:"header-anchor",href:"#git-push-results-in-authentication-failed","aria-label":'Permalink to "Git push results in "Authentication Failed”"'},"​")],-1),y=r("",14);function u(d,A,h,m,g,b){const a=o;return l(),e("div",null,[i,t(a,{readTime:"1",words:"271"}),y])}const k=n(c,[["render",u]]);export{S as __pageData,k as default};
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as n,o as e,c as l,H as t,k as s,a as p,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const E=JSON.parse('{"title":"Git push results in \\"Authentication Failed”","description":"","frontmatter":{"title":"Git push results in \\"Authentication Failed”","editLink":true,"lastUpdated":true},"headers":[],"relativePath":"getting-started.md","filePath":"getting-started.md","lastUpdated":1699051935000}'),i={name:"getting-started.md"},c=s("h1",{id:"git-push-results-in-authentication-failed",tabindex:"-1"},[p('Git push results in "Authentication Failed” '),s("a",{class:"header-anchor",href:"#git-push-results-in-authentication-failed","aria-label":'Permalink to "Git push results in "Authentication Failed”"'},"​")],-1),y=r("",14);function u(d,h,F,m,g,A){const a=o;return e(),l("div",null,[c,t(a,{readTime:"1",words:"271"}),y])}const C=n(i,[["render",u]]);export{E as __pageData,C as default};
diff --git a/assets/index.md.bcdaa8d8.js b/assets/index.md.b89ea33b.js
similarity index 96%
rename from assets/index.md.bcdaa8d8.js
rename to assets/index.md.b89ea33b.js
index 37c46134..cbd9b7de 100644
--- a/assets/index.md.bcdaa8d8.js
+++ b/assets/index.md.b89ea33b.js
@@ -1 +1 @@
-import{_ as e,o as t,c as a}from"./chunks/framework.b7580407.js";const c=JSON.parse(`{"title":"Toshiki's Notebook","titleTemplate":"Eternal digital knowledge base for content creation and notes management.","description":"","frontmatter":{"layout":"home","title":"Toshiki's Notebook","titleTemplate":"Eternal digital knowledge base for content creation and notes management.","hero":{"name":"Toshiki's Notebook","text":"Research & Produce","tagline":"👨‍💻 Eternal & digital knowledge base for content creation and notes management.","image":{"src":"/logos/logo.svg","alt":"Home logo"},"actions":[{"theme":"brand","text":"👉 Start Reading","link":"/development/file-naming-convention"},{"theme":"alt","text":"🗒️ View on GitHub","link":"https://github.com/andatoshiki/toshiki-notebook"}]},"features":[{"icon":"🕒","title":"Tempus Fugit","details":"Tempus Fugit, which means \\"time flies\\" in Latin, is a phrase that highlights the fact that every person has the same 24 hours per day to learn. However, this time is never enough to learn everything. That's why recording knowledge for review is essential."},{"icon":"🫖","title":"Carpe Diem","details":"Carpe Diem, take it slow, seize the day and savor its moments. Enjoy a cup of coffee while playing blues on a 1980s-style CD player. Turn off the lights, close the curtains, and let the small lamp illuminate the space. The time is yours, relish the day, and unleash the productivity while learning."},{"icon":"💡","title":"Epiphania","details":"An epiphany, derived from the Latin word \\"epiphania,\\" is a moment of sudden and brilliant realization or insight. These moments of clarity and inspiration are precious and should be treated as such; to ensure that we don't forget these valuable ideas."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1695377563000}`),i={name:"index.md"};function n(o,s,r,l,h,d){return t(),a("div")}const p=e(i,[["render",n]]);export{c as __pageData,p as default};
+import{_ as e,o as t,c as a}from"./chunks/framework.b7580407.js";const c=JSON.parse(`{"title":"Toshiki's Notebook","titleTemplate":"Eternal digital knowledge base for content creation and notes management.","description":"","frontmatter":{"layout":"home","title":"Toshiki's Notebook","titleTemplate":"Eternal digital knowledge base for content creation and notes management.","hero":{"name":"Toshiki's Notebook","text":"Research & Produce","tagline":"👨‍💻 Eternal & digital knowledge base for content creation and notes management.","image":{"src":"/logos/logo.svg","alt":"Home logo"},"actions":[{"theme":"brand","text":"👉 Start Reading","link":"/development/file-naming-convention"},{"theme":"alt","text":"🗒️ View on GitHub","link":"https://github.com/andatoshiki/toshiki-notebook"}]},"features":[{"icon":"🕒","title":"Tempus Fugit","details":"Tempus Fugit, which means \\"time flies\\" in Latin, is a phrase that highlights the fact that every person has the same 24 hours per day to learn. However, this time is never enough to learn everything. That's why recording knowledge for review is essential."},{"icon":"🫖","title":"Carpe Diem","details":"Carpe Diem, take it slow, seize the day and savor its moments. Enjoy a cup of coffee while playing blues on a 1980s-style CD player. Turn off the lights, close the curtains, and let the small lamp illuminate the space. The time is yours, relish the day, and unleash the productivity while learning."},{"icon":"💡","title":"Epiphania","details":"An epiphany, derived from the Latin word \\"epiphania,\\" is a moment of sudden and brilliant realization or insight. These moments of clarity and inspiration are precious and should be treated as such; to ensure that we don't forget these valuable ideas."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1699051935000}`),i={name:"index.md"};function n(o,s,r,l,h,d){return t(),a("div")}const p=e(i,[["render",n]]);export{c as __pageData,p as default};
diff --git a/assets/index.md.bcdaa8d8.lean.js b/assets/index.md.b89ea33b.lean.js
similarity index 96%
rename from assets/index.md.bcdaa8d8.lean.js
rename to assets/index.md.b89ea33b.lean.js
index 37c46134..cbd9b7de 100644
--- a/assets/index.md.bcdaa8d8.lean.js
+++ b/assets/index.md.b89ea33b.lean.js
@@ -1 +1 @@
-import{_ as e,o as t,c as a}from"./chunks/framework.b7580407.js";const c=JSON.parse(`{"title":"Toshiki's Notebook","titleTemplate":"Eternal digital knowledge base for content creation and notes management.","description":"","frontmatter":{"layout":"home","title":"Toshiki's Notebook","titleTemplate":"Eternal digital knowledge base for content creation and notes management.","hero":{"name":"Toshiki's Notebook","text":"Research & Produce","tagline":"👨‍💻 Eternal & digital knowledge base for content creation and notes management.","image":{"src":"/logos/logo.svg","alt":"Home logo"},"actions":[{"theme":"brand","text":"👉 Start Reading","link":"/development/file-naming-convention"},{"theme":"alt","text":"🗒️ View on GitHub","link":"https://github.com/andatoshiki/toshiki-notebook"}]},"features":[{"icon":"🕒","title":"Tempus Fugit","details":"Tempus Fugit, which means \\"time flies\\" in Latin, is a phrase that highlights the fact that every person has the same 24 hours per day to learn. However, this time is never enough to learn everything. That's why recording knowledge for review is essential."},{"icon":"🫖","title":"Carpe Diem","details":"Carpe Diem, take it slow, seize the day and savor its moments. Enjoy a cup of coffee while playing blues on a 1980s-style CD player. Turn off the lights, close the curtains, and let the small lamp illuminate the space. The time is yours, relish the day, and unleash the productivity while learning."},{"icon":"💡","title":"Epiphania","details":"An epiphany, derived from the Latin word \\"epiphania,\\" is a moment of sudden and brilliant realization or insight. These moments of clarity and inspiration are precious and should be treated as such; to ensure that we don't forget these valuable ideas."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1695377563000}`),i={name:"index.md"};function n(o,s,r,l,h,d){return t(),a("div")}const p=e(i,[["render",n]]);export{c as __pageData,p as default};
+import{_ as e,o as t,c as a}from"./chunks/framework.b7580407.js";const c=JSON.parse(`{"title":"Toshiki's Notebook","titleTemplate":"Eternal digital knowledge base for content creation and notes management.","description":"","frontmatter":{"layout":"home","title":"Toshiki's Notebook","titleTemplate":"Eternal digital knowledge base for content creation and notes management.","hero":{"name":"Toshiki's Notebook","text":"Research & Produce","tagline":"👨‍💻 Eternal & digital knowledge base for content creation and notes management.","image":{"src":"/logos/logo.svg","alt":"Home logo"},"actions":[{"theme":"brand","text":"👉 Start Reading","link":"/development/file-naming-convention"},{"theme":"alt","text":"🗒️ View on GitHub","link":"https://github.com/andatoshiki/toshiki-notebook"}]},"features":[{"icon":"🕒","title":"Tempus Fugit","details":"Tempus Fugit, which means \\"time flies\\" in Latin, is a phrase that highlights the fact that every person has the same 24 hours per day to learn. However, this time is never enough to learn everything. That's why recording knowledge for review is essential."},{"icon":"🫖","title":"Carpe Diem","details":"Carpe Diem, take it slow, seize the day and savor its moments. Enjoy a cup of coffee while playing blues on a 1980s-style CD player. Turn off the lights, close the curtains, and let the small lamp illuminate the space. The time is yours, relish the day, and unleash the productivity while learning."},{"icon":"💡","title":"Epiphania","details":"An epiphany, derived from the Latin word \\"epiphania,\\" is a moment of sudden and brilliant realization or insight. These moments of clarity and inspiration are precious and should be treated as such; to ensure that we don't forget these valuable ideas."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1699051935000}`),i={name:"index.md"};function n(o,s,r,l,h,d){return t(),a("div")}const p=e(i,[["render",n]]);export{c as __pageData,p as default};
diff --git a/assets/javascript_notes_1_1-1.md.442433d3.js b/assets/javascript_notes_1_1-1.md.442433d3.js
new file mode 100644
index 00000000..820617ad
--- /dev/null
+++ b/assets/javascript_notes_1_1-1.md.442433d3.js
@@ -0,0 +1,7 @@
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as p,o as r,c,H as t,k as s,a as e,Q as a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const M=JSON.parse('{"title":"1-1: Values","description":"Chapter 1-1 notes on values","frontmatter":{"title":"1-1: Values","description":"Chapter 1-1 notes on values"},"headers":[],"relativePath":"javascript/notes/1/1-1.md","filePath":"javascript/notes/1/1-1.md","lastUpdated":1699051935000}'),d={name:"javascript/notes/1/1-1.md"},u=s("h1",{id:"_1-1-values",tabindex:"-1"},[e("1-1: Values "),s("a",{class:"header-anchor",href:"#_1-1-values","aria-label":'Permalink to "1-1: Values"'},"​")],-1),h={id:"_1-1-1-numbers",tabindex:"-1"},m=s("a",{class:"header-anchor",href:"#_1-1-1-numbers","aria-label":'Permalink to "1-1-1: Numbers "'},"​",-1),g=a(`
Values of the number type are numeric values, normally written as follows,
js
144
144
  • Put this into a program, it will cause the number 144 to come into existence inside the computer, with the following bash script, 144 might looks like this in bits,
    js
    0100000001100010000000000000000000000000000000000000000000000000
    0100000001100010000000000000000000000000000000000000000000000000
  • With the following bash script, 144 will be converted into binary values in integer form,
    sh
    ip1=144 # defines a variable named ip1, with the value of 10
+echo "obase=2;$ip1" | bc # convert the value to binary via bc
    ip1=144 # defines a variable named ip1, with the value of 10
+echo "obase=2;$ip1" | bc # convert the value to binary via bc
    • The variable ip1 is assigned the value 144.
    • The echo command prints out the string "obase=2;144", where "obase=2;" is an argument for bc that tells it to output the result in base 2 (binary), and "10" is the decimal number we want to convert.
    • The output of the echo command is piped (using the | character) to bc, which takes the input "obase=2;144" and interprets it as a command to convert the number 10 to binary.
    • Finally, the binary equivalent of 144, which is "10010000", is printed to the terminal.
TIP
But the standard describes JavaScript numbers as 64-bit floating-point values, which indicates fractions and exponents are available.
`,4),b=s("p",null,[e("Not all whole numbers "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mn",null,"19")])]),s("annotation",{encoding:"application/x-tex"},"10^{19}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"19")])])])])])])])])])])]),e(" fit in a JavaScript number. There are also negative numbers, so one of the bits has to be used to store the sign of the number.")],-1),y=s("ul",null,[s("li",null,"11 bits are used to store the position of the decimal dot within the number."),s("li",null,[e("52 bits, any whole number less than "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"52")])]),s("annotation",{encoding:"application/x-tex"},"2^{52}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"52")])])])])])])])])])])]),e(", which is more than "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mn",null,"15")])]),s("annotation",{encoding:"application/x-tex"},"10^{15}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"15")])])])])])])])])])])]),e(" will safely fit in a JavaScript number, numbers we are using stay well below that.")])],-1),v=a('
Fractional numbers are written by using a dot,
js
9.81
9.81
For extreme huge or tiny numbers, we can also use "scientific" notion by adding an e, followed by the exponent of the number,
js
2.998e8
2.998e8
',4),w=s("p",null,[e("This indicates "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2.998"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mn",null,"8")]),s("mo",null,"="),s("mn",null,"29980000")]),s("annotation",{encoding:"application/x-tex"},"2.998 \\times 10^8 = 29980000")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"2.998"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"8")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"29980000")])])]),e(".")],-1),k=s("p",null,[e("Calculations with whole numbers (referred as "),s("em",null,"integers"),e(") that fits into 52 bits are guaranteed to be always precise, but calculation with fraction numbers are generally not.")],-1),C=s("ul",null,[s("li",null,[e("Such as "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"π")]),s("annotation",{encoding:"application/x-tex"},"\\pi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])])]),e(" cannot be precisely expressed by a finite amount of decimal digits, "),s("strong",null,"thus many numbers lose some precision when only 64 bits are available to store them.")])],-1),f=s("details",{class:"details custom-block"},[s("summary",null,"1-1-1: Numbers review"),s("ul",null,[s("li",null,[e("64 bits: A 64-bit number is a binary sequence of 64 bits, which can represent "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"64")])]),s("annotation",{encoding:"application/x-tex"},"2^{64}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"64")])])])])])])])])])])]),e(" (18,446,744,073,709,551,616) different values. This is commonly used for representing memory addresses and integers with large values in computer systems.")]),s("li",null,[e("11 bits: An 11-bit number is a binary sequence of 11 bits, which can represent "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"11")])]),s("annotation",{encoding:"application/x-tex"},"2^{11}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"11")])])])])])])])])])])]),e(" (2,048) different values. This is often used in computer systems for encoding small integers, such as color values in images.")]),s("li",null,[e("52 bits: A 52-bit number is a binary sequence of 52 bits, which can represent "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"52")])]),s("annotation",{encoding:"application/x-tex"},"2^{52}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"52")])])])])])])])])])])]),e(" (4,503,599,627,370,496) different values. This is often used for representing the significand or mantissa portion of a floating-point number in computer systems.")])])],-1),F=a(`
1-1-2: Arithmetic ​
The main thing to do with numbers is arithmetic. Arithmetic operations such as addition or multiplication take two number values and produce a new number from them, the following is an example of calculation in JavaScript.
js
100 + 4 * 11
100 + 4 * 11
  • The + and * symbols are called operators.
    • + apparently stands for addition while * stands for multiplication.
  • This expression indicates the multiplication takes place first then the adding of 100 comes next as a regard to PEMDAS rules (Order of Operations).
But we can still overwrite the steps of operation using a parenthesis around the addition,
js
;(100 + 4) * 11
;(100 + 4) * 11
For subtraction, there is the - operator, and division can be done with /. When operators appear together without parentheses, they are applied is determined by the precedence of the operators.
  • When multiple operators with the same precedence appear next to each other (as 1-2+1), they are applied left to right (refers to PEMDAS).
  • Precedence: Priorities.
WARNING
When is doubt, don't care about precedence, just add parentheses for order of operation.
There is one more arithmetic operator, which is the % percent sign used to represent the modulo operation. The term "X modulo Y" is defined as the remainder of dividing X by Y.
  • For example, 314 % 100 is 14, 10 % 3 is 1, and 144 % 12 is 0 because there are no remainders.
  • Modulo's precedence is the same as that of multiplication and division.
1-2: Arithmetic review
  • All of the operators in JavaScript follows precedence rules, or referred as PEMDAS in conventional math. 
    • + and - has the same lowest precedence.
    • * , / and % has the same medium precedence.
    • () has the highest precedence, followed on with brackets.
  • The symbol % refers to "modulo", in mathematical reading, we say "X modulo Y" is the remainder of X over Y.
1-1-3: Strings ​
The next data type is the string. Its use is not as evident from its name as with numbers, it also fulfills a very basic role.
  • Strings are used to represent text.
  • Strings are usually written by enclosing the contents with quotes.
js
'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
+'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
+'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
TIP
Both single and double quotes can be used to mark strings
  • As long as the quotes at the start and the end of the string match.
Almost anything can be put between quotes, and JavaScript will make a string value out of it. But the followings are tricky to be put between quotes.
  • Newlines: The things we get when we press enter on keyboard. We uses \\n to represent.
  • New tab: Similarly like newlines, \\t indicates a new tab being indented.
Take the following string as an example,
js
'Lorem ipsum dolor sit amet,\\n consectetur adipiscing elit.'
'Lorem ipsum dolor sit amet,\\n consectetur adipiscing elit.'
The following will be the rendered output,
js
Lorem ipsum dolor sit amet,
+consectetur adipiscing elit.
Lorem ipsum dolor sit amet,
+consectetur adipiscing elit.
WARNING
But the situations where we want a backslash in a string to just be a backslash instead of a special code. By using \\\\ would render the "just slash" to \\ on output, instead of a special character, as follows,
js
"A newline character is written like \\"\\\\n\\"."
"A newline character is written like \\"\\\\n\\"."
Strings cannot be divided, multiplied, or subtracted, unlike integers. But the + operator can be used on the. It concatenates (glues) the two strings together, the following example will produce the string "concatenate".
js
'con' + 'cat' + 'e' + 'nate'
'con' + 'cat' + 'e' + 'nate'
1-1-3: Strings review
  • Nearly everything could be put into strings in JavaScript
  • String could be wrapped with "" double quotation marks or '' single quotation marks.
  • There is a tricky situation in JavaScript's string, where \\ backslash followed with a character are being introduced specially by the interpreter, such as \\n referred as newline, \\t referred as new tab. 
    • \\\\ double backslash will be rendered as a single \\.
    • \\& symbols followed after slash will not contain its original function such as connecting, but will be rendered as & on output.
1-1-3-FR: Further Reading ​
From the example given in the prior section with a lot of backslashes, it might be hard to understand the concept on at what time the slash will be rendered and when it will be considered as a special character starter.
The example is given as,
js
"A newline character is written like \\"\\\\n\\"."
"A newline character is written like \\"\\\\n\\"."
The rendered output will be on print,
js
A newline character is written like "\\n".
A newline character is written like "\\n".
the backslash character (\\) is used as an escape character to indicate that the following character(s) should be treated specially. In this case, the "\\n" sequence is an escape sequence that represents a newline character. The backslash before the n character tells the JavaScript interpreter that it should treat the n as a special character and not just as the letter "n".
However, if we want to include an actual backslash character (\\), we will have to escape it by using to two backslashes \\\\, or else with one single slash the JavaScript interpreter will still determines it as an special operator, Thus \\\\ will print \\ on output.
  • But what about the quotation marks used within the quotation marks that wraps the string? Wouldn't JavaScript interpreter throw error?
    • In the given JavaScript string, the inner set of double quotation marks ("\\\\n") is escaped using a backslash (\\) character. This tells the JavaScript interpreter to treat the inner double quotation marks as a regular character instead of a string delimiter.
      So when the string is rendered on output, the backslash character will be removed and the inner set of quotation marks will be displayed as a regular character. The rendered string will look like this,
      js
      '\\n'
      '\\n'
      The outer set of double quotation marks in the original string delimit the entire string and will be displayed as regular quotation marks.
Source: ChatGPT CA (Code Analysis)
`,37);function A(_,q,x,D,B,T){const n=o,l=p("Badge");return r(),c("div",null,[u,t(n,{readTime:"9",words:"1.5k"}),s("h2",h,[e("1-1-1: Numbers "),t(l,{type:"danger",text:"must know"}),e(),m]),g,b,y,v,w,k,C,f,F])}const P=i(d,[["render",A]]);export{M as __pageData,P as default};
diff --git a/assets/javascript_notes_1_1-1.md.444635ea.lean.js b/assets/javascript_notes_1_1-1.md.442433d3.lean.js
similarity index 91%
rename from assets/javascript_notes_1_1-1.md.444635ea.lean.js
rename to assets/javascript_notes_1_1-1.md.442433d3.lean.js
index 1c0f8c3e..c57884a0 100644
--- a/assets/javascript_notes_1_1-1.md.444635ea.lean.js
+++ b/assets/javascript_notes_1_1-1.md.442433d3.lean.js
@@ -1 +1 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as p,o as r,c,H as n,k as s,a as e,Q as a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const P=JSON.parse('{"title":"1-1: Values","description":"Chapter 1-1 notes on values","frontmatter":{"title":"1-1: Values","description":"Chapter 1-1 notes on values"},"headers":[],"relativePath":"javascript/notes/1/1-1.md","filePath":"javascript/notes/1/1-1.md","lastUpdated":1695377563000}'),d={name:"javascript/notes/1/1-1.md"},u=s("h1",{id:"_1-1-values",tabindex:"-1"},[e("1-1: Values "),s("a",{class:"header-anchor",href:"#_1-1-values","aria-label":'Permalink to "1-1: Values"'},"​")],-1),h={id:"_1-1-1-numbers",tabindex:"-1"},m=s("a",{class:"header-anchor",href:"#_1-1-1-numbers","aria-label":'Permalink to "1-1-1: Numbers "'},"​",-1),y=a("",4),g=s("p",null,[e("Not all whole numbers "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mn",null,"19")])]),s("annotation",{encoding:"application/x-tex"},"10^{19}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"19")])])])])])])])])])])]),e(" fit in a JavaScript number. There are also negative numbers, so one of the bits has to be used to store the sign of the number.")],-1),b=s("ul",null,[s("li",null,"11 bits are used to store the position of the decimal dot within the number."),s("li",null,[e("52 bits, any whole number less than "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"52")])]),s("annotation",{encoding:"application/x-tex"},"2^{52}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"52")])])])])])])])])])])]),e(", which is more than "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mn",null,"15")])]),s("annotation",{encoding:"application/x-tex"},"10^{15}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"15")])])])])])])])])])])]),e(" will safely fit in a JavaScript number, numbers we are using stay well below that.")])],-1),v=a("",4),w=s("p",null,[e("This indicates "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2.998"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mn",null,"8")]),s("mo",null,"="),s("mn",null,"29980000")]),s("annotation",{encoding:"application/x-tex"},"2.998 \\times 10^8 = 29980000")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"2.998"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"8")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"29980000")])])]),e(".")],-1),k=s("p",null,[e("Calculations with whole numbers (referred as "),s("em",null,"integers"),e(") that fits into 52 bits are guaranteed to be always precise, but calculation with fraction numbers are generally not.")],-1),f=s("ul",null,[s("li",null,[e("Such as "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"π")]),s("annotation",{encoding:"application/x-tex"},"\\pi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])])]),e(" cannot be precisely expressed by a finite amount of decimal digits, "),s("strong",null,"thus many numbers lose some precision when only 64 bits are available to store them.")])],-1),A=s("details",{class:"details custom-block"},[s("summary",null,"1-1-1: Numbers review"),s("ul",null,[s("li",null,[e("64 bits: A 64-bit number is a binary sequence of 64 bits, which can represent "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"64")])]),s("annotation",{encoding:"application/x-tex"},"2^{64}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"64")])])])])])])])])])])]),e(" (18,446,744,073,709,551,616) different values. This is commonly used for representing memory addresses and integers with large values in computer systems.")]),s("li",null,[e("11 bits: An 11-bit number is a binary sequence of 11 bits, which can represent "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"11")])]),s("annotation",{encoding:"application/x-tex"},"2^{11}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"11")])])])])])])])])])])]),e(" (2,048) different values. This is often used in computer systems for encoding small integers, such as color values in images.")]),s("li",null,[e("52 bits: A 52-bit number is a binary sequence of 52 bits, which can represent "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"52")])]),s("annotation",{encoding:"application/x-tex"},"2^{52}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"52")])])])])])])])])])])]),e(" (4,503,599,627,370,496) different values. This is often used for representing the significand or mantissa portion of a floating-point number in computer systems.")])])],-1),B=a("",37);function _(q,x,D,C,z,T){const t=o,l=p("Badge");return r(),c("div",null,[u,n(t,{readTime:"9",words:"1.5k"}),s("h2",h,[e("1-1-1: Numbers "),n(l,{type:"danger",text:"must know"}),e(),m]),y,g,b,v,w,k,f,A,B])}const N=i(d,[["render",_]]);export{P as __pageData,N as default};
+import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as p,o as r,c,H as t,k as s,a as e,Q as a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const M=JSON.parse('{"title":"1-1: Values","description":"Chapter 1-1 notes on values","frontmatter":{"title":"1-1: Values","description":"Chapter 1-1 notes on values"},"headers":[],"relativePath":"javascript/notes/1/1-1.md","filePath":"javascript/notes/1/1-1.md","lastUpdated":1699051935000}'),d={name:"javascript/notes/1/1-1.md"},u=s("h1",{id:"_1-1-values",tabindex:"-1"},[e("1-1: Values "),s("a",{class:"header-anchor",href:"#_1-1-values","aria-label":'Permalink to "1-1: Values"'},"​")],-1),h={id:"_1-1-1-numbers",tabindex:"-1"},m=s("a",{class:"header-anchor",href:"#_1-1-1-numbers","aria-label":'Permalink to "1-1-1: Numbers "'},"​",-1),g=a("",4),b=s("p",null,[e("Not all whole numbers "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mn",null,"19")])]),s("annotation",{encoding:"application/x-tex"},"10^{19}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"19")])])])])])])])])])])]),e(" fit in a JavaScript number. There are also negative numbers, so one of the bits has to be used to store the sign of the number.")],-1),y=s("ul",null,[s("li",null,"11 bits are used to store the position of the decimal dot within the number."),s("li",null,[e("52 bits, any whole number less than "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"52")])]),s("annotation",{encoding:"application/x-tex"},"2^{52}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"52")])])])])])])])])])])]),e(", which is more than "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mn",null,"15")])]),s("annotation",{encoding:"application/x-tex"},"10^{15}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"15")])])])])])])])])])])]),e(" will safely fit in a JavaScript number, numbers we are using stay well below that.")])],-1),v=a("",4),w=s("p",null,[e("This indicates "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2.998"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mn",null,"8")]),s("mo",null,"="),s("mn",null,"29980000")]),s("annotation",{encoding:"application/x-tex"},"2.998 \\times 10^8 = 29980000")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"2.998"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"8")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"29980000")])])]),e(".")],-1),k=s("p",null,[e("Calculations with whole numbers (referred as "),s("em",null,"integers"),e(") that fits into 52 bits are guaranteed to be always precise, but calculation with fraction numbers are generally not.")],-1),C=s("ul",null,[s("li",null,[e("Such as "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"π")]),s("annotation",{encoding:"application/x-tex"},"\\pi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])])]),e(" cannot be precisely expressed by a finite amount of decimal digits, "),s("strong",null,"thus many numbers lose some precision when only 64 bits are available to store them.")])],-1),f=s("details",{class:"details custom-block"},[s("summary",null,"1-1-1: Numbers review"),s("ul",null,[s("li",null,[e("64 bits: A 64-bit number is a binary sequence of 64 bits, which can represent "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"64")])]),s("annotation",{encoding:"application/x-tex"},"2^{64}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"64")])])])])])])])])])])]),e(" (18,446,744,073,709,551,616) different values. This is commonly used for representing memory addresses and integers with large values in computer systems.")]),s("li",null,[e("11 bits: An 11-bit number is a binary sequence of 11 bits, which can represent "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"11")])]),s("annotation",{encoding:"application/x-tex"},"2^{11}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"11")])])])])])])])])])])]),e(" (2,048) different values. This is often used in computer systems for encoding small integers, such as color values in images.")]),s("li",null,[e("52 bits: A 52-bit number is a binary sequence of 52 bits, which can represent "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"52")])]),s("annotation",{encoding:"application/x-tex"},"2^{52}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"52")])])])])])])])])])])]),e(" (4,503,599,627,370,496) different values. This is often used for representing the significand or mantissa portion of a floating-point number in computer systems.")])])],-1),F=a("",37);function A(_,q,x,D,B,T){const n=o,l=p("Badge");return r(),c("div",null,[u,t(n,{readTime:"9",words:"1.5k"}),s("h2",h,[e("1-1-1: Numbers "),t(l,{type:"danger",text:"must know"}),e(),m]),g,b,y,v,w,k,C,f,F])}const P=i(d,[["render",A]]);export{M as __pageData,P as default};
diff --git a/assets/javascript_notes_1_1-1.md.444635ea.js b/assets/javascript_notes_1_1-1.md.444635ea.js
deleted file mode 100644
index b82c6b7d..00000000
--- a/assets/javascript_notes_1_1-1.md.444635ea.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import{_ as o}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,C as p,o as r,c,H as n,k as s,a as e,Q as a}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const P=JSON.parse('{"title":"1-1: Values","description":"Chapter 1-1 notes on values","frontmatter":{"title":"1-1: Values","description":"Chapter 1-1 notes on values"},"headers":[],"relativePath":"javascript/notes/1/1-1.md","filePath":"javascript/notes/1/1-1.md","lastUpdated":1695377563000}'),d={name:"javascript/notes/1/1-1.md"},u=s("h1",{id:"_1-1-values",tabindex:"-1"},[e("1-1: Values "),s("a",{class:"header-anchor",href:"#_1-1-values","aria-label":'Permalink to "1-1: Values"'},"​")],-1),h={id:"_1-1-1-numbers",tabindex:"-1"},m=s("a",{class:"header-anchor",href:"#_1-1-1-numbers","aria-label":'Permalink to "1-1-1: Numbers "'},"​",-1),y=a(`
Values of the number type are numeric values, normally written as follows,
js
144
144
  • Put this into a program, it will cause the number 144 to come into existence inside the computer, with the following bash script, 144 might looks like this in bits,
    js
    0100000001100010000000000000000000000000000000000000000000000000
    0100000001100010000000000000000000000000000000000000000000000000
  • With the following bash script, 144 will be converted into binary values in integer form,
    sh
    ip1=144 # defines a variable named ip1, with the value of 10
-echo "obase=2;$ip1" | bc # convert the value to binary via bc
    ip1=144 # defines a variable named ip1, with the value of 10
-echo "obase=2;$ip1" | bc # convert the value to binary via bc
    • The variable ip1 is assigned the value 144.
    • The echo command prints out the string "obase=2;144", where "obase=2;" is an argument for bc that tells it to output the result in base 2 (binary), and "10" is the decimal number we want to convert.
    • The output of the echo command is piped (using the | character) to bc, which takes the input "obase=2;144" and interprets it as a command to convert the number 10 to binary.
    • Finally, the binary equivalent of 144, which is "10010000", is printed to the terminal.
TIP
But the standard describes JavaScript numbers as 64-bit floating-point values, which indicates fractions and exponents are available.
`,4),g=s("p",null,[e("Not all whole numbers "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mn",null,"19")])]),s("annotation",{encoding:"application/x-tex"},"10^{19}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"19")])])])])])])])])])])]),e(" fit in a JavaScript number. There are also negative numbers, so one of the bits has to be used to store the sign of the number.")],-1),b=s("ul",null,[s("li",null,"11 bits are used to store the position of the decimal dot within the number."),s("li",null,[e("52 bits, any whole number less than "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"52")])]),s("annotation",{encoding:"application/x-tex"},"2^{52}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"52")])])])])])])])])])])]),e(", which is more than "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mn",null,"15")])]),s("annotation",{encoding:"application/x-tex"},"10^{15}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"15")])])])])])])])])])])]),e(" will safely fit in a JavaScript number, numbers we are using stay well below that.")])],-1),v=a('
Fractional numbers are written by using a dot,
js
9.81
9.81
For extreme huge or tiny numbers, we can also use "scientific" notion by adding an e, followed by the exponent of the number,
js
2.998e8
2.998e8
',4),w=s("p",null,[e("This indicates "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mn",null,"2.998"),s("mo",null,"×"),s("mn",null,"1"),s("msup",null,[s("mn",null,"0"),s("mn",null,"8")]),s("mo",null,"="),s("mn",null,"29980000")]),s("annotation",{encoding:"application/x-tex"},"2.998 \\times 10^8 = 29980000")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.7278em","vertical-align":"-0.0833em"}}),s("span",{class:"mord"},"2.998"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}}),s("span",{class:"mbin"},"×"),s("span",{class:"mspace",style:{"margin-right":"0.2222em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},"1"),s("span",{class:"mord"},[s("span",{class:"mord"},"0"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},"8")])])])])])])]),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}}),s("span",{class:"mrel"},"="),s("span",{class:"mspace",style:{"margin-right":"0.2778em"}})]),s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.6444em"}}),s("span",{class:"mord"},"29980000")])])]),e(".")],-1),k=s("p",null,[e("Calculations with whole numbers (referred as "),s("em",null,"integers"),e(") that fits into 52 bits are guaranteed to be always precise, but calculation with fraction numbers are generally not.")],-1),f=s("ul",null,[s("li",null,[e("Such as "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("mi",null,"π")]),s("annotation",{encoding:"application/x-tex"},"\\pi")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.4306em"}}),s("span",{class:"mord mathnormal",style:{"margin-right":"0.03588em"}},"π")])])]),e(" cannot be precisely expressed by a finite amount of decimal digits, "),s("strong",null,"thus many numbers lose some precision when only 64 bits are available to store them.")])],-1),A=s("details",{class:"details custom-block"},[s("summary",null,"1-1-1: Numbers review"),s("ul",null,[s("li",null,[e("64 bits: A 64-bit number is a binary sequence of 64 bits, which can represent "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"64")])]),s("annotation",{encoding:"application/x-tex"},"2^{64}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"64")])])])])])])])])])])]),e(" (18,446,744,073,709,551,616) different values. This is commonly used for representing memory addresses and integers with large values in computer systems.")]),s("li",null,[e("11 bits: An 11-bit number is a binary sequence of 11 bits, which can represent "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"11")])]),s("annotation",{encoding:"application/x-tex"},"2^{11}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"11")])])])])])])])])])])]),e(" (2,048) different values. This is often used in computer systems for encoding small integers, such as color values in images.")]),s("li",null,[e("52 bits: A 52-bit number is a binary sequence of 52 bits, which can represent "),s("span",{class:"katex"},[s("span",{class:"katex-mathml"},[s("math",{xmlns:"http://www.w3.org/1998/Math/MathML"},[s("semantics",null,[s("mrow",null,[s("msup",null,[s("mn",null,"2"),s("mn",null,"52")])]),s("annotation",{encoding:"application/x-tex"},"2^{52}")])])]),s("span",{class:"katex-html","aria-hidden":"true"},[s("span",{class:"base"},[s("span",{class:"strut",style:{height:"0.8141em"}}),s("span",{class:"mord"},[s("span",{class:"mord"},"2"),s("span",{class:"msupsub"},[s("span",{class:"vlist-t"},[s("span",{class:"vlist-r"},[s("span",{class:"vlist",style:{height:"0.8141em"}},[s("span",{style:{top:"-3.063em","margin-right":"0.05em"}},[s("span",{class:"pstrut",style:{height:"2.7em"}}),s("span",{class:"sizing reset-size6 size3 mtight"},[s("span",{class:"mord mtight"},[s("span",{class:"mord mtight"},"52")])])])])])])])])])])]),e(" (4,503,599,627,370,496) different values. This is often used for representing the significand or mantissa portion of a floating-point number in computer systems.")])])],-1),B=a(`
1-1-2: Arithmetic ​
The main thing to do with numbers is arithmetic. Arithmetic operations such as addition or multiplication take two number values and produce a new number from them, the following is an example of calculation in JavaScript.
js
100 + 4 * 11
100 + 4 * 11
  • The + and * symbols are called operators.
    • + apparently stands for addition while * stands for multiplication.
  • This expression indicates the multiplication takes place first then the adding of 100 comes next as a regard to PEMDAS rules (Order of Operations).
But we can still overwrite the steps of operation using a parenthesis around the addition,
js
;(100 + 4) * 11
;(100 + 4) * 11
For subtraction, there is the - operator, and division can be done with /. When operators appear together without parentheses, they are applied is determined by the precedence of the operators.
  • When multiple operators with the same precedence appear next to each other (as 1-2+1), they are applied left to right (refers to PEMDAS).
  • Precedence: Priorities.
WARNING
When is doubt, don't care about precedence, just add parentheses for order of operation.
There is one more arithmetic operator, which is the % percent sign used to represent the modulo operation. The term "X modulo Y" is defined as the remainder of dividing X by Y.
  • For example, 314 % 100 is 14, 10 % 3 is 1, and 144 % 12 is 0 because there are no remainders.
  • Modulo's precedence is the same as that of multiplication and division.
1-2: Arithmetic review
  • All of the operators in JavaScript follows precedence rules, or referred as PEMDAS in conventional math. 
    • + and - has the same lowest precedence.
    • * , / and % has the same medium precedence.
    • () has the highest precedence, followed on with brackets.
  • The symbol % refers to "modulo", in mathematical reading, we say "X modulo Y" is the remainder of X over Y.
1-1-3: Strings ​
The next data type is the string. Its use is not as evident from its name as with numbers, it also fulfills a very basic role.
  • Strings are used to represent text.
  • Strings are usually written by enclosing the contents with quotes.
js
'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
-'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
-'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
TIP
Both single and double quotes can be used to mark strings
  • As long as the quotes at the start and the end of the string match.
Almost anything can be put between quotes, and JavaScript will make a string value out of it. But the followings are tricky to be put between quotes.
  • Newlines: The things we get when we press enter on keyboard. We uses \\n to represent.
  • New tab: Similarly like newlines, \\t indicates a new tab being indented.
Take the following string as an example,
js
'Lorem ipsum dolor sit amet,\\n consectetur adipiscing elit.'
'Lorem ipsum dolor sit amet,\\n consectetur adipiscing elit.'
The following will be the rendered output,
js
Lorem ipsum dolor sit amet,
-consectetur adipiscing elit.
Lorem ipsum dolor sit amet,
-consectetur adipiscing elit.
WARNING
But the situations where we want a backslash in a string to just be a backslash instead of a special code. By using \\\\ would render the "just slash" to \\ on output, instead of a special character, as follows,
js
"A newline character is written like \\"\\\\n\\"."
"A newline character is written like \\"\\\\n\\"."
Strings cannot be divided, multiplied, or subtracted, unlike integers. But the + operator can be used on the. It concatenates (glues) the two strings together, the following example will produce the string "concatenate".
js
'con' + 'cat' + 'e' + 'nate'
'con' + 'cat' + 'e' + 'nate'
1-1-3: Strings review
  • Nearly everything could be put into strings in JavaScript
  • String could be wrapped with "" double quotation marks or '' single quotation marks.
  • There is a tricky situation in JavaScript's string, where \\ backslash followed with a character are being introduced specially by the interpreter, such as \\n referred as newline, \\t referred as new tab. 
    • \\\\ double backslash will be rendered as a single \\.
    • \\& symbols followed after slash will not contain its original function such as connecting, but will be rendered as & on output.
1-1-3-FR: Further Reading ​
From the example given in the prior section with a lot of backslashes, it might be hard to understand the concept on at what time the slash will be rendered and when it will be considered as a special character starter.
The example is given as,
js
"A newline character is written like \\"\\\\n\\"."
"A newline character is written like \\"\\\\n\\"."
The rendered output will be on print,
js
A newline character is written like "\\n".
A newline character is written like "\\n".
the backslash character (\\) is used as an escape character to indicate that the following character(s) should be treated specially. In this case, the "\\n" sequence is an escape sequence that represents a newline character. The backslash before the n character tells the JavaScript interpreter that it should treat the n as a special character and not just as the letter "n".
However, if we want to include an actual backslash character (\\), we will have to escape it by using to two backslashes \\\\, or else with one single slash the JavaScript interpreter will still determines it as an special operator, Thus \\\\ will print \\ on output.
  • But what about the quotation marks used within the quotation marks that wraps the string? Wouldn't JavaScript interpreter throw error?
    • In the given JavaScript string, the inner set of double quotation marks ("\\\\n") is escaped using a backslash (\\) character. This tells the JavaScript interpreter to treat the inner double quotation marks as a regular character instead of a string delimiter.
      So when the string is rendered on output, the backslash character will be removed and the inner set of quotation marks will be displayed as a regular character. The rendered string will look like this,
      js
      '\\n'
      '\\n'
      The outer set of double quotation marks in the original string delimit the entire string and will be displayed as regular quotation marks.
Source: ChatGPT CA (Code Analysis)
`,37);function _(q,x,D,C,z,T){const t=o,l=p("Badge");return r(),c("div",null,[u,n(t,{readTime:"9",words:"1.5k"}),s("h2",h,[e("1-1-1: Numbers "),n(l,{type:"danger",text:"must know"}),e(),m]),y,g,b,v,w,k,f,A,B])}const N=i(d,[["render",_]]);export{P as __pageData,N as default};
diff --git a/assets/javascript_notes_1_1-2.md.cddd09d6.js b/assets/javascript_notes_1_1-2.md.cf1c6a03.js
similarity index 84%
rename from assets/javascript_notes_1_1-2.md.cddd09d6.js
rename to assets/javascript_notes_1_1-2.md.cf1c6a03.js
index 91d328ff..f8979cce 100644
--- a/assets/javascript_notes_1_1-2.md.cddd09d6.js
+++ b/assets/javascript_notes_1_1-2.md.cf1c6a03.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a}from"./chunks/framework.b7580407.js";const l=JSON.parse('{"title":"1-2","description":"","frontmatter":{"title":"1-2"},"headers":[],"relativePath":"javascript/notes/1/1-2.md","filePath":"javascript/notes/1/1-2.md","lastUpdated":1695377563000}'),s={name:"javascript/notes/1/1-2.md"};function r(o,c,n,p,i,d){return e(),a("div")}const m=t(s,[["render",r]]);export{l as __pageData,m as default};
+import{_ as t,o as e,c as a}from"./chunks/framework.b7580407.js";const l=JSON.parse('{"title":"1-2","description":"","frontmatter":{"title":"1-2"},"headers":[],"relativePath":"javascript/notes/1/1-2.md","filePath":"javascript/notes/1/1-2.md","lastUpdated":1699051935000}'),s={name:"javascript/notes/1/1-2.md"};function r(o,c,n,p,i,d){return e(),a("div")}const m=t(s,[["render",r]]);export{l as __pageData,m as default};
diff --git a/assets/javascript_notes_1_1-2.md.cddd09d6.lean.js b/assets/javascript_notes_1_1-2.md.cf1c6a03.lean.js
similarity index 84%
rename from assets/javascript_notes_1_1-2.md.cddd09d6.lean.js
rename to assets/javascript_notes_1_1-2.md.cf1c6a03.lean.js
index 91d328ff..f8979cce 100644
--- a/assets/javascript_notes_1_1-2.md.cddd09d6.lean.js
+++ b/assets/javascript_notes_1_1-2.md.cf1c6a03.lean.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a}from"./chunks/framework.b7580407.js";const l=JSON.parse('{"title":"1-2","description":"","frontmatter":{"title":"1-2"},"headers":[],"relativePath":"javascript/notes/1/1-2.md","filePath":"javascript/notes/1/1-2.md","lastUpdated":1695377563000}'),s={name:"javascript/notes/1/1-2.md"};function r(o,c,n,p,i,d){return e(),a("div")}const m=t(s,[["render",r]]);export{l as __pageData,m as default};
+import{_ as t,o as e,c as a}from"./chunks/framework.b7580407.js";const l=JSON.parse('{"title":"1-2","description":"","frontmatter":{"title":"1-2"},"headers":[],"relativePath":"javascript/notes/1/1-2.md","filePath":"javascript/notes/1/1-2.md","lastUpdated":1699051935000}'),s={name:"javascript/notes/1/1-2.md"};function r(o,c,n,p,i,d){return e(),a("div")}const m=t(s,[["render",r]]);export{l as __pageData,m as default};
diff --git a/assets/jp_index.md.5b353799.js b/assets/jp_index.md.f593c74c.js
similarity index 97%
rename from assets/jp_index.md.5b353799.js
rename to assets/jp_index.md.f593c74c.js
index ab7faeb3..0b92153d 100644
--- a/assets/jp_index.md.5b353799.js
+++ b/assets/jp_index.md.f593c74c.js
@@ -1 +1 @@
-import{_ as e,o as t,c as i}from"./chunks/framework.b7580407.js";const c=JSON.parse('{"title":"俊樹のノート","titleTemplate":"コンテンツ作成やメモ管理のための永遠のデジタル知識ベース","description":"","frontmatter":{"layout":"home","title":"俊樹のノート","titleTemplate":"コンテンツ作成やメモ管理のための永遠のデジタル知識ベース","hero":{"name":"俊樹のノート","text":"研究して作成","tagline":"👨‍💻 コンテンツ作成やメモ管理のための永遠のデジタル知識ベース","image":{"src":"/logos/logo.svg","alt":"Home logo"},"actions":[{"theme":"brand","text":"👉 始め","link":"/getting-started"},{"theme":"alt","text":"🗒️ GitHub で見る","link":"https://github.com/andatoshiki/toshiki-notebook"}]},"features":[{"icon":"🕒","title":"Tempus Fugit","details":"Tempus Fugit とは、ラテン語で「時が飛ぶ」という意味のフレーズで、誰もが同じ１日24時間しかないことを強調しています. しかし、この時間だけでは全 てを学ぶには十分ではありません. だからこそ、知識を記録し復習することが重要なのです."},{"icon":"☕","title":"Carpe Diem","details":"Carpe Diem、今日を生き抜き、その瞬間を堪能しましょう。1980年代風のCDプレイヤーでブルーズを聴きながらコーヒーを飲むのも良いでしょう。ライトを消し、カーテンを閉め、小さなランプでスペースを照らしましょう。時間はあなたのものです。今日を味わい、学びながら生産性を発揮してください."},{"icon":"💡","title":"Epiphania","details":"エピファニーは、ラテン語の epiphania に由来する言葉で、突然の輝かしい気づきや洞察力を示す瞬間です. このような明晰な洞察力を持った瞬間は貴重であり、私たちがこれらの貴重なアイデアを忘れないようにするためにも大切に扱うべきです."}]},"headers":[],"relativePath":"jp/index.md","filePath":"jp/index.md","lastUpdated":1695377563000}'),a={name:"jp/index.md"};function o(n,s,l,p,d,r){return t(),i("div")}const _=e(a,[["render",o]]);export{c as __pageData,_ as default};
+import{_ as e,o as t,c as i}from"./chunks/framework.b7580407.js";const c=JSON.parse('{"title":"俊樹のノート","titleTemplate":"コンテンツ作成やメモ管理のための永遠のデジタル知識ベース","description":"","frontmatter":{"layout":"home","title":"俊樹のノート","titleTemplate":"コンテンツ作成やメモ管理のための永遠のデジタル知識ベース","hero":{"name":"俊樹のノート","text":"研究して作成","tagline":"👨‍💻 コンテンツ作成やメモ管理のための永遠のデジタル知識ベース","image":{"src":"/logos/logo.svg","alt":"Home logo"},"actions":[{"theme":"brand","text":"👉 始め","link":"/getting-started"},{"theme":"alt","text":"🗒️ GitHub で見る","link":"https://github.com/andatoshiki/toshiki-notebook"}]},"features":[{"icon":"🕒","title":"Tempus Fugit","details":"Tempus Fugit とは、ラテン語で「時が飛ぶ」という意味のフレーズで、誰もが同じ１日24時間しかないことを強調しています. しかし、この時間だけでは全 てを学ぶには十分ではありません. だからこそ、知識を記録し復習することが重要なのです."},{"icon":"☕","title":"Carpe Diem","details":"Carpe Diem、今日を生き抜き、その瞬間を堪能しましょう。1980年代風のCDプレイヤーでブルーズを聴きながらコーヒーを飲むのも良いでしょう。ライトを消し、カーテンを閉め、小さなランプでスペースを照らしましょう。時間はあなたのものです。今日を味わい、学びながら生産性を発揮してください."},{"icon":"💡","title":"Epiphania","details":"エピファニーは、ラテン語の epiphania に由来する言葉で、突然の輝かしい気づきや洞察力を示す瞬間です. このような明晰な洞察力を持った瞬間は貴重であり、私たちがこれらの貴重なアイデアを忘れないようにするためにも大切に扱うべきです."}]},"headers":[],"relativePath":"jp/index.md","filePath":"jp/index.md","lastUpdated":1699051935000}'),a={name:"jp/index.md"};function o(n,s,l,p,d,r){return t(),i("div")}const _=e(a,[["render",o]]);export{c as __pageData,_ as default};
diff --git a/assets/jp_index.md.5b353799.lean.js b/assets/jp_index.md.f593c74c.lean.js
similarity index 97%
rename from assets/jp_index.md.5b353799.lean.js
rename to assets/jp_index.md.f593c74c.lean.js
index ab7faeb3..0b92153d 100644
--- a/assets/jp_index.md.5b353799.lean.js
+++ b/assets/jp_index.md.f593c74c.lean.js
@@ -1 +1 @@
-import{_ as e,o as t,c as i}from"./chunks/framework.b7580407.js";const c=JSON.parse('{"title":"俊樹のノート","titleTemplate":"コンテンツ作成やメモ管理のための永遠のデジタル知識ベース","description":"","frontmatter":{"layout":"home","title":"俊樹のノート","titleTemplate":"コンテンツ作成やメモ管理のための永遠のデジタル知識ベース","hero":{"name":"俊樹のノート","text":"研究して作成","tagline":"👨‍💻 コンテンツ作成やメモ管理のための永遠のデジタル知識ベース","image":{"src":"/logos/logo.svg","alt":"Home logo"},"actions":[{"theme":"brand","text":"👉 始め","link":"/getting-started"},{"theme":"alt","text":"🗒️ GitHub で見る","link":"https://github.com/andatoshiki/toshiki-notebook"}]},"features":[{"icon":"🕒","title":"Tempus Fugit","details":"Tempus Fugit とは、ラテン語で「時が飛ぶ」という意味のフレーズで、誰もが同じ１日24時間しかないことを強調しています. しかし、この時間だけでは全 てを学ぶには十分ではありません. だからこそ、知識を記録し復習することが重要なのです."},{"icon":"☕","title":"Carpe Diem","details":"Carpe Diem、今日を生き抜き、その瞬間を堪能しましょう。1980年代風のCDプレイヤーでブルーズを聴きながらコーヒーを飲むのも良いでしょう。ライトを消し、カーテンを閉め、小さなランプでスペースを照らしましょう。時間はあなたのものです。今日を味わい、学びながら生産性を発揮してください."},{"icon":"💡","title":"Epiphania","details":"エピファニーは、ラテン語の epiphania に由来する言葉で、突然の輝かしい気づきや洞察力を示す瞬間です. このような明晰な洞察力を持った瞬間は貴重であり、私たちがこれらの貴重なアイデアを忘れないようにするためにも大切に扱うべきです."}]},"headers":[],"relativePath":"jp/index.md","filePath":"jp/index.md","lastUpdated":1695377563000}'),a={name:"jp/index.md"};function o(n,s,l,p,d,r){return t(),i("div")}const _=e(a,[["render",o]]);export{c as __pageData,_ as default};
+import{_ as e,o as t,c as i}from"./chunks/framework.b7580407.js";const c=JSON.parse('{"title":"俊樹のノート","titleTemplate":"コンテンツ作成やメモ管理のための永遠のデジタル知識ベース","description":"","frontmatter":{"layout":"home","title":"俊樹のノート","titleTemplate":"コンテンツ作成やメモ管理のための永遠のデジタル知識ベース","hero":{"name":"俊樹のノート","text":"研究して作成","tagline":"👨‍💻 コンテンツ作成やメモ管理のための永遠のデジタル知識ベース","image":{"src":"/logos/logo.svg","alt":"Home logo"},"actions":[{"theme":"brand","text":"👉 始め","link":"/getting-started"},{"theme":"alt","text":"🗒️ GitHub で見る","link":"https://github.com/andatoshiki/toshiki-notebook"}]},"features":[{"icon":"🕒","title":"Tempus Fugit","details":"Tempus Fugit とは、ラテン語で「時が飛ぶ」という意味のフレーズで、誰もが同じ１日24時間しかないことを強調しています. しかし、この時間だけでは全 てを学ぶには十分ではありません. だからこそ、知識を記録し復習することが重要なのです."},{"icon":"☕","title":"Carpe Diem","details":"Carpe Diem、今日を生き抜き、その瞬間を堪能しましょう。1980年代風のCDプレイヤーでブルーズを聴きながらコーヒーを飲むのも良いでしょう。ライトを消し、カーテンを閉め、小さなランプでスペースを照らしましょう。時間はあなたのものです。今日を味わい、学びながら生産性を発揮してください."},{"icon":"💡","title":"Epiphania","details":"エピファニーは、ラテン語の epiphania に由来する言葉で、突然の輝かしい気づきや洞察力を示す瞬間です. このような明晰な洞察力を持った瞬間は貴重であり、私たちがこれらの貴重なアイデアを忘れないようにするためにも大切に扱うべきです."}]},"headers":[],"relativePath":"jp/index.md","filePath":"jp/index.md","lastUpdated":1699051935000}'),a={name:"jp/index.md"};function o(n,s,l,p,d,r){return t(),i("div")}const _=e(a,[["render",o]]);export{c as __pageData,_ as default};
diff --git a/assets/roadmap.md.d668d571.js b/assets/roadmap.md.233c3dec.js
similarity index 98%
rename from assets/roadmap.md.d668d571.js
rename to assets/roadmap.md.233c3dec.js
index aae88c30..de751bda 100644
--- a/assets/roadmap.md.d668d571.js
+++ b/assets/roadmap.md.233c3dec.js
@@ -1 +1 @@
-import{_ as s}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,o as a,c as l,H as c,k as t,a as o,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Theme","description":"","frontmatter":{},"headers":[],"relativePath":"roadmap.md","filePath":"roadmap.md","lastUpdated":1695377563000}'),n={name:"roadmap.md"},d=t("h1",{id:"theme",tabindex:"-1"},[o("Theme "),t("a",{class:"header-anchor",href:"#theme","aria-label":'Permalink to "Theme"'},"​")],-1),k=r('
Homepage ​
  •  Finish three hero action blocks with keywords and its corresponded descriptions.
  •  Finish my learning platform section using SVGs of different online academies from simple icons.
    • Descriptions
    • Icon in SVG format
    • Platform name
    • Linkable SVG icon/button
      •  Khan academy
      •  GitHub
      •  Libretext
      •  OpenStax
      •  BCcampus
      •  Wikibooks
      •  Wikipedia
      •  Bookboon
      • [ ]
Configs ​
  •  Header configs including different properties and meta configs.
  •  Complete navigation configuration. 
  •  Complete sidebar configs for different directories.
  •  Vitepress sidebar generation plugin for huge bundled clips article directory.
Articles ​
  •  <head> tag documentation or guide by joshbuchea/HEAD.
  •  Write index page for every directory, no Chat GPT allowed.
  •  Chemistry review notes.
  •  JavaScript 0-100 notes per chapter. 
    • Marijn Haverbeke - Eloquent JavaScript_ A Modern Introduction to Programming (2011, No Starch Press)
  •  Outliers novel clips
  •  Migrate clipped articles and archives from Notion to Vitepress.
  •  Fresh copy of "How To Ask Questions The Smart Way" by Eric Steven Raymond 
',8);function h(p,m,b,u,x,f){const e=s;return a(),l("div",null,[d,c(e,{readTime:"1",words:"203"}),k])}const q=i(n,[["render",h]]);export{v as __pageData,q as default};
+import{_ as s}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,o as a,c as l,H as c,k as t,a as o,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Theme","description":"","frontmatter":{},"headers":[],"relativePath":"roadmap.md","filePath":"roadmap.md","lastUpdated":1699051935000}'),n={name:"roadmap.md"},d=t("h1",{id:"theme",tabindex:"-1"},[o("Theme "),t("a",{class:"header-anchor",href:"#theme","aria-label":'Permalink to "Theme"'},"​")],-1),k=r('
Homepage ​
  •  Finish three hero action blocks with keywords and its corresponded descriptions.
  •  Finish my learning platform section using SVGs of different online academies from simple icons.
    • Descriptions
    • Icon in SVG format
    • Platform name
    • Linkable SVG icon/button
      •  Khan academy
      •  GitHub
      •  Libretext
      •  OpenStax
      •  BCcampus
      •  Wikibooks
      •  Wikipedia
      •  Bookboon
      • [ ]
Configs ​
  •  Header configs including different properties and meta configs.
  •  Complete navigation configuration. 
  •  Complete sidebar configs for different directories.
  •  Vitepress sidebar generation plugin for huge bundled clips article directory.
Articles ​
  •  <head> tag documentation or guide by joshbuchea/HEAD.
  •  Write index page for every directory, no Chat GPT allowed.
  •  Chemistry review notes.
  •  JavaScript 0-100 notes per chapter. 
    • Marijn Haverbeke - Eloquent JavaScript_ A Modern Introduction to Programming (2011, No Starch Press)
  •  Outliers novel clips
  •  Migrate clipped articles and archives from Notion to Vitepress.
  •  Fresh copy of "How To Ask Questions The Smart Way" by Eric Steven Raymond 
',8);function h(p,m,b,u,x,f){const e=s;return a(),l("div",null,[d,c(e,{readTime:"1",words:"203"}),k])}const q=i(n,[["render",h]]);export{v as __pageData,q as default};
diff --git a/assets/roadmap.md.d668d571.lean.js b/assets/roadmap.md.233c3dec.lean.js
similarity index 91%
rename from assets/roadmap.md.d668d571.lean.js
rename to assets/roadmap.md.233c3dec.lean.js
index 0aeb601c..11d59292 100644
--- a/assets/roadmap.md.d668d571.lean.js
+++ b/assets/roadmap.md.233c3dec.lean.js
@@ -1 +1 @@
-import{_ as s}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,o as a,c as l,H as c,k as t,a as o,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Theme","description":"","frontmatter":{},"headers":[],"relativePath":"roadmap.md","filePath":"roadmap.md","lastUpdated":1695377563000}'),n={name:"roadmap.md"},d=t("h1",{id:"theme",tabindex:"-1"},[o("Theme "),t("a",{class:"header-anchor",href:"#theme","aria-label":'Permalink to "Theme"'},"​")],-1),k=r("",8);function h(p,m,b,u,x,f){const e=s;return a(),l("div",null,[d,c(e,{readTime:"1",words:"203"}),k])}const q=i(n,[["render",h]]);export{v as __pageData,q as default};
+import{_ as s}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as i,o as a,c as l,H as c,k as t,a as o,Q as r}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Theme","description":"","frontmatter":{},"headers":[],"relativePath":"roadmap.md","filePath":"roadmap.md","lastUpdated":1699051935000}'),n={name:"roadmap.md"},d=t("h1",{id:"theme",tabindex:"-1"},[o("Theme "),t("a",{class:"header-anchor",href:"#theme","aria-label":'Permalink to "Theme"'},"​")],-1),k=r("",8);function h(p,m,b,u,x,f){const e=s;return a(),l("div",null,[d,c(e,{readTime:"1",words:"203"}),k])}const q=i(n,[["render",h]]);export{v as __pageData,q as default};
diff --git a/assets/save_reading_index.md.d900b2c8.js b/assets/save_reading_index.md.684b6d50.js
similarity index 92%
rename from assets/save_reading_index.md.d900b2c8.js
rename to assets/save_reading_index.md.684b6d50.js
index fab3fa41..77e9f1d3 100644
--- a/assets/save_reading_index.md.d900b2c8.js
+++ b/assets/save_reading_index.md.684b6d50.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as s,H as r,k as e,a as d}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Welcome to Reading Notes","description":"","frontmatter":{},"headers":[],"relativePath":"save/reading/index.md","filePath":"save/reading/index.md","lastUpdated":1695377563000}'),i={name:"save/reading/index.md"},c=e("h1",{id:"welcome-to-reading-notes",tabindex:"-1"},[d("Welcome to Reading Notes "),e("a",{class:"header-anchor",href:"#welcome-to-reading-notes","aria-label":'Permalink to "Welcome to Reading Notes"'},"​")],-1);function m(l,_,p,f,g,h){const a=t;return n(),s("div",null,[c,r(a,{readTime:"1",words:"4"})])}const $=o(i,[["render",m]]);export{v as __pageData,$ as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as s,H as r,k as e,a as d}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Welcome to Reading Notes","description":"","frontmatter":{},"headers":[],"relativePath":"save/reading/index.md","filePath":"save/reading/index.md","lastUpdated":1699051935000}'),i={name:"save/reading/index.md"},c=e("h1",{id:"welcome-to-reading-notes",tabindex:"-1"},[d("Welcome to Reading Notes "),e("a",{class:"header-anchor",href:"#welcome-to-reading-notes","aria-label":'Permalink to "Welcome to Reading Notes"'},"​")],-1);function m(l,_,p,f,g,h){const a=t;return n(),s("div",null,[c,r(a,{readTime:"1",words:"4"})])}const $=o(i,[["render",m]]);export{v as __pageData,$ as default};
diff --git a/assets/save_reading_index.md.d900b2c8.lean.js b/assets/save_reading_index.md.684b6d50.lean.js
similarity index 92%
rename from assets/save_reading_index.md.d900b2c8.lean.js
rename to assets/save_reading_index.md.684b6d50.lean.js
index fab3fa41..77e9f1d3 100644
--- a/assets/save_reading_index.md.d900b2c8.lean.js
+++ b/assets/save_reading_index.md.684b6d50.lean.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as s,H as r,k as e,a as d}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Welcome to Reading Notes","description":"","frontmatter":{},"headers":[],"relativePath":"save/reading/index.md","filePath":"save/reading/index.md","lastUpdated":1695377563000}'),i={name:"save/reading/index.md"},c=e("h1",{id:"welcome-to-reading-notes",tabindex:"-1"},[d("Welcome to Reading Notes "),e("a",{class:"header-anchor",href:"#welcome-to-reading-notes","aria-label":'Permalink to "Welcome to Reading Notes"'},"​")],-1);function m(l,_,p,f,g,h){const a=t;return n(),s("div",null,[c,r(a,{readTime:"1",words:"4"})])}const $=o(i,[["render",m]]);export{v as __pageData,$ as default};
+import{_ as t}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as s,H as r,k as e,a as d}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const v=JSON.parse('{"title":"Welcome to Reading Notes","description":"","frontmatter":{},"headers":[],"relativePath":"save/reading/index.md","filePath":"save/reading/index.md","lastUpdated":1699051935000}'),i={name:"save/reading/index.md"},c=e("h1",{id:"welcome-to-reading-notes",tabindex:"-1"},[d("Welcome to Reading Notes "),e("a",{class:"header-anchor",href:"#welcome-to-reading-notes","aria-label":'Permalink to "Welcome to Reading Notes"'},"​")],-1);function m(l,_,p,f,g,h){const a=t;return n(),s("div",null,[c,r(a,{readTime:"1",words:"4"})])}const $=o(i,[["render",m]]);export{v as __pageData,$ as default};
diff --git a/assets/save_reading_outliers_1.md.64c11331.js b/assets/save_reading_outliers_1.md.9f6d6e06.js
similarity index 99%
rename from assets/save_reading_outliers_1.md.64c11331.js
rename to assets/save_reading_outliers_1.md.9f6d6e06.js
index 70c831eb..61868e96 100644
--- a/assets/save_reading_outliers_1.md.64c11331.js
+++ b/assets/save_reading_outliers_1.md.9f6d6e06.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as s,c as r,H as n,k as e,a as i,Q as h}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const S=JSON.parse('{"title":"Introduction & Chapter 1: The Roseto Mystery","description":"Chapter 1 summary clips from Sparknotes of novel Outliers by Malcom Gladwells","frontmatter":{"author":"查尔斯","title":"Introduction & Chapter 1: The Roseto Mystery","description":"Chapter 1 summary clips from Sparknotes of novel Outliers by Malcom Gladwells"},"headers":[],"relativePath":"save/reading/outliers/1.md","filePath":"save/reading/outliers/1.md","lastUpdated":1695377563000}'),l={name:"save/reading/outliers/1.md"},d=e("h1",{id:"introduction-chapter-1-the-roseto-mystery",tabindex:"-1"},[i("Introduction & Chapter 1: The Roseto Mystery "),e("a",{class:"header-anchor",href:"#introduction-chapter-1-the-roseto-mystery","aria-label":'Permalink to "Introduction & Chapter 1: The Roseto Mystery"'},"​")],-1),c=h('
Summary: Introduction: The Roseto Mystery ​
Section 1. ​
In the late 1800s, immigrants from Roseto Valfortore, Italy, came to Pennsylvania to work in the slate quarry near the town of Bangor. The settlers established a new community, named after their old one: Roseto. They built schools, a park, small shops, and more than a dozen factories. They kept to themselves and did not interact much with the predominantly German and English populations of the towns around them.
In the 1950s, a local doctor told Stewart Wolf, a medical researcher, that hardly anyone in Roseto under age sixty-five had heart disease. Wolf was curious. He did blood draws and EKG scans, and he analyzed physicians’ records and death certificates. Wolf was amazed that almost no one under fifty-five showed any signs of heart disease, which at the time was America’s leading cause of death in men under sixty-five. Wolf enlisted the help of John Bruhn, a sociologist. They found that there was no suicide, alcoholism, or drug addiction in Roseto: everyone seemed to be dying of old age. According to Gladwell, Roseto was an outlier.
Section 2. ​
Wolf was forced to rule out diet and lifestyle as explanations, because the Rosetans had poor eating habits, smoked heavily, and were obese. He ruled out genetics after determining that Rosetans’ relatives in other parts of the country were not in comparably good health. Wolf eventually decided that what made Roseto’s inhabitants so healthy was the town itself—its culture and social structure. Many homes contained three generations living together, and with a population of just two thousand people, there were twenty-two separate civic organizations.
Wolf and Bruhn were met with a great deal of skepticism. They had to work hard to convince the medical establishment that the values of where we live and the people around us have a significant impact on who we are. Gladwell wants Outliers to do for our understanding of success what Wolf did for our understanding of health.
Summary: Chapter One: The Matthew Effect ​
Section 1. ​
Gladwell describes a game between two teams in the Canadian Hockey League, the most competitive junior hockey league in the world. Starting at a very young age, players are regularly assessed for talent, so that the best can be separated out and prepared for the next level. The system is designed to be a meritocracy.
Section 2. ​
Gladwell wants to show that circumstances matter just as much for success as work ethic or intelligence. People often ask about the lifestyle, intelligence, or special talents of successful individuals, but not enough people ask when and where a person grew up. Gladwell likens people to trees: we all know that the tallest trees received the most sunlight, had nutrient-rich soil, and were lucky enough to avoid lumberjacks. He suggests that we study the environmental and social influences that make people successful.
Section 3. ​
In the 1980s, Canadian psychologist Roger Barnsley observed that on elite Canadian hockey teams, whether youth league or NHL, a disproportionate number of players have birthdays in the first three months of the year.
Section 4. ​
The explanation for the distribution of birthdays is simple: the cutoff date for an individual’s league assignment is January 1. A player born on January 2 will be 12 months older than one born at the end of December. At the age of nine or ten, this often translates into a huge difference in size, coordination, and maturity. By age ten, coaches regularly pick the oldest and largest potential players for the more competitive “rep squads,” where the players will receive better coaching, have more practice time, and play many more games. By thirteen or fourteen, all of the extra experience and coaching will have actually made the players better, and they will be selected for the more competitive league(s). The same thing happens in American youth baseball and European soccer, but with different cutoff dates.
The phenomenon is also observable in education. Economists Kelly Bedard and Elizabeth Dhuey found that on math and science tests, the older children in fourth grade regularly score better than the youngest children. This can affect whether a child qualifies for a gifted program. When Bedard and Dhuey extended their analysis to four-year colleges, they found that the students who belonged to the relatively youngest group were underrepresented by more than 10 percent.
Section 5. ​
The top-level hockey players were given opportunities they neither deserved nor earned. Sociologist Robert Merton called this the “Matthew Effect,” after the verse in the Gospel of Matthew:
“For unto everyone that hath shall be given, and he shall have abundance. But from that hath not shall be taken away even that which he hath.”
The successful receive more resources: the best students receive the best teaching, the richest citizens get the biggest tax breaks, the largest kids get the best coaching. Sociologists call this “accumulative advantage.” Gladwell points out that cutoff dates exclude nearly half of the potential athletes from a population. Junior hockey teams in the Czech Republic show the same unbalanced distribution of birthdays as in Canada. If Canada or the Czech Republic separated each of their youth leagues into two separate leagues, one for kids born in the first half of the year, and one for kids born in the second half of the year, they would have twice as many athletes available for their national teams. Similarly, schools could separate kindergarten classes into students born in the first, middle, and last four months of the year. The benefits would justify the added administrative work, but, writes Gladwell, the scheme would run afoul of society’s need to believe that individual merit matters more than the rules society has created.
Section 6. ​
Gord Wasden, the father of one of the Canadian Hockey League boys from the first section, describes his son. Scott Wasden worked hard to get where he is, but he has also generally had the advantage of being big compared to others on his team. He was born on January 4.
Analysis: Introduction: The Roseto Mystery & Chapter 1: The Matthew Effect ​
Gladwell's thesis argues that that the idea of rugged, individual success is not accurate. Rather, the most successful person doesn’t thrive without some environmental and social influence plus a dose of good fortune.  After laying out the concepts of a meritocracy and suggesting that this is the way that hockey players advance in Canada, he immediately undercuts this idea. Gladwell uses the illustration of birthday distribution as an example of an invisible contributor to the success of hockey players. With a registration cutoff date of January 1, players born from January 2 through March 31 are older than teammates born later in the year. These older players are likely bigger, faster, more coordinated, and more mature. Since the older players are seen as more skilled, they get selected for more advanced leagues with more practice, more games, and higher-quality coaching. By the time these older players reach their early teens, the extra advantages gained from being judged better because of their birthday translate into being better players. Similarly, the age cutoff for school registrations often mistakes maturity for ability. As a result, the older children appear smarter, get put into advanced groups, and qualify for gifted programs. The birthdate bias carries through to college.
Advantages result in more advantages. Gladwell reinforces this idea with the “Matthew Effect,” which states that "success leads to more success." More simply: by being a little bit better, a hockey player will get opportunities that may result in the player becoming an outlier. Gladwell implies that the systems that determine success are not efficient. He asks readers to question the way we, as a society, think about success. He suggests that changing the systems in athletics and education would chip away at the myth of individual merit as the chief marker of success and help level the playing field. Gladwell's model for this phenomenon is hockey player Scott Wasden. By demonstrating that Scott had the passion, talent, and work ethic for the game, as well as the good luck to be born on January 4, Gladwell reasons that Wasden, like many others he will be profiling, benefit by being both good and lucky.
Reference
  • “Outliers Introduction & Chapter 1 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section1/.
',27);function u(m,f,y,p,g,b){const t=a;return s(),r("div",null,[d,n(t,{readTime:"8",words:"1.4k"}),c])}const T=o(l,[["render",u]]);export{S as __pageData,T as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as s,c as r,H as n,k as e,a as i,Q as h}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const S=JSON.parse('{"title":"Introduction & Chapter 1: The Roseto Mystery","description":"Chapter 1 summary clips from Sparknotes of novel Outliers by Malcom Gladwells","frontmatter":{"author":"查尔斯","title":"Introduction & Chapter 1: The Roseto Mystery","description":"Chapter 1 summary clips from Sparknotes of novel Outliers by Malcom Gladwells"},"headers":[],"relativePath":"save/reading/outliers/1.md","filePath":"save/reading/outliers/1.md","lastUpdated":1699051935000}'),l={name:"save/reading/outliers/1.md"},d=e("h1",{id:"introduction-chapter-1-the-roseto-mystery",tabindex:"-1"},[i("Introduction & Chapter 1: The Roseto Mystery "),e("a",{class:"header-anchor",href:"#introduction-chapter-1-the-roseto-mystery","aria-label":'Permalink to "Introduction & Chapter 1: The Roseto Mystery"'},"​")],-1),c=h('
Summary: Introduction: The Roseto Mystery ​
Section 1. ​
In the late 1800s, immigrants from Roseto Valfortore, Italy, came to Pennsylvania to work in the slate quarry near the town of Bangor. The settlers established a new community, named after their old one: Roseto. They built schools, a park, small shops, and more than a dozen factories. They kept to themselves and did not interact much with the predominantly German and English populations of the towns around them.
In the 1950s, a local doctor told Stewart Wolf, a medical researcher, that hardly anyone in Roseto under age sixty-five had heart disease. Wolf was curious. He did blood draws and EKG scans, and he analyzed physicians’ records and death certificates. Wolf was amazed that almost no one under fifty-five showed any signs of heart disease, which at the time was America’s leading cause of death in men under sixty-five. Wolf enlisted the help of John Bruhn, a sociologist. They found that there was no suicide, alcoholism, or drug addiction in Roseto: everyone seemed to be dying of old age. According to Gladwell, Roseto was an outlier.
Section 2. ​
Wolf was forced to rule out diet and lifestyle as explanations, because the Rosetans had poor eating habits, smoked heavily, and were obese. He ruled out genetics after determining that Rosetans’ relatives in other parts of the country were not in comparably good health. Wolf eventually decided that what made Roseto’s inhabitants so healthy was the town itself—its culture and social structure. Many homes contained three generations living together, and with a population of just two thousand people, there were twenty-two separate civic organizations.
Wolf and Bruhn were met with a great deal of skepticism. They had to work hard to convince the medical establishment that the values of where we live and the people around us have a significant impact on who we are. Gladwell wants Outliers to do for our understanding of success what Wolf did for our understanding of health.
Summary: Chapter One: The Matthew Effect ​
Section 1. ​
Gladwell describes a game between two teams in the Canadian Hockey League, the most competitive junior hockey league in the world. Starting at a very young age, players are regularly assessed for talent, so that the best can be separated out and prepared for the next level. The system is designed to be a meritocracy.
Section 2. ​
Gladwell wants to show that circumstances matter just as much for success as work ethic or intelligence. People often ask about the lifestyle, intelligence, or special talents of successful individuals, but not enough people ask when and where a person grew up. Gladwell likens people to trees: we all know that the tallest trees received the most sunlight, had nutrient-rich soil, and were lucky enough to avoid lumberjacks. He suggests that we study the environmental and social influences that make people successful.
Section 3. ​
In the 1980s, Canadian psychologist Roger Barnsley observed that on elite Canadian hockey teams, whether youth league or NHL, a disproportionate number of players have birthdays in the first three months of the year.
Section 4. ​
The explanation for the distribution of birthdays is simple: the cutoff date for an individual’s league assignment is January 1. A player born on January 2 will be 12 months older than one born at the end of December. At the age of nine or ten, this often translates into a huge difference in size, coordination, and maturity. By age ten, coaches regularly pick the oldest and largest potential players for the more competitive “rep squads,” where the players will receive better coaching, have more practice time, and play many more games. By thirteen or fourteen, all of the extra experience and coaching will have actually made the players better, and they will be selected for the more competitive league(s). The same thing happens in American youth baseball and European soccer, but with different cutoff dates.
The phenomenon is also observable in education. Economists Kelly Bedard and Elizabeth Dhuey found that on math and science tests, the older children in fourth grade regularly score better than the youngest children. This can affect whether a child qualifies for a gifted program. When Bedard and Dhuey extended their analysis to four-year colleges, they found that the students who belonged to the relatively youngest group were underrepresented by more than 10 percent.
Section 5. ​
The top-level hockey players were given opportunities they neither deserved nor earned. Sociologist Robert Merton called this the “Matthew Effect,” after the verse in the Gospel of Matthew:
“For unto everyone that hath shall be given, and he shall have abundance. But from that hath not shall be taken away even that which he hath.”
The successful receive more resources: the best students receive the best teaching, the richest citizens get the biggest tax breaks, the largest kids get the best coaching. Sociologists call this “accumulative advantage.” Gladwell points out that cutoff dates exclude nearly half of the potential athletes from a population. Junior hockey teams in the Czech Republic show the same unbalanced distribution of birthdays as in Canada. If Canada or the Czech Republic separated each of their youth leagues into two separate leagues, one for kids born in the first half of the year, and one for kids born in the second half of the year, they would have twice as many athletes available for their national teams. Similarly, schools could separate kindergarten classes into students born in the first, middle, and last four months of the year. The benefits would justify the added administrative work, but, writes Gladwell, the scheme would run afoul of society’s need to believe that individual merit matters more than the rules society has created.
Section 6. ​
Gord Wasden, the father of one of the Canadian Hockey League boys from the first section, describes his son. Scott Wasden worked hard to get where he is, but he has also generally had the advantage of being big compared to others on his team. He was born on January 4.
Analysis: Introduction: The Roseto Mystery & Chapter 1: The Matthew Effect ​
Gladwell's thesis argues that that the idea of rugged, individual success is not accurate. Rather, the most successful person doesn’t thrive without some environmental and social influence plus a dose of good fortune.  After laying out the concepts of a meritocracy and suggesting that this is the way that hockey players advance in Canada, he immediately undercuts this idea. Gladwell uses the illustration of birthday distribution as an example of an invisible contributor to the success of hockey players. With a registration cutoff date of January 1, players born from January 2 through March 31 are older than teammates born later in the year. These older players are likely bigger, faster, more coordinated, and more mature. Since the older players are seen as more skilled, they get selected for more advanced leagues with more practice, more games, and higher-quality coaching. By the time these older players reach their early teens, the extra advantages gained from being judged better because of their birthday translate into being better players. Similarly, the age cutoff for school registrations often mistakes maturity for ability. As a result, the older children appear smarter, get put into advanced groups, and qualify for gifted programs. The birthdate bias carries through to college.
Advantages result in more advantages. Gladwell reinforces this idea with the “Matthew Effect,” which states that "success leads to more success." More simply: by being a little bit better, a hockey player will get opportunities that may result in the player becoming an outlier. Gladwell implies that the systems that determine success are not efficient. He asks readers to question the way we, as a society, think about success. He suggests that changing the systems in athletics and education would chip away at the myth of individual merit as the chief marker of success and help level the playing field. Gladwell's model for this phenomenon is hockey player Scott Wasden. By demonstrating that Scott had the passion, talent, and work ethic for the game, as well as the good luck to be born on January 4, Gladwell reasons that Wasden, like many others he will be profiling, benefit by being both good and lucky.
Reference
  • “Outliers Introduction & Chapter 1 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section1/.
',27);function u(m,f,y,p,g,b){const t=a;return s(),r("div",null,[d,n(t,{readTime:"8",words:"1.4k"}),c])}const T=o(l,[["render",u]]);export{S as __pageData,T as default};
diff --git a/assets/save_reading_outliers_1.md.64c11331.lean.js b/assets/save_reading_outliers_1.md.9f6d6e06.lean.js
similarity index 94%
rename from assets/save_reading_outliers_1.md.64c11331.lean.js
rename to assets/save_reading_outliers_1.md.9f6d6e06.lean.js
index abca223c..61d413eb 100644
--- a/assets/save_reading_outliers_1.md.64c11331.lean.js
+++ b/assets/save_reading_outliers_1.md.9f6d6e06.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as s,c as r,H as n,k as e,a as i,Q as h}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const S=JSON.parse('{"title":"Introduction & Chapter 1: The Roseto Mystery","description":"Chapter 1 summary clips from Sparknotes of novel Outliers by Malcom Gladwells","frontmatter":{"author":"查尔斯","title":"Introduction & Chapter 1: The Roseto Mystery","description":"Chapter 1 summary clips from Sparknotes of novel Outliers by Malcom Gladwells"},"headers":[],"relativePath":"save/reading/outliers/1.md","filePath":"save/reading/outliers/1.md","lastUpdated":1695377563000}'),l={name:"save/reading/outliers/1.md"},d=e("h1",{id:"introduction-chapter-1-the-roseto-mystery",tabindex:"-1"},[i("Introduction & Chapter 1: The Roseto Mystery "),e("a",{class:"header-anchor",href:"#introduction-chapter-1-the-roseto-mystery","aria-label":'Permalink to "Introduction & Chapter 1: The Roseto Mystery"'},"​")],-1),c=h("",27);function u(m,f,y,p,g,b){const t=a;return s(),r("div",null,[d,n(t,{readTime:"8",words:"1.4k"}),c])}const T=o(l,[["render",u]]);export{S as __pageData,T as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as s,c as r,H as n,k as e,a as i,Q as h}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const S=JSON.parse('{"title":"Introduction & Chapter 1: The Roseto Mystery","description":"Chapter 1 summary clips from Sparknotes of novel Outliers by Malcom Gladwells","frontmatter":{"author":"查尔斯","title":"Introduction & Chapter 1: The Roseto Mystery","description":"Chapter 1 summary clips from Sparknotes of novel Outliers by Malcom Gladwells"},"headers":[],"relativePath":"save/reading/outliers/1.md","filePath":"save/reading/outliers/1.md","lastUpdated":1699051935000}'),l={name:"save/reading/outliers/1.md"},d=e("h1",{id:"introduction-chapter-1-the-roseto-mystery",tabindex:"-1"},[i("Introduction & Chapter 1: The Roseto Mystery "),e("a",{class:"header-anchor",href:"#introduction-chapter-1-the-roseto-mystery","aria-label":'Permalink to "Introduction & Chapter 1: The Roseto Mystery"'},"​")],-1),c=h("",27);function u(m,f,y,p,g,b){const t=a;return s(),r("div",null,[d,n(t,{readTime:"8",words:"1.4k"}),c])}const T=o(l,[["render",u]]);export{S as __pageData,T as default};
diff --git a/assets/save_reading_outliers_2.md.74187620.js b/assets/save_reading_outliers_2.md.0f26746f.js
similarity index 99%
rename from assets/save_reading_outliers_2.md.74187620.js
rename to assets/save_reading_outliers_2.md.0f26746f.js
index e8882494..063b6707 100644
--- a/assets/save_reading_outliers_2.md.74187620.js
+++ b/assets/save_reading_outliers_2.md.0f26746f.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as i,c as r,H as n,k as e,a as s,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const S=JSON.parse('{"title":"Chapter Two: The 10,000-Hour Rule","description":"Summary of Chapter Two: The 10,000-Hour Rule of Outliers from Sparknotes","frontmatter":{"title":"Chapter Two: The 10,000-Hour Rule","description":"Summary of Chapter Two: The 10,000-Hour Rule of Outliers from Sparknotes"},"headers":[],"relativePath":"save/reading/outliers/2.md","filePath":"save/reading/outliers/2.md","lastUpdated":1695377563000}'),h={name:"save/reading/outliers/2.md"},c=e("h1",{id:"chapter-two-the-10-000-hour-rule",tabindex:"-1"},[s("Chapter Two: The 10,000-Hour Rule "),e("a",{class:"header-anchor",href:"#chapter-two-the-10-000-hour-rule","aria-label":'Permalink to "Chapter Two: The 10,000-Hour Rule"'},"​")],-1),d=l('
Summary: Chapter Two: The 10,000-Hour Rule ​
Section 1. ​
Bill Joy, a co-founder of Sun Microsystems, is one of the most influential computer programmers of all time. Joy attended the University of Michigan, thinking to become a biologist or mathematician, but he became obsessed with the Computer Center that opened during his freshman year. In 1975, he enrolled in graduate school at UC Berkeley. At both schools, Bill Joy spent much of his free time programming. After graduating from Berkeley, he founded Sun Microsystems, eventually rewriting the Java programming language. He would appear to be a good example of success based on individual merit.
Section 2. ​
If achievement is the combination of talent and preparation, how much does innate talent affect one’s success? In the 1990s, a study at Berlin’s elite Academy of Music determined that, regardless of instrument, all of the world-class students had practiced more than 10,000 hours. They did not find anyone at the top level who spent less time, nor did they find anyone who spent that amount of time who was not successful. Neurologist Daniel Levitin states that, across many fields, world-class expertise is never accomplished in less than 10,000 hours. The law holds even for a prodigy like Mozart, who started composing at age six: he did not compose his first masterwork until he was twenty-one. The youth athletes from the previous chapter who made it to the professional level put in 10,000 hours of practice. And note: individuals cannot normally put in that much practice without help. Most people will need supportive parents, financial stability, and probably a special program—like an all-star youth hockey team.
Section 3. ​
Bill Joy was certainly intelligent, having achieved a perfect score on the math portion of his Scholastic Aptitude Test. His opportunities, however, were extraordinary. Bill Joy happened to choose a college that had a time-sharing computer available, something that was exceedingly rare during the early 1970s. While most students had to pay for computer time, Bill Joy exploited a bug in the college’s system to gain unlimited access to the Computer Center, which was walking distance from where he lived. He was able to spend almost all of his free time programming, and when he went to Berkeley, he had a terminal at home, where he could program until he fell asleep at his keyboard. Bill Joy was able to accumulate 10,000 hours while in college.
Section 4. ​
The Beatles are another example of the 10,000-hours principle. In 1960, when they were still a high school rock band, they were given the chance to travel to Hamburg, Germany and play in various strip clubs. The Beatles were contracted to play for hours every night, seven nights a week, and thereby were forced to develop as musicians. After a year and a half, they had performed 270 nights. By 1964, when they first found commercial success, they had performed an estimated twelve hundred times—more than most band bands do in an entire career.
Section 5. ​
Born in Seattle to affluent parents, Bill Gates was sent to a private school for seventh grade. The school’s Mother’s Club funded the purchase of a time-sharing terminal connected to a mainframe computer in Seattle. As an eighth-grader, Gates was able to start programming. When the Mother’s Club could no longer pay for computing time, Gates was able to continue programming at Information Sciences, Inc. (ISI) through a connection he made with one of the school parents. After that, one of ISI’s founders recommended Gates for a programming project at the Bonneville Power station. Gates was able to leave high school during his senior year to program for the Bonneville Power station as an independent study project. By the time Bill Gates dropped out of Harvard, he was well past 10,000 hours of experience.
Section 6. ​
In a list of the seventy-five richest people in human history, going as far back as ancient Egypt and converting all wealth estimates into modern U.S. dollars, fourteen names are Americans born within nine years of one another (including John D. Rockefeller and J.P. Morgan). What accounts for the fact that a list that covers thousands of years should have 20 percent of its members so close together? The fourteen Americans happened to live during the 1860s and 1870s, when the American economy was undergoing a huge transformation: the expansion of the railroads and the creation of Wall Street. Gladwell argues that the fourteen names are so close in birth date because they were all the perfect age to seize the opportunities available.
Bill Joy and Bill Gates were also born at just the right time. In 1975, Popular Electronics ran a cover story about the Altair 8800, a $397 microcomputer kit. Someone born before 1954 would likely already have a job with IBM, working on mainframes. Someone born after 1956 would likely still be in high school. Most of the biggest pioneers in the modern computer industry, including Bill Gates, Bill Joy, Steve Jobs, and Eric Schmidt, were born in 1954 or 1955, as were Joy’s three fellow founders at Sun.
Analysis: Chapter Two: The 10,000-Hour Rule ​
Gladwell introduces his controversial and widely disputed 10,000 hours rule. Simply put, the rule suggests that to master a skill, an individual needs to practice it for 10,000 hours. Gladwell argues that, like hockey, success in computing requires both skill and luck, rather than pure, simple, natural ability. Gladwell's example is situated at the University of Michigan, specifically the new computer center, in 1971. The story of Bill Joy undermines the idea of success as an inexplicable, miraculous accomplishment. Though Gladwell agrees Joy is bright and talented, Joy also lucks into several happy accidents that allow for increased access. These strokes of luck give Joy the opportunity to become a computer expert. Gladwell's use of a psychological study conducted at the Academy of Music in Berlin, Germany, in the early 1990s forms the crux of his argument in this chapter. However, critics have suggested that this study was flawed and that there is no incontrovertible evidence to suggest that doing anything for 10,000 hours guarantees mastery. Rather, practice is, as Gladwell points out elsewhere throughout the text, just one of the factors in success. However, he also correlates the familial and economic advantages necessary to reach 10,000 of practice time, reinforcing the larger thesis of the book.
Gladwell argues that the Beatles and Bill Gates are examples of his notion of time spent directly relating to mastery. While detailing how the Beatles reached the 10,000-hour threshold for mastery, Gladwell also highlights the lucky breaks they had in achieving success, like the connection that landed the band in Hamburg’s music scene. Additionally, while Gates has become something of an American folk hero, Gladwell argues that Gates did not reach his great achievements completely on his own. His wealthy family, his lucky interaction with a computer in 1968, and his college experience allowed him far greater access to opportunity. Without this combination of factors, along with his intelligence and drive, Gates would likely not have become a household name. Again, Gladwell reinforces the idea that success comes not only from being good, but from having no small amount of luck, whether that be time, money, or, in an echo of the hockey player example, birthdate.
Gladwell claims that one important factor of success is the year in which one is born. In terms of wealth, there are 14 Americans, born in a nine-year period of the 1800s, who are among the richest people in history. This suggests that there was some connection to when they were born and the opportunities available to them in terms of innovation and invention, as well as the position they were in to take advantage of the opportunities. Similarly, men born in the same era of Bill Gates were coming of age at the bleeding edge of technology. Proximity to social and technological change, as well as the wealth and connections to take advantage of it, put these men in an advantageous position. Being in the right place at the right time, Gladwell argues, has at least as much to do with success as one's inborn abilities.
Reference
  • “Outliers Chapter 2 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section2/. Accessed 27 Feb. 2023.
',19);function u(m,p,f,g,y,w){const t=a;return i(),r("div",null,[c,n(t,{readTime:"8",words:"1.4k"}),d])}const T=o(h,[["render",u]]);export{S as __pageData,T as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as i,c as r,H as n,k as e,a as s,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const S=JSON.parse('{"title":"Chapter Two: The 10,000-Hour Rule","description":"Summary of Chapter Two: The 10,000-Hour Rule of Outliers from Sparknotes","frontmatter":{"title":"Chapter Two: The 10,000-Hour Rule","description":"Summary of Chapter Two: The 10,000-Hour Rule of Outliers from Sparknotes"},"headers":[],"relativePath":"save/reading/outliers/2.md","filePath":"save/reading/outliers/2.md","lastUpdated":1699051935000}'),h={name:"save/reading/outliers/2.md"},c=e("h1",{id:"chapter-two-the-10-000-hour-rule",tabindex:"-1"},[s("Chapter Two: The 10,000-Hour Rule "),e("a",{class:"header-anchor",href:"#chapter-two-the-10-000-hour-rule","aria-label":'Permalink to "Chapter Two: The 10,000-Hour Rule"'},"​")],-1),d=l('
Summary: Chapter Two: The 10,000-Hour Rule ​
Section 1. ​
Bill Joy, a co-founder of Sun Microsystems, is one of the most influential computer programmers of all time. Joy attended the University of Michigan, thinking to become a biologist or mathematician, but he became obsessed with the Computer Center that opened during his freshman year. In 1975, he enrolled in graduate school at UC Berkeley. At both schools, Bill Joy spent much of his free time programming. After graduating from Berkeley, he founded Sun Microsystems, eventually rewriting the Java programming language. He would appear to be a good example of success based on individual merit.
Section 2. ​
If achievement is the combination of talent and preparation, how much does innate talent affect one’s success? In the 1990s, a study at Berlin’s elite Academy of Music determined that, regardless of instrument, all of the world-class students had practiced more than 10,000 hours. They did not find anyone at the top level who spent less time, nor did they find anyone who spent that amount of time who was not successful. Neurologist Daniel Levitin states that, across many fields, world-class expertise is never accomplished in less than 10,000 hours. The law holds even for a prodigy like Mozart, who started composing at age six: he did not compose his first masterwork until he was twenty-one. The youth athletes from the previous chapter who made it to the professional level put in 10,000 hours of practice. And note: individuals cannot normally put in that much practice without help. Most people will need supportive parents, financial stability, and probably a special program—like an all-star youth hockey team.
Section 3. ​
Bill Joy was certainly intelligent, having achieved a perfect score on the math portion of his Scholastic Aptitude Test. His opportunities, however, were extraordinary. Bill Joy happened to choose a college that had a time-sharing computer available, something that was exceedingly rare during the early 1970s. While most students had to pay for computer time, Bill Joy exploited a bug in the college’s system to gain unlimited access to the Computer Center, which was walking distance from where he lived. He was able to spend almost all of his free time programming, and when he went to Berkeley, he had a terminal at home, where he could program until he fell asleep at his keyboard. Bill Joy was able to accumulate 10,000 hours while in college.
Section 4. ​
The Beatles are another example of the 10,000-hours principle. In 1960, when they were still a high school rock band, they were given the chance to travel to Hamburg, Germany and play in various strip clubs. The Beatles were contracted to play for hours every night, seven nights a week, and thereby were forced to develop as musicians. After a year and a half, they had performed 270 nights. By 1964, when they first found commercial success, they had performed an estimated twelve hundred times—more than most band bands do in an entire career.
Section 5. ​
Born in Seattle to affluent parents, Bill Gates was sent to a private school for seventh grade. The school’s Mother’s Club funded the purchase of a time-sharing terminal connected to a mainframe computer in Seattle. As an eighth-grader, Gates was able to start programming. When the Mother’s Club could no longer pay for computing time, Gates was able to continue programming at Information Sciences, Inc. (ISI) through a connection he made with one of the school parents. After that, one of ISI’s founders recommended Gates for a programming project at the Bonneville Power station. Gates was able to leave high school during his senior year to program for the Bonneville Power station as an independent study project. By the time Bill Gates dropped out of Harvard, he was well past 10,000 hours of experience.
Section 6. ​
In a list of the seventy-five richest people in human history, going as far back as ancient Egypt and converting all wealth estimates into modern U.S. dollars, fourteen names are Americans born within nine years of one another (including John D. Rockefeller and J.P. Morgan). What accounts for the fact that a list that covers thousands of years should have 20 percent of its members so close together? The fourteen Americans happened to live during the 1860s and 1870s, when the American economy was undergoing a huge transformation: the expansion of the railroads and the creation of Wall Street. Gladwell argues that the fourteen names are so close in birth date because they were all the perfect age to seize the opportunities available.
Bill Joy and Bill Gates were also born at just the right time. In 1975, Popular Electronics ran a cover story about the Altair 8800, a $397 microcomputer kit. Someone born before 1954 would likely already have a job with IBM, working on mainframes. Someone born after 1956 would likely still be in high school. Most of the biggest pioneers in the modern computer industry, including Bill Gates, Bill Joy, Steve Jobs, and Eric Schmidt, were born in 1954 or 1955, as were Joy’s three fellow founders at Sun.
Analysis: Chapter Two: The 10,000-Hour Rule ​
Gladwell introduces his controversial and widely disputed 10,000 hours rule. Simply put, the rule suggests that to master a skill, an individual needs to practice it for 10,000 hours. Gladwell argues that, like hockey, success in computing requires both skill and luck, rather than pure, simple, natural ability. Gladwell's example is situated at the University of Michigan, specifically the new computer center, in 1971. The story of Bill Joy undermines the idea of success as an inexplicable, miraculous accomplishment. Though Gladwell agrees Joy is bright and talented, Joy also lucks into several happy accidents that allow for increased access. These strokes of luck give Joy the opportunity to become a computer expert. Gladwell's use of a psychological study conducted at the Academy of Music in Berlin, Germany, in the early 1990s forms the crux of his argument in this chapter. However, critics have suggested that this study was flawed and that there is no incontrovertible evidence to suggest that doing anything for 10,000 hours guarantees mastery. Rather, practice is, as Gladwell points out elsewhere throughout the text, just one of the factors in success. However, he also correlates the familial and economic advantages necessary to reach 10,000 of practice time, reinforcing the larger thesis of the book.
Gladwell argues that the Beatles and Bill Gates are examples of his notion of time spent directly relating to mastery. While detailing how the Beatles reached the 10,000-hour threshold for mastery, Gladwell also highlights the lucky breaks they had in achieving success, like the connection that landed the band in Hamburg’s music scene. Additionally, while Gates has become something of an American folk hero, Gladwell argues that Gates did not reach his great achievements completely on his own. His wealthy family, his lucky interaction with a computer in 1968, and his college experience allowed him far greater access to opportunity. Without this combination of factors, along with his intelligence and drive, Gates would likely not have become a household name. Again, Gladwell reinforces the idea that success comes not only from being good, but from having no small amount of luck, whether that be time, money, or, in an echo of the hockey player example, birthdate.
Gladwell claims that one important factor of success is the year in which one is born. In terms of wealth, there are 14 Americans, born in a nine-year period of the 1800s, who are among the richest people in history. This suggests that there was some connection to when they were born and the opportunities available to them in terms of innovation and invention, as well as the position they were in to take advantage of the opportunities. Similarly, men born in the same era of Bill Gates were coming of age at the bleeding edge of technology. Proximity to social and technological change, as well as the wealth and connections to take advantage of it, put these men in an advantageous position. Being in the right place at the right time, Gladwell argues, has at least as much to do with success as one's inborn abilities.
Reference
  • “Outliers Chapter 2 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section2/. Accessed 27 Feb. 2023.
',19);function u(m,p,f,g,y,w){const t=a;return i(),r("div",null,[c,n(t,{readTime:"8",words:"1.4k"}),d])}const T=o(h,[["render",u]]);export{S as __pageData,T as default};
diff --git a/assets/save_reading_outliers_2.md.74187620.lean.js b/assets/save_reading_outliers_2.md.0f26746f.lean.js
similarity index 94%
rename from assets/save_reading_outliers_2.md.74187620.lean.js
rename to assets/save_reading_outliers_2.md.0f26746f.lean.js
index 4c8d9289..b5d2d53b 100644
--- a/assets/save_reading_outliers_2.md.74187620.lean.js
+++ b/assets/save_reading_outliers_2.md.0f26746f.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as i,c as r,H as n,k as e,a as s,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const S=JSON.parse('{"title":"Chapter Two: The 10,000-Hour Rule","description":"Summary of Chapter Two: The 10,000-Hour Rule of Outliers from Sparknotes","frontmatter":{"title":"Chapter Two: The 10,000-Hour Rule","description":"Summary of Chapter Two: The 10,000-Hour Rule of Outliers from Sparknotes"},"headers":[],"relativePath":"save/reading/outliers/2.md","filePath":"save/reading/outliers/2.md","lastUpdated":1695377563000}'),h={name:"save/reading/outliers/2.md"},c=e("h1",{id:"chapter-two-the-10-000-hour-rule",tabindex:"-1"},[s("Chapter Two: The 10,000-Hour Rule "),e("a",{class:"header-anchor",href:"#chapter-two-the-10-000-hour-rule","aria-label":'Permalink to "Chapter Two: The 10,000-Hour Rule"'},"​")],-1),d=l("",19);function u(m,p,f,g,y,w){const t=a;return i(),r("div",null,[c,n(t,{readTime:"8",words:"1.4k"}),d])}const T=o(h,[["render",u]]);export{S as __pageData,T as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as i,c as r,H as n,k as e,a as s,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const S=JSON.parse('{"title":"Chapter Two: The 10,000-Hour Rule","description":"Summary of Chapter Two: The 10,000-Hour Rule of Outliers from Sparknotes","frontmatter":{"title":"Chapter Two: The 10,000-Hour Rule","description":"Summary of Chapter Two: The 10,000-Hour Rule of Outliers from Sparknotes"},"headers":[],"relativePath":"save/reading/outliers/2.md","filePath":"save/reading/outliers/2.md","lastUpdated":1699051935000}'),h={name:"save/reading/outliers/2.md"},c=e("h1",{id:"chapter-two-the-10-000-hour-rule",tabindex:"-1"},[s("Chapter Two: The 10,000-Hour Rule "),e("a",{class:"header-anchor",href:"#chapter-two-the-10-000-hour-rule","aria-label":'Permalink to "Chapter Two: The 10,000-Hour Rule"'},"​")],-1),d=l("",19);function u(m,p,f,g,y,w){const t=a;return i(),r("div",null,[c,n(t,{readTime:"8",words:"1.4k"}),d])}const T=o(h,[["render",u]]);export{S as __pageData,T as default};
diff --git a/assets/save_reading_outliers_3.md.0cab1bb8.js b/assets/save_reading_outliers_3.md.ea35e051.js
similarity index 99%
rename from assets/save_reading_outliers_3.md.0cab1bb8.js
rename to assets/save_reading_outliers_3.md.ea35e051.js
index bb17d0a6..8a6323c8 100644
--- a/assets/save_reading_outliers_3.md.0cab1bb8.js
+++ b/assets/save_reading_outliers_3.md.ea35e051.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as s,o,c as i,H as n,k as e,a as r,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Chapter 3: The Trouble with Geniuses, Part 1","description":"Chapter 3 summary of novel Outliers from Sparknotes","frontmatter":{"title":"Chapter 3: The Trouble with Geniuses, Part 1","description":"Chapter 3 summary of novel Outliers from Sparknotes"},"headers":[],"relativePath":"save/reading/outliers/3.md","filePath":"save/reading/outliers/3.md","lastUpdated":1695377563000}'),h={name:"save/reading/outliers/3.md"},c=e("h1",{id:"chapter-3-the-trouble-with-geniuses-part-1",tabindex:"-1"},[r("Chapter 3: The Trouble with Geniuses, Part 1 "),e("a",{class:"header-anchor",href:"#chapter-3-the-trouble-with-geniuses-part-1","aria-label":'Permalink to "Chapter 3: The Trouble with Geniuses, Part 1"'},"​")],-1),d=l('
Summary: Chapter Three: The Trouble with Geniuses, Part 1 ​
Section 1. ​
Chris Langan appeared on the television trivia show 1 vs. 100 after being the subject of interviews and at least one documentary, due to his extremely high IQ. He had little difficulty in high school, got a perfect score on his SAT, and read through Principia Mathematica as a teenager. On 1 vs. 100, Langan cashed out with winnings of $250,000.
Section 2. ​
Shortly after World War I, Lewis Terman, creator of the widely used Stanford-Binet IQ test, became fascinated with child prodigies. In 1921, he identified exceptionally gifted 1,470 students who came to be known as the “Termites.” Terman kept track of them over the years, carefully cataloging their educational achievement, marriages, psychological health, and employment. Terman was sure that the Termites would be the future elite of the United States. The same confidence underlies the use of IQ-like tests, such as the SAT, to assess applicants at Ivy League schools and corporations such as Microsoft and Google. Gladwell states that Terman was wrong about the Termites, and if he had met Chris Langan as a teenager, he would have been wrong about him, too.
Section 3. ​
Gladwell gives two examples—one easy and one much harder—of questions that use visual puzzles to test IQ, without requiring any language abilities or specific factual knowledge. The average human will score 100. Those scoring below 70 are considered mentally disabled, and those who are successful in graduate programs likely have an IQ of 115 or higher. According to Gladwell, however, above 120 IQ makes little or no difference to success. A similar point applies to basketball: height is certainly an advantage, but there is, at best, modest value in being six foot seven instead of six foot six. A basketball player just needs to be tall enough.
A list of the last twenty-five Americans to win a Nobel Prize in Medicine includes graduates of prestigious schools, such as Columbia, Harvard, and MIT, but also graduates of DePauw, Holy Cross, and Gettysburg College. Similarly, there have been American Nobel laureates in Chemistry from Harvard and MIT, but also from Notre Dame and the University of Illinois. Harvard might have more intelligent students, but many other colleges have students smart enough to win a Nobel.
At the University of Michigan law school, around 10 percent of students are racial minorities. Without affirmative action, there would be less than 3 percent. Looking at career performance after graduation, Michigan found no difference between white and minority graduates. Minority students come into law school with weaker academic credentials than their white counterparts, but they are above the threshold required to be just as successful.
Section 4. ​
Not all questions that test for intelligence have a single correct answer. A different sort of question might ask for a list of different uses for a brick, or a blanket. A question like this measures imagination and creativity. At a top British high school, one student lists more than ten uses, many of which are comical. Another student, a prodigy with one of the school’s highest IQs, lists just a few uses, all of which are practical. Compared to an IQ test, asking about different uses for a brick might be a better way to identify future Nobel Prize winners.
Section 5. ​
Terman’s error was using intelligence alone to choose his Termites. While some of the Termites had successful careers, an unexpectedly high went on to careers that even Terman didn’t consider to be successful. The two students tested by Terman’s team who actually did go on to win Nobels were not selected as Termites: their IQs were too low. Terman eventually concluded that “intellect and achievement are far from perfectly correlated.”
Gladwell states that to understand Chris Langan’s prospects of becoming a “true outlier,” one must learn more about him.
Analysis: Chapter Three: The Trouble with Geniuses, Part 1 ​
Intelligence, Gladwell argues, does not equal success. He dedicates this chapter to the examination of geniuses. Comparing the young subjects of Lewis Terman to Chris Langan, Gladwell argues against Terman’s idea that genius is a key to societal advancement. Gladwell lists Langan’s early accomplishments as a shining example of Terman's idea, then swiftly undercuts expectations. Gladwell argues again that individuals do not succeed or fail solely on their own, but rather due to a constellation of factors, many of which are uncontrollable. Langan's early achievements would suggest great things and a continued path toward accomplishment, but Gladwell includes the anecdote of his game show appearance to undermine the notion that genius equals success. Using two questions from an IQ test, Gladwell introduces the idea of an IQ threshold to examine the the larger notion of intelligence and its limitations. Arguing that the measure of someone’s intelligence is only helpful up to a point, Gladwell uses examples of schools that Nobel laureates attended for undergraduate studies. Some, he points out, are elite institutions; others are not. Additionally, he points to success among graduates of the law school at the University of Michigan. There was no quantifiable difference in success post-graduation between white and POC students, some of whom were admitted under affirmative action with slightly lower undergraduate grades and standardized test scores. Reasonably, then, the level of intelligence beyond a certain point is moot. All of the students were intelligent enough to graduate, and beyond that, he argues, their intelligence predicted nothing.
Elements other than intelligence must contribute to success. Gladwell expands on his notion of an intelligence threshold and examines these other factors through an example of a question on a divergence test. Using examples of two students at an elite British school, Gladwell shows that the divergence test has no right answers, but instead looks for answers that demonstrate uniqueness and creativity. Intelligence matters, but so does imagination, creativity, and outside-the-box thinking. Gladwell circles back to Terman, reinforcing that the error when choosing his Termites was a focus on intelligence alone. He once again turns his attention to Chris Langan, foreshadowing that Langan’s story did not follow a direct line to achievement. Intelligence alone does not offer a certain path to success.
Reference
  • “Outliers Chapter 3 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section3/. Accessed 27 Feb. 2023.
',18);function u(m,g,f,p,w,b){const t=a;return o(),i("div",null,[c,n(t,{readTime:"6",words:"1.1k"}),d])}const _=s(h,[["render",u]]);export{k as __pageData,_ as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as s,o,c as i,H as n,k as e,a as r,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Chapter 3: The Trouble with Geniuses, Part 1","description":"Chapter 3 summary of novel Outliers from Sparknotes","frontmatter":{"title":"Chapter 3: The Trouble with Geniuses, Part 1","description":"Chapter 3 summary of novel Outliers from Sparknotes"},"headers":[],"relativePath":"save/reading/outliers/3.md","filePath":"save/reading/outliers/3.md","lastUpdated":1699051935000}'),h={name:"save/reading/outliers/3.md"},c=e("h1",{id:"chapter-3-the-trouble-with-geniuses-part-1",tabindex:"-1"},[r("Chapter 3: The Trouble with Geniuses, Part 1 "),e("a",{class:"header-anchor",href:"#chapter-3-the-trouble-with-geniuses-part-1","aria-label":'Permalink to "Chapter 3: The Trouble with Geniuses, Part 1"'},"​")],-1),d=l('
Summary: Chapter Three: The Trouble with Geniuses, Part 1 ​
Section 1. ​
Chris Langan appeared on the television trivia show 1 vs. 100 after being the subject of interviews and at least one documentary, due to his extremely high IQ. He had little difficulty in high school, got a perfect score on his SAT, and read through Principia Mathematica as a teenager. On 1 vs. 100, Langan cashed out with winnings of $250,000.
Section 2. ​
Shortly after World War I, Lewis Terman, creator of the widely used Stanford-Binet IQ test, became fascinated with child prodigies. In 1921, he identified exceptionally gifted 1,470 students who came to be known as the “Termites.” Terman kept track of them over the years, carefully cataloging their educational achievement, marriages, psychological health, and employment. Terman was sure that the Termites would be the future elite of the United States. The same confidence underlies the use of IQ-like tests, such as the SAT, to assess applicants at Ivy League schools and corporations such as Microsoft and Google. Gladwell states that Terman was wrong about the Termites, and if he had met Chris Langan as a teenager, he would have been wrong about him, too.
Section 3. ​
Gladwell gives two examples—one easy and one much harder—of questions that use visual puzzles to test IQ, without requiring any language abilities or specific factual knowledge. The average human will score 100. Those scoring below 70 are considered mentally disabled, and those who are successful in graduate programs likely have an IQ of 115 or higher. According to Gladwell, however, above 120 IQ makes little or no difference to success. A similar point applies to basketball: height is certainly an advantage, but there is, at best, modest value in being six foot seven instead of six foot six. A basketball player just needs to be tall enough.
A list of the last twenty-five Americans to win a Nobel Prize in Medicine includes graduates of prestigious schools, such as Columbia, Harvard, and MIT, but also graduates of DePauw, Holy Cross, and Gettysburg College. Similarly, there have been American Nobel laureates in Chemistry from Harvard and MIT, but also from Notre Dame and the University of Illinois. Harvard might have more intelligent students, but many other colleges have students smart enough to win a Nobel.
At the University of Michigan law school, around 10 percent of students are racial minorities. Without affirmative action, there would be less than 3 percent. Looking at career performance after graduation, Michigan found no difference between white and minority graduates. Minority students come into law school with weaker academic credentials than their white counterparts, but they are above the threshold required to be just as successful.
Section 4. ​
Not all questions that test for intelligence have a single correct answer. A different sort of question might ask for a list of different uses for a brick, or a blanket. A question like this measures imagination and creativity. At a top British high school, one student lists more than ten uses, many of which are comical. Another student, a prodigy with one of the school’s highest IQs, lists just a few uses, all of which are practical. Compared to an IQ test, asking about different uses for a brick might be a better way to identify future Nobel Prize winners.
Section 5. ​
Terman’s error was using intelligence alone to choose his Termites. While some of the Termites had successful careers, an unexpectedly high went on to careers that even Terman didn’t consider to be successful. The two students tested by Terman’s team who actually did go on to win Nobels were not selected as Termites: their IQs were too low. Terman eventually concluded that “intellect and achievement are far from perfectly correlated.”
Gladwell states that to understand Chris Langan’s prospects of becoming a “true outlier,” one must learn more about him.
Analysis: Chapter Three: The Trouble with Geniuses, Part 1 ​
Intelligence, Gladwell argues, does not equal success. He dedicates this chapter to the examination of geniuses. Comparing the young subjects of Lewis Terman to Chris Langan, Gladwell argues against Terman’s idea that genius is a key to societal advancement. Gladwell lists Langan’s early accomplishments as a shining example of Terman's idea, then swiftly undercuts expectations. Gladwell argues again that individuals do not succeed or fail solely on their own, but rather due to a constellation of factors, many of which are uncontrollable. Langan's early achievements would suggest great things and a continued path toward accomplishment, but Gladwell includes the anecdote of his game show appearance to undermine the notion that genius equals success. Using two questions from an IQ test, Gladwell introduces the idea of an IQ threshold to examine the the larger notion of intelligence and its limitations. Arguing that the measure of someone’s intelligence is only helpful up to a point, Gladwell uses examples of schools that Nobel laureates attended for undergraduate studies. Some, he points out, are elite institutions; others are not. Additionally, he points to success among graduates of the law school at the University of Michigan. There was no quantifiable difference in success post-graduation between white and POC students, some of whom were admitted under affirmative action with slightly lower undergraduate grades and standardized test scores. Reasonably, then, the level of intelligence beyond a certain point is moot. All of the students were intelligent enough to graduate, and beyond that, he argues, their intelligence predicted nothing.
Elements other than intelligence must contribute to success. Gladwell expands on his notion of an intelligence threshold and examines these other factors through an example of a question on a divergence test. Using examples of two students at an elite British school, Gladwell shows that the divergence test has no right answers, but instead looks for answers that demonstrate uniqueness and creativity. Intelligence matters, but so does imagination, creativity, and outside-the-box thinking. Gladwell circles back to Terman, reinforcing that the error when choosing his Termites was a focus on intelligence alone. He once again turns his attention to Chris Langan, foreshadowing that Langan’s story did not follow a direct line to achievement. Intelligence alone does not offer a certain path to success.
Reference
  • “Outliers Chapter 3 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section3/. Accessed 27 Feb. 2023.
',18);function u(m,g,f,p,w,b){const t=a;return o(),i("div",null,[c,n(t,{readTime:"6",words:"1.1k"}),d])}const _=s(h,[["render",u]]);export{k as __pageData,_ as default};
diff --git a/assets/save_reading_outliers_3.md.0cab1bb8.lean.js b/assets/save_reading_outliers_3.md.ea35e051.lean.js
similarity index 94%
rename from assets/save_reading_outliers_3.md.0cab1bb8.lean.js
rename to assets/save_reading_outliers_3.md.ea35e051.lean.js
index ac6475d4..7c309e6d 100644
--- a/assets/save_reading_outliers_3.md.0cab1bb8.lean.js
+++ b/assets/save_reading_outliers_3.md.ea35e051.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as s,o,c as i,H as n,k as e,a as r,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Chapter 3: The Trouble with Geniuses, Part 1","description":"Chapter 3 summary of novel Outliers from Sparknotes","frontmatter":{"title":"Chapter 3: The Trouble with Geniuses, Part 1","description":"Chapter 3 summary of novel Outliers from Sparknotes"},"headers":[],"relativePath":"save/reading/outliers/3.md","filePath":"save/reading/outliers/3.md","lastUpdated":1695377563000}'),h={name:"save/reading/outliers/3.md"},c=e("h1",{id:"chapter-3-the-trouble-with-geniuses-part-1",tabindex:"-1"},[r("Chapter 3: The Trouble with Geniuses, Part 1 "),e("a",{class:"header-anchor",href:"#chapter-3-the-trouble-with-geniuses-part-1","aria-label":'Permalink to "Chapter 3: The Trouble with Geniuses, Part 1"'},"​")],-1),d=l("",18);function u(m,g,f,p,w,b){const t=a;return o(),i("div",null,[c,n(t,{readTime:"6",words:"1.1k"}),d])}const _=s(h,[["render",u]]);export{k as __pageData,_ as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as s,o,c as i,H as n,k as e,a as r,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const k=JSON.parse('{"title":"Chapter 3: The Trouble with Geniuses, Part 1","description":"Chapter 3 summary of novel Outliers from Sparknotes","frontmatter":{"title":"Chapter 3: The Trouble with Geniuses, Part 1","description":"Chapter 3 summary of novel Outliers from Sparknotes"},"headers":[],"relativePath":"save/reading/outliers/3.md","filePath":"save/reading/outliers/3.md","lastUpdated":1699051935000}'),h={name:"save/reading/outliers/3.md"},c=e("h1",{id:"chapter-3-the-trouble-with-geniuses-part-1",tabindex:"-1"},[r("Chapter 3: The Trouble with Geniuses, Part 1 "),e("a",{class:"header-anchor",href:"#chapter-3-the-trouble-with-geniuses-part-1","aria-label":'Permalink to "Chapter 3: The Trouble with Geniuses, Part 1"'},"​")],-1),d=l("",18);function u(m,g,f,p,w,b){const t=a;return o(),i("div",null,[c,n(t,{readTime:"6",words:"1.1k"}),d])}const _=s(h,[["render",u]]);export{k as __pageData,_ as default};
diff --git a/assets/save_reading_outliers_4.md.d65868f7.js b/assets/save_reading_outliers_4.md.8f24b5aa.js
similarity index 99%
rename from assets/save_reading_outliers_4.md.d65868f7.js
rename to assets/save_reading_outliers_4.md.8f24b5aa.js
index 58c5fe6d..c65d05cd 100644
--- a/assets/save_reading_outliers_4.md.d65868f7.js
+++ b/assets/save_reading_outliers_4.md.8f24b5aa.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as i,H as s,k as e,a as r,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const L=JSON.parse('{"title":"Chapter 4: The Trouble with Geniuses, Part 2","description":"Chapter 4 summary of novel Outliers from Sparknotes","frontmatter":{"title":"Chapter 4: The Trouble with Geniuses, Part 2","description":"Chapter 4 summary of novel Outliers from Sparknotes"},"headers":[],"relativePath":"save/reading/outliers/4.md","filePath":"save/reading/outliers/4.md","lastUpdated":1695377563000}'),h={name:"save/reading/outliers/4.md"},c=e("h1",{id:"chapter-4-the-trouble-with-geniuses-part-2",tabindex:"-1"},[r("Chapter 4: The Trouble with Geniuses, Part 2 "),e("a",{class:"header-anchor",href:"#chapter-4-the-trouble-with-geniuses-part-2","aria-label":'Permalink to "Chapter 4: The Trouble with Geniuses, Part 2"'},"​")],-1),d=l('
Summary: Chapter Four: The Trouble with Geniuses, Part 2 ​
Section 1. ​
Chris Langan’s mother had four children, all from different fathers. Her first husband died in Mexico, the second was murdered, the third committed suicide, and the fourth was an abusive alcoholic. Langan says he has never met someone who grew up as impoverished as he and his brothers did. Attending Reed College, in Oregon, on a scholarship, he felt as though he did not belong with the rest of the students. When his mother neglected to fill out the financial aid forms, he lost his scholarship and dropped out. According to Langan, the school just did not care about their students. Later, Langan attended Montana State University in Bozeman but he dropped out when a dean refused Langan’s request to adjust his class schedule because of car trouble. He still has intellectual interests and has been working on a treatise called the “Cognitive Theoretic Model of the Universe.” When asked if, hypothetically, he would take a position at Harvard, he acknowledges the benefit of an environment with so much intellectual energy, but he worries about a lack of intellectual freedom.
Section 2. ​
Gladwell points out the oddity of Langan’s experiences. Most colleges, especially small ones, try to accommodate student needs. Smart people take positions at places like Harvard instead of in the private sector precisely for the added intellectual freedom. Gladwell contrasts Langan’s story with Robert Oppenheimer’s. While at Cambridge, Oppenheimer became frustrated with his tutor and tried to poison him. After negotiations with the school administration, Oppenheimer was put on probation and assigned to a psychiatrist. Whereas Langan dropped out after his mother failed to fill out paperwork, Oppenheimer managed to stay in college after trying to kill someone. Later, Oppenheimer convinced General Leslie Groves to make Oppenheimer the scientific director of the Manhattan Project. Oppenheimer had the ability to persuade people, where Langan did not.
Section 3. ​
Psychologist Robert Sternberg calls the ability to persuade someone “practical intelligence.” It involves knowing what to say, how to say it, and when. It requires an ability to read situations. Individuals can have either practical or analytical intelligence, or in the case of Oppenheimer, both. To understand where one obtains practical intelligence, Gladwell refers to a study conducted by Annette Lareau.
Lareau observed parenting strategies in both Black and white families from different socioeconomic strata. She found two distinct strategies: “concerted cultivation” and “accomplishment of natural growth.” Concerted cultivation, most common in middle-class and wealthier families, is defined by parents’ active promotion of their children’s talents and interests. Accomplishment of natural growth, most common in working-class or impoverished families, is defined by parents’ lack of interest or interaction in their children’s free time. Concerted cultivation, writes Gladwell, encourages children to seek opportunities for growth and to advocate for themselves. Accomplishment of natural growth leaves children unprepared to shape their environment for their own benefit. Concerted cultivation fosters an attitude better suited for success in the modern world.
Section 4. ​
Oppenheimer was raised by affluent parents who sent him to a progressive private school and took an active interest in his hobbies.
  • Affluent: Having an abundant supply of money or possessions of value.
By contrast, Chris Langan’s brother Mark states that as children, they learned to resent authority. Mark, too, was unable to obtain financial aid, because he had no knowledge of how the system worked. If Chris Langan had been raised in a family that valued education, he probably would have had more success.
Section 5. ​
Once the Termites reached working adulthood, Terman grouped 730 of the males into three categories, based on their levels of success. The top 20 percent were upper-class professionals, while the bottom 20 percent had low-paying jobs or were unemployed. After analyzing the differences between the groups, Terman found that the bottom 20 percent came almost entirely from the lowest social and economic classes. What they lacked was “a community around them that prepared them properly for the world.”
Section 6. ​
Chris Langan lives on a horse farm in Missouri, where he still writes. He is happily married and continues to read physics and philosophy. While he has spent decades on his writing, almost none of it has ever been published. Langan admits he has not tried to contact publishers or found an agent—and does not plan to. Chris Langan did not have the support necessary to meet success. Gladwell points that no one ever makes it alone, regardless of if they are successful musicians, athletes, tech billionaires, or geniuses.
Analysis: Chapter Four: The Trouble with Geniuses, Part 2 ​
Family background plays a crucial role in an individual’s success. While a genius like Chris Langan should thrive on a college campus, he drops out. Langan doesn’t struggle with academics, but with paperwork, procedures, and environment. Gladwell’s characterization of Langan almost makes him seem like two separate characters: a confident, genius game show contestant versus a child from a poor and troubled family. Langan may be a true outlier in the sense that he doesn’t seem to fit in academia or the working-class world.  Langan’s story is ironic. His brilliant mind should propel him to success. However, his story also perfectly proves Gladwell’s point that brainpower alone does not lead to success. The author delves deeper into the irony of Langan’s situation by comparing him to Robert Oppenheimer, who worked on the nuclear bomb during World War II. Like Langan, Oppenheimer possesses great intelligence. Unlike Langan, Oppenheimer has an understanding that allows him to navigate the world effectively. Oppenheimer knows how to combat challenges, where Langan gets bested by a financial aid problem and class schedule. Oppenheimer’s family background gave him the confidence to deal with authority while Langan’s upbringing created a distrust of authority. Without a family background that encourages success, intelligence is not enough.
Contrast & Comparison
Oppenheimer’s family background gave him the confidence to deal with authority while Langan’s upbringing created a distrust of authority.
The power of persuasion is an important factor that drives success. Gladwell notes that the power of persuasion is practical intelligence. He contrasts practical intelligence with analytical ability, noting that just because a person is smart does not mean they have practical intelligence. These two types of knowledge are not necessarily coeval. He reinforces this point with a return to the comparison of Langan and Oppenheimer. Both men are exceedingly intelligent, but Langan lacks the social savvy of practical intelligence. Gladwell suggests that individuals gain practical intelligence skills from their families, discussing a study by sociologist Annette Lareau to prove his point. Children from wealthier families learn how to interact with society in a way that drives achievement. Successful people have the power of persuasion and can convince others to see things from their point of view.
Success, then, depends on more than individual effort. Gladwell builds this argument by detailing the differences between Oppenheimer’s upbringing and Langan’s. Oppenheimer lived in an upper-class neighborhood with myriad advantages. He learned how to negotiate and stand up for himself. Langan’s family moved from place to place, struggling for jobs, money, food, and clothes, and Langan learned that he couldn’t rely on others. Gladwell's consideration of the Termites' success or struggles as adults supports his assertion that success is more than an individual effort; Gladwell states, “In the end, only one thing mattered: family background.” Terman’s findings and Gladwell’s conclusion do not mean that talented individuals from lower social and economic classes cannot have successful futures. To succeed, everyone needs help along the way, if not from family, then from a supportive community. Individuals do not achieve success solely on their own.
Reference
  • “Outliers Chapter 4 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section4/.
',22);function u(p,m,f,g,w,b){const t=a;return n(),i("div",null,[c,s(t,{readTime:"8",words:"1.3k"}),d])}const T=o(h,[["render",u]]);export{L as __pageData,T as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as i,H as s,k as e,a as r,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const L=JSON.parse('{"title":"Chapter 4: The Trouble with Geniuses, Part 2","description":"Chapter 4 summary of novel Outliers from Sparknotes","frontmatter":{"title":"Chapter 4: The Trouble with Geniuses, Part 2","description":"Chapter 4 summary of novel Outliers from Sparknotes"},"headers":[],"relativePath":"save/reading/outliers/4.md","filePath":"save/reading/outliers/4.md","lastUpdated":1699051935000}'),h={name:"save/reading/outliers/4.md"},c=e("h1",{id:"chapter-4-the-trouble-with-geniuses-part-2",tabindex:"-1"},[r("Chapter 4: The Trouble with Geniuses, Part 2 "),e("a",{class:"header-anchor",href:"#chapter-4-the-trouble-with-geniuses-part-2","aria-label":'Permalink to "Chapter 4: The Trouble with Geniuses, Part 2"'},"​")],-1),d=l('
Summary: Chapter Four: The Trouble with Geniuses, Part 2 ​
Section 1. ​
Chris Langan’s mother had four children, all from different fathers. Her first husband died in Mexico, the second was murdered, the third committed suicide, and the fourth was an abusive alcoholic. Langan says he has never met someone who grew up as impoverished as he and his brothers did. Attending Reed College, in Oregon, on a scholarship, he felt as though he did not belong with the rest of the students. When his mother neglected to fill out the financial aid forms, he lost his scholarship and dropped out. According to Langan, the school just did not care about their students. Later, Langan attended Montana State University in Bozeman but he dropped out when a dean refused Langan’s request to adjust his class schedule because of car trouble. He still has intellectual interests and has been working on a treatise called the “Cognitive Theoretic Model of the Universe.” When asked if, hypothetically, he would take a position at Harvard, he acknowledges the benefit of an environment with so much intellectual energy, but he worries about a lack of intellectual freedom.
Section 2. ​
Gladwell points out the oddity of Langan’s experiences. Most colleges, especially small ones, try to accommodate student needs. Smart people take positions at places like Harvard instead of in the private sector precisely for the added intellectual freedom. Gladwell contrasts Langan’s story with Robert Oppenheimer’s. While at Cambridge, Oppenheimer became frustrated with his tutor and tried to poison him. After negotiations with the school administration, Oppenheimer was put on probation and assigned to a psychiatrist. Whereas Langan dropped out after his mother failed to fill out paperwork, Oppenheimer managed to stay in college after trying to kill someone. Later, Oppenheimer convinced General Leslie Groves to make Oppenheimer the scientific director of the Manhattan Project. Oppenheimer had the ability to persuade people, where Langan did not.
Section 3. ​
Psychologist Robert Sternberg calls the ability to persuade someone “practical intelligence.” It involves knowing what to say, how to say it, and when. It requires an ability to read situations. Individuals can have either practical or analytical intelligence, or in the case of Oppenheimer, both. To understand where one obtains practical intelligence, Gladwell refers to a study conducted by Annette Lareau.
Lareau observed parenting strategies in both Black and white families from different socioeconomic strata. She found two distinct strategies: “concerted cultivation” and “accomplishment of natural growth.” Concerted cultivation, most common in middle-class and wealthier families, is defined by parents’ active promotion of their children’s talents and interests. Accomplishment of natural growth, most common in working-class or impoverished families, is defined by parents’ lack of interest or interaction in their children’s free time. Concerted cultivation, writes Gladwell, encourages children to seek opportunities for growth and to advocate for themselves. Accomplishment of natural growth leaves children unprepared to shape their environment for their own benefit. Concerted cultivation fosters an attitude better suited for success in the modern world.
Section 4. ​
Oppenheimer was raised by affluent parents who sent him to a progressive private school and took an active interest in his hobbies.
  • Affluent: Having an abundant supply of money or possessions of value.
By contrast, Chris Langan’s brother Mark states that as children, they learned to resent authority. Mark, too, was unable to obtain financial aid, because he had no knowledge of how the system worked. If Chris Langan had been raised in a family that valued education, he probably would have had more success.
Section 5. ​
Once the Termites reached working adulthood, Terman grouped 730 of the males into three categories, based on their levels of success. The top 20 percent were upper-class professionals, while the bottom 20 percent had low-paying jobs or were unemployed. After analyzing the differences between the groups, Terman found that the bottom 20 percent came almost entirely from the lowest social and economic classes. What they lacked was “a community around them that prepared them properly for the world.”
Section 6. ​
Chris Langan lives on a horse farm in Missouri, where he still writes. He is happily married and continues to read physics and philosophy. While he has spent decades on his writing, almost none of it has ever been published. Langan admits he has not tried to contact publishers or found an agent—and does not plan to. Chris Langan did not have the support necessary to meet success. Gladwell points that no one ever makes it alone, regardless of if they are successful musicians, athletes, tech billionaires, or geniuses.
Analysis: Chapter Four: The Trouble with Geniuses, Part 2 ​
Family background plays a crucial role in an individual’s success. While a genius like Chris Langan should thrive on a college campus, he drops out. Langan doesn’t struggle with academics, but with paperwork, procedures, and environment. Gladwell’s characterization of Langan almost makes him seem like two separate characters: a confident, genius game show contestant versus a child from a poor and troubled family. Langan may be a true outlier in the sense that he doesn’t seem to fit in academia or the working-class world.  Langan’s story is ironic. His brilliant mind should propel him to success. However, his story also perfectly proves Gladwell’s point that brainpower alone does not lead to success. The author delves deeper into the irony of Langan’s situation by comparing him to Robert Oppenheimer, who worked on the nuclear bomb during World War II. Like Langan, Oppenheimer possesses great intelligence. Unlike Langan, Oppenheimer has an understanding that allows him to navigate the world effectively. Oppenheimer knows how to combat challenges, where Langan gets bested by a financial aid problem and class schedule. Oppenheimer’s family background gave him the confidence to deal with authority while Langan’s upbringing created a distrust of authority. Without a family background that encourages success, intelligence is not enough.
Contrast & Comparison
Oppenheimer’s family background gave him the confidence to deal with authority while Langan’s upbringing created a distrust of authority.
The power of persuasion is an important factor that drives success. Gladwell notes that the power of persuasion is practical intelligence. He contrasts practical intelligence with analytical ability, noting that just because a person is smart does not mean they have practical intelligence. These two types of knowledge are not necessarily coeval. He reinforces this point with a return to the comparison of Langan and Oppenheimer. Both men are exceedingly intelligent, but Langan lacks the social savvy of practical intelligence. Gladwell suggests that individuals gain practical intelligence skills from their families, discussing a study by sociologist Annette Lareau to prove his point. Children from wealthier families learn how to interact with society in a way that drives achievement. Successful people have the power of persuasion and can convince others to see things from their point of view.
Success, then, depends on more than individual effort. Gladwell builds this argument by detailing the differences between Oppenheimer’s upbringing and Langan’s. Oppenheimer lived in an upper-class neighborhood with myriad advantages. He learned how to negotiate and stand up for himself. Langan’s family moved from place to place, struggling for jobs, money, food, and clothes, and Langan learned that he couldn’t rely on others. Gladwell's consideration of the Termites' success or struggles as adults supports his assertion that success is more than an individual effort; Gladwell states, “In the end, only one thing mattered: family background.” Terman’s findings and Gladwell’s conclusion do not mean that talented individuals from lower social and economic classes cannot have successful futures. To succeed, everyone needs help along the way, if not from family, then from a supportive community. Individuals do not achieve success solely on their own.
Reference
  • “Outliers Chapter 4 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section4/.
',22);function u(p,m,f,g,w,b){const t=a;return n(),i("div",null,[c,s(t,{readTime:"8",words:"1.3k"}),d])}const T=o(h,[["render",u]]);export{L as __pageData,T as default};
diff --git a/assets/save_reading_outliers_4.md.d65868f7.lean.js b/assets/save_reading_outliers_4.md.8f24b5aa.lean.js
similarity index 94%
rename from assets/save_reading_outliers_4.md.d65868f7.lean.js
rename to assets/save_reading_outliers_4.md.8f24b5aa.lean.js
index 30f28366..2a183ba9 100644
--- a/assets/save_reading_outliers_4.md.d65868f7.lean.js
+++ b/assets/save_reading_outliers_4.md.8f24b5aa.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as i,H as s,k as e,a as r,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const L=JSON.parse('{"title":"Chapter 4: The Trouble with Geniuses, Part 2","description":"Chapter 4 summary of novel Outliers from Sparknotes","frontmatter":{"title":"Chapter 4: The Trouble with Geniuses, Part 2","description":"Chapter 4 summary of novel Outliers from Sparknotes"},"headers":[],"relativePath":"save/reading/outliers/4.md","filePath":"save/reading/outliers/4.md","lastUpdated":1695377563000}'),h={name:"save/reading/outliers/4.md"},c=e("h1",{id:"chapter-4-the-trouble-with-geniuses-part-2",tabindex:"-1"},[r("Chapter 4: The Trouble with Geniuses, Part 2 "),e("a",{class:"header-anchor",href:"#chapter-4-the-trouble-with-geniuses-part-2","aria-label":'Permalink to "Chapter 4: The Trouble with Geniuses, Part 2"'},"​")],-1),d=l("",22);function u(p,m,f,g,w,b){const t=a;return n(),i("div",null,[c,s(t,{readTime:"8",words:"1.3k"}),d])}const T=o(h,[["render",u]]);export{L as __pageData,T as default};
+import{_ as a}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.250b3e56.js";import{_ as o,o as n,c as i,H as s,k as e,a as r,Q as l}from"./chunks/framework.b7580407.js";import"./chunks/commonjsHelpers.725317a4.js";const L=JSON.parse('{"title":"Chapter 4: The Trouble with Geniuses, Part 2","description":"Chapter 4 summary of novel Outliers from Sparknotes","frontmatter":{"title":"Chapter 4: The Trouble with Geniuses, Part 2","description":"Chapter 4 summary of novel Outliers from Sparknotes"},"headers":[],"relativePath":"save/reading/outliers/4.md","filePath":"save/reading/outliers/4.md","lastUpdated":1699051935000}'),h={name:"save/reading/outliers/4.md"},c=e("h1",{id:"chapter-4-the-trouble-with-geniuses-part-2",tabindex:"-1"},[r("Chapter 4: The Trouble with Geniuses, Part 2 "),e("a",{class:"header-anchor",href:"#chapter-4-the-trouble-with-geniuses-part-2","aria-label":'Permalink to "Chapter 4: The Trouble with Geniuses, Part 2"'},"​")],-1),d=l("",22);function u(p,m,f,g,w,b){const t=a;return n(),i("div",null,[c,s(t,{readTime:"8",words:"1.3k"}),d])}const T=o(h,[["render",u]]);export{L as __pageData,T as default};
diff --git a/assets/style.41a6cfc6.css b/assets/style.41a6cfc6.css
new file mode 100644
index 00000000..0761c5bb
--- /dev/null
+++ b/assets/style.41a6cfc6.css
@@ -0,0 +1 @@
+@charset "UTF-8";@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-cyrillic.5f2c6c8c.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-cyrillic-ext.e75737ce.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-greek.d5a6d92a.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-greek-ext.ab0619bc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-latin.2ed14f66.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-latin-ext.0030eebd.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-vietnamese.14ce25a6.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-cyrillic.ea42a392.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-cyrillic-ext.33bd5a8e.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-greek.8f4463c4.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-greek-ext.4fbe9427.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-latin.bd3b6f56.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-latin-ext.bd8920cc.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-vietnamese.6ce511fb.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chinese Quotes;src:local("PingFang SC Regular"),local("PingFang SC"),local("SimHei"),local("Source Han Sans SC");unicode-range:U+2018,U+2019,U+201C,U+201D}:root{--vp-c-white: #ffffff;--vp-c-black: #000000;--vp-c-neutral: var(--vp-c-black);--vp-c-neutral-inverse: var(--vp-c-white)}.dark{--vp-c-neutral: var(--vp-c-white);--vp-c-neutral-inverse: var(--vp-c-black)}:root{--vp-c-gray-1: #dddde3;--vp-c-gray-2: #e4e4e9;--vp-c-gray-3: #ebebef;--vp-c-gray-soft: rgba(142, 150, 170, .14);--vp-c-indigo-1: #3451b2;--vp-c-indigo-2: #3a5ccc;--vp-c-indigo-3: #5672cd;--vp-c-indigo-soft: rgba(100, 108, 255, .14);--vp-c-green-1: #18794e;--vp-c-green-2: #299764;--vp-c-green-3: #30a46c;--vp-c-green-soft: rgba(16, 185, 129, .14);--vp-c-yellow-1: #915930;--vp-c-yellow-2: #946300;--vp-c-yellow-3: #9f6a00;--vp-c-yellow-soft: rgba(234, 179, 8, .14);--vp-c-red-1: #b8272c;--vp-c-red-2: #d5393e;--vp-c-red-3: #e0575b;--vp-c-red-soft: rgba(244, 63, 94, .14);--vp-c-sponsor: #db2777}.dark{--vp-c-gray-1: #515c67;--vp-c-gray-2: #414853;--vp-c-gray-3: #32363f;--vp-c-gray-soft: rgba(101, 117, 133, .16);--vp-c-indigo-1: #a8b1ff;--vp-c-indigo-2: #5c73e7;--vp-c-indigo-3: #3e63dd;--vp-c-indigo-soft: rgba(100, 108, 255, .16);--vp-c-green-1: #3dd68c;--vp-c-green-2: #30a46c;--vp-c-green-3: #298459;--vp-c-green-soft: rgba(16, 185, 129, .16);--vp-c-yellow-1: #f9b44e;--vp-c-yellow-2: #da8b17;--vp-c-yellow-3: #a46a0a;--vp-c-yellow-soft: rgba(234, 179, 8, .16);--vp-c-red-1: #f66f81;--vp-c-red-2: #f14158;--vp-c-red-3: #b62a3c;--vp-c-red-soft: rgba(244, 63, 94, .16)}:root{--vp-c-bg: #ffffff;--vp-c-bg-alt: #f6f6f7;--vp-c-bg-elv: #ffffff;--vp-c-bg-soft: #f6f6f7}.dark{--vp-c-bg: #1b1b1f;--vp-c-bg-alt: #161618;--vp-c-bg-elv: #202127;--vp-c-bg-soft: #202127}:root{--vp-c-border: #c2c2c4;--vp-c-divider: #e2e2e3;--vp-c-gutter: #e2e2e3}.dark{--vp-c-border: #3c3f44;--vp-c-divider: #2e2e32;--vp-c-gutter: #000000}:root{--vp-c-text-1: rgba(60, 60, 67);--vp-c-text-2: rgba(60, 60, 67, .78);--vp-c-text-3: rgba(60, 60, 67, .56)}.dark{--vp-c-text-1: rgba(255, 255, 245, .86);--vp-c-text-2: rgba(235, 235, 245, .6);--vp-c-text-3: rgba(235, 235, 245, .38)}:root{--vp-c-default-1: var(--vp-c-gray-1);--vp-c-default-2: var(--vp-c-gray-2);--vp-c-default-3: var(--vp-c-gray-3);--vp-c-default-soft: var(--vp-c-gray-soft);--vp-c-brand-1: var(--vp-c-indigo-1);--vp-c-brand-2: var(--vp-c-indigo-2);--vp-c-brand-3: var(--vp-c-indigo-3);--vp-c-brand-soft: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-brand-1);--vp-c-tip-1: var(--vp-c-brand-1);--vp-c-tip-2: var(--vp-c-brand-2);--vp-c-tip-3: var(--vp-c-brand-3);--vp-c-tip-soft: var(--vp-c-brand-soft);--vp-c-warning-1: var(--vp-c-yellow-1);--vp-c-warning-2: var(--vp-c-yellow-2);--vp-c-warning-3: var(--vp-c-yellow-3);--vp-c-warning-soft: var(--vp-c-yellow-soft);--vp-c-danger-1: var(--vp-c-red-1);--vp-c-danger-2: var(--vp-c-red-2);--vp-c-danger-3: var(--vp-c-red-3);--vp-c-danger-soft: var(--vp-c-red-soft)}:root{--vp-font-family-base: "Chinese Quotes", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--vp-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-footer: 10;--vp-z-index-local-nav: 20;--vp-z-index-nav: 30;--vp-z-index-layout-top: 40;--vp-z-index-backdrop: 50;--vp-z-index-sidebar: 60}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E")}:root{--vp-layout-max-width: 1440px}:root{--vp-header-anchor-symbol: "#"}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-color: var(--vp-c-brand-1);--vp-code-link-color: var(--vp-c-brand-1);--vp-code-link-hover-color: var(--vp-c-brand-2);--vp-code-bg: var(--vp-c-default-soft);--vp-code-block-color: var(--vp-c-text-2);--vp-code-block-bg: var(--vp-c-bg-alt);--vp-code-block-divider-color: var(--vp-c-gutter);--vp-code-lang-color: var(--vp-c-text-3);--vp-code-line-highlight-color: var(--vp-c-default-soft);--vp-code-line-number-color: var(--vp-c-text-3);--vp-code-line-diff-add-color: var(--vp-c-green-soft);--vp-code-line-diff-add-symbol-color: var(--vp-c-green-1);--vp-code-line-diff-remove-color: var(--vp-c-red-soft);--vp-code-line-diff-remove-symbol-color: var(--vp-c-red-1);--vp-code-line-warning-color: var(--vp-c-yellow-soft);--vp-code-line-error-color: var(--vp-c-red-soft);--vp-code-copy-code-border-color: var(--vp-c-divider);--vp-code-copy-code-bg: var(--vp-c-bg-soft);--vp-code-copy-code-hover-border-color: var(--vp-c-divider);--vp-code-copy-code-hover-bg: var(--vp-c-bg);--vp-code-copy-code-active-text: var(--vp-c-text-2);--vp-code-copy-copied-text-content: "Copied";--vp-code-tab-divider: var(--vp-code-block-divider-color);--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-bg: var(--vp-code-block-bg);--vp-code-tab-hover-text-color: var(--vp-c-text-1);--vp-code-tab-active-text-color: var(--vp-c-text-1);--vp-code-tab-active-bar-color: var(--vp-c-brand-1)}:root{--vp-button-brand-border: transparent;--vp-button-brand-text: var(--vp-c-white);--vp-button-brand-bg: var(--vp-c-brand-3);--vp-button-brand-hover-border: transparent;--vp-button-brand-hover-text: var(--vp-c-white);--vp-button-brand-hover-bg: var(--vp-c-brand-2);--vp-button-brand-active-border: transparent;--vp-button-brand-active-text: var(--vp-c-white);--vp-button-brand-active-bg: var(--vp-c-brand-1);--vp-button-alt-border: transparent;--vp-button-alt-text: var(--vp-c-text-1);--vp-button-alt-bg: var(--vp-c-default-3);--vp-button-alt-hover-border: transparent;--vp-button-alt-hover-text: var(--vp-c-text-1);--vp-button-alt-hover-bg: var(--vp-c-default-2);--vp-button-alt-active-border: transparent;--vp-button-alt-active-text: var(--vp-c-text-1);--vp-button-alt-active-bg: var(--vp-c-default-1);--vp-button-sponsor-border: var(--vp-c-text-2);--vp-button-sponsor-text: var(--vp-c-text-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}:root{--vp-custom-block-font-size: 14px;--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: transparent;--vp-custom-block-info-text: var(--vp-c-text-1);--vp-custom-block-info-bg: var(--vp-c-default-soft);--vp-custom-block-info-code-bg: var(--vp-c-default-soft);--vp-custom-block-tip-border: transparent;--vp-custom-block-tip-text: var(--vp-c-text-1);--vp-custom-block-tip-bg: var(--vp-c-brand-soft);--vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);--vp-custom-block-warning-border: transparent;--vp-custom-block-warning-text: var(--vp-c-text-1);--vp-custom-block-warning-bg: var(--vp-c-warning-soft);--vp-custom-block-warning-code-bg: var(--vp-c-warning-soft);--vp-custom-block-danger-border: transparent;--vp-custom-block-danger-text: var(--vp-c-text-1);--vp-custom-block-danger-bg: var(--vp-c-danger-soft);--vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-info-code-bg)}:root{--vp-input-border-color: var(--vp-c-border);--vp-input-bg-color: var(--vp-c-bg-alt);--vp-input-switch-bg-color: var(--vp-c-gray-soft)}:root{--vp-nav-height: 64px;--vp-nav-bg-color: var(--vp-c-bg);--vp-nav-screen-bg-color: var(--vp-c-bg);--vp-nav-logo-height: 24px}.hide-nav{--vp-nav-height: 0px}.hide-nav .VPSidebar{--vp-nav-height: 22px}:root{--vp-local-nav-bg-color: var(--vp-c-bg)}:root{--vp-sidebar-width: 272px;--vp-sidebar-bg-color: var(--vp-c-bg-alt)}:root{--vp-backdrop-bg-color: rgba(0, 0, 0, .6)}:root{--vp-home-hero-name-color: var(--vp-c-brand-1);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}:root{--vp-badge-info-border: transparent;--vp-badge-info-text: var(--vp-c-text-2);--vp-badge-info-bg: var(--vp-c-default-soft);--vp-badge-tip-border: transparent;--vp-badge-tip-text: var(--vp-c-brand-1);--vp-badge-tip-bg: var(--vp-c-brand-soft);--vp-badge-warning-border: transparent;--vp-badge-warning-text: var(--vp-c-warning-1);--vp-badge-warning-bg: var(--vp-c-warning-soft);--vp-badge-danger-border: transparent;--vp-badge-danger-text: var(--vp-c-danger-1);--vp-badge-danger-bg: var(--vp-c-danger-soft)}:root{--vp-carbon-ads-text-color: var(--vp-c-text-1);--vp-carbon-ads-poweredby-color: var(--vp-c-text-2);--vp-carbon-ads-bg-color: var(--vp-c-bg-soft);--vp-carbon-ads-hover-text-color: var(--vp-c-brand-1);--vp-carbon-ads-hover-poweredby-color: var(--vp-c-text-1)}:root{--vp-local-search-bg: var(--vp-c-bg);--vp-local-search-result-bg: var(--vp-c-bg);--vp-local-search-result-border: var(--vp-c-divider);--vp-local-search-result-selected-bg: var(--vp-c-bg);--vp-local-search-result-selected-border: var(--vp-c-brand-1);--vp-local-search-highlight-bg: var(--vp-c-brand-1);--vp-local-search-highlight-text: var(--vp-c-neutral-inverse)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}*,:before,:after{box-sizing:border-box}html{line-height:1.4;font-size:16px;-webkit-text-size-adjust:100%}html.dark{color-scheme:dark}body{margin:0;width:100%;min-width:320px;min-height:100vh;line-height:24px;font-family:var(--vp-font-family-base);font-size:16px;font-weight:400;color:var(--vp-c-text-1);background-color:var(--vp-c-bg);direction:ltr;font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;line-height:24px;font-size:16px;font-weight:400}p{margin:0}strong,b{font-weight:600}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}blockquote{margin:0}img,svg,video,canvas,audio,iframe,embed,object{display:block}figure{margin:0}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{border:0;padding:0;line-height:inherit;color:inherit}button{padding:0;font-family:inherit;background-color:transparent;background-image:none}button:enabled,[role=button]:enabled{cursor:pointer}button:focus,button:focus-visible{outline:1px dotted;outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none!important}input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse}input{background-color:transparent}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--vp-c-text-3)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--vp-c-text-3)}input::placeholder,textarea::placeholder{color:var(--vp-c-text-3)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}select{-webkit-appearance:none}fieldset{margin:0;padding:0}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}vite-error-overlay{z-index:9999}mjx-container{display:inline-block;margin:auto 2px -2px}mjx-container>svg{margin:auto}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.custom-block{border:1px solid transparent;border-radius:8px;padding:16px 16px 8px;line-height:24px;font-size:var(--vp-custom-block-font-size);color:var(--vp-c-text-2)}.custom-block.info{border-color:var(--vp-custom-block-info-border);color:var(--vp-custom-block-info-text);background-color:var(--vp-custom-block-info-bg)}.custom-block.info a,.custom-block.info code{color:var(--vp-c-brand-1)}.custom-block.info a:hover{color:var(--vp-c-brand-2)}.custom-block.info code{background-color:var(--vp-custom-block-info-code-bg)}.custom-block.tip{border-color:var(--vp-custom-block-tip-border);color:var(--vp-custom-block-tip-text);background-color:var(--vp-custom-block-tip-bg)}.custom-block.tip a,.custom-block.tip code{color:var(--vp-c-brand-1)}.custom-block.tip a:hover{color:var(--vp-c-brand-2)}.custom-block.tip code{background-color:var(--vp-custom-block-tip-code-bg)}.custom-block.warning{border-color:var(--vp-custom-block-warning-border);color:var(--vp-custom-block-warning-text);background-color:var(--vp-custom-block-warning-bg)}.custom-block.warning a,.custom-block.warning code{color:var(--vp-c-warning-1)}.custom-block.warning a:hover{color:var(--vp-c-warning-2)}.custom-block.warning code{background-color:var(--vp-custom-block-warning-code-bg)}.custom-block.danger{border-color:var(--vp-custom-block-danger-border);color:var(--vp-custom-block-danger-text);background-color:var(--vp-custom-block-danger-bg)}.custom-block.danger a,.custom-block.danger code{color:var(--vp-c-danger-1)}.custom-block.danger a:hover{color:var(--vp-c-danger-2)}.custom-block.danger code{background-color:var(--vp-custom-block-danger-code-bg)}.custom-block.details{border-color:var(--vp-custom-block-details-border);color:var(--vp-custom-block-details-text);background-color:var(--vp-custom-block-details-bg)}.custom-block.details a{color:var(--vp-c-brand-1)}.custom-block.details a:hover{color:var(--vp-c-brand-2)}.custom-block.details code{background-color:var(--vp-custom-block-details-code-bg)}.custom-block-title{font-weight:600}.custom-block p+p{margin:8px 0}.custom-block.details summary{margin:0 0 8px;font-weight:700;cursor:pointer}.custom-block.details summary+p{margin:8px 0}.custom-block a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:opacity .25s}.custom-block a:hover{opacity:.75}.custom-block code{font-size:var(--vp-custom-block-code-font-size)}.custom-block.custom-block th,.custom-block.custom-block blockquote>p{font-size:var(--vp-custom-block-font-size);color:inherit}.dark .vp-code-light{display:none}html:not(.dark) .vp-code-dark{display:none}.vp-code-group{margin-top:16px}.vp-code-group .tabs{position:relative;display:flex;margin-right:-24px;margin-left:-24px;padding:0 12px;background-color:var(--vp-code-tab-bg);overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px var(--vp-code-tab-divider)}@media (min-width: 640px){.vp-code-group .tabs{margin-right:0;margin-left:0;border-radius:8px 8px 0 0}}.vp-code-group .tabs input{position:fixed;opacity:0;pointer-events:none}.vp-code-group .tabs label{position:relative;display:inline-block;border-bottom:1px solid transparent;padding:0 12px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-code-tab-text-color);white-space:nowrap;cursor:pointer;transition:color .25s}.vp-code-group .tabs label:after{position:absolute;right:8px;bottom:-1px;left:8px;z-index:1;height:2px;border-radius:2px;content:"";background-color:transparent;transition:background-color .25s}.vp-code-group label:hover{color:var(--vp-code-tab-hover-text-color)}.vp-code-group input:checked+label{color:var(--vp-code-tab-active-text-color)}.vp-code-group input:checked+label:after{background-color:var(--vp-code-tab-active-bar-color)}.vp-code-group div[class*=language-],.vp-block{display:none;margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.vp-code-group div[class*=language-].active,.vp-block.active{display:block}.vp-block{padding:20px 24px}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6{position:relative;font-weight:600;outline:none}.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:28px}.vp-doc h2{margin:48px 0 16px;border-top:1px solid var(--vp-c-divider);padding-top:24px;letter-spacing:-.02em;line-height:32px;font-size:24px}.vp-doc h3{margin:32px 0 0;letter-spacing:-.01em;line-height:28px;font-size:20px}.vp-doc .header-anchor{position:absolute;top:0;left:0;margin-left:-.87em;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0;text-decoration:none;transition:color .25s,opacity .25s}.vp-doc .header-anchor:before{content:var(--vp-header-anchor-symbol)}.vp-doc h1:hover .header-anchor,.vp-doc h1 .header-anchor:focus,.vp-doc h2:hover .header-anchor,.vp-doc h2 .header-anchor:focus,.vp-doc h3:hover .header-anchor,.vp-doc h3 .header-anchor:focus,.vp-doc h4:hover .header-anchor,.vp-doc h4 .header-anchor:focus,.vp-doc h5:hover .header-anchor,.vp-doc h5 .header-anchor:focus,.vp-doc h6:hover .header-anchor,.vp-doc h6 .header-anchor:focus{opacity:1}@media (min-width: 768px){.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:32px}}.vp-doc h2 .header-anchor{top:24px}.vp-doc p,.vp-doc summary{margin:16px 0}.vp-doc p{line-height:28px}.vp-doc blockquote{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s}.vp-doc blockquote>p{margin:0;font-size:16px;color:var(--vp-c-text-2);transition:color .5s}.vp-doc a{font-weight:500;color:var(--vp-c-brand-1);text-decoration:underline;text-underline-offset:2px;transition:color .25s,opacity .25s}.vp-doc a:hover{color:var(--vp-c-brand-2)}.vp-doc strong{font-weight:600}.vp-doc ul,.vp-doc ol{padding-left:1.25rem;margin:16px 0}.vp-doc ul{list-style:disc}.vp-doc ol{list-style:decimal}.vp-doc li+li{margin-top:8px}.vp-doc li>ol,.vp-doc li>ul{margin:8px 0 0}.vp-doc table{display:block;border-collapse:collapse;margin:20px 0;overflow-x:auto}.vp-doc tr{border-top:1px solid var(--vp-c-divider);transition:background-color .5s}.vp-doc tr:nth-child(2n){background-color:var(--vp-c-bg-soft)}.vp-doc th,.vp-doc td{border:1px solid var(--vp-c-divider);padding:8px 16px}.vp-doc th{text-align:left;font-size:14px;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-doc td{font-size:14px}.vp-doc hr{margin:16px 0;border:none;border-top:1px solid var(--vp-c-divider)}.vp-doc .custom-block{margin:16px 0}.vp-doc .custom-block p{margin:8px 0;line-height:24px}.vp-doc .custom-block p:first-child{margin:0}.vp-doc .custom-block div[class*=language-]{margin:8px 0;border-radius:8px}.vp-doc .custom-block div[class*=language-] code{font-weight:400;background-color:transparent}.vp-doc .custom-block .vp-code-group .tabs{margin:0;border-radius:8px 8px 0 0}.vp-doc :not(pre,h1,h2,h3,h4,h5,h6)>code{font-size:var(--vp-code-font-size);color:var(--vp-code-color)}.vp-doc :not(pre)>code{border-radius:4px;padding:3px 6px;background-color:var(--vp-code-bg);transition:color .25s,background-color .5s}.vp-doc a>code{color:var(--vp-code-link-color)}.vp-doc a:hover>code{color:var(--vp-code-link-hover-color)}.vp-doc h1>code,.vp-doc h2>code,.vp-doc h3>code{font-size:.9em}.vp-doc div[class*=language-],.vp-block{position:relative;margin:16px -24px;background-color:var(--vp-code-block-bg);overflow-x:auto;transition:background-color .5s}@media (min-width: 640px){.vp-doc div[class*=language-],.vp-block{border-radius:8px;margin:16px 0}}@media (max-width: 639px){.vp-doc li div[class*=language-]{border-radius:8px 0 0 8px}}.vp-doc div[class*=language-]+div[class*=language-],.vp-doc div[class$=-api]+div[class*=language-],.vp-doc div[class*=language-]+div[class$=-api]>div[class*=language-]{margin-top:-8px}.vp-doc [class*=language-] pre,.vp-doc [class*=language-] code{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.vp-doc [class*=language-] pre{position:relative;z-index:1;margin:0;padding:20px 0;background:transparent;overflow-x:auto}.vp-doc [class*=language-] code{display:block;padding:0 24px;width:fit-content;min-width:100%;line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-block-color);transition:color .5s}.vp-doc [class*=language-] code .highlighted{background-color:var(--vp-code-line-highlight-color);transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .highlighted.error{background-color:var(--vp-code-line-error-color)}.vp-doc [class*=language-] code .highlighted.warning{background-color:var(--vp-code-line-warning-color)}.vp-doc [class*=language-] code .diff{transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .diff:before{position:absolute;left:10px}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){filter:blur(.095rem);opacity:.4;transition:filter .35s,opacity .35s}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){opacity:.7;transition:filter .35s,opacity .35s}.vp-doc [class*=language-]:hover .has-focused-lines .line:not(.has-focus){filter:blur(0);opacity:1}.vp-doc [class*=language-] code .diff.remove{background-color:var(--vp-code-line-diff-remove-color);opacity:.7}.vp-doc [class*=language-] code .diff.remove:before{content:"-";color:var(--vp-code-line-diff-remove-symbol-color)}.vp-doc [class*=language-] code .diff.add{background-color:var(--vp-code-line-diff-add-color)}.vp-doc [class*=language-] code .diff.add:before{content:"+";color:var(--vp-code-line-diff-add-symbol-color)}.vp-doc div[class*=language-].line-numbers-mode{padding-left:32px}.vp-doc .line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid var(--vp-code-block-divider-color);padding-top:20px;width:32px;text-align:center;font-family:var(--vp-font-family-mono);line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-line-number-color);transition:border-color .5s,color .5s}.vp-doc [class*=language-]>button.copy{direction:ltr;position:absolute;top:12px;right:12px;z-index:3;border:1px solid var(--vp-code-copy-code-border-color);border-radius:4px;width:40px;height:40px;background-color:var(--vp-code-copy-code-bg);opacity:0;cursor:pointer;background-image:var(--vp-icon-copy);background-position:50%;background-size:20px;background-repeat:no-repeat;transition:border-color .25s,background-color .25s,opacity .25s}.vp-doc [class*=language-]:hover>button.copy,.vp-doc [class*=language-]>button.copy:focus{opacity:1}.vp-doc [class*=language-]>button.copy:hover,.vp-doc [class*=language-]>button.copy.copied{border-color:var(--vp-code-copy-code-hover-border-color);background-color:var(--vp-code-copy-code-hover-bg)}.vp-doc [class*=language-]>button.copy.copied,.vp-doc [class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-color:var(--vp-code-copy-code-hover-bg);background-image:var(--vp-icon-copied)}.vp-doc [class*=language-]>button.copy.copied:before,.vp-doc [class*=language-]>button.copy:hover.copied:before{position:relative;top:-1px;transform:translate(calc(-100% - 1px));display:flex;justify-content:center;align-items:center;border:1px solid var(--vp-code-copy-code-hover-border-color);border-right:0;border-radius:4px 0 0 4px;padding:0 10px;width:fit-content;height:40px;text-align:center;font-size:12px;font-weight:500;color:var(--vp-code-copy-code-active-text);background-color:var(--vp-code-copy-code-hover-bg);white-space:nowrap;content:var(--vp-code-copy-copied-text-content)}.vp-doc [class*=language-]>span.lang{position:absolute;top:2px;right:8px;z-index:2;font-size:12px;font-weight:500;color:var(--vp-code-lang-color);transition:color .4s,opacity .4s}.vp-doc [class*=language-]:hover>button.copy+span.lang,.vp-doc [class*=language-]>button.copy:focus+span.lang{opacity:0}.vp-doc .VPTeamMembers{margin-top:24px}.vp-doc .VPTeamMembers.small.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-doc .VPTeamMembers.small.count-2 .container,.vp-doc .VPTeamMembers.small.count-3 .container{max-width:100%!important}.vp-doc .VPTeamMembers.medium.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}:is(.vp-external-link-icon,.vp-doc a[href*="://"],.vp-doc a[target=_blank]):not(.no-icon):after{display:inline-block;margin-top:-1px;margin-left:4px;width:11px;height:11px;background:currentColor;color:var(--vp-c-text-3);flex-shrink:0;--icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");-webkit-mask-image:var(--icon);mask-image:var(--icon)}.vp-external-link-icon:after{content:""}.vp-sponsor{border-radius:16px;overflow:hidden}.vp-sponsor.aside{border-radius:12px}.vp-sponsor-section+.vp-sponsor-section{margin-top:4px}.vp-sponsor-tier{margin-bottom:4px;text-align:center;letter-spacing:1px;line-height:24px;width:100%;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-sponsor.normal .vp-sponsor-tier{padding:13px 0 11px;font-size:14px}.vp-sponsor.aside .vp-sponsor-tier{padding:9px 0 7px;font-size:12px}.vp-sponsor-grid+.vp-sponsor-tier{margin-top:4px}.vp-sponsor-grid{display:flex;flex-wrap:wrap;gap:4px}.vp-sponsor-grid.xmini .vp-sponsor-grid-link{height:64px}.vp-sponsor-grid.xmini .vp-sponsor-grid-image{max-width:64px;max-height:22px}.vp-sponsor-grid.mini .vp-sponsor-grid-link{height:72px}.vp-sponsor-grid.mini .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.small .vp-sponsor-grid-link{height:96px}.vp-sponsor-grid.small .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.medium .vp-sponsor-grid-link{height:112px}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-width:120px;max-height:36px}.vp-sponsor-grid.big .vp-sponsor-grid-link{height:184px}.vp-sponsor-grid.big .vp-sponsor-grid-image{max-width:192px;max-height:56px}.vp-sponsor-grid[data-vp-grid="2"] .vp-sponsor-grid-item{width:calc((100% - 4px)/2)}.vp-sponsor-grid[data-vp-grid="3"] .vp-sponsor-grid-item{width:calc((100% - 4px * 2) / 3)}.vp-sponsor-grid[data-vp-grid="4"] .vp-sponsor-grid-item{width:calc((100% - 12px)/4)}.vp-sponsor-grid[data-vp-grid="5"] .vp-sponsor-grid-item{width:calc((100% - 16px)/5)}.vp-sponsor-grid[data-vp-grid="6"] .vp-sponsor-grid-item{width:calc((100% - 4px * 5) / 6)}.vp-sponsor-grid-item{flex-shrink:0;width:100%;background-color:var(--vp-c-bg-soft);transition:background-color .25s}.vp-sponsor-grid-item:hover{background-color:var(--vp-c-default-soft)}.vp-sponsor-grid-item:hover .vp-sponsor-grid-image{filter:grayscale(0) invert(0)}.vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.dark .vp-sponsor-grid-item:hover{background-color:var(--vp-c-white)}.dark .vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.vp-sponsor-grid-link{display:flex}.vp-sponsor-grid-box{display:flex;justify-content:center;align-items:center;width:100%}.vp-sponsor-grid-image{max-width:100%;filter:grayscale(1);transition:filter .25s}.dark .vp-sponsor-grid-image{filter:grayscale(1) invert(1)}.VPBadge[data-v-04be89dc]{display:inline-block;margin-left:2px;border:1px solid transparent;border-radius:12px;padding:0 10px;line-height:22px;font-size:12px;font-weight:500;transform:translateY(-2px)}.vp-doc h1>.VPBadge[data-v-04be89dc]{margin-top:4px;vertical-align:top}.vp-doc h2>.VPBadge[data-v-04be89dc]{margin-top:3px;padding:0 8px;vertical-align:top}.vp-doc h3>.VPBadge[data-v-04be89dc]{vertical-align:middle}.vp-doc h4>.VPBadge[data-v-04be89dc],.vp-doc h5>.VPBadge[data-v-04be89dc],.vp-doc h6>.VPBadge[data-v-04be89dc]{vertical-align:middle;line-height:18px}.VPBadge.info[data-v-04be89dc]{border-color:var(--vp-badge-info-border);color:var(--vp-badge-info-text);background-color:var(--vp-badge-info-bg)}.VPBadge.tip[data-v-04be89dc]{border-color:var(--vp-badge-tip-border);color:var(--vp-badge-tip-text);background-color:var(--vp-badge-tip-bg)}.VPBadge.warning[data-v-04be89dc]{border-color:var(--vp-badge-warning-border);color:var(--vp-badge-warning-text);background-color:var(--vp-badge-warning-bg)}.VPBadge.danger[data-v-04be89dc]{border-color:var(--vp-badge-danger-border);color:var(--vp-badge-danger-text);background-color:var(--vp-badge-danger-bg)}.VPBackdrop[data-v-5bbe8791]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vp-z-index-backdrop);background:var(--vp-backdrop-bg-color);transition:opacity .5s}.VPBackdrop.fade-enter-from[data-v-5bbe8791],.VPBackdrop.fade-leave-to[data-v-5bbe8791]{opacity:0}.VPBackdrop.fade-leave-active[data-v-5bbe8791]{transition-duration:.25s}@media (min-width: 1280px){.VPBackdrop[data-v-5bbe8791]{display:none}}.NotFound[data-v-8a8c82b4]{padding:64px 24px 96px;text-align:center}@media (min-width: 768px){.NotFound[data-v-8a8c82b4]{padding:96px 32px 168px}}.code[data-v-8a8c82b4]{line-height:64px;font-size:64px;font-weight:600}.title[data-v-8a8c82b4]{padding-top:12px;letter-spacing:2px;line-height:20px;font-size:20px;font-weight:700}.divider[data-v-8a8c82b4]{margin:24px auto 18px;width:64px;height:1px;background-color:var(--vp-c-divider)}.quote[data-v-8a8c82b4]{margin:0 auto;max-width:256px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.action[data-v-8a8c82b4]{padding-top:20px}.link[data-v-8a8c82b4]{display:inline-block;border:1px solid var(--vp-c-brand-1);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:border-color .25s,color .25s}.link[data-v-8a8c82b4]:hover{border-color:var(--vp-c-brand-2);color:var(--vp-c-brand-2)}.root[data-v-29e3fa2f]{position:relative;z-index:1}.nested[data-v-29e3fa2f]{padding-left:16px}.outline-link[data-v-29e3fa2f]{display:block;line-height:28px;color:var(--vp-c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s;font-weight:400}.outline-link[data-v-29e3fa2f]:hover,.outline-link.active[data-v-29e3fa2f]{color:var(--vp-c-text-1);transition:color .25s}.outline-link.nested[data-v-29e3fa2f]{padding-left:13px}.VPDocAsideOutline[data-v-99fa007f]{display:none}.VPDocAsideOutline.has-outline[data-v-99fa007f]{display:block}.content[data-v-99fa007f]{position:relative;border-left:1px solid var(--vp-c-divider);padding-left:16px;font-size:13px;font-weight:500}.outline-marker[data-v-99fa007f]{position:absolute;top:32px;left:-1px;z-index:0;opacity:0;width:2px;border-radius:2px;height:18px;background-color:var(--vp-c-brand-1);transition:top .25s cubic-bezier(0,1,.5,1),background-color .5s,opacity .25s}.outline-title[data-v-99fa007f]{letter-spacing:.4px;line-height:28px;font-size:13px;font-weight:600}.VPDocAside[data-v-f5b3965e]{display:flex;flex-direction:column;flex-grow:1}.spacer[data-v-f5b3965e]{flex-grow:1}.VPDocAside[data-v-f5b3965e] .spacer+.VPDocAsideSponsors,.VPDocAside[data-v-f5b3965e] .spacer+.VPDocAsideCarbonAds{margin-top:24px}.VPDocAside[data-v-f5b3965e] .VPDocAsideSponsors+.VPDocAsideCarbonAds{margin-top:16px}.VPLastUpdated[data-v-ec8405ef]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 640px){.VPLastUpdated[data-v-ec8405ef]{line-height:32px;font-size:14px;font-weight:500}}.VPDocFooter[data-v-bae355c8]{margin-top:64px}.edit-info[data-v-bae355c8]{padding-bottom:18px}@media (min-width: 640px){.edit-info[data-v-bae355c8]{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}.edit-link-button[data-v-bae355c8]{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.edit-link-button[data-v-bae355c8]:hover{color:var(--vp-c-brand-2)}.edit-link-icon[data-v-bae355c8]{margin-right:8px;width:14px;height:14px;fill:currentColor}.prev-next[data-v-bae355c8]{border-top:1px solid var(--vp-c-divider);padding-top:24px;display:grid;grid-row-gap:8px}@media (min-width: 640px){.prev-next[data-v-bae355c8]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px}}.pager-link[data-v-bae355c8]{display:block;border:1px solid var(--vp-c-divider);border-radius:8px;padding:11px 16px 13px;width:100%;height:100%;transition:border-color .25s}.pager-link[data-v-bae355c8]:hover{border-color:var(--vp-c-brand-1)}.pager-link.next[data-v-bae355c8]{margin-left:auto;text-align:right}.desc[data-v-bae355c8]{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.title[data-v-bae355c8]{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.VPDocOutlineDropdown[data-v-23cf0713]{margin-bottom:48px}.VPDocOutlineDropdown button[data-v-23cf0713]{display:block;font-size:14px;font-weight:500;line-height:24px;border:1px solid var(--vp-c-border);padding:4px 12px;color:var(--vp-c-text-2);background-color:var(--vp-c-default-soft);border-radius:8px;transition:color .5s}.VPDocOutlineDropdown button[data-v-23cf0713]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPDocOutlineDropdown button.open[data-v-23cf0713]{color:var(--vp-c-text-1)}.icon[data-v-23cf0713]{display:inline-block;vertical-align:middle;width:16px;height:16px;fill:currentColor}[data-v-23cf0713] .outline-link{font-size:14px;font-weight:400}.open>.icon[data-v-23cf0713]{transform:rotate(90deg)}.items[data-v-23cf0713]{margin-top:12px;border-left:1px solid var(--vp-c-divider)}.VPDoc[data-v-39e6c32d]{padding:32px 24px 96px;width:100%}.VPDoc .VPDocOutlineDropdown[data-v-39e6c32d]{display:none}@media (min-width: 960px) and (max-width: 1279px){.VPDoc .VPDocOutlineDropdown[data-v-39e6c32d]{display:block}}@media (min-width: 768px){.VPDoc[data-v-39e6c32d]{padding:48px 32px 128px}}@media (min-width: 960px){.VPDoc[data-v-39e6c32d]{padding:32px 32px 0}.VPDoc:not(.has-sidebar) .container[data-v-39e6c32d]{display:flex;justify-content:center;max-width:992px}.VPDoc:not(.has-sidebar) .content[data-v-39e6c32d]{max-width:752px}}@media (min-width: 1280px){.VPDoc .container[data-v-39e6c32d]{display:flex;justify-content:center}.VPDoc .aside[data-v-39e6c32d]{display:block}}@media (min-width: 1440px){.VPDoc:not(.has-sidebar) .content[data-v-39e6c32d]{max-width:784px}.VPDoc:not(.has-sidebar) .container[data-v-39e6c32d]{max-width:1104px}}.container[data-v-39e6c32d]{margin:0 auto;width:100%}.aside[data-v-39e6c32d]{position:relative;display:none;order:2;flex-grow:1;padding-left:32px;width:100%;max-width:256px}.left-aside[data-v-39e6c32d]{order:1;padding-left:unset;padding-right:32px}.aside-container[data-v-39e6c32d]{position:fixed;top:0;padding-top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 32px);width:224px;height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.aside-container[data-v-39e6c32d]::-webkit-scrollbar{display:none}.aside-curtain[data-v-39e6c32d]{position:fixed;bottom:0;z-index:10;width:224px;height:32px;background:linear-gradient(transparent,var(--vp-c-bg) 70%)}.aside-content[data-v-39e6c32d]{display:flex;flex-direction:column;min-height:calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 32px));padding-bottom:32px}.content[data-v-39e6c32d]{position:relative;margin:0 auto;width:100%}@media (min-width: 960px){.content[data-v-39e6c32d]{padding:0 32px 128px}}@media (min-width: 1280px){.content[data-v-39e6c32d]{order:1;margin:0;min-width:640px}}.content-container[data-v-39e6c32d]{margin:0 auto}.VPDoc.has-aside .content-container[data-v-39e6c32d]{max-width:688px}.external-link-icon-enabled[data-v-39e6c32d] :is(.vp-doc a[href*="://"],.vp-doc a[target=_blank]):after{content:"";color:currentColor}.VPButton[data-v-c5bc28bc]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-c5bc28bc]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-c5bc28bc]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-c5bc28bc]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-c5bc28bc]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-c5bc28bc]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-c5bc28bc]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-c5bc28bc]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-c5bc28bc]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-c5bc28bc]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-c5bc28bc]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-c5bc28bc]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-c5bc28bc]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}html:not(.dark) .VPImage.dark[data-v-6ebf9bdf]{display:none}.dark .VPImage.light[data-v-6ebf9bdf]{display:none}.VPHero[data-v-95ba8d2c]{margin-top:calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-95ba8d2c]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-95ba8d2c]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px}}.container[data-v-95ba8d2c]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-95ba8d2c]{flex-direction:row}}.main[data-v-95ba8d2c]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-95ba8d2c]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-95ba8d2c]{text-align:left}}@media (min-width: 960px){.main[data-v-95ba8d2c]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-95ba8d2c]{max-width:592px}}.name[data-v-95ba8d2c],.text[data-v-95ba8d2c]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-95ba8d2c],.VPHero.has-image .text[data-v-95ba8d2c]{margin:0 auto}.name[data-v-95ba8d2c]{color:var(--vp-home-hero-name-color)}.clip[data-v-95ba8d2c]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-95ba8d2c],.text[data-v-95ba8d2c]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-95ba8d2c],.text[data-v-95ba8d2c]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-95ba8d2c],.VPHero.has-image .text[data-v-95ba8d2c]{margin:0}}.tagline[data-v-95ba8d2c]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-95ba8d2c]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-95ba8d2c]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-95ba8d2c]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-95ba8d2c]{margin:0}}.actions[data-v-95ba8d2c]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-95ba8d2c]{justify-content:center}@media (min-width: 640px){.actions[data-v-95ba8d2c]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-95ba8d2c]{justify-content:flex-start}}.action[data-v-95ba8d2c]{flex-shrink:0;padding:6px}.image[data-v-95ba8d2c]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-95ba8d2c]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-95ba8d2c]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-95ba8d2c]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-95ba8d2c]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-95ba8d2c]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-95ba8d2c]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-95ba8d2c]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-95ba8d2c]{width:320px;height:320px}}[data-v-95ba8d2c] .image-src{position:absolute;top:50%;left:50%;max-width:192px;max-height:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-95ba8d2c] .image-src{max-width:256px;max-height:256px}}@media (min-width: 960px){[data-v-95ba8d2c] .image-src{max-width:320px;max-height:320px}}.VPFeature[data-v-5826beaa]{display:block;border:1px solid var(--vp-c-bg-soft);border-radius:12px;height:100%;background-color:var(--vp-c-bg-soft);transition:border-color .25s,background-color .25s}.VPFeature.link[data-v-5826beaa]:hover{border-color:var(--vp-c-brand-1)}.box[data-v-5826beaa]{display:flex;flex-direction:column;padding:24px;height:100%}.box[data-v-5826beaa]>.VPImage{margin-bottom:20px}.icon[data-v-5826beaa]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:6px;background-color:var(--vp-c-default-soft);width:48px;height:48px;font-size:24px;transition:background-color .25s}.title[data-v-5826beaa]{line-height:24px;font-size:16px;font-weight:600}.details[data-v-5826beaa]{flex-grow:1;padding-top:8px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.link-text[data-v-5826beaa]{padding-top:8px}.link-text-value[data-v-5826beaa]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.link-text-icon[data-v-5826beaa]{display:inline-block;margin-left:6px;width:14px;height:14px;fill:currentColor}.VPFeatures[data-v-8aecaca0]{position:relative;padding:0 24px}@media (min-width: 640px){.VPFeatures[data-v-8aecaca0]{padding:0 48px}}@media (min-width: 960px){.VPFeatures[data-v-8aecaca0]{padding:0 64px}}.container[data-v-8aecaca0]{margin:0 auto;max-width:1152px}.items[data-v-8aecaca0]{display:flex;flex-wrap:wrap;margin:-8px}.item[data-v-8aecaca0]{padding:8px;width:100%}@media (min-width: 640px){.item.grid-2[data-v-8aecaca0],.item.grid-4[data-v-8aecaca0],.item.grid-6[data-v-8aecaca0]{width:50%}}@media (min-width: 768px){.item.grid-2[data-v-8aecaca0],.item.grid-4[data-v-8aecaca0]{width:50%}.item.grid-3[data-v-8aecaca0],.item.grid-6[data-v-8aecaca0]{width:calc(100% / 3)}}@media (min-width: 960px){.item.grid-4[data-v-8aecaca0]{width:25%}}.VPHome[data-v-458cb9ca]{padding-bottom:96px}.VPHome[data-v-458cb9ca] .VPHomeSponsors{margin-top:112px;margin-bottom:-128px}@media (min-width: 768px){.VPHome[data-v-458cb9ca]{padding-bottom:128px}}.VPContent[data-v-f3ed2c70]{flex-grow:1;flex-shrink:0;margin:var(--vp-layout-top-height, 0px) auto 0;width:100%}.VPContent.is-home[data-v-f3ed2c70]{width:100%;max-width:100%}.VPContent.has-sidebar[data-v-f3ed2c70]{margin:0}@media (min-width: 960px){.VPContent[data-v-f3ed2c70]{padding-top:var(--vp-nav-height)}.VPContent.has-sidebar[data-v-f3ed2c70]{margin:var(--vp-layout-top-height, 0px) 0 0;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPContent.has-sidebar[data-v-f3ed2c70]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.VPFooter[data-v-b69a1592]{position:relative;z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);padding:32px 24px;background-color:var(--vp-c-bg)}.VPFooter.has-sidebar[data-v-b69a1592]{display:none}@media (min-width: 768px){.VPFooter[data-v-b69a1592]{padding:32px}}.container[data-v-b69a1592]{margin:0 auto;max-width:var(--vp-layout-max-width);text-align:center}.message[data-v-b69a1592],.copyright[data-v-b69a1592]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.VPLocalNavOutlineDropdown[data-v-44ae7a43]{padding:12px 20px 11px}.VPLocalNavOutlineDropdown button[data-v-44ae7a43]{display:block;font-size:12px;font-weight:500;line-height:24px;color:var(--vp-c-text-2);transition:color .5s;position:relative}.VPLocalNavOutlineDropdown button[data-v-44ae7a43]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPLocalNavOutlineDropdown button.open[data-v-44ae7a43]{color:var(--vp-c-text-1)}.icon[data-v-44ae7a43]{display:inline-block;vertical-align:middle;margin-left:2px;width:14px;height:14px;fill:currentColor}[data-v-44ae7a43] .outline-link{font-size:14px;padding:2px 0}.open>.icon[data-v-44ae7a43]{transform:rotate(90deg)}.items[data-v-44ae7a43]{position:absolute;top:64px;right:16px;left:16px;display:grid;gap:1px;border:1px solid var(--vp-c-border);border-radius:8px;background-color:var(--vp-c-gutter);max-height:calc(var(--vp-vh, 100vh) - 86px);overflow:hidden auto;box-shadow:var(--vp-shadow-3)}.header[data-v-44ae7a43]{background-color:var(--vp-c-bg-soft)}.top-link[data-v-44ae7a43]{display:block;padding:0 16px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.outline[data-v-44ae7a43]{padding:8px 0;background-color:var(--vp-c-bg-soft)}.flyout-enter-active[data-v-44ae7a43]{transition:all .2s ease-out}.flyout-leave-active[data-v-44ae7a43]{transition:all .15s ease-in}.flyout-enter-from[data-v-44ae7a43],.flyout-leave-to[data-v-44ae7a43]{opacity:0;transform:translateY(-16px)}.VPLocalNav[data-v-a41c4a1c]{position:sticky;top:0;left:0;z-index:var(--vp-z-index-local-nav);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--vp-c-gutter);border-bottom:1px solid var(--vp-c-gutter);padding-top:var(--vp-layout-top-height, 0px);width:100%;background-color:var(--vp-local-nav-bg-color)}.VPLocalNav.fixed[data-v-a41c4a1c]{position:fixed}.VPLocalNav.reached-top[data-v-a41c4a1c]{border-top-color:transparent}@media (min-width: 960px){.VPLocalNav[data-v-a41c4a1c]{display:none}}.menu[data-v-a41c4a1c]{display:flex;align-items:center;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.menu[data-v-a41c4a1c]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.menu[data-v-a41c4a1c]{padding:0 32px}}.menu-icon[data-v-a41c4a1c]{margin-right:8px;width:16px;height:16px;fill:currentColor}.VPOutlineDropdown[data-v-a41c4a1c]{padding:12px 24px 11px}@media (min-width: 768px){.VPOutlineDropdown[data-v-a41c4a1c]{padding:12px 32px 11px}}.VPSwitch[data-v-56eb52d1]{position:relative;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--vp-input-border-color);background-color:var(--vp-input-switch-bg-color);transition:border-color .25s!important}.VPSwitch[data-v-56eb52d1]:hover{border-color:var(--vp-c-brand-1)}.check[data-v-56eb52d1]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--vp-c-neutral-inverse);box-shadow:var(--vp-shadow-1);transition:transform .25s!important}.icon[data-v-56eb52d1]{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.icon[data-v-56eb52d1] svg{position:absolute;top:3px;left:3px;width:12px;height:12px;fill:var(--vp-c-text-2)}.dark .icon[data-v-56eb52d1] svg{fill:var(--vp-c-text-1);transition:opacity .25s!important}.sun[data-v-65b67168]{opacity:1}.moon[data-v-65b67168],.dark .sun[data-v-65b67168]{opacity:0}.dark .moon[data-v-65b67168]{opacity:1}.dark .VPSwitchAppearance[data-v-65b67168] .check{transform:translate(18px)}.VPNavBarAppearance[data-v-dc7cad42]{display:none}@media (min-width: 1280px){.VPNavBarAppearance[data-v-dc7cad42]{display:flex;align-items:center}}.VPMenuGroup+.VPMenuLink[data-v-ec5470f2]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.link[data-v-ec5470f2]{display:block;border-radius:6px;padding:0 12px;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);white-space:nowrap;transition:background-color .25s,color .25s}.link[data-v-ec5470f2]:hover{color:var(--vp-c-brand-1);background-color:var(--vp-c-default-soft)}.link.active[data-v-ec5470f2]{color:var(--vp-c-brand-1)}.VPMenuGroup[data-v-b9d0e57b]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.VPMenuGroup[data-v-b9d0e57b]:first-child{margin-top:0;border-top:0;padding-top:0}.VPMenuGroup+.VPMenuGroup[data-v-b9d0e57b]{margin-top:12px;border-top:1px solid var(--vp-c-divider)}.title[data-v-b9d0e57b]{padding:0 12px;line-height:32px;font-size:14px;font-weight:600;color:var(--vp-c-text-2);white-space:nowrap;transition:color .25s}.VPMenu[data-v-17c3596a]{border-radius:12px;padding:12px;min-width:128px;border:1px solid var(--vp-c-divider);background-color:var(--vp-c-bg-elv);box-shadow:var(--vp-shadow-3);transition:background-color .5s;max-height:calc(100vh - var(--vp-nav-height));overflow-y:auto}.VPMenu[data-v-17c3596a] .group{margin:0 -12px;padding:0 12px 12px}.VPMenu[data-v-17c3596a] .group+.group{border-top:1px solid var(--vp-c-divider);padding:11px 12px 12px}.VPMenu[data-v-17c3596a] .group:last-child{padding-bottom:0}.VPMenu[data-v-17c3596a] .group+.item{border-top:1px solid var(--vp-c-divider);padding:11px 16px 0}.VPMenu[data-v-17c3596a] .item{padding:0 16px;white-space:nowrap}.VPMenu[data-v-17c3596a] .label{flex-grow:1;line-height:28px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPMenu[data-v-17c3596a] .action{padding-left:24px}.VPFlyout[data-v-62bba1f9]{position:relative}.VPFlyout[data-v-62bba1f9]:hover{color:var(--vp-c-brand-1);transition:color .25s}.VPFlyout:hover .text[data-v-62bba1f9]{color:var(--vp-c-text-2)}.VPFlyout:hover .icon[data-v-62bba1f9]{fill:var(--vp-c-text-2)}.VPFlyout.active .text[data-v-62bba1f9]{color:var(--vp-c-brand-1)}.VPFlyout.active:hover .text[data-v-62bba1f9]{color:var(--vp-c-brand-2)}.VPFlyout:hover .menu[data-v-62bba1f9],.button[aria-expanded=true]+.menu[data-v-62bba1f9]{opacity:1;visibility:visible;transform:translateY(0)}.button[aria-expanded=false]+.menu[data-v-62bba1f9]{opacity:0;visibility:hidden;transform:translateY(0)}.button[data-v-62bba1f9]{display:flex;align-items:center;padding:0 12px;height:var(--vp-nav-height);color:var(--vp-c-text-1);transition:color .5s}.text[data-v-62bba1f9]{display:flex;align-items:center;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.option-icon[data-v-62bba1f9]{margin-right:0;width:16px;height:16px;fill:currentColor}.text-icon[data-v-62bba1f9]{margin-left:4px;width:14px;height:14px;fill:currentColor}.icon[data-v-62bba1f9]{width:20px;height:20px;fill:currentColor;transition:fill .25s}.menu[data-v-62bba1f9]{position:absolute;top:calc(var(--vp-nav-height) / 2 + 20px);right:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}.VPSocialLink[data-v-1b61e2c7]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--vp-c-text-2);transition:color .5s}.VPSocialLink[data-v-1b61e2c7]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPSocialLink[data-v-1b61e2c7]>svg{width:20px;height:20px;fill:currentColor}.VPSocialLinks[data-v-8a65be56]{display:flex;justify-content:center}.VPNavBarExtra[data-v-e5c8c6ca]{display:none;margin-right:-12px}@media (min-width: 768px){.VPNavBarExtra[data-v-e5c8c6ca]{display:block}}@media (min-width: 1280px){.VPNavBarExtra[data-v-e5c8c6ca]{display:none}}.trans-title[data-v-e5c8c6ca]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.item.appearance[data-v-e5c8c6ca],.item.social-links[data-v-e5c8c6ca]{display:flex;align-items:center;padding:0 12px}.item.appearance[data-v-e5c8c6ca]{min-width:176px}.appearance-action[data-v-e5c8c6ca]{margin-right:-2px}.social-links-list[data-v-e5c8c6ca]{margin:-4px -8px}.VPNavBarHamburger[data-v-f865e4ad]{display:flex;justify-content:center;align-items:center;width:48px;height:var(--vp-nav-height)}@media (min-width: 768px){.VPNavBarHamburger[data-v-f865e4ad]{display:none}}.container[data-v-f865e4ad]{position:relative;width:16px;height:14px;overflow:hidden}.VPNavBarHamburger:hover .top[data-v-f865e4ad]{top:0;left:0;transform:translate(4px)}.VPNavBarHamburger:hover .middle[data-v-f865e4ad]{top:6px;left:0;transform:translate(0)}.VPNavBarHamburger:hover .bottom[data-v-f865e4ad]{top:12px;left:0;transform:translate(8px)}.VPNavBarHamburger.active .top[data-v-f865e4ad]{top:6px;transform:translate(0) rotate(225deg)}.VPNavBarHamburger.active .middle[data-v-f865e4ad]{top:6px;transform:translate(16px)}.VPNavBarHamburger.active .bottom[data-v-f865e4ad]{top:6px;transform:translate(0) rotate(135deg)}.VPNavBarHamburger.active:hover .top[data-v-f865e4ad],.VPNavBarHamburger.active:hover .middle[data-v-f865e4ad],.VPNavBarHamburger.active:hover .bottom[data-v-f865e4ad]{background-color:var(--vp-c-text-2);transition:top .25s,background-color .25s,transform .25s}.top[data-v-f865e4ad],.middle[data-v-f865e4ad],.bottom[data-v-f865e4ad]{position:absolute;width:16px;height:2px;background-color:var(--vp-c-text-1);transition:top .25s,background-color .5s,transform .25s}.top[data-v-f865e4ad]{top:0;left:0;transform:translate(0)}.middle[data-v-f865e4ad]{top:6px;left:0;transform:translate(8px)}.bottom[data-v-f865e4ad]{top:12px;left:0;transform:translate(4px)}.VPNavBarMenuLink[data-v-416f44b0]{display:flex;align-items:center;padding:0 12px;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.VPNavBarMenuLink.active[data-v-416f44b0],.VPNavBarMenuLink[data-v-416f44b0]:hover{color:var(--vp-c-brand-1)}.VPNavBarMenu[data-v-183ec936]{display:none}@media (min-width: 768px){.VPNavBarMenu[data-v-183ec936]{display:flex}}/*! @docsearch/css 3.5.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[class*=DocSearch]{--docsearch-primary-color: var(--vp-c-brand-1);--docsearch-highlight-color: var(--docsearch-primary-color);--docsearch-text-color: var(--vp-c-text-1);--docsearch-muted-color: var(--vp-c-text-2);--docsearch-searchbox-shadow: none;--docsearch-searchbox-background: transparent;--docsearch-searchbox-focus-background: transparent;--docsearch-key-gradient: transparent;--docsearch-key-shadow: none;--docsearch-modal-background: var(--vp-c-bg-soft);--docsearch-footer-background: var(--vp-c-bg)}.dark [class*=DocSearch]{--docsearch-modal-shadow: none;--docsearch-footer-shadow: none;--docsearch-logo-color: var(--vp-c-text-2);--docsearch-hit-background: var(--vp-c-default-soft);--docsearch-hit-color: var(--vp-c-text-2);--docsearch-hit-shadow: none}.DocSearch-Button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:48px;height:55px;background:transparent;transition:border-color .25s}.DocSearch-Button:hover{background:transparent}.DocSearch-Button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.DocSearch-Button:focus:not(:focus-visible){outline:none!important}@media (min-width: 768px){.DocSearch-Button{justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 12px;width:100%;height:40px;background-color:var(--vp-c-bg-alt)}.DocSearch-Button:hover{border-color:var(--vp-c-brand-1);background:var(--vp-c-bg-alt)}}.DocSearch-Button .DocSearch-Button-Container{display:flex;align-items:center}.DocSearch-Button .DocSearch-Search-Icon{position:relative;width:16px;height:16px;color:var(--vp-c-text-1);fill:currentColor;transition:color .5s}.DocSearch-Button:hover .DocSearch-Search-Icon{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Search-Icon{top:1px;margin-right:8px;width:14px;height:14px;color:var(--vp-c-text-2)}}.DocSearch-Button .DocSearch-Button-Placeholder{display:none;margin-top:2px;padding:0 16px 0 0;font-size:13px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.DocSearch-Button:hover .DocSearch-Button-Placeholder{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Placeholder{display:inline-block}}.DocSearch-Button .DocSearch-Button-Keys{direction:ltr;display:none;min-width:auto}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Keys{display:flex;align-items:center}}.DocSearch-Button .DocSearch-Button-Key{display:block;margin:2px 0 0;border:1px solid var(--vp-c-divider);border-right:none;border-radius:4px 0 0 4px;padding-left:6px;min-width:0;width:auto;height:22px;line-height:22px;font-family:var(--vp-font-family-base);font-size:12px;font-weight:500;transition:color .5s,border-color .5s}.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key{border-right:1px solid var(--vp-c-divider);border-left:none;border-radius:0 4px 4px 0;padding-left:2px;padding-right:6px}.DocSearch-Button .DocSearch-Button-Key:first-child{font-size:0!important}.DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"Ctrl";font-size:12px;letter-spacing:normal;color:var(--docsearch-muted-color)}.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"⌘"}.DocSearch-Button .DocSearch-Button-Key:first-child>*{display:none}.VPNavBarSearch{display:flex;align-items:center}@media (min-width: 768px){.VPNavBarSearch{flex-grow:1;padding-left:24px}}@media (min-width: 960px){.VPNavBarSearch{padding-left:32px}}.dark .DocSearch-Footer{border-top:1px solid var(--vp-c-divider)}.DocSearch-Form{border:1px solid var(--vp-c-brand-1);background-color:var(--vp-c-white)}.dark .DocSearch-Form{background-color:var(--vp-c-default-soft)}.DocSearch-Screen-Icon>svg{margin:auto}.VPNavBarSocialLinks[data-v-aaebde08]{display:none}@media (min-width: 1280px){.VPNavBarSocialLinks[data-v-aaebde08]{display:flex;align-items:center}}.title[data-v-87c32abd]{display:flex;align-items:center;border-bottom:1px solid transparent;width:100%;height:var(--vp-nav-height);font-size:16px;font-weight:600;color:var(--vp-c-text-1);transition:opacity .25s}@media (min-width: 960px){.title[data-v-87c32abd]{flex-shrink:0}.VPNavBarTitle.has-sidebar .title[data-v-87c32abd]{border-bottom-color:var(--vp-c-divider)}}[data-v-87c32abd] .logo{margin-right:8px;height:var(--vp-nav-logo-height)}.VPNavBarTranslations[data-v-fdfb8e5a]{display:none}@media (min-width: 1280px){.VPNavBarTranslations[data-v-fdfb8e5a]{display:flex;align-items:center}}.title[data-v-fdfb8e5a]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.VPNavBar[data-v-57f83237]{position:relative;border-bottom:1px solid transparent;padding:0 8px 0 24px;height:var(--vp-nav-height);pointer-events:none;white-space:nowrap}@media (min-width: 768px){.VPNavBar[data-v-57f83237]{padding:0 32px}}@media (min-width: 960px){.VPNavBar.has-sidebar[data-v-57f83237]{padding:0}.VPNavBar[data-v-57f83237]:not(.has-sidebar):not(.top){border-bottom-color:var(--vp-c-gutter);background-color:var(--vp-nav-bg-color)}}.container[data-v-57f83237]{display:flex;justify-content:space-between;margin:0 auto;max-width:calc(var(--vp-layout-max-width) - 64px);height:var(--vp-nav-height);pointer-events:none}.container>.title[data-v-57f83237],.container>.content[data-v-57f83237]{pointer-events:none}.container[data-v-57f83237] *{pointer-events:auto}@media (min-width: 960px){.VPNavBar.has-sidebar .container[data-v-57f83237]{max-width:100%}}.title[data-v-57f83237]{flex-shrink:0;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar.has-sidebar .title[data-v-57f83237]{position:absolute;top:0;left:0;z-index:2;padding:0 32px;width:var(--vp-sidebar-width);height:var(--vp-nav-height);background-color:transparent}}@media (min-width: 1440px){.VPNavBar.has-sidebar .title[data-v-57f83237]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}.content[data-v-57f83237]{flex-grow:1}@media (min-width: 960px){.VPNavBar.has-sidebar .content[data-v-57f83237]{position:relative;z-index:1;padding-right:32px;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .content[data-v-57f83237]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2 + 32px);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.content-body[data-v-57f83237]{display:flex;justify-content:flex-end;align-items:center;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar:not(.top) .content-body[data-v-57f83237]{position:relative;background-color:var(--vp-nav-bg-color)}}@media (max-width: 767px){.content-body[data-v-57f83237]{column-gap:.5rem}}.menu+.translations[data-v-57f83237]:before,.menu+.appearance[data-v-57f83237]:before,.menu+.social-links[data-v-57f83237]:before,.translations+.appearance[data-v-57f83237]:before,.appearance+.social-links[data-v-57f83237]:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--vp-c-divider);content:""}.menu+.appearance[data-v-57f83237]:before,.translations+.appearance[data-v-57f83237]:before{margin-right:16px}.appearance+.social-links[data-v-57f83237]:before{margin-left:16px}.social-links[data-v-57f83237]{margin-right:-8px}@media (min-width: 960px){.VPNavBar.has-sidebar .curtain[data-v-57f83237]{position:absolute;right:0;bottom:-31px;width:calc(100% - var(--vp-sidebar-width));height:32px}.VPNavBar.has-sidebar .curtain[data-v-57f83237]:before{display:block;width:100%;height:32px;background:linear-gradient(var(--vp-c-bg),transparent 70%);content:""}}@media (min-width: 1440px){.VPNavBar.has-sidebar .curtain[data-v-57f83237]{width:calc(100% - ((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width)))}}.VPNavScreenAppearance[data-v-06a2ccf5]{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 14px 12px 16px;background-color:var(--vp-c-bg-soft)}.text[data-v-06a2ccf5]{line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.VPNavScreenMenuLink[data-v-8ff91e12]{display:block;border-bottom:1px solid var(--vp-c-divider);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:border-color .25s,color .25s}.VPNavScreenMenuLink[data-v-8ff91e12]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupLink[data-v-e7113d9e]{display:block;margin-left:12px;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-1);transition:color .25s}.VPNavScreenMenuGroupLink[data-v-e7113d9e]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupSection[data-v-f4e6c868]{display:block}.title[data-v-f4e6c868]{line-height:32px;font-size:13px;font-weight:700;color:var(--vp-c-text-2);transition:color .25s}.VPNavScreenMenuGroup[data-v-13f80375]{border-bottom:1px solid var(--vp-c-divider);height:48px;overflow:hidden;transition:border-color .5s}.VPNavScreenMenuGroup .items[data-v-13f80375]{visibility:hidden}.VPNavScreenMenuGroup.open .items[data-v-13f80375]{visibility:visible}.VPNavScreenMenuGroup.open[data-v-13f80375]{padding-bottom:10px;height:auto}.VPNavScreenMenuGroup.open .button[data-v-13f80375]{padding-bottom:6px;color:var(--vp-c-brand-1)}.VPNavScreenMenuGroup.open .button-icon[data-v-13f80375]{transform:rotate(45deg)}.button[data-v-13f80375]{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 11px 0;width:100%;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.button[data-v-13f80375]:hover{color:var(--vp-c-brand-1)}.button-icon[data-v-13f80375]{width:14px;height:14px;fill:var(--vp-c-text-2);transition:fill .5s,transform .25s}.group[data-v-13f80375]:first-child{padding-top:0}.group+.group[data-v-13f80375],.group+.item[data-v-13f80375]{padding-top:4px}.VPNavScreenTranslations[data-v-84369744]{height:24px;overflow:hidden}.VPNavScreenTranslations.open[data-v-84369744]{height:auto}.title[data-v-84369744]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-text-1)}.icon[data-v-84369744]{width:16px;height:16px;fill:currentColor}.icon.lang[data-v-84369744]{margin-right:8px}.icon.chevron[data-v-84369744]{margin-left:4px}.list[data-v-84369744]{padding:4px 0 0 24px}.link[data-v-84369744]{line-height:32px;font-size:13px;color:var(--vp-c-text-1)}.VPNavScreen[data-v-796c739a]{position:fixed;top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 1px);right:0;bottom:0;left:0;padding:0 32px;width:100%;background-color:var(--vp-nav-screen-bg-color);overflow-y:auto;transition:background-color .5s;pointer-events:auto}.VPNavScreen.fade-enter-active[data-v-796c739a],.VPNavScreen.fade-leave-active[data-v-796c739a]{transition:opacity .25s}.VPNavScreen.fade-enter-active .container[data-v-796c739a],.VPNavScreen.fade-leave-active .container[data-v-796c739a]{transition:transform .25s ease}.VPNavScreen.fade-enter-from[data-v-796c739a],.VPNavScreen.fade-leave-to[data-v-796c739a]{opacity:0}.VPNavScreen.fade-enter-from .container[data-v-796c739a],.VPNavScreen.fade-leave-to .container[data-v-796c739a]{transform:translateY(-8px)}@media (min-width: 768px){.VPNavScreen[data-v-796c739a]{display:none}}.container[data-v-796c739a]{margin:0 auto;padding:24px 0 96px;max-width:288px}.menu+.translations[data-v-796c739a],.menu+.appearance[data-v-796c739a],.translations+.appearance[data-v-796c739a]{margin-top:24px}.menu+.social-links[data-v-796c739a]{margin-top:16px}.appearance+.social-links[data-v-796c739a]{margin-top:16px}.VPNav[data-v-ff202323]{position:relative;top:var(--vp-layout-top-height, 0px);left:0;z-index:var(--vp-z-index-nav);width:100%;pointer-events:none;transition:background-color .5s}@media (min-width: 960px){.VPNav[data-v-ff202323]{position:fixed}}.VPSidebarItem.level-0[data-v-1b9f5c6f]{padding-bottom:24px}.VPSidebarItem.collapsed.level-0[data-v-1b9f5c6f]{padding-bottom:10px}.item[data-v-1b9f5c6f]{position:relative;display:flex;width:100%}.VPSidebarItem.collapsible>.item[data-v-1b9f5c6f]{cursor:pointer}.indicator[data-v-1b9f5c6f]{position:absolute;top:6px;bottom:6px;left:-17px;width:2px;border-radius:2px;transition:background-color .25s}.VPSidebarItem.level-2.is-active>.item>.indicator[data-v-1b9f5c6f],.VPSidebarItem.level-3.is-active>.item>.indicator[data-v-1b9f5c6f],.VPSidebarItem.level-4.is-active>.item>.indicator[data-v-1b9f5c6f],.VPSidebarItem.level-5.is-active>.item>.indicator[data-v-1b9f5c6f]{background-color:var(--vp-c-brand-1)}.link[data-v-1b9f5c6f]{display:flex;align-items:center;flex-grow:1}.text[data-v-1b9f5c6f]{flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;transition:color .25s}.VPSidebarItem.level-0 .text[data-v-1b9f5c6f]{font-weight:700;color:var(--vp-c-text-1)}.VPSidebarItem.level-1 .text[data-v-1b9f5c6f],.VPSidebarItem.level-2 .text[data-v-1b9f5c6f],.VPSidebarItem.level-3 .text[data-v-1b9f5c6f],.VPSidebarItem.level-4 .text[data-v-1b9f5c6f],.VPSidebarItem.level-5 .text[data-v-1b9f5c6f]{font-weight:500;color:var(--vp-c-text-2)}.VPSidebarItem.level-0.is-link>.item>.link:hover .text[data-v-1b9f5c6f],.VPSidebarItem.level-1.is-link>.item>.link:hover .text[data-v-1b9f5c6f],.VPSidebarItem.level-2.is-link>.item>.link:hover .text[data-v-1b9f5c6f],.VPSidebarItem.level-3.is-link>.item>.link:hover .text[data-v-1b9f5c6f],.VPSidebarItem.level-4.is-link>.item>.link:hover .text[data-v-1b9f5c6f],.VPSidebarItem.level-5.is-link>.item>.link:hover .text[data-v-1b9f5c6f]{color:var(--vp-c-brand-1)}.VPSidebarItem.level-0.has-active>.item>.text[data-v-1b9f5c6f],.VPSidebarItem.level-1.has-active>.item>.text[data-v-1b9f5c6f],.VPSidebarItem.level-2.has-active>.item>.text[data-v-1b9f5c6f],.VPSidebarItem.level-3.has-active>.item>.text[data-v-1b9f5c6f],.VPSidebarItem.level-4.has-active>.item>.text[data-v-1b9f5c6f],.VPSidebarItem.level-5.has-active>.item>.text[data-v-1b9f5c6f],.VPSidebarItem.level-0.has-active>.item>.link>.text[data-v-1b9f5c6f],.VPSidebarItem.level-1.has-active>.item>.link>.text[data-v-1b9f5c6f],.VPSidebarItem.level-2.has-active>.item>.link>.text[data-v-1b9f5c6f],.VPSidebarItem.level-3.has-active>.item>.link>.text[data-v-1b9f5c6f],.VPSidebarItem.level-4.has-active>.item>.link>.text[data-v-1b9f5c6f],.VPSidebarItem.level-5.has-active>.item>.link>.text[data-v-1b9f5c6f]{color:var(--vp-c-text-1)}.VPSidebarItem.level-0.is-active>.item .link>.text[data-v-1b9f5c6f],.VPSidebarItem.level-1.is-active>.item .link>.text[data-v-1b9f5c6f],.VPSidebarItem.level-2.is-active>.item .link>.text[data-v-1b9f5c6f],.VPSidebarItem.level-3.is-active>.item .link>.text[data-v-1b9f5c6f],.VPSidebarItem.level-4.is-active>.item .link>.text[data-v-1b9f5c6f],.VPSidebarItem.level-5.is-active>.item .link>.text[data-v-1b9f5c6f]{color:var(--vp-c-brand-1)}.caret[data-v-1b9f5c6f]{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--vp-c-text-3);cursor:pointer;transition:color .25s;flex-shrink:0}.item:hover .caret[data-v-1b9f5c6f]{color:var(--vp-c-text-2)}.item:hover .caret[data-v-1b9f5c6f]:hover{color:var(--vp-c-text-1)}.caret-icon[data-v-1b9f5c6f]{width:18px;height:18px;fill:currentColor;transform:rotate(90deg);transition:transform .25s}.VPSidebarItem.collapsed .caret-icon[data-v-1b9f5c6f]{transform:rotate(0)}.VPSidebarItem.level-1 .items[data-v-1b9f5c6f],.VPSidebarItem.level-2 .items[data-v-1b9f5c6f],.VPSidebarItem.level-3 .items[data-v-1b9f5c6f],.VPSidebarItem.level-4 .items[data-v-1b9f5c6f],.VPSidebarItem.level-5 .items[data-v-1b9f5c6f]{border-left:1px solid var(--vp-c-divider);padding-left:16px}.VPSidebarItem.collapsed .items[data-v-1b9f5c6f]{display:none}.VPSidebar[data-v-7ab77f34]{position:fixed;top:var(--vp-layout-top-height, 0px);bottom:0;left:0;z-index:var(--vp-z-index-sidebar);padding:32px 32px 96px;width:calc(100vw - 64px);max-width:320px;background-color:var(--vp-sidebar-bg-color);opacity:0;box-shadow:var(--vp-c-shadow-3);overflow-x:hidden;overflow-y:auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;overscroll-behavior:contain}.VPSidebar.open[data-v-7ab77f34]{opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1)}.dark .VPSidebar[data-v-7ab77f34]{box-shadow:var(--vp-shadow-1)}@media (min-width: 960px){.VPSidebar[data-v-7ab77f34]{z-index:1;padding-top:var(--vp-nav-height);padding-bottom:128px;width:var(--vp-sidebar-width);max-width:100%;background-color:var(--vp-sidebar-bg-color);opacity:1;visibility:visible;box-shadow:none;transform:translate(0)}}@media (min-width: 1440px){.VPSidebar[data-v-7ab77f34]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}@media (min-width: 960px){.curtain[data-v-7ab77f34]{position:sticky;top:-64px;left:0;z-index:1;margin-top:calc(var(--vp-nav-height) * -1);margin-right:-32px;margin-left:-32px;height:var(--vp-nav-height);background-color:var(--vp-sidebar-bg-color)}}.nav[data-v-7ab77f34]{outline:0}.group+.group[data-v-7ab77f34]{border-top:1px solid var(--vp-c-divider);padding-top:10px}@media (min-width: 960px){.group[data-v-7ab77f34]{padding-top:10px;width:calc(var(--vp-sidebar-width) - 64px)}}.VPSkipLink[data-v-315fcc9b]{top:8px;left:8px;padding:8px 16px;z-index:999;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--vp-c-brand-1);box-shadow:var(--vp-shadow-3);background-color:var(--vp-c-bg)}.VPSkipLink[data-v-315fcc9b]:focus{height:auto;width:auto;clip:auto;clip-path:none}@media (min-width: 1280px){.VPSkipLink[data-v-315fcc9b]{top:14px;left:16px}}.Layout[data-v-f6284a77]{display:flex;flex-direction:column;min-height:100vh}.VPHomeSponsors[data-v-507e6e02]{border-top:1px solid var(--vp-c-gutter);padding:88px 24px 96px;background-color:var(--vp-c-bg)}.container[data-v-507e6e02]{margin:0 auto;max-width:1152px}.love[data-v-507e6e02]{margin:0 auto;width:28px;height:28px;color:var(--vp-c-text-3)}.icon[data-v-507e6e02]{width:28px;height:28px;fill:currentColor}.message[data-v-507e6e02]{margin:0 auto;padding-top:10px;max-width:320px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.sponsors[data-v-507e6e02]{padding-top:32px}.action[data-v-507e6e02]{padding-top:40px;text-align:center}.VPTeamPage[data-v-af098aea]{padding-bottom:96px}@media (min-width: 768px){.VPTeamPage[data-v-af098aea]{padding-bottom:128px}}.VPTeamPageSection+.VPTeamPageSection[data-v-af098aea-s],.VPTeamMembers+.VPTeamPageSection[data-v-af098aea-s]{margin-top:64px}.VPTeamMembers+.VPTeamMembers[data-v-af098aea-s]{margin-top:24px}@media (min-width: 768px){.VPTeamPageTitle+.VPTeamPageSection[data-v-af098aea-s]{margin-top:16px}.VPTeamPageSection+.VPTeamPageSection[data-v-af098aea-s],.VPTeamMembers+.VPTeamPageSection[data-v-af098aea-s]{margin-top:96px}}.VPTeamMembers[data-v-af098aea-s]{padding:0 24px}@media (min-width: 768px){.VPTeamMembers[data-v-af098aea-s]{padding:0 48px}}@media (min-width: 960px){.VPTeamMembers[data-v-af098aea-s]{padding:0 64px}}.VPTeamPageTitle[data-v-464bef4f]{padding:48px 32px;text-align:center}@media (min-width: 768px){.VPTeamPageTitle[data-v-464bef4f]{padding:64px 48px 48px}}@media (min-width: 960px){.VPTeamPageTitle[data-v-464bef4f]{padding:80px 64px 48px}}.title[data-v-464bef4f]{letter-spacing:0;line-height:44px;font-size:36px;font-weight:500}@media (min-width: 768px){.title[data-v-464bef4f]{letter-spacing:-.5px;line-height:56px;font-size:48px}}.lead[data-v-464bef4f]{margin:0 auto;max-width:512px;padding-top:12px;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 768px){.lead[data-v-464bef4f]{max-width:592px;letter-spacing:.15px;line-height:28px;font-size:20px}}.VPTeamPageSection[data-v-ea674020]{padding:0 32px}@media (min-width: 768px){.VPTeamPageSection[data-v-ea674020]{padding:0 48px}}@media (min-width: 960px){.VPTeamPageSection[data-v-ea674020]{padding:0 64px}}.title[data-v-ea674020]{position:relative;margin:0 auto;max-width:1152px;text-align:center;color:var(--vp-c-text-2)}.title-line[data-v-ea674020]{position:absolute;top:16px;left:0;width:100%;height:1px;background-color:var(--vp-c-divider)}.title-text[data-v-ea674020]{position:relative;display:inline-block;padding:0 24px;letter-spacing:0;line-height:32px;font-size:20px;font-weight:500;background-color:var(--vp-c-bg)}.lead[data-v-ea674020]{margin:0 auto;max-width:480px;padding-top:12px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.members[data-v-ea674020]{padding-top:40px}.VPTeamMembersItem[data-v-ac532fb0]{display:flex;flex-direction:column;gap:2px;border-radius:12px;width:100%;height:100%;overflow:hidden}.VPTeamMembersItem.small .profile[data-v-ac532fb0]{padding:32px}.VPTeamMembersItem.small .data[data-v-ac532fb0]{padding-top:20px}.VPTeamMembersItem.small .avatar[data-v-ac532fb0]{width:64px;height:64px}.VPTeamMembersItem.small .name[data-v-ac532fb0]{line-height:24px;font-size:16px}.VPTeamMembersItem.small .affiliation[data-v-ac532fb0]{padding-top:4px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .desc[data-v-ac532fb0]{padding-top:12px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .links[data-v-ac532fb0]{margin:0 -16px -20px;padding:10px 0 0}.VPTeamMembersItem.medium .profile[data-v-ac532fb0]{padding:48px 32px}.VPTeamMembersItem.medium .data[data-v-ac532fb0]{padding-top:24px;text-align:center}.VPTeamMembersItem.medium .avatar[data-v-ac532fb0]{width:96px;height:96px}.VPTeamMembersItem.medium .name[data-v-ac532fb0]{letter-spacing:.15px;line-height:28px;font-size:20px}.VPTeamMembersItem.medium .affiliation[data-v-ac532fb0]{padding-top:4px;font-size:16px}.VPTeamMembersItem.medium .desc[data-v-ac532fb0]{padding-top:16px;max-width:288px;font-size:16px}.VPTeamMembersItem.medium .links[data-v-ac532fb0]{margin:0 -16px -12px;padding:16px 12px 0}.profile[data-v-ac532fb0]{flex-grow:1;background-color:var(--vp-c-bg-soft)}.data[data-v-ac532fb0]{text-align:center}.avatar[data-v-ac532fb0]{position:relative;flex-shrink:0;margin:0 auto;border-radius:50%;box-shadow:var(--vp-shadow-3)}.avatar-img[data-v-ac532fb0]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;object-fit:cover}.name[data-v-ac532fb0]{margin:0;font-weight:600}.affiliation[data-v-ac532fb0]{margin:0;font-weight:500;color:var(--vp-c-text-2)}.org.link[data-v-ac532fb0]{color:var(--vp-c-text-2);transition:color .25s}.org.link[data-v-ac532fb0]:hover{color:var(--vp-c-brand-1)}.desc[data-v-ac532fb0]{margin:0 auto}.desc[data-v-ac532fb0] a{font-weight:500;color:var(--vp-c-brand-1);text-decoration-style:dotted;transition:color .25s}.links[data-v-ac532fb0]{display:flex;justify-content:center;height:56px}.sp-link[data-v-ac532fb0]{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;font-size:14px;font-weight:500;color:var(--vp-c-sponsor);background-color:var(--vp-c-bg-soft);transition:color .25s,background-color .25s}.sp .sp-link.link[data-v-ac532fb0]:hover,.sp .sp-link.link[data-v-ac532fb0]:focus{outline:none;color:var(--vp-c-white);background-color:var(--vp-c-sponsor)}.sp-icon[data-v-ac532fb0]{margin-right:8px;width:16px;height:16px;fill:currentColor}.VPTeamMembers.small .container[data-v-f8911391]{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.VPTeamMembers.small.count-1 .container[data-v-f8911391]{max-width:276px}.VPTeamMembers.small.count-2 .container[data-v-f8911391]{max-width:576px}.VPTeamMembers.small.count-3 .container[data-v-f8911391]{max-width:876px}.VPTeamMembers.medium .container[data-v-f8911391]{grid-template-columns:repeat(auto-fit,minmax(256px,1fr))}@media (min-width: 375px){.VPTeamMembers.medium .container[data-v-f8911391]{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}.VPTeamMembers.medium.count-1 .container[data-v-f8911391]{max-width:368px}.VPTeamMembers.medium.count-2 .container[data-v-f8911391]{max-width:760px}.container[data-v-f8911391]{display:grid;gap:24px;margin:0 auto;max-width:1152px}#nprogress{pointer-events:none}#nprogress .bar{background:var(--vp-c-brand);position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--vp-c-brand),0 0 5px var(--vp-c-brand);opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:var(--vp-c-brand);border-left-color:var(--vp-c-brand);border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--vp-twoslash-c-annotation-fg: var(--vp-c-text-1);--vp-twoslash-c-brand: var(--vp-c-brand);--vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);--vp-twoslash-c-error-fg: var(--vp-c-text-1);--vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);--vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);--vp-twoslash-c-logger-fg: var(--vp-c-text-1);--vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);--vp-twoslash-c-logger-log-fg: var(--vp-c-gray);--vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);--vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);--vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);--vp-twoslash-c-lsp-border: var(--vp-c-divider);--vp-twoslash-c-lsp-fg: var(--vp-c-text-1);--vp-twoslash-c-lsp-underline: var(--vp-c-text-2) ;--vp-twoslash-lsp-shadow: var(--vp-shadow-2);--vp-twoslash-c-query-bg: var(--vp-c-mute-darker);--vp-twoslash-c-query-fg-2: var(--vp-c-text-2);--vp-twoslash-c-query-fg: var(--vp-c-text-1)}pre.shiki.twoslash,pre.shiki.twoslash code{background-color:unset!important;color:unset!important}@media (min-width: 640px){.vp-doc div[class*=language-],pre.shiki.twoslash{overflow:visible}}pre.shiki .language-id,.language-twoslash{display:none}pre .error,pre .error-behind{display:block;margin-bottom:4px;margin-left:-24px;margin-top:8px;padding:6px 6px 6px 24px;white-space:pre-wrap;width:100%}pre .error{position:absolute;background-color:var(--vp-twoslash-c-error-bg);display:flex;align-items:center;color:var(--vp-twoslash-c-error-fg)}pre .error .code{display:none}pre .error-behind{-webkit-user-select:none;user-select:none;visibility:transparent;color:transparent}pre .arrow{background-color:var(--vp-twoslash-c-query-bg);position:relative;top:-6px;margin-left:.1rem;border-left:1px solid var(--vp-twoslash-c-query-bg);border-top:1px solid var(--vp-twoslash-c-query-bg);transform:translateY(25%) rotate(45deg);height:8px;width:8px}pre .popover{color:var(--vp-twoslash-c-query-fg);margin-bottom:10px;background-color:var(--vp-twoslash-c-query-bg);display:inline-block;line-height:inherit;padding:0 .5rem .3rem;margin-top:8px;border-radius:3px;max-width:575px;white-space:pre-wrap}pre.twoslash:hover data-lsp{border-color:var(--vp-twoslash-c-lsp-underline)}pre.twoslash data-lsp:hover:before{content:attr(lsp);position:absolute;transform:translateY(1.15rem);color:var(--vp-twoslash-c-lsp-fg);background-color:var(--vp-twoslash-c-lsp-bg);border:1px solid var(--vp-twoslash-c-lsp-border);box-shadow:var(--vp-twoslash-lsp-shadow);text-align:left;padding:5px 8px;border-radius:3px;font-size:14px;white-space:pre-wrap;z-index:100}data-lsp{border-bottom:1px dotted transparent;transition-timing-function:ease;transition:border-color .3s}@media (prefers-reduced-motion: reduce){data-lsp{transition:none}}pre data-err{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23c94824'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left;padding-bottom:3px}pre .code-container>a{position:absolute;right:9px;bottom:8px;border-radius:2px;background-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3ETypeScript%3C/title%3E%3Cpath fill='%233078c6' d='M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z'/%3E%3C/svg%3E");background-color:#fff;width:20px;height:20px;color:transparent;text-decoration:none;opacity:0;transition-timing-function:ease;transition:opacity .3s}pre .code-container>a:hover{color:transparent}@media (prefers-reduced-motion: reduce){pre .code-container>a{transition:none}}pre .code-container:hover a{opacity:1}pre .inline-completions ul.dropdown{display:inline-block;position:absolute;width:240px;background-color:var(--vp-twoslash-c-query-bg);color:var(--vp-twoslash-c-query-fg-2);font-family:var(--code-font);margin:0;padding:0;border-left:4px solid var(--vp-twoslash-c-query-bg)}pre .inline-completions ul.dropdown:before{background-color:var(--vp-twoslash-c-query-fg);width:2px;position:absolute;top:-1.2rem;left:-3px;height:17px;content:" "}pre .inline-completions ul.dropdown li{overflow-x:hidden;padding-left:4px;margin-bottom:4px}pre .inline-completions ul.dropdown li.deprecated{text-decoration:line-through}pre .inline-completions ul.dropdown li span.result-found{color:var(--vp-twoslash-c-query-fg);font-weight:700}pre .inline-completions ul.dropdown li span.result{width:100px;color:var(--vp-twoslash-c-query-fg-2);display:inline-block}pre code[class*=language-]{all:unset!important}pre code[class*=language-] pre{padding:0!important}div[class*=language-] pre:not(.shiki){position:unset!important;white-space:inherit!important}pre .logger{display:flex;align-items:center;color:var(--vp-twoslash-c-logger-fg);padding:6px 6px 6px 8px;width:100%;white-space:pre-wrap}pre .logger svg{margin-right:9px}pre .logger.error-log{background-color:var(--vp-twoslash-c-logger-error-bg)}pre .logger.error-log svg path{fill:var(--vp-twoslash-c-logger-error-fg);stroke:var(--vp-twoslash-c-logger-error-fg)}pre .logger.warn-log{background-color:var(--vp-twoslash-c-logger-warn-bg)}pre .logger.warn-log svg path{fill:var(--vp-twoslash-c-logger-warn-fg);stroke:var(--vp-twoslash-c-logger-warn-fg)}pre .logger.log-log{background-color:var(--vp-twoslash-c-logger-log-bg)}pre .logger.log-log svg path,pre .logger.log-log svg line{fill:var(--vp-twoslash-c-logger-log-fg);stroke:var(--vp-twoslash-c-logger-log-fg)}pre .logger.log-log svg{margin-left:6px;margin-right:9px}.tag-container,.tag-container pre{position:unset!important}.tag-container .twoslash-annotation{position:absolute;right:-10px;width:200px;color:var(--vp-twoslash-c-brand);z-index:100}.tag-container .twoslash-annotation p{text-align:left;font-size:.8rem;line-height:.9rem}.tag-container .twoslash-annotation svg{float:left;margin-left:-44px}.tag-container .twoslash-annotation.left{right:auto;left:-200px}.tag-container .twoslash-annotation.left svg{float:right;margin-right:-5px}.tag-container .twoslash-annotation svg path{stroke:var(--vp-twoslash-c-annotation-fg)}pre.shiki:hover .dim{opacity:1}pre.shiki div.dim{opacity:.5}pre.shiki div.dim,pre.shiki div.highlight{margin:0;padding:0}pre.shiki div.highlight{opacity:1;background-color:var(--vp-c-mute-light)}pre.shiki div.line{min-height:1rem}pre.shiki span.line.highlighted{background-color:var(--vp-code-line-highlight-color)}pre code{-webkit-overflow-scrolling:touch}pre code a{text-decoration:none}pre .query{margin-bottom:10px;color:#137998;display:inline-block}*{scrollbar-color:var(--vp-c-divider-light) var(--vp-button-alt-bg);scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--vp-c-mute)}::-webkit-scrollbar-thumb:hover{background:var(--vp-button-alt-hover-bg)}::-webkit-scrollbar-track{background:var(--vp-button-alt-bg)}::-webkit-scrollbar-corner{background:transparent}.katex{font-size:1.05em;direction:ltr}.katex-display{overflow:auto hidden;-webkit-overflow-scrolling:touch;padding-top:.2em;padding-bottom:.2em}.katex-display::-webkit-scrollbar{height:3px}.katex-display .katex{font-size:1.21em}.katex-error{color:red}.medium-zoom-image{z-index:21}.medium-zoom-image{align-items:center}.VPDoc .content-container img{border-radius:5px}.heart{animation:heart 5s ease infinite;color:red}@keyframes heart{0%{transform:scale(1)}5%{transform:scale(1.25)}20%{transform:scale(1)}30%{transform:scale(1)}35%{transform:scale(1.25)}50%{transform:scale(1)}55%{transform:scale(1.25)}70%{transform:scale(1)}}.coffee{color:#580d0d}pre,code,kbd,samp{font-family:var(--vp-font-family-mono)}img.VPImage.image-src{width:300px}.vp-doc>div{width:100%}@media (min-width: 1440px){.VPDoc.has-aside .content-container.content-container{max-width:100%}}.vp-doc p a+a{margin-left:17px}@media (max-width: 1080px){:root{--vp-sidebar-width: 260px}.VPNav .DocSearch-Button-Placeholder{display:none}.VPNav .VPNavBarMenuLink,.VPNav .VPNavBarMenuGroup .button{padding-left:10px;padding-right:10px}}@media (max-width: 992px){.VPNav .VPNavBar{padding-left:24px;padding-right:24px}.VPNav .VPNavBarMenuLink,.VPNav .VPNavBarMenuGroup .button{padding-left:8px;padding-right:8px}}@media (max-width: 800px){.VPNav .VPNavBarSearch{padding-left:16px}.VPNav .VPNavBarMenuLink,.VPNav .VPNavBarMenuGroup .button{padding-left:6px;padding-right:6px}}.VPMenuGroup .title{white-space:nowrap}.DocSearch-Logo{display:none}.link-preview-widget{display:table;width:100%;border:2px solid rgba(55,53,47,.16);border-radius:5px}.link-preview-widget-title{font-size:16px;font-weight:700;display:-webkit-box;overflow:hidden;margin-bottom:8px;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}.link-preview-widget-description{font-size:12px;font-style:normal;line-height:1.5;display:-webkit-box;overflow:hidden;max-height:3em;margin-bottom:4px;word-break:break-all;color:#37352fa6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.link-preview-widget-url{font-size:12px;font-style:normal;line-height:1.5;display:block;margin-bottom:0;color:#37352fa6}.link-preview-widget>a{text-decoration:none!important;display:table-cell;flex-direction:column;padding:16px;cursor:pointer;vertical-align:middle;color:inherit;background-color:transparent;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;flex:1;transition:background-color .2s ease-in-out;border-radius:5px}.link-preview-widget>a:hover{background-color:var(--vp-custom-block-tip-bg)}.link-preview-widget-image{width:260px;min-width:220px;height:150px;padding:0;vertical-align:middle;border-left:1px rgba(55,53,47,.16) #f2f2f2;border-radius:5px;background-repeat:no-repeat;background-position:50%;background-size:cover;-webkit-box-flex:0;flex:0}html.dark .link-preview-widget{display:table;width:100%;border:2px solid rgba(200,202,208,.16);border-radius:5px}html.dark .link-preview-widget-title{font-size:16px;font-weight:700;display:-webkit-box;overflow:hidden;margin-bottom:8px;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}html.dark .link-preview-widget-description{font-size:12px;font-style:normal;line-height:1.5;display:-webkit-box;overflow:hidden;max-height:3em;margin-bottom:4px;word-break:break-all;color:var(--vp-c-text-2);-webkit-box-orient:vertical;-webkit-line-clamp:2}html.dark .link-preview-widget-url{font-size:12px;font-style:normal;line-height:1.5;display:block;margin-bottom:0;color:var(--vp-c-text-2)}html.dark .link-preview-widget>a{text-decoration:none!important;display:table-cell;flex-direction:column;padding:16px;cursor:pointer;vertical-align:middle;color:inherit;background-color:transparent;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;flex:1;transition:background-color .2s ease-in-out}html.dark .link-preview-widget>a:hover{background-color:var(--vp-custom-block-tip-bg)}html.dark .link-preview-widget-image{width:260px;min-width:220px;height:150px;padding:0;vertical-align:middle;border-left:1px rgba(200,202,208,.16) #f2f2f2;border-radius:5px;background-repeat:no-repeat;background-position:50%;background-size:cover;-webkit-box-flex:0;flex:0}.vp-doc h2{border-top:0px;margin-top:10px}.VPMenuLink .link{line-height:28px!important}.VPSidebarGroup .link{padding:3px 0!important}.VPTeamPageTitle .title{line-height:32px;font-size:24px;opacity:.5}.VPTeamPageTitle .lead{font-size:14px;opacity:.4}.medium-zoom-overlay{z-index:20}.m-home-layout .image-src:hover{transform:translate(-50%,-50%) rotate(666turn);transition:transform 59s 1s cubic-bezier(.3,0,.8,1)}.m-home-layout .details small{opacity:.8}.m-home-layout .item:last-child .details{display:flex;justify-content:flex-end;align-items:end}:root{--vp-home-hero-name-color: transparent;--vp-home-hero-name-background: -webkit-linear-gradient(315deg, #42d392 25%, #647eff);--vp-home-hero-image-background-image: linear-gradient(-45deg, #42d392 50%, #47caff 50%);--vp-home-hero-image-filter: blur(40px)}:root{--vp-c-default-1: var(--vp-c-gray-1);--vp-c-default-2: var(--vp-c-gray-2);--vp-c-default-3: var(--vp-c-gray-3);--vp-c-default-soft: var(--vp-c-gray-soft);--vp-c-brand-1: var(--vp-c-indigo-1);--vp-c-brand-2: var(--vp-c-indigo-2);--vp-c-brand-3: var(--vp-c-indigo-3);--vp-c-brand-soft: var(--vp-c-indigo-soft);--vp-c-tip-1: var(--vp-c-brand-1);--vp-c-tip-2: var(--vp-c-brand-2);--vp-c-tip-3: var(--vp-c-brand-3);--vp-c-tip-soft: var(--vp-c-brand-soft);--vp-c-warning-1: var(--vp-c-yellow-1);--vp-c-warning-2: var(--vp-c-yellow-2);--vp-c-warning-3: var(--vp-c-yellow-3);--vp-c-warning-soft: var(--vp-c-yellow-soft);--vp-c-danger-1: var(--vp-c-red-1);--vp-c-danger-2: var(--vp-c-red-2);--vp-c-danger-3: var(--vp-c-red-3);--vp-c-danger-soft: var(--vp-c-red-soft)}:root{--vp-button-brand-border: transparent;--vp-button-brand-text: var(--vp-c-white);--vp-button-brand-bg: var(--vp-c-brand-3);--vp-button-brand-hover-border: transparent;--vp-button-brand-hover-text: var(--vp-c-white);--vp-button-brand-hover-bg: var(--vp-c-brand-2);--vp-button-brand-active-border: transparent;--vp-button-brand-active-text: var(--vp-c-white);--vp-button-brand-active-bg: var(--vp-c-brand-1)}:root{--vp-home-hero-name-color: transparent;--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);--vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);--vp-home-hero-image-filter: blur(40px)}@media (min-width: 640px){:root{--vp-home-hero-image-filter: blur(56px)}}@media (min-width: 960px){:root{--vp-home-hero-image-filter: blur(72px)}}:root{--vp-custom-block-tip-border: transparent;--vp-custom-block-tip-text: var(--vp-c-text-1);--vp-custom-block-tip-bg: var(--vp-c-brand-soft);--vp-custom-block-tip-code-bg: var(--vp-c-brand-soft)}.DocSearch{--docsearch-primary-color: var(--vp-c-brand-1) !important}html:not(.dark) pre.shiki[class*=dark]{display:none}html:not(.dark) pre.shiki[class*=light]{display:block}html.dark pre.shiki[class*=dark]{display:block}html.dark pre.shiki[class*=light]{display:none}:root{--vp-twoslash-c-annotation-fg: var(--vp-c-text-1);--vp-twoslash-c-brand: var(--vp-c-brand);--vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);--vp-twoslash-c-error-fg: var(--vp-c-text-1);--vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);--vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);--vp-twoslash-c-logger-fg: var(--vp-c-text-1);--vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);--vp-twoslash-c-logger-log-fg: var(--vp-c-gray);--vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);--vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);--vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);--vp-twoslash-c-lsp-border: var(--vp-c-divider);--vp-twoslash-c-lsp-fg: var(--vp-c-text-1);--vp-twoslash-c-lsp-underline: var(--vp-c-text-2);--vp-twoslash-lsp-shadow: var(--vp-shadow-2);--vp-twoslash-c-query-bg: var(--vp-c-mute-dark);--vp-twoslash-c-query-fg-2: var(--vp-c-text-2);--vp-twoslash-c-query-fg: var(--vp-c-text-1)}.vp-code-group .tabs label{background-color:transparent;--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-active-text-color: var(--vp-c-text-1)}.home-content h2{margin-top:2rem;font-size:1.35rem;border-bottom:none;margin-bottom:0}img.resizable-img{width:unset;height:unset}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.static{position:static}.grid{display:grid}.m21{margin:5.25rem}.m9{margin:2.25rem}[ma=""]{margin:auto}.my{margin-top:1rem;margin-bottom:1rem}.mb{margin-bottom:1rem}.mb-\[12px\]{margin-bottom:12px}.me{margin-inline-end:1rem}.ms{margin-inline-start:1rem}.mt-\[24px\]{margin-top:24px}.inline{display:inline}.block,[block=""]{display:block}.inline-block{display:inline-block}.contents,[contents=""]{display:contents}.hidden{display:none}.h\$\.{height:var(--\.)}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.h4{height:1rem}.h5{height:1.25rem}.h6{height:1.5rem}.max-w-\[85\%\]{max-width:85%}.w-full{width:100%}.flex{display:flex}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.table{display:table}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.items-center{align-items:center}.gap-\[12px\]{gap:12px}.gap-\[4px\]{gap:4px}.b,.b-1,.border,[b=""]{border-width:1px}.b\!{border-width:1px!important}.border-b-1{border-bottom-width:1px}.border-\[var\(--vp-c-divider\)\]{border-color:var(--vp-c-divider)}.border-b-solid{border-bottom-style:solid}[stroke-width~="2"]{stroke-width:2px}.px{padding-left:1rem;padding-right:1rem}.py{padding-top:1rem;padding-bottom:1rem}.pb-\[12px\]{padding-bottom:12px}.pl{padding-left:1rem}.pt{padding-top:1rem}.pie{padding-inline-end:1rem}.pie\!{padding-inline-end:1rem!important}.uppercase,[uppercase=""]{text-transform:uppercase}.lowercase,[lowercase=""]{text-transform:lowercase}.italic{font-style:italic}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.outline{outline-style:solid}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-height:90px}.copyright[data-v-ddda9334]{border-color:var(--vp-custom-block-tip-border);border-style:solid;border-width:1px;background-color:var(--vp-custom-block-tip-bg);border-radius:6px;color:var(--vp-c-text-2);font-size:15px;margin-top:50px}.copyright .content[data-v-ddda9334]{padding:13px 16px}.copyright .content .item[data-v-ddda9334]{margin-bottom:5px;word-break:break-word;line-height:22px}.copyright .content .item .icon[data-v-ddda9334]{display:inline-block;height:16px;width:16px;margin-right:.375rem;vertical-align:-2.5px}a[data-v-ddda9334]{font-weight:400;color:var(--vp-c-text-2)}a[data-v-ddda9334]:hover{color:var(--vp-c-brand)}.copyrightText[data-v-ddda9334]{font-weight:700}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-size:1em;font-family:monospace,monospace}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em;font-family:monospace,monospace}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.arco-icon{display:inline-block;width:1em;height:1em;color:inherit;font-style:normal;vertical-align:-2px;outline:none;stroke:currentColor}.arco-icon-loading,.arco-icon-spin{animation:arco-loading-circle 1s infinite cubic-bezier(0,0,1,1)}@keyframes arco-loading-circle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arco-icon-hover{position:relative;display:inline-block;cursor:pointer;line-height:12px}.arco-icon-hover .arco-icon{position:relative}.arco-icon-hover:before{position:absolute;display:block;box-sizing:border-box;background-color:transparent;border-radius:var(--border-radius-circle);transition:background-color .1s cubic-bezier(0,0,1,1);content:""}.arco-icon-hover:hover:before{background-color:var(--color-fill-2)}.arco-icon-hover.arco-icon-hover-disabled:before{opacity:0}.arco-icon-hover:before{top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%)}.arco-icon-hover-size-mini{line-height:12px}.arco-icon-hover-size-mini:before{top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%)}.arco-icon-hover-size-small{line-height:12px}.arco-icon-hover-size-small:before{top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%)}.arco-icon-hover-size-large{line-height:12px}.arco-icon-hover-size-large:before{top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}.arco-icon-hover-size-huge{line-height:12px}.arco-icon-hover-size-huge:before{top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}.fade-in-standard-enter-from,.fade-in-standard-appear-from{opacity:0}.fade-in-standard-enter-to,.fade-in-standard-appear-to{opacity:1}.fade-in-standard-enter-active,.fade-in-standard-appear-active{transition:opacity .3s cubic-bezier(.34,.69,.1,1)}.fade-in-standard-leave-from{opacity:1}.fade-in-standard-leave-to{opacity:0}.fade-in-standard-leave-active{transition:opacity .3s cubic-bezier(.34,.69,.1,1)}.fade-in-enter-from,.fade-in-appear-from{opacity:0}.fade-in-enter-to,.fade-in-appear-to{opacity:1}.fade-in-enter-active,.fade-in-appear-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.fade-in-leave-from{opacity:1}.fade-in-leave-to{opacity:0}.fade-in-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.zoom-in-enter-from,.zoom-in-appear-from{transform:scale(.5);opacity:0}.zoom-in-enter-to,.zoom-in-appear-to{transform:scale(1);opacity:1}.zoom-in-enter-active,.zoom-in-appear-active{transition:opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1)}.zoom-in-leave-from{transform:scale(1);opacity:1}.zoom-in-leave-to{transform:scale(.5);opacity:0}.zoom-in-leave-active{transition:opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1)}.zoom-in-fade-out-enter-from,.zoom-in-fade-out-appear-from{transform:scale(.5);opacity:0}.zoom-in-fade-out-enter-to,.zoom-in-fade-out-appear-to{transform:scale(1);opacity:1}.zoom-in-fade-out-enter-active,.zoom-in-fade-out-appear-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-fade-out-leave-from{transform:scale(1);opacity:1}.zoom-in-fade-out-leave-to{transform:scale(.5);opacity:0}.zoom-in-fade-out-leave-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-big-enter-from,.zoom-in-big-appear-from{transform:scale(.5);opacity:0}.zoom-in-big-enter-to,.zoom-in-big-appear-to{transform:scale(1);opacity:1}.zoom-in-big-enter-active,.zoom-in-big-appear-active{transition:opacity .2s cubic-bezier(0,0,1,1),transform .2s cubic-bezier(0,0,1,1)}.zoom-in-big-leave-from{transform:scale(1);opacity:1}.zoom-in-big-leave-to{transform:scale(.2);opacity:0}.zoom-in-big-leave-active{transition:opacity .2s cubic-bezier(0,0,1,1),transform .2s cubic-bezier(0,0,1,1)}.zoom-in-left-enter-from,.zoom-in-left-appear-from{transform:scale(.1);opacity:.1}.zoom-in-left-enter-to,.zoom-in-left-appear-to{transform:scale(1);opacity:1}.zoom-in-left-enter-active,.zoom-in-left-appear-active{transform-origin:0 50%;transition:opacity .3s cubic-bezier(0,0,1,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-left-leave-from{transform:scale(1);opacity:1}.zoom-in-left-leave-to{transform:scale(.1);opacity:.1}.zoom-in-left-leave-active{transform-origin:0 50%;transition:opacity .3s cubic-bezier(0,0,1,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-top-enter-from,.zoom-in-top-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.zoom-in-top-enter-to,.zoom-in-top-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.zoom-in-top-enter-active,.zoom-in-top-appear-active{transform-origin:0 0;transition:transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-top-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.zoom-in-top-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.zoom-in-top-leave-active{transform-origin:0 0;transition:transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-bottom-enter-from,.zoom-in-bottom-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.zoom-in-bottom-enter-to,.zoom-in-bottom-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.zoom-in-bottom-enter-active,.zoom-in-bottom-appear-active{transform-origin:100% 100%;transition:transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-bottom-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.zoom-in-bottom-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.zoom-in-bottom-leave-active{transform-origin:100% 100%;transition:transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)}.slide-dynamic-origin-enter-from,.slide-dynamic-origin-appear-from{transform:scaleY(.9);transform-origin:0 0;opacity:0}.slide-dynamic-origin-enter-to,.slide-dynamic-origin-appear-to{transform:scaleY(1);transform-origin:0 0;opacity:1}.slide-dynamic-origin-enter-active,.slide-dynamic-origin-appear-active{transition:transform .2s cubic-bezier(.34,.69,.1,1),opacity .2s cubic-bezier(.34,.69,.1,1)}.slide-dynamic-origin-leave-from{transform:scaleY(1);transform-origin:0 0;opacity:1}.slide-dynamic-origin-leave-to{transform:scaleY(.9);transform-origin:0 0;opacity:0}.slide-dynamic-origin-leave-active{transition:transform .2s cubic-bezier(.34,.69,.1,1),opacity .2s cubic-bezier(.34,.69,.1,1)}.slide-left-enter-from,.slide-left-appear-from{transform:translate(-100%)}.slide-left-enter-to,.slide-left-appear-to{transform:translate(0)}.slide-left-enter-active,.slide-left-appear-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-left-leave-from{transform:translate(0)}.slide-left-leave-to{transform:translate(-100%)}.slide-left-leave-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-right-enter-from,.slide-right-appear-from{transform:translate(100%)}.slide-right-enter-to,.slide-right-appear-to{transform:translate(0)}.slide-right-enter-active,.slide-right-appear-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-right-leave-from{transform:translate(0)}.slide-right-leave-to{transform:translate(100%)}.slide-right-leave-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-top-enter-from,.slide-top-appear-from{transform:translateY(-100%)}.slide-top-enter-to,.slide-top-appear-to{transform:translateY(0)}.slide-top-enter-active,.slide-top-appear-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-top-leave-from{transform:translateY(0)}.slide-top-leave-to{transform:translateY(-100%)}.slide-top-leave-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-bottom-enter-from,.slide-bottom-appear-from{transform:translateY(100%)}.slide-bottom-enter-to,.slide-bottom-appear-to{transform:translateY(0)}.slide-bottom-enter-active,.slide-bottom-appear-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-bottom-leave-from{transform:translateY(0)}.slide-bottom-leave-to{transform:translateY(100%)}.slide-bottom-leave-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}body{--red-1: 255,236,232;--red-2: 253,205,197;--red-3: 251,172,163;--red-4: 249,137,129;--red-5: 247,101,96;--red-6: 245,63,63;--red-7: 203,39,45;--red-8: 161,21,30;--red-9: 119,8,19;--red-10: 77,0,10;--orangered-1: 255,243,232;--orangered-2: 253,221,195;--orangered-3: 252,197,159;--orangered-4: 250,172,123;--orangered-5: 249,144,87;--orangered-6: 247,114,52;--orangered-7: 204,81,32;--orangered-8: 162,53,17;--orangered-9: 119,31,6;--orangered-10: 77,14,0;--orange-1: 255,247,232;--orange-2: 255,228,186;--orange-3: 255,207,139;--orange-4: 255,182,93;--orange-5: 255,154,46;--orange-6: 255,125,0;--orange-7: 210,95,0;--orange-8: 166,69,0;--orange-9: 121,46,0;--orange-10: 77,27,0;--gold-1: 255,252,232;--gold-2: 253,244,191;--gold-3: 252,233,150;--gold-4: 250,220,109;--gold-5: 249,204,69;--gold-6: 247,186,30;--gold-7: 204,146,19;--gold-8: 162,109,10;--gold-9: 119,75,4;--gold-10: 77,45,0;--yellow-1: 254,255,232;--yellow-2: 254,254,190;--yellow-3: 253,250,148;--yellow-4: 252,242,107;--yellow-5: 251,232,66;--yellow-6: 250,220,25;--yellow-7: 207,175,15;--yellow-8: 163,132,8;--yellow-9: 120,93,3;--yellow-10: 77,56,0;--lime-1: 252,255,232;--lime-2: 237,248,187;--lime-3: 220,241,144;--lime-4: 201,233,104;--lime-5: 181,226,65;--lime-6: 159,219,29;--lime-7: 126,183,18;--lime-8: 95,148,10;--lime-9: 67,112,4;--lime-10: 42,77,0;--green-1: 232,255,234;--green-2: 175,240,181;--green-3: 123,225,136;--green-4: 76,210,99;--green-5: 35,195,67;--green-6: 0,180,42;--green-7: 0,154,41;--green-8: 0,128,38;--green-9: 0,102,34;--green-10: 0,77,28;--cyan-1: 232,255,251;--cyan-2: 183,244,236;--cyan-3: 137,233,224;--cyan-4: 94,223,214;--cyan-5: 55,212,207;--cyan-6: 20,201,201;--cyan-7: 13,165,170;--cyan-8: 7,130,139;--cyan-9: 3,97,108;--cyan-10: 0,66,77;--blue-1: 232,247,255;--blue-2: 195,231,254;--blue-3: 159,212,253;--blue-4: 123,192,252;--blue-5: 87,169,251;--blue-6: 52,145,250;--blue-7: 32,108,207;--blue-8: 17,75,163;--blue-9: 6,48,120;--blue-10: 0,26,77;--arcoblue-1: 232,243,255;--arcoblue-2: 190,218,255;--arcoblue-3: 148,191,255;--arcoblue-4: 106,161,255;--arcoblue-5: 64,128,255;--arcoblue-6: 22,93,255;--arcoblue-7: 14,66,210;--arcoblue-8: 7,44,166;--arcoblue-9: 3,26,121;--arcoblue-10: 0,13,77;--purple-1: 245,232,255;--purple-2: 221,190,246;--purple-3: 195,150,237;--purple-4: 168,113,227;--purple-5: 141,78,218;--purple-6: 114,46,209;--purple-7: 85,29,176;--purple-8: 60,16,143;--purple-9: 39,6,110;--purple-10: 22,0,77;--pinkpurple-1: 255,232,251;--pinkpurple-2: 247,186,239;--pinkpurple-3: 240,142,230;--pinkpurple-4: 232,101,223;--pinkpurple-5: 225,62,219;--pinkpurple-6: 217,26,217;--pinkpurple-7: 176,16,182;--pinkpurple-8: 138,9,147;--pinkpurple-9: 101,3,112;--pinkpurple-10: 66,0,77;--magenta-1: 255,232,241;--magenta-2: 253,194,219;--magenta-3: 251,157,199;--magenta-4: 249,121,183;--magenta-5: 247,84,168;--magenta-6: 245,49,157;--magenta-7: 203,30,131;--magenta-8: 161,16,105;--magenta-9: 119,6,79;--magenta-10: 77,0,52;--gray-1: 247,248,250;--gray-2: 242,243,245;--gray-3: 229,230,235;--gray-4: 201,205,212;--gray-5: 169,174,184;--gray-6: 134,144,156;--gray-7: 107,119,133;--gray-8: 78,89,105;--gray-9: 39,46,59;--gray-10: 29,33,41;--success-1: var(--green-1);--success-2: var(--green-2);--success-3: var(--green-3);--success-4: var(--green-4);--success-5: var(--green-5);--success-6: var(--green-6);--success-7: var(--green-7);--success-8: var(--green-8);--success-9: var(--green-9);--success-10: var(--green-10);--primary-1: var(--arcoblue-1);--primary-2: var(--arcoblue-2);--primary-3: var(--arcoblue-3);--primary-4: var(--arcoblue-4);--primary-5: var(--arcoblue-5);--primary-6: var(--arcoblue-6);--primary-7: var(--arcoblue-7);--primary-8: var(--arcoblue-8);--primary-9: var(--arcoblue-9);--primary-10: var(--arcoblue-10);--danger-1: var(--red-1);--danger-2: var(--red-2);--danger-3: var(--red-3);--danger-4: var(--red-4);--danger-5: var(--red-5);--danger-6: var(--red-6);--danger-7: var(--red-7);--danger-8: var(--red-8);--danger-9: var(--red-9);--danger-10: var(--red-10);--warning-1: var(--orange-1);--warning-2: var(--orange-2);--warning-3: var(--orange-3);--warning-4: var(--orange-4);--warning-5: var(--orange-5);--warning-6: var(--orange-6);--warning-7: var(--orange-7);--warning-8: var(--orange-8);--warning-9: var(--orange-9);--warning-10: var(--orange-10);--link-1: var(--arcoblue-1);--link-2: var(--arcoblue-2);--link-3: var(--arcoblue-3);--link-4: var(--arcoblue-4);--link-5: var(--arcoblue-5);--link-6: var(--arcoblue-6);--link-7: var(--arcoblue-7);--link-8: var(--arcoblue-8);--link-9: var(--arcoblue-9);--link-10: var(--arcoblue-10)}body[arco-theme=dark]{--red-1: 77,0,10;--red-2: 119,6,17;--red-3: 161,22,31;--red-4: 203,46,52;--red-5: 245,78,78;--red-6: 247,105,101;--red-7: 249,141,134;--red-8: 251,176,167;--red-9: 253,209,202;--red-10: 255,240,236;--orangered-1: 77,14,0;--orangered-2: 119,30,5;--orangered-3: 162,55,20;--orangered-4: 204,87,41;--orangered-5: 247,126,69;--orangered-6: 249,146,90;--orangered-7: 250,173,125;--orangered-8: 252,198,161;--orangered-9: 253,222,197;--orangered-10: 255,244,235;--orange-1: 77,27,0;--orange-2: 121,48,4;--orange-3: 166,75,10;--orange-4: 210,105,19;--orange-5: 255,141,31;--orange-6: 255,150,38;--orange-7: 255,179,87;--orange-8: 255,205,135;--orange-9: 255,227,184;--orange-10: 255,247,232;--gold-1: 77,45,0;--gold-2: 119,75,4;--gold-3: 162,111,15;--gold-4: 204,150,31;--gold-5: 247,192,52;--gold-6: 249,204,68;--gold-7: 250,220,108;--gold-8: 252,233,149;--gold-9: 253,244,190;--gold-10: 255,252,232;--yellow-1: 77,56,0;--yellow-2: 120,94,7;--yellow-3: 163,134,20;--yellow-4: 207,179,37;--yellow-5: 250,225,60;--yellow-6: 251,233,75;--yellow-7: 252,243,116;--yellow-8: 253,250,157;--yellow-9: 254,254,198;--yellow-10: 254,255,240;--lime-1: 42,77,0;--lime-2: 68,112,6;--lime-3: 98,148,18;--lime-4: 132,183,35;--lime-5: 168,219,57;--lime-6: 184,226,75;--lime-7: 203,233,112;--lime-8: 222,241,152;--lime-9: 238,248,194;--lime-10: 253,255,238;--green-1: 0,77,28;--green-2: 4,102,37;--green-3: 10,128,45;--green-4: 18,154,55;--green-5: 29,180,64;--green-6: 39,195,70;--green-7: 80,210,102;--green-8: 126,225,139;--green-9: 178,240,183;--green-10: 235,255,236;--cyan-1: 0,66,77;--cyan-2: 6,97,108;--cyan-3: 17,131,139;--cyan-4: 31,166,170;--cyan-5: 48,201,201;--cyan-6: 63,212,207;--cyan-7: 102,223,215;--cyan-8: 144,233,225;--cyan-9: 190,244,237;--cyan-10: 240,255,252;--blue-1: 0,26,77;--blue-2: 5,47,120;--blue-3: 19,76,163;--blue-4: 41,113,207;--blue-5: 70,154,250;--blue-6: 90,170,251;--blue-7: 125,193,252;--blue-8: 161,213,253;--blue-9: 198,232,254;--blue-10: 234,248,255;--arcoblue-1: 0,13,77;--arcoblue-2: 4,27,121;--arcoblue-3: 14,50,166;--arcoblue-4: 29,77,210;--arcoblue-5: 48,111,255;--arcoblue-6: 60,126,255;--arcoblue-7: 104,159,255;--arcoblue-8: 147,190,255;--arcoblue-9: 190,218,255;--arcoblue-10: 234,244,255;--purple-1: 22,0,77;--purple-2: 39,6,110;--purple-3: 62,19,143;--purple-4: 90,37,176;--purple-5: 123,61,209;--purple-6: 142,81,218;--purple-7: 169,116,227;--purple-8: 197,154,237;--purple-9: 223,194,246;--purple-10: 247,237,255;--pinkpurple-1: 66,0,77;--pinkpurple-2: 101,3,112;--pinkpurple-3: 138,13,147;--pinkpurple-4: 176,27,182;--pinkpurple-5: 217,46,217;--pinkpurple-6: 225,61,219;--pinkpurple-7: 232,102,223;--pinkpurple-8: 240,146,230;--pinkpurple-9: 247,193,240;--pinkpurple-10: 255,242,253;--magenta-1: 77,0,52;--magenta-2: 119,8,80;--magenta-3: 161,23,108;--magenta-4: 203,43,136;--magenta-5: 245,69,166;--magenta-6: 247,86,169;--magenta-7: 249,122,184;--magenta-8: 251,158,200;--magenta-9: 253,195,219;--magenta-10: 255,232,241;--gray-1: 23,23,26;--gray-2: 46,46,48;--gray-3: 72,72,73;--gray-4: 95,95,96;--gray-5: 120,120,122;--gray-6: 146,146,147;--gray-7: 171,171,172;--gray-8: 197,197,197;--gray-9: 223,223,223;--gray-10: 246,246,246;--primary-1: var(--arcoblue-1);--primary-2: var(--arcoblue-2);--primary-3: var(--arcoblue-3);--primary-4: var(--arcoblue-4);--primary-5: var(--arcoblue-5);--primary-6: var(--arcoblue-6);--primary-7: var(--arcoblue-7);--primary-8: var(--arcoblue-8);--primary-9: var(--arcoblue-9);--primary-10: var(--arcoblue-10);--success-1: var(--green-1);--success-2: var(--green-2);--success-3: var(--green-3);--success-4: var(--green-4);--success-5: var(--green-5);--success-6: var(--green-6);--success-7: var(--green-7);--success-8: var(--green-8);--success-9: var(--green-9);--success-10: var(--green-10);--danger-1: var(--red-1);--danger-2: var(--red-2);--danger-3: var(--red-3);--danger-4: var(--red-4);--danger-5: var(--red-5);--danger-6: var(--red-6);--danger-7: var(--red-7);--danger-8: var(--red-8);--danger-9: var(--red-9);--danger-10: var(--red-10);--warning-1: var(--orange-1);--warning-2: var(--orange-2);--warning-3: var(--orange-3);--warning-4: var(--orange-4);--warning-5: var(--orange-5);--warning-6: var(--orange-6);--warning-7: var(--orange-7);--warning-8: var(--orange-8);--warning-9: var(--orange-9);--warning-10: var(--orange-10);--link-1: var(--arcoblue-1);--link-2: var(--arcoblue-2);--link-3: var(--arcoblue-3);--link-4: var(--arcoblue-4);--link-5: var(--arcoblue-5);--link-6: var(--arcoblue-6);--link-7: var(--arcoblue-7);--link-8: var(--arcoblue-8);--link-9: var(--arcoblue-9);--link-10: var(--arcoblue-10)}body{--color-white: #ffffff;--color-black: #000000;--color-border: rgb(var(--gray-3));--color-bg-popup: var(--color-bg-5);--color-bg-1: #fff;--color-bg-2: #fff;--color-bg-3: #fff;--color-bg-4: #fff;--color-bg-5: #fff;--color-bg-white: #fff;--color-neutral-1: rgb(var(--gray-1));--color-neutral-2: rgb(var(--gray-2));--color-neutral-3: rgb(var(--gray-3));--color-neutral-4: rgb(var(--gray-4));--color-neutral-5: rgb(var(--gray-5));--color-neutral-6: rgb(var(--gray-6));--color-neutral-7: rgb(var(--gray-7));--color-neutral-8: rgb(var(--gray-8));--color-neutral-9: rgb(var(--gray-9));--color-neutral-10: rgb(var(--gray-10));--color-text-1: var(--color-neutral-10);--color-text-2: var(--color-neutral-8);--color-text-3: var(--color-neutral-6);--color-text-4: var(--color-neutral-4);--color-border-1: var(--color-neutral-2);--color-border-2: var(--color-neutral-3);--color-border-3: var(--color-neutral-4);--color-border-4: var(--color-neutral-6);--color-fill-1: var(--color-neutral-1);--color-fill-2: var(--color-neutral-2);--color-fill-3: var(--color-neutral-3);--color-fill-4: var(--color-neutral-4);--color-primary-light-1: rgb(var(--primary-1));--color-primary-light-2: rgb(var(--primary-2));--color-primary-light-3: rgb(var(--primary-3));--color-primary-light-4: rgb(var(--primary-4));--color-link-light-1: rgb(var(--link-1));--color-link-light-2: rgb(var(--link-2));--color-link-light-3: rgb(var(--link-3));--color-link-light-4: rgb(var(--link-4));--color-secondary: var(--color-neutral-2);--color-secondary-hover: var(--color-neutral-3);--color-secondary-active: var(--color-neutral-4);--color-secondary-disabled: var(--color-neutral-1);--color-danger-light-1: rgb(var(--danger-1));--color-danger-light-2: rgb(var(--danger-2));--color-danger-light-3: rgb(var(--danger-3));--color-danger-light-4: rgb(var(--danger-4));--color-success-light-1: rgb(var(--success-1));--color-success-light-2: rgb(var(--success-2));--color-success-light-3: rgb(var(--success-3));--color-success-light-4: rgb(var(--success-4));--color-warning-light-1: rgb(var(--warning-1));--color-warning-light-2: rgb(var(--warning-2));--color-warning-light-3: rgb(var(--warning-3));--color-warning-light-4: rgb(var(--warning-4));--border-radius-none: 0;--border-radius-small: 2px;--border-radius-medium: 4px;--border-radius-large: 8px;--border-radius-circle: 50%;--color-tooltip-bg: rgb(var(--gray-10));--color-spin-layer-bg: rgba(255, 255, 255, .6);--color-menu-dark-bg: #232324;--color-menu-light-bg: #ffffff;--color-menu-dark-hover: rgba(255, 255, 255, .04);--color-mask-bg: rgba(29, 33, 41, .6)}body[arco-theme=dark]{--color-white: rgba(255, 255, 255, .9);--color-black: #000000;--color-border: #333335;--color-bg-1: #17171a;--color-bg-2: #232324;--color-bg-3: #2a2a2b;--color-bg-4: #313132;--color-bg-5: #373739;--color-bg-white: #f6f6f6;--color-text-1: rgba(255, 255, 255, .9);--color-text-2: rgba(255, 255, 255, .7);--color-text-3: rgba(255, 255, 255, .5);--color-text-4: rgba(255, 255, 255, .3);--color-fill-1: rgba(255, 255, 255, .04);--color-fill-2: rgba(255, 255, 255, .08);--color-fill-3: rgba(255, 255, 255, .12);--color-fill-4: rgba(255, 255, 255, .16);--color-primary-light-1: rgba(var(--primary-6), .2);--color-primary-light-2: rgba(var(--primary-6), .35);--color-primary-light-3: rgba(var(--primary-6), .5);--color-primary-light-4: rgba(var(--primary-6), .65);--color-secondary: rgba(var(--gray-9), .08);--color-secondary-hover: rgba(var(--gray-8), .16);--color-secondary-active: rgba(var(--gray-7), .24);--color-secondary-disabled: rgba(var(--gray-9), .08);--color-danger-light-1: rgba(var(--danger-6), .2);--color-danger-light-2: rgba(var(--danger-6), .35);--color-danger-light-3: rgba(var(--danger-6), .5);--color-danger-light-4: rgba(var(--danger-6), .65);--color-success-light-1: rgb(var(--success-6), .2);--color-success-light-2: rgb(var(--success-6), .35);--color-success-light-3: rgb(var(--success-6), .5);--color-success-light-4: rgb(var(--success-6), .65);--color-warning-light-1: rgb(var(--warning-6), .2);--color-warning-light-2: rgb(var(--warning-6), .35);--color-warning-light-3: rgb(var(--warning-6), .5);--color-warning-light-4: rgb(var(--warning-6), .65);--color-link-light-1: rgb(var(--link-6), .2);--color-link-light-2: rgb(var(--link-6), .35);--color-link-light-3: rgb(var(--link-6), .5);--color-link-light-4: rgb(var(--link-6), .65);--color-tooltip-bg: #373739;--color-spin-layer-bg: rgba(51, 51, 51, .6);--color-menu-dark-bg: #232324;--color-menu-light-bg: #232324;--color-menu-dark-hover: var(--color-fill-2);--color-mask-bg: rgba(23, 23, 26, .6)}body{font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.arco-message-list{position:fixed;z-index:1003;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;margin:0;padding:0 10px;text-align:center;pointer-events:none}.arco-message-list-top{top:40px}.arco-message-list-bottom{bottom:40px}.arco-message{position:relative;display:inline-flex;align-items:center;margin-bottom:16px;padding:10px 16px;overflow:hidden;line-height:1;text-align:center;list-style:none;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-small);box-shadow:0 4px 10px #0000001a;transition:all .1s cubic-bezier(0,0,1,1);pointer-events:auto}.arco-message-icon{display:inline-block;margin-right:8px;color:var(--color-text-1);font-size:20px;vertical-align:middle;animation:arco-msg-fade .1s cubic-bezier(0,0,1,1),arco-msg-fade .4s cubic-bezier(.3,1.3,.3,1)}.arco-message-content{font-size:14px;color:var(--color-text-1);vertical-align:middle}.arco-message-info{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-message-info .arco-message-icon{color:rgb(var(--primary-6))}.arco-message-info .arco-message-content{color:var(--color-text-1)}.arco-message-success{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-message-success .arco-message-icon{color:rgb(var(--success-6))}.arco-message-success .arco-message-content{color:var(--color-text-1)}.arco-message-warning{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-message-warning .arco-message-icon{color:rgb(var(--warning-6))}.arco-message-warning .arco-message-content{color:var(--color-text-1)}.arco-message-error{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-message-error .arco-message-icon{color:rgb(var(--danger-6))}.arco-message-error .arco-message-content{color:var(--color-text-1)}.arco-message-loading{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-message-loading .arco-message-icon{color:rgb(var(--primary-6))}.arco-message-loading .arco-message-content{color:var(--color-text-1)}.arco-message-close-btn{margin-left:8px;color:var(--color-text-1);font-size:12px}.arco-message .arco-icon-hover.arco-message-icon-hover:before{width:20px;height:20px}.fade-message-enter-from,.fade-message-appear-from{opacity:0}.fade-message-enter-to,.fade-message-appear-to{opacity:1}.fade-message-enter-active,.fade-message-appear-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.fade-message-leave-from{opacity:1}.fade-message-leave-to{opacity:0}.fade-message-leave-active{position:absolute}.flip-list-move{transition:transform .8s ease}@keyframes arco-msg-fade{0%{opacity:0}to{opacity:1}}@keyframes arco-msg-scale{0%{transform:scale(0)}to{transform:scale(1)}}:root{--c-brand: #3eaf7c;--c-brand-light: #4abf8a;--c-bg: #ffffff;--c-bg-light: #f3f4f5;--c-bg-lighter: #eeeeee;--c-bg-navbar: var(--c-bg);--c-bg-sidebar: var(--c-bg);--c-bg-arrow: #cccccc;--c-text: #2c3e50;--c-text-accent: var(--c-brand);--c-text-light: #3a5169;--c-text-lighter: #4e6e8e;--c-text-lightest: #6a8bad;--c-text-quote: #999999;--c-border: #eaecef;--c-border-dark: #dfe2e5;--c-tip: #42b983;--c-tip-bg: var(--c-bg-light);--c-tip-title: var(--c-text);--c-tip-text: var(--c-text);--c-tip-text-accent: var(--c-text-accent);--c-warning: #e7c000;--c-warning-bg: #fffae3;--c-warning-title: #ad9000;--c-warning-text: #746000;--c-warning-text-accent: var(--c-text);--c-danger: #cc0000;--c-danger-bg: #ffe0e0;--c-danger-title: #990000;--c-danger-text: #660000;--c-danger-text-accent: var(--c-text);--c-details-bg: #eeeeee;--c-badge-tip: var(--c-tip);--c-badge-warning: var(--c-warning);--c-badge-danger: var(--c-danger);--t-color: .3s ease;--t-transform: .3s ease;--code-bg-color: #282c34;--code-hl-bg-color: rgba(0, 0, 0, .66);--code-ln-color: #9e9e9e;--code-ln-wrapper-width: 3.5rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-code: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--navbar-height: 3.6rem;--navbar-padding-v: .7rem;--navbar-padding-h: 1.5rem;--sidebar-width: 20rem;--sidebar-width-mobile: calc(var(--sidebar-width) * .82);--content-width: 740px;--homepage-width: 960px}html.dark{--c-brand: #3aa675;--c-brand-light: #349469;--c-bg: #22272e;--c-bg-light: #2b313a;--c-bg-lighter: #262c34;--c-text: #adbac7;--c-text-light: #96a7b7;--c-text-lighter: #8b9eb0;--c-text-lightest: #8094a8;--c-border: #3e4c5a;--c-border-dark: #34404c;--c-tip: #318a62;--c-warning: #ceab00;--c-warning-bg: #7e755b;--c-warning-title: #ceac03;--c-warning-text: #362e00;--c-danger: #940000;--c-danger-bg: #806161;--c-danger-title: #610000;--c-danger-text: #3a0000;--c-details-bg: #323843;--code-hl-bg-color: #363b46}@font-face{font-family:octicons-link;src:url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format("woff")}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:14px;line-height:1.5;word-wrap:break-word;transition:background-color var(--t-color),border-color var(--t-color)}.g-emoji{display:inline-block;min-width:1ch;font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,serif;font-size:1em;font-style:normal!important;font-weight:400;line-height:1;vertical-align:-.075em}.markdown-body .pl-c{color:#6a737d}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#005cc5}.markdown-body .pl-e,.markdown-body .pl-en{color:#6f42c1}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:var(--c-text)}.markdown-body .pl-ent{color:#22863a}.markdown-body .pl-k{color:#d73a49}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:var(--c-text-lighter)}.markdown-body .pl-v,.markdown-body .pl-smw{color:#e36209}.markdown-body .pl-bu{color:#b31d28}.markdown-body .pl-ii{color:#fafbfc;background-color:#b31d28}.markdown-body .pl-c2{color:#fafbfc;background-color:#d73a49}.markdown-body .pl-c2:before{content:"^M"}.markdown-body .pl-sr .pl-cce{font-weight:700;color:#22863a}.markdown-body .pl-ml{color:#735c0f}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{font-weight:700;color:#005cc5}.markdown-body .pl-mi{font-style:italic;color:#24292e}.markdown-body .pl-mb{font-weight:700;color:#24292e}.markdown-body .pl-md{color:#b31d28;background-color:#ffeef0}.markdown-body .pl-mi1{color:#22863a;background-color:#f0fff4}.markdown-body .pl-mc{color:#e36209;background-color:#ffebda}.markdown-body .pl-mi2{color:#f6f8fa;background-color:#005cc5}.markdown-body .pl-mdr{font-weight:700;color:#6f42c1}.markdown-body .pl-ba{color:#586069}.markdown-body .pl-sg{color:#959da5}.markdown-body .pl-corl{text-decoration:underline;color:var(--c-text-lighter)}.markdown-body .octicon{display:inline-block;vertical-align:text-top;fill:currentColor}.markdown-body a{background-color:transparent;-webkit-text-decoration-skip:objects}.markdown-body a:active,.markdown-body a:hover{outline-width:0}.markdown-body strong{font-weight:inherit}.markdown-body strong{font-weight:bolder}.markdown-body h1{font-size:2em;margin:.67em 0}.markdown-body img{border-style:none}.markdown-body svg:not(:root){overflow:hidden}.markdown-body code,.markdown-body kbd,.markdown-body pre{font-family:monospace,monospace;font-size:1em}.markdown-body hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}.markdown-body input{font:inherit;margin:0}.markdown-body input{overflow:visible}.markdown-body [type=checkbox]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}.markdown-body *{-webkit-box-sizing:border-box;box-sizing:border-box}.markdown-body input{font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body a{color:#0366d6;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body hr{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #dfe2e5}.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{display:table;clear:both;content:""}.markdown-body table{border-spacing:0;border-collapse:collapse}.markdown-body td,.markdown-body th{padding:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:0;margin-bottom:0}.markdown-body h1{font-size:32px;font-weight:600}.markdown-body h2{font-size:24px;font-weight:600}.markdown-body h3{font-size:20px;font-weight:600}.markdown-body h4,.markdown-body h5{font-size:14px;font-weight:600}.markdown-body h6{font-size:12px;font-weight:600}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0}.markdown-body ul,.markdown-body ol{padding-left:0;margin-top:0;margin-bottom:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font:12px SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.markdown-body .octicon{vertical-align:text-bottom}.markdown-body .pl-0{padding-left:0!important}.markdown-body .pl-1{padding-left:4px!important}.markdown-body .pl-2{padding-left:8px!important}.markdown-body .pl-3{padding-left:14px!important}.markdown-body .pl-4{padding-left:24px!important}.markdown-body .pl-5{padding-left:32px!important}.markdown-body .pl-6{padding-left:40px!important}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0!important}.markdown-body>*:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:14px}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid var(--c-border)}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:solid 1px #c6cbd1;border-bottom-color:#959da5;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 #959da5;box-shadow:inset 0 -1px #959da5}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:14px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1{padding-bottom:.3em;font-size:2em;border-bottom:1px solid #eaecef}.markdown-body h2{padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid #eaecef}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{font-size:.85em;color:#6a737d}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:14px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:14px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 14px;margin-bottom:14px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body img{max-width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#fff}.markdown-body code{padding:.2em 0;margin:0;font-size:85%;border-radius:3px}.markdown-body code:before,.markdown-body code:after{letter-spacing:-.2em;content:" "}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:14px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:14px;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--c-tip-bg);border-radius:3px;color:var(--c-text);transition:background-color var(--t-color),border-color var(--t-color)}.markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0;color:var(--c-text)}.markdown-body pre code:before,.markdown-body pre code:after{content:normal}.markdown-body .full-commit .btn-outline:not(:disabled):hover{color:#005cc5;border-color:#005cc5}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:solid 1px #d1d5da;border-bottom-color:#c6cbd1;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 #c6cbd1;box-shadow:inset 0 -1px #c6cbd1}.markdown-body :checked+.radio-label{position:relative;z-index:1;border-color:#0366d6}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item+.task-list-item{margin-top:3px}.markdown-body .task-list-item input{margin:0 .2em .25em -1.6em;vertical-align:middle}.markdown-body hr{border-bottom-color:#eee}.gt-container{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}.gt-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.gt-container a{color:var(--c-text-accent);transition:background-color var(--t-color),border-color var(--t-color)}.gt-container a.is--active{color:var(--c-text);cursor:default!important}.gt-container a.is--active:hover{color:var(--c-text-accent)}.gt-container .hide{display:none!important}.gt-container .gt-svg{display:inline-block;width:1em;height:1em;vertical-align:sub}.gt-container .gt-ico-arrdown{fill:var(--c-text)}.gt-container .gt-svg svg{width:100%;height:100%;fill:var(--c-text-accent)}.gt-container .gt-ico{display:inline-block}.gt-container .gt-ico-text{margin-left:.3125em}.gt-container .gt-ico-tip{font-size:.875em}.gt-container .gt-ico-github,.gt-container .gt-ico-github .gt-svg{width:100%;height:100%}.gt-container .gt-ico-github svg{fill:var(--c-text)}.gt-container .gt-spinner{position:relative}.gt-container .gt-spinner:before{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:3px;width:.75em;height:.75em;margin-top:-.1875em;margin-left:-.375em;border-radius:50%;border:1px solid #fff;border-top-color:var(--c-text-accent);-webkit-animation:gt-kf-rotate .6s linear infinite;animation:gt-kf-rotate .6s linear infinite}.gt-container .gt-loader{position:relative;border:1px solid #999;-webkit-animation:ease gt-kf-rotate 1.5s infinite;animation:ease gt-kf-rotate 1.5s infinite;display:inline-block;font-style:normal;width:1.75em;height:1.75em;line-height:1.75em;border-radius:50%}.gt-container .gt-loader:before{content:"";position:absolute;display:block;top:0;left:50%;margin-top:-.1875em;margin-left:-.1875em;width:.375em;height:.375em;background-color:#999;border-radius:50%}.gt-container .gt-avatar{display:inline-block;width:3.125em;height:3.125em}@media (max-width: 479px){.gt-container .gt-avatar{width:2em;height:2em}}.gt-container .gt-avatar img{width:100%;height:auto;border-radius:3px}.gt-container .gt-avatar-github{width:3.125em;height:3.125em;cursor:pointer}@media (max-width: 479px){.gt-container .gt-avatar-github{width:2em;height:2em}}.gt-container .gt-btn{padding:.75em .95em;display:inline-block;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid var(--c-text-accent);border-radius:5px;background-color:var(--c-brand);color:#fff;outline:none;font-size:.75em;transition:background-color var(--t-color),border-color var(--t-color)}.gt-container .gt-btn-text{font-weight:400}.gt-header-controls .gt-btn-public .gt-btn-text{color:var(--c-bg)}.gt-container .gt-btn-loading{position:relative;margin-left:.5em;display:inline-block;width:.75em;height:1em;vertical-align:top}.gt-container .gt-btn.is--disable{cursor:not-allowed;opacity:.5}.gt-container .gt-btn-login{margin-right:0;color:var(--c-bg)}.gt-container .gt-btn-login:hover{background-color:var(--c-brand-light);border-color:var(--c-brand)}.gt-container .gt-btn-preview{background-color:var(--c-bg);color:var(--c-brand);border-color:var(--c-brand);transition:background-color var(--t-color),border-color var(--t-color)}.gt-container .gt-btn-preview:hover{color:var(--c-bg);background-color:var(--c-brand-light)}.gt-container .gt-btn-public:hover,.gt-container .gt-btn-loadmore:hover{background-color:var(--c-brand-light);border-color:var(--c-brand)}.gt-container .gt-btn-loadmore{color:var(--c-bg)}.gt-container .gt-error{text-align:center;margin:.625em;color:#ff3860}.gt-container .gt-initing{padding:1.25em 0;text-align:center}.gt-container .gt-initing-text{margin:.625em auto;font-size:92%}.gt-container .gt-no-init{padding:1.25em 0;text-align:center}.gt-container .gt-link{border-bottom:1px dotted var(--c-text-accent)}.gt-container .gt-link-counts,.gt-container .gt-link-project{text-decoration:none}.gt-container .gt-meta{margin:1.25em 0;padding:1em 0;position:relative;border-bottom:1px solid var(--c-border);font-size:1em;transition:background-color var(--t-color),border-color var(--t-color)}.gt-container .gt-meta:before,.gt-container .gt-meta:after{content:" ";display:table}.gt-container .gt-meta:after{clear:both}.gt-container .gt-counts{margin:0 .625em 0 0}.gt-container .gt-user{float:right;margin:0;font-size:92%}.gt-container .gt-user-pic{width:14px;height:14px;vertical-align:top;margin-right:.5em}.gt-container .gt-user-inner{display:inline-block;cursor:pointer}.gt-container .gt-user .gt-ico{margin:0 0 0 .3125em}.gt-container .gt-user .gt-ico svg{fill:inherit}.gt-container .gt-user .is--poping .gt-ico svg{fill:var(--c-text-accent)}.gt-container .gt-version{color:#a1a1a1;margin-left:.375em}.gt-container .gt-copyright{margin:0 .9375em .5em;border-top:1px solid var(--c-border);padding-top:.5em}.gt-container .gt-popup{position:absolute;right:0;top:2.375em;background-color:var(--c-bg-navbar);display:block!important;border:1px solid var(--c-border);padding:.625em 0;font-size:.875em;letter-spacing:.5px;box-sizing:border-box;z-index:10}.gt-container .gt-popup .gt-action{cursor:pointer;display:block;margin:.5em 0;padding:0 1.125em;position:relative;text-decoration:none}.gt-container .gt-popup .gt-action.is--active:before{content:"";width:.25em;height:.25em;background:var(--c-text-accent);position:absolute;left:.5em;top:.4375em}.gt-container .gt-header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.gt-container .gt-header-comment{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1.25em;width:90%}@media (max-width: 479px){.gt-container .gt-header-comment{padding-left:.875em}}.gt-container .gt-header-textarea{padding:.75em;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:5.125em;max-height:15em;border-radius:5px;border:1px solid var(--c-border);font-size:.875em;word-wrap:break-word;resize:vertical;background-color:var(--c-bg);outline:none;-webkit-transition:all .25s ease;transition:background-color var(--t-color),border-color var(--t-color)}.gt-header-textarea{color:var(--c-text)}.gt-container .gt-header-preview{padding:.75em;border-radius:5px;border:1px solid var(--c-border);background-color:var(--c-bg)}.gt-container .gt-header-controls{position:relative;margin:.75em 0 0}.gt-container .gt-header-controls:before,.gt-container .gt-header-controls:after{content:" ";display:table}.gt-container .gt-header-controls:after{clear:both}@media (max-width: 479px){.gt-container .gt-header-controls{margin:0}}.gt-container .gt-header-controls-tip{font-size:13px;color:var(--c-text-accent);text-decoration:none;vertical-align:sub}@media (max-width: 479px){.gt-container .gt-header-controls-tip{display:none}}.gt-container .gt-header-controls .gt-btn{float:right;margin-left:1.2em}@media (max-width: 479px){.gt-container .gt-header-controls .gt-btn{float:none;width:100%;margin:.75em 0 0}}.gt-container:after{content:"";position:fixed;bottom:100%;left:0;right:0;top:0;opacity:0}.gt-container.gt-input-focused{position:relative}.gt-container.gt-input-focused:after{content:"";position:fixed;bottom:0%;left:0;right:0;top:0;background:#000;opacity:.6;-webkit-transition:opacity .3s,bottom 0s;transition:opacity .3s,bottom 0s;z-index:9999}.gt-container.gt-input-focused .gt-header-comment{z-index:10000}.gt-container .gt-comments{padding-top:1.25em}.gt-container .gt-comments-null{text-align:center}.gt-container .gt-comments-controls{margin:1.25em 0;text-align:center}.gt-container .gt-comment{position:relative;padding:.625em 0;display:-webkit-box;display:-ms-flexbox;display:flex}.gt-container .gt-comment-content{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:1.25em;padding:.75em 1em;background-color:var(--c-bg);overflow:auto;-webkit-transition:all ease .25s;border:1px solid var(--c-border);transition:background-color var(--t-color),border-color var(--t-color)}.gt-container .gt-comment-content{border-radius:5px}@media (max-width: 479px){.gt-container .gt-comment-content{margin-left:.875em;padding:.625em .75em}}.gt-container .gt-comment-header{margin-bottom:.75em;font-size:.875em;position:relative}.gt-container .gt-comment-block-1{float:right;height:1.375em;width:3.5em}.gt-container .gt-comment-block-2{float:right;height:1.375em;width:4em}.gt-container .gt-comment-username{font-weight:500;color:var(--c-text-accent);text-decoration:none}.gt-container .gt-comment-username:hover{text-decoration:underline}.gt-container .gt-comment-text,.gt-container .gt-comment-date{margin-left:.5em;color:#a1a1a1;font-size:.875em}.gt-container .gt-comment-like,.gt-container .gt-comment-edit,.gt-container .gt-comment-reply{position:absolute;height:1.375em}.gt-container .gt-comment-like:hover,.gt-container .gt-comment-edit:hover,.gt-container .gt-comment-reply:hover{cursor:pointer}.gt-container .gt-comment-like{top:0;right:2em}.gt-container .gt-comment-edit,.gt-container .gt-comment-reply{top:0;right:0}.gt-container .gt-comment-body{color:var(--c-text)}.gt-container .gt-comment-body .email-hidden-toggle a{display:inline-block;height:12px;padding:0 9px;font-size:12px;font-weight:600;line-height:6px;color:#444d56;text-decoration:none;vertical-align:middle;background:#dfe2e5;border-radius:1px}.gt-container .gt-comment-body .email-hidden-toggle a:hover{background-color:#c6cbd1}.gt-container .gt-comment-body .email-hidden-reply{display:none;white-space:pre-wrap}.gt-container .gt-comment-body .email-hidden-reply .email-signature-reply{padding:0 15px;margin:15px 0;color:#586069;border-left:4px solid #dfe2e5}.gt-container .gt-comment-body .email-hidden-reply.expanded{display:block}.gt-container .gt-comment-admin .gt-comment-content{background-color:var(--c-bg);border:1px solid var(--c-border)}@-webkit-keyframes gt-kf-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes gt-kf-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.gt-comment-body .snippet-clipboard-content pre code{color:var(--c-text)}
diff --git a/assets/style.bd240186.css b/assets/style.bd240186.css
deleted file mode 100644
index fc4ffa56..00000000
--- a/assets/style.bd240186.css
+++ /dev/null
@@ -1 +0,0 @@
-@charset "UTF-8";@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-cyrillic.5f2c6c8c.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-cyrillic-ext.e75737ce.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-greek.d5a6d92a.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-greek-ext.ab0619bc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-latin.2ed14f66.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-latin-ext.0030eebd.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-vietnamese.14ce25a6.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-cyrillic.ea42a392.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-cyrillic-ext.33bd5a8e.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-greek.8f4463c4.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-greek-ext.4fbe9427.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-latin.bd3b6f56.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-latin-ext.bd8920cc.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-vietnamese.6ce511fb.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chinese Quotes;src:local("PingFang SC Regular"),local("PingFang SC"),local("SimHei"),local("Source Han Sans SC");unicode-range:U+2018,U+2019,U+201C,U+201D}:root{--vp-c-white: #ffffff;--vp-c-black: #000000;--vp-c-neutral: var(--vp-c-black);--vp-c-neutral-inverse: var(--vp-c-white)}.dark{--vp-c-neutral: var(--vp-c-white);--vp-c-neutral-inverse: var(--vp-c-black)}:root{--vp-c-gray-1: #dddde3;--vp-c-gray-2: #e4e4e9;--vp-c-gray-3: #ebebef;--vp-c-gray-soft: rgba(142, 150, 170, .14);--vp-c-indigo-1: #3451b2;--vp-c-indigo-2: #3a5ccc;--vp-c-indigo-3: #5672cd;--vp-c-indigo-soft: rgba(100, 108, 255, .14);--vp-c-green-1: #18794e;--vp-c-green-2: #299764;--vp-c-green-3: #30a46c;--vp-c-green-soft: rgba(16, 185, 129, .14);--vp-c-yellow-1: #915930;--vp-c-yellow-2: #946300;--vp-c-yellow-3: #9f6a00;--vp-c-yellow-soft: rgba(234, 179, 8, .14);--vp-c-red-1: #b8272c;--vp-c-red-2: #d5393e;--vp-c-red-3: #e0575b;--vp-c-red-soft: rgba(244, 63, 94, .14);--vp-c-sponsor: #db2777}.dark{--vp-c-gray-1: #515c67;--vp-c-gray-2: #414853;--vp-c-gray-3: #32363f;--vp-c-gray-soft: rgba(101, 117, 133, .16);--vp-c-indigo-1: #a8b1ff;--vp-c-indigo-2: #5c73e7;--vp-c-indigo-3: #3e63dd;--vp-c-indigo-soft: rgba(100, 108, 255, .16);--vp-c-green-1: #3dd68c;--vp-c-green-2: #30a46c;--vp-c-green-3: #298459;--vp-c-green-soft: rgba(16, 185, 129, .16);--vp-c-yellow-1: #f9b44e;--vp-c-yellow-2: #da8b17;--vp-c-yellow-3: #a46a0a;--vp-c-yellow-soft: rgba(234, 179, 8, .16);--vp-c-red-1: #f66f81;--vp-c-red-2: #f14158;--vp-c-red-3: #b62a3c;--vp-c-red-soft: rgba(244, 63, 94, .16)}:root{--vp-c-bg: #ffffff;--vp-c-bg-alt: #f6f6f7;--vp-c-bg-elv: #ffffff;--vp-c-bg-soft: #f6f6f7}.dark{--vp-c-bg: #1b1b1f;--vp-c-bg-alt: #161618;--vp-c-bg-elv: #202127;--vp-c-bg-soft: #202127}:root{--vp-c-border: #c2c2c4;--vp-c-divider: #e2e2e3;--vp-c-gutter: #e2e2e3}.dark{--vp-c-border: #3c3f44;--vp-c-divider: #2e2e32;--vp-c-gutter: #000000}:root{--vp-c-text-1: rgba(60, 60, 67);--vp-c-text-2: rgba(60, 60, 67, .78);--vp-c-text-3: rgba(60, 60, 67, .56)}.dark{--vp-c-text-1: rgba(255, 255, 245, .86);--vp-c-text-2: rgba(235, 235, 245, .6);--vp-c-text-3: rgba(235, 235, 245, .38)}:root{--vp-c-default-1: var(--vp-c-gray-1);--vp-c-default-2: var(--vp-c-gray-2);--vp-c-default-3: var(--vp-c-gray-3);--vp-c-default-soft: var(--vp-c-gray-soft);--vp-c-brand-1: var(--vp-c-indigo-1);--vp-c-brand-2: var(--vp-c-indigo-2);--vp-c-brand-3: var(--vp-c-indigo-3);--vp-c-brand-soft: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-brand-1);--vp-c-tip-1: var(--vp-c-brand-1);--vp-c-tip-2: var(--vp-c-brand-2);--vp-c-tip-3: var(--vp-c-brand-3);--vp-c-tip-soft: var(--vp-c-brand-soft);--vp-c-warning-1: var(--vp-c-yellow-1);--vp-c-warning-2: var(--vp-c-yellow-2);--vp-c-warning-3: var(--vp-c-yellow-3);--vp-c-warning-soft: var(--vp-c-yellow-soft);--vp-c-danger-1: var(--vp-c-red-1);--vp-c-danger-2: var(--vp-c-red-2);--vp-c-danger-3: var(--vp-c-red-3);--vp-c-danger-soft: var(--vp-c-red-soft)}:root{--vp-font-family-base: "Chinese Quotes", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--vp-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-footer: 10;--vp-z-index-local-nav: 20;--vp-z-index-nav: 30;--vp-z-index-layout-top: 40;--vp-z-index-backdrop: 50;--vp-z-index-sidebar: 60}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E")}:root{--vp-layout-max-width: 1440px}:root{--vp-header-anchor-symbol: "#"}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-color: var(--vp-c-brand-1);--vp-code-link-color: var(--vp-c-brand-1);--vp-code-link-hover-color: var(--vp-c-brand-2);--vp-code-bg: var(--vp-c-default-soft);--vp-code-block-color: var(--vp-c-text-2);--vp-code-block-bg: var(--vp-c-bg-alt);--vp-code-block-divider-color: var(--vp-c-gutter);--vp-code-lang-color: var(--vp-c-text-3);--vp-code-line-highlight-color: var(--vp-c-default-soft);--vp-code-line-number-color: var(--vp-c-text-3);--vp-code-line-diff-add-color: var(--vp-c-green-soft);--vp-code-line-diff-add-symbol-color: var(--vp-c-green-1);--vp-code-line-diff-remove-color: var(--vp-c-red-soft);--vp-code-line-diff-remove-symbol-color: var(--vp-c-red-1);--vp-code-line-warning-color: var(--vp-c-yellow-soft);--vp-code-line-error-color: var(--vp-c-red-soft);--vp-code-copy-code-border-color: var(--vp-c-divider);--vp-code-copy-code-bg: var(--vp-c-bg-soft);--vp-code-copy-code-hover-border-color: var(--vp-c-divider);--vp-code-copy-code-hover-bg: var(--vp-c-bg);--vp-code-copy-code-active-text: var(--vp-c-text-2);--vp-code-copy-copied-text-content: "Copied";--vp-code-tab-divider: var(--vp-code-block-divider-color);--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-bg: var(--vp-code-block-bg);--vp-code-tab-hover-text-color: var(--vp-c-text-1);--vp-code-tab-active-text-color: var(--vp-c-text-1);--vp-code-tab-active-bar-color: var(--vp-c-brand-1)}:root{--vp-button-brand-border: transparent;--vp-button-brand-text: var(--vp-c-white);--vp-button-brand-bg: var(--vp-c-brand-3);--vp-button-brand-hover-border: transparent;--vp-button-brand-hover-text: var(--vp-c-white);--vp-button-brand-hover-bg: var(--vp-c-brand-2);--vp-button-brand-active-border: transparent;--vp-button-brand-active-text: var(--vp-c-white);--vp-button-brand-active-bg: var(--vp-c-brand-1);--vp-button-alt-border: transparent;--vp-button-alt-text: var(--vp-c-text-1);--vp-button-alt-bg: var(--vp-c-default-3);--vp-button-alt-hover-border: transparent;--vp-button-alt-hover-text: var(--vp-c-text-1);--vp-button-alt-hover-bg: var(--vp-c-default-2);--vp-button-alt-active-border: transparent;--vp-button-alt-active-text: var(--vp-c-text-1);--vp-button-alt-active-bg: var(--vp-c-default-1);--vp-button-sponsor-border: var(--vp-c-text-2);--vp-button-sponsor-text: var(--vp-c-text-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}:root{--vp-custom-block-font-size: 14px;--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: transparent;--vp-custom-block-info-text: var(--vp-c-text-1);--vp-custom-block-info-bg: var(--vp-c-default-soft);--vp-custom-block-info-code-bg: var(--vp-c-default-soft);--vp-custom-block-tip-border: transparent;--vp-custom-block-tip-text: var(--vp-c-text-1);--vp-custom-block-tip-bg: var(--vp-c-brand-soft);--vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);--vp-custom-block-warning-border: transparent;--vp-custom-block-warning-text: var(--vp-c-text-1);--vp-custom-block-warning-bg: var(--vp-c-warning-soft);--vp-custom-block-warning-code-bg: var(--vp-c-warning-soft);--vp-custom-block-danger-border: transparent;--vp-custom-block-danger-text: var(--vp-c-text-1);--vp-custom-block-danger-bg: var(--vp-c-danger-soft);--vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-info-code-bg)}:root{--vp-input-border-color: var(--vp-c-border);--vp-input-bg-color: var(--vp-c-bg-alt);--vp-input-switch-bg-color: var(--vp-c-gray-soft)}:root{--vp-nav-height: 64px;--vp-nav-bg-color: var(--vp-c-bg);--vp-nav-screen-bg-color: var(--vp-c-bg);--vp-nav-logo-height: 24px}.hide-nav{--vp-nav-height: 0px}.hide-nav .VPSidebar{--vp-nav-height: 22px}:root{--vp-local-nav-bg-color: var(--vp-c-bg)}:root{--vp-sidebar-width: 272px;--vp-sidebar-bg-color: var(--vp-c-bg-alt)}:root{--vp-backdrop-bg-color: rgba(0, 0, 0, .6)}:root{--vp-home-hero-name-color: var(--vp-c-brand-1);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}:root{--vp-badge-info-border: transparent;--vp-badge-info-text: var(--vp-c-text-2);--vp-badge-info-bg: var(--vp-c-default-soft);--vp-badge-tip-border: transparent;--vp-badge-tip-text: var(--vp-c-brand-1);--vp-badge-tip-bg: var(--vp-c-brand-soft);--vp-badge-warning-border: transparent;--vp-badge-warning-text: var(--vp-c-warning-1);--vp-badge-warning-bg: var(--vp-c-warning-soft);--vp-badge-danger-border: transparent;--vp-badge-danger-text: var(--vp-c-danger-1);--vp-badge-danger-bg: var(--vp-c-danger-soft)}:root{--vp-carbon-ads-text-color: var(--vp-c-text-1);--vp-carbon-ads-poweredby-color: var(--vp-c-text-2);--vp-carbon-ads-bg-color: var(--vp-c-bg-soft);--vp-carbon-ads-hover-text-color: var(--vp-c-brand-1);--vp-carbon-ads-hover-poweredby-color: var(--vp-c-text-1)}:root{--vp-local-search-bg: var(--vp-c-bg);--vp-local-search-result-bg: var(--vp-c-bg);--vp-local-search-result-border: var(--vp-c-divider);--vp-local-search-result-selected-bg: var(--vp-c-bg);--vp-local-search-result-selected-border: var(--vp-c-brand-1);--vp-local-search-highlight-bg: var(--vp-c-brand-1);--vp-local-search-highlight-text: var(--vp-c-neutral-inverse)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}*,:before,:after{box-sizing:border-box}html{line-height:1.4;font-size:16px;-webkit-text-size-adjust:100%}html.dark{color-scheme:dark}body{margin:0;width:100%;min-width:320px;min-height:100vh;line-height:24px;font-family:var(--vp-font-family-base);font-size:16px;font-weight:400;color:var(--vp-c-text-1);background-color:var(--vp-c-bg);direction:ltr;font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;line-height:24px;font-size:16px;font-weight:400}p{margin:0}strong,b{font-weight:600}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}blockquote{margin:0}img,svg,video,canvas,audio,iframe,embed,object{display:block}figure{margin:0}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{border:0;padding:0;line-height:inherit;color:inherit}button{padding:0;font-family:inherit;background-color:transparent;background-image:none}button:enabled,[role=button]:enabled{cursor:pointer}button:focus,button:focus-visible{outline:1px dotted;outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none!important}input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse}input{background-color:transparent}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--vp-c-text-3)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--vp-c-text-3)}input::placeholder,textarea::placeholder{color:var(--vp-c-text-3)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}select{-webkit-appearance:none}fieldset{margin:0;padding:0}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}vite-error-overlay{z-index:9999}mjx-container{display:inline-block;margin:auto 2px -2px}mjx-container>svg{margin:auto}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.custom-block{border:1px solid transparent;border-radius:8px;padding:16px 16px 8px;line-height:24px;font-size:var(--vp-custom-block-font-size);color:var(--vp-c-text-2)}.custom-block.info{border-color:var(--vp-custom-block-info-border);color:var(--vp-custom-block-info-text);background-color:var(--vp-custom-block-info-bg)}.custom-block.info a,.custom-block.info code{color:var(--vp-c-brand-1)}.custom-block.info a:hover{color:var(--vp-c-brand-2)}.custom-block.info code{background-color:var(--vp-custom-block-info-code-bg)}.custom-block.tip{border-color:var(--vp-custom-block-tip-border);color:var(--vp-custom-block-tip-text);background-color:var(--vp-custom-block-tip-bg)}.custom-block.tip a,.custom-block.tip code{color:var(--vp-c-brand-1)}.custom-block.tip a:hover{color:var(--vp-c-brand-2)}.custom-block.tip code{background-color:var(--vp-custom-block-tip-code-bg)}.custom-block.warning{border-color:var(--vp-custom-block-warning-border);color:var(--vp-custom-block-warning-text);background-color:var(--vp-custom-block-warning-bg)}.custom-block.warning a,.custom-block.warning code{color:var(--vp-c-warning-1)}.custom-block.warning a:hover{color:var(--vp-c-warning-2)}.custom-block.warning code{background-color:var(--vp-custom-block-warning-code-bg)}.custom-block.danger{border-color:var(--vp-custom-block-danger-border);color:var(--vp-custom-block-danger-text);background-color:var(--vp-custom-block-danger-bg)}.custom-block.danger a,.custom-block.danger code{color:var(--vp-c-danger-1)}.custom-block.danger a:hover{color:var(--vp-c-danger-2)}.custom-block.danger code{background-color:var(--vp-custom-block-danger-code-bg)}.custom-block.details{border-color:var(--vp-custom-block-details-border);color:var(--vp-custom-block-details-text);background-color:var(--vp-custom-block-details-bg)}.custom-block.details a{color:var(--vp-c-brand-1)}.custom-block.details a:hover{color:var(--vp-c-brand-2)}.custom-block.details code{background-color:var(--vp-custom-block-details-code-bg)}.custom-block-title{font-weight:600}.custom-block p+p{margin:8px 0}.custom-block.details summary{margin:0 0 8px;font-weight:700;cursor:pointer}.custom-block.details summary+p{margin:8px 0}.custom-block a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:opacity .25s}.custom-block a:hover{opacity:.75}.custom-block code{font-size:var(--vp-custom-block-code-font-size)}.custom-block.custom-block th,.custom-block.custom-block blockquote>p{font-size:var(--vp-custom-block-font-size);color:inherit}.dark .vp-code-light{display:none}html:not(.dark) .vp-code-dark{display:none}.vp-code-group{margin-top:16px}.vp-code-group .tabs{position:relative;display:flex;margin-right:-24px;margin-left:-24px;padding:0 12px;background-color:var(--vp-code-tab-bg);overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px var(--vp-code-tab-divider)}@media (min-width: 640px){.vp-code-group .tabs{margin-right:0;margin-left:0;border-radius:8px 8px 0 0}}.vp-code-group .tabs input{position:fixed;opacity:0;pointer-events:none}.vp-code-group .tabs label{position:relative;display:inline-block;border-bottom:1px solid transparent;padding:0 12px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-code-tab-text-color);white-space:nowrap;cursor:pointer;transition:color .25s}.vp-code-group .tabs label:after{position:absolute;right:8px;bottom:-1px;left:8px;z-index:1;height:2px;border-radius:2px;content:"";background-color:transparent;transition:background-color .25s}.vp-code-group label:hover{color:var(--vp-code-tab-hover-text-color)}.vp-code-group input:checked+label{color:var(--vp-code-tab-active-text-color)}.vp-code-group input:checked+label:after{background-color:var(--vp-code-tab-active-bar-color)}.vp-code-group div[class*=language-],.vp-block{display:none;margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.vp-code-group div[class*=language-].active,.vp-block.active{display:block}.vp-block{padding:20px 24px}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6{position:relative;font-weight:600;outline:none}.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:28px}.vp-doc h2{margin:48px 0 16px;border-top:1px solid var(--vp-c-divider);padding-top:24px;letter-spacing:-.02em;line-height:32px;font-size:24px}.vp-doc h3{margin:32px 0 0;letter-spacing:-.01em;line-height:28px;font-size:20px}.vp-doc .header-anchor{position:absolute;top:0;left:0;margin-left:-.87em;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0;text-decoration:none;transition:color .25s,opacity .25s}.vp-doc .header-anchor:before{content:var(--vp-header-anchor-symbol)}.vp-doc h1:hover .header-anchor,.vp-doc h1 .header-anchor:focus,.vp-doc h2:hover .header-anchor,.vp-doc h2 .header-anchor:focus,.vp-doc h3:hover .header-anchor,.vp-doc h3 .header-anchor:focus,.vp-doc h4:hover .header-anchor,.vp-doc h4 .header-anchor:focus,.vp-doc h5:hover .header-anchor,.vp-doc h5 .header-anchor:focus,.vp-doc h6:hover .header-anchor,.vp-doc h6 .header-anchor:focus{opacity:1}@media (min-width: 768px){.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:32px}}.vp-doc h2 .header-anchor{top:24px}.vp-doc p,.vp-doc summary{margin:16px 0}.vp-doc p{line-height:28px}.vp-doc blockquote{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s}.vp-doc blockquote>p{margin:0;font-size:16px;color:var(--vp-c-text-2);transition:color .5s}.vp-doc a{font-weight:500;color:var(--vp-c-brand-1);text-decoration:underline;text-underline-offset:2px;transition:color .25s,opacity .25s}.vp-doc a:hover{color:var(--vp-c-brand-2)}.vp-doc strong{font-weight:600}.vp-doc ul,.vp-doc ol{padding-left:1.25rem;margin:16px 0}.vp-doc ul{list-style:disc}.vp-doc ol{list-style:decimal}.vp-doc li+li{margin-top:8px}.vp-doc li>ol,.vp-doc li>ul{margin:8px 0 0}.vp-doc table{display:block;border-collapse:collapse;margin:20px 0;overflow-x:auto}.vp-doc tr{border-top:1px solid var(--vp-c-divider);transition:background-color .5s}.vp-doc tr:nth-child(2n){background-color:var(--vp-c-bg-soft)}.vp-doc th,.vp-doc td{border:1px solid var(--vp-c-divider);padding:8px 16px}.vp-doc th{text-align:left;font-size:14px;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-doc td{font-size:14px}.vp-doc hr{margin:16px 0;border:none;border-top:1px solid var(--vp-c-divider)}.vp-doc .custom-block{margin:16px 0}.vp-doc .custom-block p{margin:8px 0;line-height:24px}.vp-doc .custom-block p:first-child{margin:0}.vp-doc .custom-block div[class*=language-]{margin:8px 0;border-radius:8px}.vp-doc .custom-block div[class*=language-] code{font-weight:400;background-color:transparent}.vp-doc .custom-block .vp-code-group .tabs{margin:0;border-radius:8px 8px 0 0}.vp-doc :not(pre,h1,h2,h3,h4,h5,h6)>code{font-size:var(--vp-code-font-size);color:var(--vp-code-color)}.vp-doc :not(pre)>code{border-radius:4px;padding:3px 6px;background-color:var(--vp-code-bg);transition:color .25s,background-color .5s}.vp-doc a>code{color:var(--vp-code-link-color)}.vp-doc a:hover>code{color:var(--vp-code-link-hover-color)}.vp-doc h1>code,.vp-doc h2>code,.vp-doc h3>code{font-size:.9em}.vp-doc div[class*=language-],.vp-block{position:relative;margin:16px -24px;background-color:var(--vp-code-block-bg);overflow-x:auto;transition:background-color .5s}@media (min-width: 640px){.vp-doc div[class*=language-],.vp-block{border-radius:8px;margin:16px 0}}@media (max-width: 639px){.vp-doc li div[class*=language-]{border-radius:8px 0 0 8px}}.vp-doc div[class*=language-]+div[class*=language-],.vp-doc div[class$=-api]+div[class*=language-],.vp-doc div[class*=language-]+div[class$=-api]>div[class*=language-]{margin-top:-8px}.vp-doc [class*=language-] pre,.vp-doc [class*=language-] code{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.vp-doc [class*=language-] pre{position:relative;z-index:1;margin:0;padding:20px 0;background:transparent;overflow-x:auto}.vp-doc [class*=language-] code{display:block;padding:0 24px;width:fit-content;min-width:100%;line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-block-color);transition:color .5s}.vp-doc [class*=language-] code .highlighted{background-color:var(--vp-code-line-highlight-color);transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .highlighted.error{background-color:var(--vp-code-line-error-color)}.vp-doc [class*=language-] code .highlighted.warning{background-color:var(--vp-code-line-warning-color)}.vp-doc [class*=language-] code .diff{transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .diff:before{position:absolute;left:10px}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){filter:blur(.095rem);opacity:.4;transition:filter .35s,opacity .35s}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){opacity:.7;transition:filter .35s,opacity .35s}.vp-doc [class*=language-]:hover .has-focused-lines .line:not(.has-focus){filter:blur(0);opacity:1}.vp-doc [class*=language-] code .diff.remove{background-color:var(--vp-code-line-diff-remove-color);opacity:.7}.vp-doc [class*=language-] code .diff.remove:before{content:"-";color:var(--vp-code-line-diff-remove-symbol-color)}.vp-doc [class*=language-] code .diff.add{background-color:var(--vp-code-line-diff-add-color)}.vp-doc [class*=language-] code .diff.add:before{content:"+";color:var(--vp-code-line-diff-add-symbol-color)}.vp-doc div[class*=language-].line-numbers-mode{padding-left:32px}.vp-doc .line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid var(--vp-code-block-divider-color);padding-top:20px;width:32px;text-align:center;font-family:var(--vp-font-family-mono);line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-line-number-color);transition:border-color .5s,color .5s}.vp-doc [class*=language-]>button.copy{direction:ltr;position:absolute;top:12px;right:12px;z-index:3;border:1px solid var(--vp-code-copy-code-border-color);border-radius:4px;width:40px;height:40px;background-color:var(--vp-code-copy-code-bg);opacity:0;cursor:pointer;background-image:var(--vp-icon-copy);background-position:50%;background-size:20px;background-repeat:no-repeat;transition:border-color .25s,background-color .25s,opacity .25s}.vp-doc [class*=language-]:hover>button.copy,.vp-doc [class*=language-]>button.copy:focus{opacity:1}.vp-doc [class*=language-]>button.copy:hover,.vp-doc [class*=language-]>button.copy.copied{border-color:var(--vp-code-copy-code-hover-border-color);background-color:var(--vp-code-copy-code-hover-bg)}.vp-doc [class*=language-]>button.copy.copied,.vp-doc [class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-color:var(--vp-code-copy-code-hover-bg);background-image:var(--vp-icon-copied)}.vp-doc [class*=language-]>button.copy.copied:before,.vp-doc [class*=language-]>button.copy:hover.copied:before{position:relative;top:-1px;transform:translate(calc(-100% - 1px));display:flex;justify-content:center;align-items:center;border:1px solid var(--vp-code-copy-code-hover-border-color);border-right:0;border-radius:4px 0 0 4px;padding:0 10px;width:fit-content;height:40px;text-align:center;font-size:12px;font-weight:500;color:var(--vp-code-copy-code-active-text);background-color:var(--vp-code-copy-code-hover-bg);white-space:nowrap;content:var(--vp-code-copy-copied-text-content)}.vp-doc [class*=language-]>span.lang{position:absolute;top:2px;right:8px;z-index:2;font-size:12px;font-weight:500;color:var(--vp-code-lang-color);transition:color .4s,opacity .4s}.vp-doc [class*=language-]:hover>button.copy+span.lang,.vp-doc [class*=language-]>button.copy:focus+span.lang{opacity:0}.vp-doc .VPTeamMembers{margin-top:24px}.vp-doc .VPTeamMembers.small.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-doc .VPTeamMembers.small.count-2 .container,.vp-doc .VPTeamMembers.small.count-3 .container{max-width:100%!important}.vp-doc .VPTeamMembers.medium.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}:is(.vp-external-link-icon,.vp-doc a[href*="://"],.vp-doc a[target=_blank]):not(.no-icon):after{display:inline-block;margin-top:-1px;margin-left:4px;width:11px;height:11px;background:currentColor;color:var(--vp-c-text-3);flex-shrink:0;--icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");-webkit-mask-image:var(--icon);mask-image:var(--icon)}.vp-external-link-icon:after{content:""}.vp-sponsor{border-radius:16px;overflow:hidden}.vp-sponsor.aside{border-radius:12px}.vp-sponsor-section+.vp-sponsor-section{margin-top:4px}.vp-sponsor-tier{margin-bottom:4px;text-align:center;letter-spacing:1px;line-height:24px;width:100%;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-sponsor.normal .vp-sponsor-tier{padding:13px 0 11px;font-size:14px}.vp-sponsor.aside .vp-sponsor-tier{padding:9px 0 7px;font-size:12px}.vp-sponsor-grid+.vp-sponsor-tier{margin-top:4px}.vp-sponsor-grid{display:flex;flex-wrap:wrap;gap:4px}.vp-sponsor-grid.xmini .vp-sponsor-grid-link{height:64px}.vp-sponsor-grid.xmini .vp-sponsor-grid-image{max-width:64px;max-height:22px}.vp-sponsor-grid.mini .vp-sponsor-grid-link{height:72px}.vp-sponsor-grid.mini .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.small .vp-sponsor-grid-link{height:96px}.vp-sponsor-grid.small .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.medium .vp-sponsor-grid-link{height:112px}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-width:120px;max-height:36px}.vp-sponsor-grid.big .vp-sponsor-grid-link{height:184px}.vp-sponsor-grid.big .vp-sponsor-grid-image{max-width:192px;max-height:56px}.vp-sponsor-grid[data-vp-grid="2"] .vp-sponsor-grid-item{width:calc((100% - 4px)/2)}.vp-sponsor-grid[data-vp-grid="3"] .vp-sponsor-grid-item{width:calc((100% - 4px * 2) / 3)}.vp-sponsor-grid[data-vp-grid="4"] .vp-sponsor-grid-item{width:calc((100% - 12px)/4)}.vp-sponsor-grid[data-vp-grid="5"] .vp-sponsor-grid-item{width:calc((100% - 16px)/5)}.vp-sponsor-grid[data-vp-grid="6"] .vp-sponsor-grid-item{width:calc((100% - 4px * 5) / 6)}.vp-sponsor-grid-item{flex-shrink:0;width:100%;background-color:var(--vp-c-bg-soft);transition:background-color .25s}.vp-sponsor-grid-item:hover{background-color:var(--vp-c-default-soft)}.vp-sponsor-grid-item:hover .vp-sponsor-grid-image{filter:grayscale(0) invert(0)}.vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.dark .vp-sponsor-grid-item:hover{background-color:var(--vp-c-white)}.dark .vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.vp-sponsor-grid-link{display:flex}.vp-sponsor-grid-box{display:flex;justify-content:center;align-items:center;width:100%}.vp-sponsor-grid-image{max-width:100%;filter:grayscale(1);transition:filter .25s}.dark .vp-sponsor-grid-image{filter:grayscale(1) invert(1)}.VPBadge[data-v-0d50132f]{display:inline-block;margin-left:2px;border:1px solid transparent;border-radius:12px;padding:0 10px;line-height:22px;font-size:12px;font-weight:500;transform:translateY(-2px)}.vp-doc h1>.VPBadge[data-v-0d50132f]{margin-top:4px;vertical-align:top}.vp-doc h2>.VPBadge[data-v-0d50132f]{margin-top:3px;padding:0 8px;vertical-align:top}.vp-doc h3>.VPBadge[data-v-0d50132f]{vertical-align:middle}.vp-doc h4>.VPBadge[data-v-0d50132f],.vp-doc h5>.VPBadge[data-v-0d50132f],.vp-doc h6>.VPBadge[data-v-0d50132f]{vertical-align:middle;line-height:18px}.VPBadge.info[data-v-0d50132f]{border-color:var(--vp-badge-info-border);color:var(--vp-badge-info-text);background-color:var(--vp-badge-info-bg)}.VPBadge.tip[data-v-0d50132f]{border-color:var(--vp-badge-tip-border);color:var(--vp-badge-tip-text);background-color:var(--vp-badge-tip-bg)}.VPBadge.warning[data-v-0d50132f]{border-color:var(--vp-badge-warning-border);color:var(--vp-badge-warning-text);background-color:var(--vp-badge-warning-bg)}.VPBadge.danger[data-v-0d50132f]{border-color:var(--vp-badge-danger-border);color:var(--vp-badge-danger-text);background-color:var(--vp-badge-danger-bg)}.VPBackdrop[data-v-90d3771d]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vp-z-index-backdrop);background:var(--vp-backdrop-bg-color);transition:opacity .5s}.VPBackdrop.fade-enter-from[data-v-90d3771d],.VPBackdrop.fade-leave-to[data-v-90d3771d]{opacity:0}.VPBackdrop.fade-leave-active[data-v-90d3771d]{transition-duration:.25s}@media (min-width: 1280px){.VPBackdrop[data-v-90d3771d]{display:none}}.NotFound[data-v-3b0106a5]{padding:64px 24px 96px;text-align:center}@media (min-width: 768px){.NotFound[data-v-3b0106a5]{padding:96px 32px 168px}}.code[data-v-3b0106a5]{line-height:64px;font-size:64px;font-weight:600}.title[data-v-3b0106a5]{padding-top:12px;letter-spacing:2px;line-height:20px;font-size:20px;font-weight:700}.divider[data-v-3b0106a5]{margin:24px auto 18px;width:64px;height:1px;background-color:var(--vp-c-divider)}.quote[data-v-3b0106a5]{margin:0 auto;max-width:256px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.action[data-v-3b0106a5]{padding-top:20px}.link[data-v-3b0106a5]{display:inline-block;border:1px solid var(--vp-c-brand-1);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:border-color .25s,color .25s}.link[data-v-3b0106a5]:hover{border-color:var(--vp-c-brand-2);color:var(--vp-c-brand-2)}.root[data-v-1772882b]{position:relative;z-index:1}.nested[data-v-1772882b]{padding-left:16px}.outline-link[data-v-1772882b]{display:block;line-height:28px;color:var(--vp-c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s;font-weight:400}.outline-link[data-v-1772882b]:hover,.outline-link.active[data-v-1772882b]{color:var(--vp-c-text-1);transition:color .25s}.outline-link.nested[data-v-1772882b]{padding-left:13px}.VPDocAsideOutline[data-v-98b3e62f]{display:none}.VPDocAsideOutline.has-outline[data-v-98b3e62f]{display:block}.content[data-v-98b3e62f]{position:relative;border-left:1px solid var(--vp-c-divider);padding-left:16px;font-size:13px;font-weight:500}.outline-marker[data-v-98b3e62f]{position:absolute;top:32px;left:-1px;z-index:0;opacity:0;width:2px;border-radius:2px;height:18px;background-color:var(--vp-c-brand-1);transition:top .25s cubic-bezier(0,1,.5,1),background-color .5s,opacity .25s}.outline-title[data-v-98b3e62f]{letter-spacing:.4px;line-height:28px;font-size:13px;font-weight:600}.VPDocAside[data-v-d3dab3d7]{display:flex;flex-direction:column;flex-grow:1}.spacer[data-v-d3dab3d7]{flex-grow:1}.VPDocAside[data-v-d3dab3d7] .spacer+.VPDocAsideSponsors,.VPDocAside[data-v-d3dab3d7] .spacer+.VPDocAsideCarbonAds{margin-top:24px}.VPDocAside[data-v-d3dab3d7] .VPDocAsideSponsors+.VPDocAsideCarbonAds{margin-top:16px}.VPLastUpdated[data-v-43ed3de5]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 640px){.VPLastUpdated[data-v-43ed3de5]{line-height:32px;font-size:14px;font-weight:500}}.VPDocFooter[data-v-d801cd4d]{margin-top:64px}.edit-info[data-v-d801cd4d]{padding-bottom:18px}@media (min-width: 640px){.edit-info[data-v-d801cd4d]{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}.edit-link-button[data-v-d801cd4d]{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.edit-link-button[data-v-d801cd4d]:hover{color:var(--vp-c-brand-2)}.edit-link-icon[data-v-d801cd4d]{margin-right:8px;width:14px;height:14px;fill:currentColor}.prev-next[data-v-d801cd4d]{border-top:1px solid var(--vp-c-divider);padding-top:24px;display:grid;grid-row-gap:8px}@media (min-width: 640px){.prev-next[data-v-d801cd4d]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px}}.pager-link[data-v-d801cd4d]{display:block;border:1px solid var(--vp-c-divider);border-radius:8px;padding:11px 16px 13px;width:100%;height:100%;transition:border-color .25s}.pager-link[data-v-d801cd4d]:hover{border-color:var(--vp-c-brand-1)}.pager-link.next[data-v-d801cd4d]{margin-left:auto;text-align:right}.desc[data-v-d801cd4d]{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.title[data-v-d801cd4d]{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.VPDocOutlineDropdown[data-v-3351e765]{margin-bottom:48px}.VPDocOutlineDropdown button[data-v-3351e765]{display:block;font-size:14px;font-weight:500;line-height:24px;border:1px solid var(--vp-c-border);padding:4px 12px;color:var(--vp-c-text-2);background-color:var(--vp-c-default-soft);border-radius:8px;transition:color .5s}.VPDocOutlineDropdown button[data-v-3351e765]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPDocOutlineDropdown button.open[data-v-3351e765]{color:var(--vp-c-text-1)}.icon[data-v-3351e765]{display:inline-block;vertical-align:middle;width:16px;height:16px;fill:currentColor}[data-v-3351e765] .outline-link{font-size:14px;font-weight:400}.open>.icon[data-v-3351e765]{transform:rotate(90deg)}.items[data-v-3351e765]{margin-top:12px;border-left:1px solid var(--vp-c-divider)}.VPDoc[data-v-eb54b406]{padding:32px 24px 96px;width:100%}.VPDoc .VPDocOutlineDropdown[data-v-eb54b406]{display:none}@media (min-width: 960px) and (max-width: 1279px){.VPDoc .VPDocOutlineDropdown[data-v-eb54b406]{display:block}}@media (min-width: 768px){.VPDoc[data-v-eb54b406]{padding:48px 32px 128px}}@media (min-width: 960px){.VPDoc[data-v-eb54b406]{padding:32px 32px 0}.VPDoc:not(.has-sidebar) .container[data-v-eb54b406]{display:flex;justify-content:center;max-width:992px}.VPDoc:not(.has-sidebar) .content[data-v-eb54b406]{max-width:752px}}@media (min-width: 1280px){.VPDoc .container[data-v-eb54b406]{display:flex;justify-content:center}.VPDoc .aside[data-v-eb54b406]{display:block}}@media (min-width: 1440px){.VPDoc:not(.has-sidebar) .content[data-v-eb54b406]{max-width:784px}.VPDoc:not(.has-sidebar) .container[data-v-eb54b406]{max-width:1104px}}.container[data-v-eb54b406]{margin:0 auto;width:100%}.aside[data-v-eb54b406]{position:relative;display:none;order:2;flex-grow:1;padding-left:32px;width:100%;max-width:256px}.left-aside[data-v-eb54b406]{order:1;padding-left:unset;padding-right:32px}.aside-container[data-v-eb54b406]{position:fixed;top:0;padding-top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 32px);width:224px;height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.aside-container[data-v-eb54b406]::-webkit-scrollbar{display:none}.aside-curtain[data-v-eb54b406]{position:fixed;bottom:0;z-index:10;width:224px;height:32px;background:linear-gradient(transparent,var(--vp-c-bg) 70%)}.aside-content[data-v-eb54b406]{display:flex;flex-direction:column;min-height:calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 32px));padding-bottom:32px}.content[data-v-eb54b406]{position:relative;margin:0 auto;width:100%}@media (min-width: 960px){.content[data-v-eb54b406]{padding:0 32px 128px}}@media (min-width: 1280px){.content[data-v-eb54b406]{order:1;margin:0;min-width:640px}}.content-container[data-v-eb54b406]{margin:0 auto}.VPDoc.has-aside .content-container[data-v-eb54b406]{max-width:688px}.external-link-icon-enabled[data-v-eb54b406] :is(.vp-doc a[href*="://"],.vp-doc a[target=_blank]):after{content:"";color:currentColor}.VPButton[data-v-a86ee6f3]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-a86ee6f3]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-a86ee6f3]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-a86ee6f3]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-a86ee6f3]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-a86ee6f3]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-a86ee6f3]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-a86ee6f3]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-a86ee6f3]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-a86ee6f3]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-a86ee6f3]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-a86ee6f3]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-a86ee6f3]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}html:not(.dark) .VPImage.dark[data-v-26d78c9a]{display:none}.dark .VPImage.light[data-v-26d78c9a]{display:none}.VPHero[data-v-b88480c1]{margin-top:calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-b88480c1]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-b88480c1]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px}}.container[data-v-b88480c1]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-b88480c1]{flex-direction:row}}.main[data-v-b88480c1]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-b88480c1]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-b88480c1]{text-align:left}}@media (min-width: 960px){.main[data-v-b88480c1]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-b88480c1]{max-width:592px}}.name[data-v-b88480c1],.text[data-v-b88480c1]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-b88480c1],.VPHero.has-image .text[data-v-b88480c1]{margin:0 auto}.name[data-v-b88480c1]{color:var(--vp-home-hero-name-color)}.clip[data-v-b88480c1]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-b88480c1],.text[data-v-b88480c1]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-b88480c1],.text[data-v-b88480c1]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-b88480c1],.VPHero.has-image .text[data-v-b88480c1]{margin:0}}.tagline[data-v-b88480c1]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-b88480c1]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-b88480c1]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-b88480c1]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-b88480c1]{margin:0}}.actions[data-v-b88480c1]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-b88480c1]{justify-content:center}@media (min-width: 640px){.actions[data-v-b88480c1]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-b88480c1]{justify-content:flex-start}}.action[data-v-b88480c1]{flex-shrink:0;padding:6px}.image[data-v-b88480c1]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-b88480c1]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-b88480c1]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-b88480c1]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-b88480c1]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-b88480c1]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-b88480c1]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-b88480c1]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-b88480c1]{width:320px;height:320px}}[data-v-b88480c1] .image-src{position:absolute;top:50%;left:50%;max-width:192px;max-height:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-b88480c1] .image-src{max-width:256px;max-height:256px}}@media (min-width: 960px){[data-v-b88480c1] .image-src{max-width:320px;max-height:320px}}.VPFeature[data-v-ec7504fd]{display:block;border:1px solid var(--vp-c-bg-soft);border-radius:12px;height:100%;background-color:var(--vp-c-bg-soft);transition:border-color .25s,background-color .25s}.VPFeature.link[data-v-ec7504fd]:hover{border-color:var(--vp-c-brand-1)}.box[data-v-ec7504fd]{display:flex;flex-direction:column;padding:24px;height:100%}.box[data-v-ec7504fd]>.VPImage{margin-bottom:20px}.icon[data-v-ec7504fd]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:6px;background-color:var(--vp-c-default-soft);width:48px;height:48px;font-size:24px;transition:background-color .25s}.title[data-v-ec7504fd]{line-height:24px;font-size:16px;font-weight:600}.details[data-v-ec7504fd]{flex-grow:1;padding-top:8px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.link-text[data-v-ec7504fd]{padding-top:8px}.link-text-value[data-v-ec7504fd]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.link-text-icon[data-v-ec7504fd]{display:inline-block;margin-left:6px;width:14px;height:14px;fill:currentColor}.VPFeatures[data-v-4746fcfd]{position:relative;padding:0 24px}@media (min-width: 640px){.VPFeatures[data-v-4746fcfd]{padding:0 48px}}@media (min-width: 960px){.VPFeatures[data-v-4746fcfd]{padding:0 64px}}.container[data-v-4746fcfd]{margin:0 auto;max-width:1152px}.items[data-v-4746fcfd]{display:flex;flex-wrap:wrap;margin:-8px}.item[data-v-4746fcfd]{padding:8px;width:100%}@media (min-width: 640px){.item.grid-2[data-v-4746fcfd],.item.grid-4[data-v-4746fcfd],.item.grid-6[data-v-4746fcfd]{width:50%}}@media (min-width: 768px){.item.grid-2[data-v-4746fcfd],.item.grid-4[data-v-4746fcfd]{width:50%}.item.grid-3[data-v-4746fcfd],.item.grid-6[data-v-4746fcfd]{width:calc(100% / 3)}}@media (min-width: 960px){.item.grid-4[data-v-4746fcfd]{width:25%}}.VPHome[data-v-f599c3dc]{padding-bottom:96px}.VPHome[data-v-f599c3dc] .VPHomeSponsors{margin-top:112px;margin-bottom:-128px}@media (min-width: 768px){.VPHome[data-v-f599c3dc]{padding-bottom:128px}}.VPContent[data-v-7787f055]{flex-grow:1;flex-shrink:0;margin:var(--vp-layout-top-height, 0px) auto 0;width:100%}.VPContent.is-home[data-v-7787f055]{width:100%;max-width:100%}.VPContent.has-sidebar[data-v-7787f055]{margin:0}@media (min-width: 960px){.VPContent[data-v-7787f055]{padding-top:var(--vp-nav-height)}.VPContent.has-sidebar[data-v-7787f055]{margin:var(--vp-layout-top-height, 0px) 0 0;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPContent.has-sidebar[data-v-7787f055]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.VPFooter[data-v-855b7db4]{position:relative;z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);padding:32px 24px;background-color:var(--vp-c-bg)}.VPFooter.has-sidebar[data-v-855b7db4]{display:none}@media (min-width: 768px){.VPFooter[data-v-855b7db4]{padding:32px}}.container[data-v-855b7db4]{margin:0 auto;max-width:var(--vp-layout-max-width);text-align:center}.message[data-v-855b7db4],.copyright[data-v-855b7db4]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.VPLocalNavOutlineDropdown[data-v-55e6f1d6]{padding:12px 20px 11px}.VPLocalNavOutlineDropdown button[data-v-55e6f1d6]{display:block;font-size:12px;font-weight:500;line-height:24px;color:var(--vp-c-text-2);transition:color .5s;position:relative}.VPLocalNavOutlineDropdown button[data-v-55e6f1d6]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPLocalNavOutlineDropdown button.open[data-v-55e6f1d6]{color:var(--vp-c-text-1)}.icon[data-v-55e6f1d6]{display:inline-block;vertical-align:middle;margin-left:2px;width:14px;height:14px;fill:currentColor}[data-v-55e6f1d6] .outline-link{font-size:14px;padding:2px 0}.open>.icon[data-v-55e6f1d6]{transform:rotate(90deg)}.items[data-v-55e6f1d6]{position:absolute;top:64px;right:16px;left:16px;display:grid;gap:1px;border:1px solid var(--vp-c-border);border-radius:8px;background-color:var(--vp-c-gutter);max-height:calc(var(--vp-vh, 100vh) - 86px);overflow:hidden auto;box-shadow:var(--vp-shadow-3)}.header[data-v-55e6f1d6]{background-color:var(--vp-c-bg-soft)}.top-link[data-v-55e6f1d6]{display:block;padding:0 16px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.outline[data-v-55e6f1d6]{padding:8px 0;background-color:var(--vp-c-bg-soft)}.flyout-enter-active[data-v-55e6f1d6]{transition:all .2s ease-out}.flyout-leave-active[data-v-55e6f1d6]{transition:all .15s ease-in}.flyout-enter-from[data-v-55e6f1d6],.flyout-leave-to[data-v-55e6f1d6]{opacity:0;transform:translateY(-16px)}.VPLocalNav[data-v-6e4e13c1]{position:sticky;top:0;left:0;z-index:var(--vp-z-index-local-nav);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--vp-c-gutter);border-bottom:1px solid var(--vp-c-gutter);padding-top:var(--vp-layout-top-height, 0px);width:100%;background-color:var(--vp-local-nav-bg-color)}.VPLocalNav.fixed[data-v-6e4e13c1]{position:fixed}.VPLocalNav.reached-top[data-v-6e4e13c1]{border-top-color:transparent}@media (min-width: 960px){.VPLocalNav[data-v-6e4e13c1]{display:none}}.menu[data-v-6e4e13c1]{display:flex;align-items:center;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.menu[data-v-6e4e13c1]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.menu[data-v-6e4e13c1]{padding:0 32px}}.menu-icon[data-v-6e4e13c1]{margin-right:8px;width:16px;height:16px;fill:currentColor}.VPOutlineDropdown[data-v-6e4e13c1]{padding:12px 24px 11px}@media (min-width: 768px){.VPOutlineDropdown[data-v-6e4e13c1]{padding:12px 32px 11px}}.VPSwitch[data-v-ad8fa6cf]{position:relative;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--vp-input-border-color);background-color:var(--vp-input-switch-bg-color);transition:border-color .25s!important}.VPSwitch[data-v-ad8fa6cf]:hover{border-color:var(--vp-c-brand-1)}.check[data-v-ad8fa6cf]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--vp-c-neutral-inverse);box-shadow:var(--vp-shadow-1);transition:transform .25s!important}.icon[data-v-ad8fa6cf]{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.icon[data-v-ad8fa6cf] svg{position:absolute;top:3px;left:3px;width:12px;height:12px;fill:var(--vp-c-text-2)}.dark .icon[data-v-ad8fa6cf] svg{fill:var(--vp-c-text-1);transition:opacity .25s!important}.sun[data-v-f31c77b6]{opacity:1}.moon[data-v-f31c77b6],.dark .sun[data-v-f31c77b6]{opacity:0}.dark .moon[data-v-f31c77b6]{opacity:1}.dark .VPSwitchAppearance[data-v-f31c77b6] .check{transform:translate(18px)}.VPNavBarAppearance[data-v-82003167]{display:none}@media (min-width: 1280px){.VPNavBarAppearance[data-v-82003167]{display:flex;align-items:center}}.VPMenuGroup+.VPMenuLink[data-v-df1d8bd6]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.link[data-v-df1d8bd6]{display:block;border-radius:6px;padding:0 12px;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);white-space:nowrap;transition:background-color .25s,color .25s}.link[data-v-df1d8bd6]:hover{color:var(--vp-c-brand-1);background-color:var(--vp-c-default-soft)}.link.active[data-v-df1d8bd6]{color:var(--vp-c-brand-1)}.VPMenuGroup[data-v-bdc27f57]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.VPMenuGroup[data-v-bdc27f57]:first-child{margin-top:0;border-top:0;padding-top:0}.VPMenuGroup+.VPMenuGroup[data-v-bdc27f57]{margin-top:12px;border-top:1px solid var(--vp-c-divider)}.title[data-v-bdc27f57]{padding:0 12px;line-height:32px;font-size:14px;font-weight:600;color:var(--vp-c-text-2);white-space:nowrap;transition:color .25s}.VPMenu[data-v-3795579e]{border-radius:12px;padding:12px;min-width:128px;border:1px solid var(--vp-c-divider);background-color:var(--vp-c-bg-elv);box-shadow:var(--vp-shadow-3);transition:background-color .5s;max-height:calc(100vh - var(--vp-nav-height));overflow-y:auto}.VPMenu[data-v-3795579e] .group{margin:0 -12px;padding:0 12px 12px}.VPMenu[data-v-3795579e] .group+.group{border-top:1px solid var(--vp-c-divider);padding:11px 12px 12px}.VPMenu[data-v-3795579e] .group:last-child{padding-bottom:0}.VPMenu[data-v-3795579e] .group+.item{border-top:1px solid var(--vp-c-divider);padding:11px 16px 0}.VPMenu[data-v-3795579e] .item{padding:0 16px;white-space:nowrap}.VPMenu[data-v-3795579e] .label{flex-grow:1;line-height:28px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPMenu[data-v-3795579e] .action{padding-left:24px}.VPFlyout[data-v-419e6f76]{position:relative}.VPFlyout[data-v-419e6f76]:hover{color:var(--vp-c-brand-1);transition:color .25s}.VPFlyout:hover .text[data-v-419e6f76]{color:var(--vp-c-text-2)}.VPFlyout:hover .icon[data-v-419e6f76]{fill:var(--vp-c-text-2)}.VPFlyout.active .text[data-v-419e6f76]{color:var(--vp-c-brand-1)}.VPFlyout.active:hover .text[data-v-419e6f76]{color:var(--vp-c-brand-2)}.VPFlyout:hover .menu[data-v-419e6f76],.button[aria-expanded=true]+.menu[data-v-419e6f76]{opacity:1;visibility:visible;transform:translateY(0)}.button[aria-expanded=false]+.menu[data-v-419e6f76]{opacity:0;visibility:hidden;transform:translateY(0)}.button[data-v-419e6f76]{display:flex;align-items:center;padding:0 12px;height:var(--vp-nav-height);color:var(--vp-c-text-1);transition:color .5s}.text[data-v-419e6f76]{display:flex;align-items:center;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.option-icon[data-v-419e6f76]{margin-right:0;width:16px;height:16px;fill:currentColor}.text-icon[data-v-419e6f76]{margin-left:4px;width:14px;height:14px;fill:currentColor}.icon[data-v-419e6f76]{width:20px;height:20px;fill:currentColor;transition:fill .25s}.menu[data-v-419e6f76]{position:absolute;top:calc(var(--vp-nav-height) / 2 + 20px);right:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}.VPSocialLink[data-v-d53a05fb]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--vp-c-text-2);transition:color .5s}.VPSocialLink[data-v-d53a05fb]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPSocialLink[data-v-d53a05fb]>svg{width:20px;height:20px;fill:currentColor}.VPSocialLinks[data-v-aea42604]{display:flex;justify-content:center}.VPNavBarExtra[data-v-edb32f2a]{display:none;margin-right:-12px}@media (min-width: 768px){.VPNavBarExtra[data-v-edb32f2a]{display:block}}@media (min-width: 1280px){.VPNavBarExtra[data-v-edb32f2a]{display:none}}.trans-title[data-v-edb32f2a]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.item.appearance[data-v-edb32f2a],.item.social-links[data-v-edb32f2a]{display:flex;align-items:center;padding:0 12px}.item.appearance[data-v-edb32f2a]{min-width:176px}.appearance-action[data-v-edb32f2a]{margin-right:-2px}.social-links-list[data-v-edb32f2a]{margin:-4px -8px}.VPNavBarHamburger[data-v-305e35d4]{display:flex;justify-content:center;align-items:center;width:48px;height:var(--vp-nav-height)}@media (min-width: 768px){.VPNavBarHamburger[data-v-305e35d4]{display:none}}.container[data-v-305e35d4]{position:relative;width:16px;height:14px;overflow:hidden}.VPNavBarHamburger:hover .top[data-v-305e35d4]{top:0;left:0;transform:translate(4px)}.VPNavBarHamburger:hover .middle[data-v-305e35d4]{top:6px;left:0;transform:translate(0)}.VPNavBarHamburger:hover .bottom[data-v-305e35d4]{top:12px;left:0;transform:translate(8px)}.VPNavBarHamburger.active .top[data-v-305e35d4]{top:6px;transform:translate(0) rotate(225deg)}.VPNavBarHamburger.active .middle[data-v-305e35d4]{top:6px;transform:translate(16px)}.VPNavBarHamburger.active .bottom[data-v-305e35d4]{top:6px;transform:translate(0) rotate(135deg)}.VPNavBarHamburger.active:hover .top[data-v-305e35d4],.VPNavBarHamburger.active:hover .middle[data-v-305e35d4],.VPNavBarHamburger.active:hover .bottom[data-v-305e35d4]{background-color:var(--vp-c-text-2);transition:top .25s,background-color .25s,transform .25s}.top[data-v-305e35d4],.middle[data-v-305e35d4],.bottom[data-v-305e35d4]{position:absolute;width:16px;height:2px;background-color:var(--vp-c-text-1);transition:top .25s,background-color .5s,transform .25s}.top[data-v-305e35d4]{top:0;left:0;transform:translate(0)}.middle[data-v-305e35d4]{top:6px;left:0;transform:translate(8px)}.bottom[data-v-305e35d4]{top:12px;left:0;transform:translate(4px)}.VPNavBarMenuLink[data-v-0eb8cc79]{display:flex;align-items:center;padding:0 12px;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.VPNavBarMenuLink.active[data-v-0eb8cc79],.VPNavBarMenuLink[data-v-0eb8cc79]:hover{color:var(--vp-c-brand-1)}.VPNavBarMenu[data-v-368cfbc9]{display:none}@media (min-width: 768px){.VPNavBarMenu[data-v-368cfbc9]{display:flex}}/*! @docsearch/css 3.5.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[class*=DocSearch]{--docsearch-primary-color: var(--vp-c-brand-1);--docsearch-highlight-color: var(--docsearch-primary-color);--docsearch-text-color: var(--vp-c-text-1);--docsearch-muted-color: var(--vp-c-text-2);--docsearch-searchbox-shadow: none;--docsearch-searchbox-background: transparent;--docsearch-searchbox-focus-background: transparent;--docsearch-key-gradient: transparent;--docsearch-key-shadow: none;--docsearch-modal-background: var(--vp-c-bg-soft);--docsearch-footer-background: var(--vp-c-bg)}.dark [class*=DocSearch]{--docsearch-modal-shadow: none;--docsearch-footer-shadow: none;--docsearch-logo-color: var(--vp-c-text-2);--docsearch-hit-background: var(--vp-c-default-soft);--docsearch-hit-color: var(--vp-c-text-2);--docsearch-hit-shadow: none}.DocSearch-Button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:48px;height:55px;background:transparent;transition:border-color .25s}.DocSearch-Button:hover{background:transparent}.DocSearch-Button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.DocSearch-Button:focus:not(:focus-visible){outline:none!important}@media (min-width: 768px){.DocSearch-Button{justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 12px;width:100%;height:40px;background-color:var(--vp-c-bg-alt)}.DocSearch-Button:hover{border-color:var(--vp-c-brand-1);background:var(--vp-c-bg-alt)}}.DocSearch-Button .DocSearch-Button-Container{display:flex;align-items:center}.DocSearch-Button .DocSearch-Search-Icon{position:relative;width:16px;height:16px;color:var(--vp-c-text-1);fill:currentColor;transition:color .5s}.DocSearch-Button:hover .DocSearch-Search-Icon{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Search-Icon{top:1px;margin-right:8px;width:14px;height:14px;color:var(--vp-c-text-2)}}.DocSearch-Button .DocSearch-Button-Placeholder{display:none;margin-top:2px;padding:0 16px 0 0;font-size:13px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.DocSearch-Button:hover .DocSearch-Button-Placeholder{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Placeholder{display:inline-block}}.DocSearch-Button .DocSearch-Button-Keys{direction:ltr;display:none;min-width:auto}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Keys{display:flex;align-items:center}}.DocSearch-Button .DocSearch-Button-Key{display:block;margin:2px 0 0;border:1px solid var(--vp-c-divider);border-right:none;border-radius:4px 0 0 4px;padding-left:6px;min-width:0;width:auto;height:22px;line-height:22px;font-family:var(--vp-font-family-base);font-size:12px;font-weight:500;transition:color .5s,border-color .5s}.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key{border-right:1px solid var(--vp-c-divider);border-left:none;border-radius:0 4px 4px 0;padding-left:2px;padding-right:6px}.DocSearch-Button .DocSearch-Button-Key:first-child{font-size:0!important}.DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"Ctrl";font-size:12px;letter-spacing:normal;color:var(--docsearch-muted-color)}.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"⌘"}.DocSearch-Button .DocSearch-Button-Key:first-child>*{display:none}.VPNavBarSearch{display:flex;align-items:center}@media (min-width: 768px){.VPNavBarSearch{flex-grow:1;padding-left:24px}}@media (min-width: 960px){.VPNavBarSearch{padding-left:32px}}.dark .DocSearch-Footer{border-top:1px solid var(--vp-c-divider)}.DocSearch-Form{border:1px solid var(--vp-c-brand-1);background-color:var(--vp-c-white)}.dark .DocSearch-Form{background-color:var(--vp-c-default-soft)}.DocSearch-Screen-Icon>svg{margin:auto}.VPNavBarSocialLinks[data-v-3c6c0985]{display:none}@media (min-width: 1280px){.VPNavBarSocialLinks[data-v-3c6c0985]{display:flex;align-items:center}}.title[data-v-d919d4a8]{display:flex;align-items:center;border-bottom:1px solid transparent;width:100%;height:var(--vp-nav-height);font-size:16px;font-weight:600;color:var(--vp-c-text-1);transition:opacity .25s}@media (min-width: 960px){.title[data-v-d919d4a8]{flex-shrink:0}.VPNavBarTitle.has-sidebar .title[data-v-d919d4a8]{border-bottom-color:var(--vp-c-divider)}}[data-v-d919d4a8] .logo{margin-right:8px;height:var(--vp-nav-logo-height)}.VPNavBarTranslations[data-v-780fc638]{display:none}@media (min-width: 1280px){.VPNavBarTranslations[data-v-780fc638]{display:flex;align-items:center}}.title[data-v-780fc638]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.VPNavBar[data-v-e4fc9f8b]{position:relative;border-bottom:1px solid transparent;padding:0 8px 0 24px;height:var(--vp-nav-height);pointer-events:none;white-space:nowrap}@media (min-width: 768px){.VPNavBar[data-v-e4fc9f8b]{padding:0 32px}}@media (min-width: 960px){.VPNavBar.has-sidebar[data-v-e4fc9f8b]{padding:0}.VPNavBar[data-v-e4fc9f8b]:not(.has-sidebar):not(.top){border-bottom-color:var(--vp-c-gutter);background-color:var(--vp-nav-bg-color)}}.container[data-v-e4fc9f8b]{display:flex;justify-content:space-between;margin:0 auto;max-width:calc(var(--vp-layout-max-width) - 64px);height:var(--vp-nav-height);pointer-events:none}.container>.title[data-v-e4fc9f8b],.container>.content[data-v-e4fc9f8b]{pointer-events:none}.container[data-v-e4fc9f8b] *{pointer-events:auto}@media (min-width: 960px){.VPNavBar.has-sidebar .container[data-v-e4fc9f8b]{max-width:100%}}.title[data-v-e4fc9f8b]{flex-shrink:0;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar.has-sidebar .title[data-v-e4fc9f8b]{position:absolute;top:0;left:0;z-index:2;padding:0 32px;width:var(--vp-sidebar-width);height:var(--vp-nav-height);background-color:transparent}}@media (min-width: 1440px){.VPNavBar.has-sidebar .title[data-v-e4fc9f8b]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}.content[data-v-e4fc9f8b]{flex-grow:1}@media (min-width: 960px){.VPNavBar.has-sidebar .content[data-v-e4fc9f8b]{position:relative;z-index:1;padding-right:32px;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .content[data-v-e4fc9f8b]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2 + 32px);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.content-body[data-v-e4fc9f8b]{display:flex;justify-content:flex-end;align-items:center;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar:not(.top) .content-body[data-v-e4fc9f8b]{position:relative;background-color:var(--vp-nav-bg-color)}}@media (max-width: 767px){.content-body[data-v-e4fc9f8b]{column-gap:.5rem}}.menu+.translations[data-v-e4fc9f8b]:before,.menu+.appearance[data-v-e4fc9f8b]:before,.menu+.social-links[data-v-e4fc9f8b]:before,.translations+.appearance[data-v-e4fc9f8b]:before,.appearance+.social-links[data-v-e4fc9f8b]:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--vp-c-divider);content:""}.menu+.appearance[data-v-e4fc9f8b]:before,.translations+.appearance[data-v-e4fc9f8b]:before{margin-right:16px}.appearance+.social-links[data-v-e4fc9f8b]:before{margin-left:16px}.social-links[data-v-e4fc9f8b]{margin-right:-8px}@media (min-width: 960px){.VPNavBar.has-sidebar .curtain[data-v-e4fc9f8b]{position:absolute;right:0;bottom:-31px;width:calc(100% - var(--vp-sidebar-width));height:32px}.VPNavBar.has-sidebar .curtain[data-v-e4fc9f8b]:before{display:block;width:100%;height:32px;background:linear-gradient(var(--vp-c-bg),transparent 70%);content:""}}@media (min-width: 1440px){.VPNavBar.has-sidebar .curtain[data-v-e4fc9f8b]{width:calc(100% - ((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width)))}}.VPNavScreenAppearance[data-v-14d6533b]{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 14px 12px 16px;background-color:var(--vp-c-bg-soft)}.text[data-v-14d6533b]{line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.VPNavScreenMenuLink[data-v-100771e7]{display:block;border-bottom:1px solid var(--vp-c-divider);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:border-color .25s,color .25s}.VPNavScreenMenuLink[data-v-100771e7]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupLink[data-v-bb6df54f]{display:block;margin-left:12px;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-1);transition:color .25s}.VPNavScreenMenuGroupLink[data-v-bb6df54f]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupSection[data-v-c3cb64a0]{display:block}.title[data-v-c3cb64a0]{line-height:32px;font-size:13px;font-weight:700;color:var(--vp-c-text-2);transition:color .25s}.VPNavScreenMenuGroup[data-v-ba0cbdca]{border-bottom:1px solid var(--vp-c-divider);height:48px;overflow:hidden;transition:border-color .5s}.VPNavScreenMenuGroup .items[data-v-ba0cbdca]{visibility:hidden}.VPNavScreenMenuGroup.open .items[data-v-ba0cbdca]{visibility:visible}.VPNavScreenMenuGroup.open[data-v-ba0cbdca]{padding-bottom:10px;height:auto}.VPNavScreenMenuGroup.open .button[data-v-ba0cbdca]{padding-bottom:6px;color:var(--vp-c-brand-1)}.VPNavScreenMenuGroup.open .button-icon[data-v-ba0cbdca]{transform:rotate(45deg)}.button[data-v-ba0cbdca]{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 11px 0;width:100%;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.button[data-v-ba0cbdca]:hover{color:var(--vp-c-brand-1)}.button-icon[data-v-ba0cbdca]{width:14px;height:14px;fill:var(--vp-c-text-2);transition:fill .5s,transform .25s}.group[data-v-ba0cbdca]:first-child{padding-top:0}.group+.group[data-v-ba0cbdca],.group+.item[data-v-ba0cbdca]{padding-top:4px}.VPNavScreenTranslations[data-v-2a5206d0]{height:24px;overflow:hidden}.VPNavScreenTranslations.open[data-v-2a5206d0]{height:auto}.title[data-v-2a5206d0]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-text-1)}.icon[data-v-2a5206d0]{width:16px;height:16px;fill:currentColor}.icon.lang[data-v-2a5206d0]{margin-right:8px}.icon.chevron[data-v-2a5206d0]{margin-left:4px}.list[data-v-2a5206d0]{padding:4px 0 0 24px}.link[data-v-2a5206d0]{line-height:32px;font-size:13px;color:var(--vp-c-text-1)}.VPNavScreen[data-v-a794a04d]{position:fixed;top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 1px);right:0;bottom:0;left:0;padding:0 32px;width:100%;background-color:var(--vp-nav-screen-bg-color);overflow-y:auto;transition:background-color .5s;pointer-events:auto}.VPNavScreen.fade-enter-active[data-v-a794a04d],.VPNavScreen.fade-leave-active[data-v-a794a04d]{transition:opacity .25s}.VPNavScreen.fade-enter-active .container[data-v-a794a04d],.VPNavScreen.fade-leave-active .container[data-v-a794a04d]{transition:transform .25s ease}.VPNavScreen.fade-enter-from[data-v-a794a04d],.VPNavScreen.fade-leave-to[data-v-a794a04d]{opacity:0}.VPNavScreen.fade-enter-from .container[data-v-a794a04d],.VPNavScreen.fade-leave-to .container[data-v-a794a04d]{transform:translateY(-8px)}@media (min-width: 768px){.VPNavScreen[data-v-a794a04d]{display:none}}.container[data-v-a794a04d]{margin:0 auto;padding:24px 0 96px;max-width:288px}.menu+.translations[data-v-a794a04d],.menu+.appearance[data-v-a794a04d],.translations+.appearance[data-v-a794a04d]{margin-top:24px}.menu+.social-links[data-v-a794a04d]{margin-top:16px}.appearance+.social-links[data-v-a794a04d]{margin-top:16px}.VPNav[data-v-f92d2e4c]{position:relative;top:var(--vp-layout-top-height, 0px);left:0;z-index:var(--vp-z-index-nav);width:100%;pointer-events:none;transition:background-color .5s}@media (min-width: 960px){.VPNav[data-v-f92d2e4c]{position:fixed}}.VPSidebarItem.level-0[data-v-c543663c]{padding-bottom:24px}.VPSidebarItem.collapsed.level-0[data-v-c543663c]{padding-bottom:10px}.item[data-v-c543663c]{position:relative;display:flex;width:100%}.VPSidebarItem.collapsible>.item[data-v-c543663c]{cursor:pointer}.indicator[data-v-c543663c]{position:absolute;top:6px;bottom:6px;left:-17px;width:2px;border-radius:2px;transition:background-color .25s}.VPSidebarItem.level-2.is-active>.item>.indicator[data-v-c543663c],.VPSidebarItem.level-3.is-active>.item>.indicator[data-v-c543663c],.VPSidebarItem.level-4.is-active>.item>.indicator[data-v-c543663c],.VPSidebarItem.level-5.is-active>.item>.indicator[data-v-c543663c]{background-color:var(--vp-c-brand-1)}.link[data-v-c543663c]{display:flex;align-items:center;flex-grow:1}.text[data-v-c543663c]{flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;transition:color .25s}.VPSidebarItem.level-0 .text[data-v-c543663c]{font-weight:700;color:var(--vp-c-text-1)}.VPSidebarItem.level-1 .text[data-v-c543663c],.VPSidebarItem.level-2 .text[data-v-c543663c],.VPSidebarItem.level-3 .text[data-v-c543663c],.VPSidebarItem.level-4 .text[data-v-c543663c],.VPSidebarItem.level-5 .text[data-v-c543663c]{font-weight:500;color:var(--vp-c-text-2)}.VPSidebarItem.level-0.is-link>.item>.link:hover .text[data-v-c543663c],.VPSidebarItem.level-1.is-link>.item>.link:hover .text[data-v-c543663c],.VPSidebarItem.level-2.is-link>.item>.link:hover .text[data-v-c543663c],.VPSidebarItem.level-3.is-link>.item>.link:hover .text[data-v-c543663c],.VPSidebarItem.level-4.is-link>.item>.link:hover .text[data-v-c543663c],.VPSidebarItem.level-5.is-link>.item>.link:hover .text[data-v-c543663c]{color:var(--vp-c-brand-1)}.VPSidebarItem.level-0.has-active>.item>.text[data-v-c543663c],.VPSidebarItem.level-1.has-active>.item>.text[data-v-c543663c],.VPSidebarItem.level-2.has-active>.item>.text[data-v-c543663c],.VPSidebarItem.level-3.has-active>.item>.text[data-v-c543663c],.VPSidebarItem.level-4.has-active>.item>.text[data-v-c543663c],.VPSidebarItem.level-5.has-active>.item>.text[data-v-c543663c],.VPSidebarItem.level-0.has-active>.item>.link>.text[data-v-c543663c],.VPSidebarItem.level-1.has-active>.item>.link>.text[data-v-c543663c],.VPSidebarItem.level-2.has-active>.item>.link>.text[data-v-c543663c],.VPSidebarItem.level-3.has-active>.item>.link>.text[data-v-c543663c],.VPSidebarItem.level-4.has-active>.item>.link>.text[data-v-c543663c],.VPSidebarItem.level-5.has-active>.item>.link>.text[data-v-c543663c]{color:var(--vp-c-text-1)}.VPSidebarItem.level-0.is-active>.item .link>.text[data-v-c543663c],.VPSidebarItem.level-1.is-active>.item .link>.text[data-v-c543663c],.VPSidebarItem.level-2.is-active>.item .link>.text[data-v-c543663c],.VPSidebarItem.level-3.is-active>.item .link>.text[data-v-c543663c],.VPSidebarItem.level-4.is-active>.item .link>.text[data-v-c543663c],.VPSidebarItem.level-5.is-active>.item .link>.text[data-v-c543663c]{color:var(--vp-c-brand-1)}.caret[data-v-c543663c]{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--vp-c-text-3);cursor:pointer;transition:color .25s;flex-shrink:0}.item:hover .caret[data-v-c543663c]{color:var(--vp-c-text-2)}.item:hover .caret[data-v-c543663c]:hover{color:var(--vp-c-text-1)}.caret-icon[data-v-c543663c]{width:18px;height:18px;fill:currentColor;transform:rotate(90deg);transition:transform .25s}.VPSidebarItem.collapsed .caret-icon[data-v-c543663c]{transform:rotate(0)}.VPSidebarItem.level-1 .items[data-v-c543663c],.VPSidebarItem.level-2 .items[data-v-c543663c],.VPSidebarItem.level-3 .items[data-v-c543663c],.VPSidebarItem.level-4 .items[data-v-c543663c],.VPSidebarItem.level-5 .items[data-v-c543663c]{border-left:1px solid var(--vp-c-divider);padding-left:16px}.VPSidebarItem.collapsed .items[data-v-c543663c]{display:none}.VPSidebar[data-v-9b5436d7]{position:fixed;top:var(--vp-layout-top-height, 0px);bottom:0;left:0;z-index:var(--vp-z-index-sidebar);padding:32px 32px 96px;width:calc(100vw - 64px);max-width:320px;background-color:var(--vp-sidebar-bg-color);opacity:0;box-shadow:var(--vp-c-shadow-3);overflow-x:hidden;overflow-y:auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;overscroll-behavior:contain}.VPSidebar.open[data-v-9b5436d7]{opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1)}.dark .VPSidebar[data-v-9b5436d7]{box-shadow:var(--vp-shadow-1)}@media (min-width: 960px){.VPSidebar[data-v-9b5436d7]{z-index:1;padding-top:var(--vp-nav-height);padding-bottom:128px;width:var(--vp-sidebar-width);max-width:100%;background-color:var(--vp-sidebar-bg-color);opacity:1;visibility:visible;box-shadow:none;transform:translate(0)}}@media (min-width: 1440px){.VPSidebar[data-v-9b5436d7]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}@media (min-width: 960px){.curtain[data-v-9b5436d7]{position:sticky;top:-64px;left:0;z-index:1;margin-top:calc(var(--vp-nav-height) * -1);margin-right:-32px;margin-left:-32px;height:var(--vp-nav-height);background-color:var(--vp-sidebar-bg-color)}}.nav[data-v-9b5436d7]{outline:0}.group+.group[data-v-9b5436d7]{border-top:1px solid var(--vp-c-divider);padding-top:10px}@media (min-width: 960px){.group[data-v-9b5436d7]{padding-top:10px;width:calc(var(--vp-sidebar-width) - 64px)}}.VPSkipLink[data-v-197f0fa6]{top:8px;left:8px;padding:8px 16px;z-index:999;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--vp-c-brand-1);box-shadow:var(--vp-shadow-3);background-color:var(--vp-c-bg)}.VPSkipLink[data-v-197f0fa6]:focus{height:auto;width:auto;clip:auto;clip-path:none}@media (min-width: 1280px){.VPSkipLink[data-v-197f0fa6]{top:14px;left:16px}}.Layout[data-v-bb676018]{display:flex;flex-direction:column;min-height:100vh}.VPHomeSponsors[data-v-cf5a4148]{border-top:1px solid var(--vp-c-gutter);padding:88px 24px 96px;background-color:var(--vp-c-bg)}.container[data-v-cf5a4148]{margin:0 auto;max-width:1152px}.love[data-v-cf5a4148]{margin:0 auto;width:28px;height:28px;color:var(--vp-c-text-3)}.icon[data-v-cf5a4148]{width:28px;height:28px;fill:currentColor}.message[data-v-cf5a4148]{margin:0 auto;padding-top:10px;max-width:320px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.sponsors[data-v-cf5a4148]{padding-top:32px}.action[data-v-cf5a4148]{padding-top:40px;text-align:center}.VPTeamPage[data-v-2119ee1b]{padding-bottom:96px}@media (min-width: 768px){.VPTeamPage[data-v-2119ee1b]{padding-bottom:128px}}.VPTeamPageSection+.VPTeamPageSection[data-v-2119ee1b-s],.VPTeamMembers+.VPTeamPageSection[data-v-2119ee1b-s]{margin-top:64px}.VPTeamMembers+.VPTeamMembers[data-v-2119ee1b-s]{margin-top:24px}@media (min-width: 768px){.VPTeamPageTitle+.VPTeamPageSection[data-v-2119ee1b-s]{margin-top:16px}.VPTeamPageSection+.VPTeamPageSection[data-v-2119ee1b-s],.VPTeamMembers+.VPTeamPageSection[data-v-2119ee1b-s]{margin-top:96px}}.VPTeamMembers[data-v-2119ee1b-s]{padding:0 24px}@media (min-width: 768px){.VPTeamMembers[data-v-2119ee1b-s]{padding:0 48px}}@media (min-width: 960px){.VPTeamMembers[data-v-2119ee1b-s]{padding:0 64px}}.VPTeamPageTitle[data-v-ec34449f]{padding:48px 32px;text-align:center}@media (min-width: 768px){.VPTeamPageTitle[data-v-ec34449f]{padding:64px 48px 48px}}@media (min-width: 960px){.VPTeamPageTitle[data-v-ec34449f]{padding:80px 64px 48px}}.title[data-v-ec34449f]{letter-spacing:0;line-height:44px;font-size:36px;font-weight:500}@media (min-width: 768px){.title[data-v-ec34449f]{letter-spacing:-.5px;line-height:56px;font-size:48px}}.lead[data-v-ec34449f]{margin:0 auto;max-width:512px;padding-top:12px;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 768px){.lead[data-v-ec34449f]{max-width:592px;letter-spacing:.15px;line-height:28px;font-size:20px}}.VPTeamPageSection[data-v-65e07c35]{padding:0 32px}@media (min-width: 768px){.VPTeamPageSection[data-v-65e07c35]{padding:0 48px}}@media (min-width: 960px){.VPTeamPageSection[data-v-65e07c35]{padding:0 64px}}.title[data-v-65e07c35]{position:relative;margin:0 auto;max-width:1152px;text-align:center;color:var(--vp-c-text-2)}.title-line[data-v-65e07c35]{position:absolute;top:16px;left:0;width:100%;height:1px;background-color:var(--vp-c-divider)}.title-text[data-v-65e07c35]{position:relative;display:inline-block;padding:0 24px;letter-spacing:0;line-height:32px;font-size:20px;font-weight:500;background-color:var(--vp-c-bg)}.lead[data-v-65e07c35]{margin:0 auto;max-width:480px;padding-top:12px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.members[data-v-65e07c35]{padding-top:40px}.VPTeamMembersItem[data-v-af6b5bed]{display:flex;flex-direction:column;gap:2px;border-radius:12px;width:100%;height:100%;overflow:hidden}.VPTeamMembersItem.small .profile[data-v-af6b5bed]{padding:32px}.VPTeamMembersItem.small .data[data-v-af6b5bed]{padding-top:20px}.VPTeamMembersItem.small .avatar[data-v-af6b5bed]{width:64px;height:64px}.VPTeamMembersItem.small .name[data-v-af6b5bed]{line-height:24px;font-size:16px}.VPTeamMembersItem.small .affiliation[data-v-af6b5bed]{padding-top:4px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .desc[data-v-af6b5bed]{padding-top:12px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .links[data-v-af6b5bed]{margin:0 -16px -20px;padding:10px 0 0}.VPTeamMembersItem.medium .profile[data-v-af6b5bed]{padding:48px 32px}.VPTeamMembersItem.medium .data[data-v-af6b5bed]{padding-top:24px;text-align:center}.VPTeamMembersItem.medium .avatar[data-v-af6b5bed]{width:96px;height:96px}.VPTeamMembersItem.medium .name[data-v-af6b5bed]{letter-spacing:.15px;line-height:28px;font-size:20px}.VPTeamMembersItem.medium .affiliation[data-v-af6b5bed]{padding-top:4px;font-size:16px}.VPTeamMembersItem.medium .desc[data-v-af6b5bed]{padding-top:16px;max-width:288px;font-size:16px}.VPTeamMembersItem.medium .links[data-v-af6b5bed]{margin:0 -16px -12px;padding:16px 12px 0}.profile[data-v-af6b5bed]{flex-grow:1;background-color:var(--vp-c-bg-soft)}.data[data-v-af6b5bed]{text-align:center}.avatar[data-v-af6b5bed]{position:relative;flex-shrink:0;margin:0 auto;border-radius:50%;box-shadow:var(--vp-shadow-3)}.avatar-img[data-v-af6b5bed]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;object-fit:cover}.name[data-v-af6b5bed]{margin:0;font-weight:600}.affiliation[data-v-af6b5bed]{margin:0;font-weight:500;color:var(--vp-c-text-2)}.org.link[data-v-af6b5bed]{color:var(--vp-c-text-2);transition:color .25s}.org.link[data-v-af6b5bed]:hover{color:var(--vp-c-brand-1)}.desc[data-v-af6b5bed]{margin:0 auto}.desc[data-v-af6b5bed] a{font-weight:500;color:var(--vp-c-brand-1);text-decoration-style:dotted;transition:color .25s}.links[data-v-af6b5bed]{display:flex;justify-content:center;height:56px}.sp-link[data-v-af6b5bed]{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;font-size:14px;font-weight:500;color:var(--vp-c-sponsor);background-color:var(--vp-c-bg-soft);transition:color .25s,background-color .25s}.sp .sp-link.link[data-v-af6b5bed]:hover,.sp .sp-link.link[data-v-af6b5bed]:focus{outline:none;color:var(--vp-c-white);background-color:var(--vp-c-sponsor)}.sp-icon[data-v-af6b5bed]{margin-right:8px;width:16px;height:16px;fill:currentColor}.VPTeamMembers.small .container[data-v-19b1d5cb]{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.VPTeamMembers.small.count-1 .container[data-v-19b1d5cb]{max-width:276px}.VPTeamMembers.small.count-2 .container[data-v-19b1d5cb]{max-width:576px}.VPTeamMembers.small.count-3 .container[data-v-19b1d5cb]{max-width:876px}.VPTeamMembers.medium .container[data-v-19b1d5cb]{grid-template-columns:repeat(auto-fit,minmax(256px,1fr))}@media (min-width: 375px){.VPTeamMembers.medium .container[data-v-19b1d5cb]{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}.VPTeamMembers.medium.count-1 .container[data-v-19b1d5cb]{max-width:368px}.VPTeamMembers.medium.count-2 .container[data-v-19b1d5cb]{max-width:760px}.container[data-v-19b1d5cb]{display:grid;gap:24px;margin:0 auto;max-width:1152px}#nprogress{pointer-events:none}#nprogress .bar{background:var(--vp-c-brand);position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--vp-c-brand),0 0 5px var(--vp-c-brand);opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:var(--vp-c-brand);border-left-color:var(--vp-c-brand);border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--vp-twoslash-c-annotation-fg: var(--vp-c-text-1);--vp-twoslash-c-brand: var(--vp-c-brand);--vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);--vp-twoslash-c-error-fg: var(--vp-c-text-1);--vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);--vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);--vp-twoslash-c-logger-fg: var(--vp-c-text-1);--vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);--vp-twoslash-c-logger-log-fg: var(--vp-c-gray);--vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);--vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);--vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);--vp-twoslash-c-lsp-border: var(--vp-c-divider);--vp-twoslash-c-lsp-fg: var(--vp-c-text-1);--vp-twoslash-c-lsp-underline: var(--vp-c-text-2) ;--vp-twoslash-lsp-shadow: var(--vp-shadow-2);--vp-twoslash-c-query-bg: var(--vp-c-mute-darker);--vp-twoslash-c-query-fg-2: var(--vp-c-text-2);--vp-twoslash-c-query-fg: var(--vp-c-text-1)}pre.shiki.twoslash,pre.shiki.twoslash code{background-color:unset!important;color:unset!important}@media (min-width: 640px){.vp-doc div[class*=language-],pre.shiki.twoslash{overflow:visible}}pre.shiki .language-id,.language-twoslash{display:none}pre .error,pre .error-behind{display:block;margin-bottom:4px;margin-left:-24px;margin-top:8px;padding:6px 6px 6px 24px;white-space:pre-wrap;width:100%}pre .error{position:absolute;background-color:var(--vp-twoslash-c-error-bg);display:flex;align-items:center;color:var(--vp-twoslash-c-error-fg)}pre .error .code{display:none}pre .error-behind{-webkit-user-select:none;user-select:none;visibility:transparent;color:transparent}pre .arrow{background-color:var(--vp-twoslash-c-query-bg);position:relative;top:-6px;margin-left:.1rem;border-left:1px solid var(--vp-twoslash-c-query-bg);border-top:1px solid var(--vp-twoslash-c-query-bg);transform:translateY(25%) rotate(45deg);height:8px;width:8px}pre .popover{color:var(--vp-twoslash-c-query-fg);margin-bottom:10px;background-color:var(--vp-twoslash-c-query-bg);display:inline-block;line-height:inherit;padding:0 .5rem .3rem;margin-top:8px;border-radius:3px;max-width:575px;white-space:pre-wrap}pre.twoslash:hover data-lsp{border-color:var(--vp-twoslash-c-lsp-underline)}pre.twoslash data-lsp:hover:before{content:attr(lsp);position:absolute;transform:translateY(1.15rem);color:var(--vp-twoslash-c-lsp-fg);background-color:var(--vp-twoslash-c-lsp-bg);border:1px solid var(--vp-twoslash-c-lsp-border);box-shadow:var(--vp-twoslash-lsp-shadow);text-align:left;padding:5px 8px;border-radius:3px;font-size:14px;white-space:pre-wrap;z-index:100}data-lsp{border-bottom:1px dotted transparent;transition-timing-function:ease;transition:border-color .3s}@media (prefers-reduced-motion: reduce){data-lsp{transition:none}}pre data-err{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23c94824'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left;padding-bottom:3px}pre .code-container>a{position:absolute;right:9px;bottom:8px;border-radius:2px;background-image:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3ETypeScript%3C/title%3E%3Cpath fill='%233078c6' d='M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z'/%3E%3C/svg%3E");background-color:#fff;width:20px;height:20px;color:transparent;text-decoration:none;opacity:0;transition-timing-function:ease;transition:opacity .3s}pre .code-container>a:hover{color:transparent}@media (prefers-reduced-motion: reduce){pre .code-container>a{transition:none}}pre .code-container:hover a{opacity:1}pre .inline-completions ul.dropdown{display:inline-block;position:absolute;width:240px;background-color:var(--vp-twoslash-c-query-bg);color:var(--vp-twoslash-c-query-fg-2);font-family:var(--code-font);margin:0;padding:0;border-left:4px solid var(--vp-twoslash-c-query-bg)}pre .inline-completions ul.dropdown:before{background-color:var(--vp-twoslash-c-query-fg);width:2px;position:absolute;top:-1.2rem;left:-3px;height:17px;content:" "}pre .inline-completions ul.dropdown li{overflow-x:hidden;padding-left:4px;margin-bottom:4px}pre .inline-completions ul.dropdown li.deprecated{text-decoration:line-through}pre .inline-completions ul.dropdown li span.result-found{color:var(--vp-twoslash-c-query-fg);font-weight:700}pre .inline-completions ul.dropdown li span.result{width:100px;color:var(--vp-twoslash-c-query-fg-2);display:inline-block}pre code[class*=language-]{all:unset!important}pre code[class*=language-] pre{padding:0!important}div[class*=language-] pre:not(.shiki){position:unset!important;white-space:inherit!important}pre .logger{display:flex;align-items:center;color:var(--vp-twoslash-c-logger-fg);padding:6px 6px 6px 8px;width:100%;white-space:pre-wrap}pre .logger svg{margin-right:9px}pre .logger.error-log{background-color:var(--vp-twoslash-c-logger-error-bg)}pre .logger.error-log svg path{fill:var(--vp-twoslash-c-logger-error-fg);stroke:var(--vp-twoslash-c-logger-error-fg)}pre .logger.warn-log{background-color:var(--vp-twoslash-c-logger-warn-bg)}pre .logger.warn-log svg path{fill:var(--vp-twoslash-c-logger-warn-fg);stroke:var(--vp-twoslash-c-logger-warn-fg)}pre .logger.log-log{background-color:var(--vp-twoslash-c-logger-log-bg)}pre .logger.log-log svg path,pre .logger.log-log svg line{fill:var(--vp-twoslash-c-logger-log-fg);stroke:var(--vp-twoslash-c-logger-log-fg)}pre .logger.log-log svg{margin-left:6px;margin-right:9px}.tag-container,.tag-container pre{position:unset!important}.tag-container .twoslash-annotation{position:absolute;right:-10px;width:200px;color:var(--vp-twoslash-c-brand);z-index:100}.tag-container .twoslash-annotation p{text-align:left;font-size:.8rem;line-height:.9rem}.tag-container .twoslash-annotation svg{float:left;margin-left:-44px}.tag-container .twoslash-annotation.left{right:auto;left:-200px}.tag-container .twoslash-annotation.left svg{float:right;margin-right:-5px}.tag-container .twoslash-annotation svg path{stroke:var(--vp-twoslash-c-annotation-fg)}pre.shiki:hover .dim{opacity:1}pre.shiki div.dim{opacity:.5}pre.shiki div.dim,pre.shiki div.highlight{margin:0;padding:0}pre.shiki div.highlight{opacity:1;background-color:var(--vp-c-mute-light)}pre.shiki div.line{min-height:1rem}pre.shiki span.line.highlighted{background-color:var(--vp-code-line-highlight-color)}pre code{-webkit-overflow-scrolling:touch}pre code a{text-decoration:none}pre .query{margin-bottom:10px;color:#137998;display:inline-block}*{scrollbar-color:var(--vp-c-divider-light) var(--vp-button-alt-bg);scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--vp-c-mute)}::-webkit-scrollbar-thumb:hover{background:var(--vp-button-alt-hover-bg)}::-webkit-scrollbar-track{background:var(--vp-button-alt-bg)}::-webkit-scrollbar-corner{background:transparent}.katex{font-size:1.05em;direction:ltr}.katex-display{overflow:auto hidden;-webkit-overflow-scrolling:touch;padding-top:.2em;padding-bottom:.2em}.katex-display::-webkit-scrollbar{height:3px}.katex-display .katex{font-size:1.21em}.katex-error{color:red}.medium-zoom-image{z-index:21}.medium-zoom-image{align-items:center}.VPDoc .content-container img{border-radius:5px}.heart{animation:heart 5s ease infinite;color:red}@keyframes heart{0%{transform:scale(1)}5%{transform:scale(1.25)}20%{transform:scale(1)}30%{transform:scale(1)}35%{transform:scale(1.25)}50%{transform:scale(1)}55%{transform:scale(1.25)}70%{transform:scale(1)}}.coffee{color:#580d0d}pre,code,kbd,samp{font-family:var(--vp-font-family-mono)}img.VPImage.image-src{width:300px}.vp-doc>div{width:100%}@media (min-width: 1440px){.VPDoc.has-aside .content-container.content-container{max-width:100%}}.vp-doc p a+a{margin-left:17px}@media (max-width: 1080px){:root{--vp-sidebar-width: 260px}.VPNav .DocSearch-Button-Placeholder{display:none}.VPNav .VPNavBarMenuLink,.VPNav .VPNavBarMenuGroup .button{padding-left:10px;padding-right:10px}}@media (max-width: 992px){.VPNav .VPNavBar{padding-left:24px;padding-right:24px}.VPNav .VPNavBarMenuLink,.VPNav .VPNavBarMenuGroup .button{padding-left:8px;padding-right:8px}}@media (max-width: 800px){.VPNav .VPNavBarSearch{padding-left:16px}.VPNav .VPNavBarMenuLink,.VPNav .VPNavBarMenuGroup .button{padding-left:6px;padding-right:6px}}.VPMenuGroup .title{white-space:nowrap}.DocSearch-Logo{display:none}.link-preview-widget{display:table;width:100%;border:2px solid rgba(55,53,47,.16);border-radius:5px}.link-preview-widget-title{font-size:16px;font-weight:700;display:-webkit-box;overflow:hidden;margin-bottom:8px;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}.link-preview-widget-description{font-size:12px;font-style:normal;line-height:1.5;display:-webkit-box;overflow:hidden;max-height:3em;margin-bottom:4px;word-break:break-all;color:#37352fa6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.link-preview-widget-url{font-size:12px;font-style:normal;line-height:1.5;display:block;margin-bottom:0;color:#37352fa6}.link-preview-widget>a{text-decoration:none!important;display:table-cell;flex-direction:column;padding:16px;cursor:pointer;vertical-align:middle;color:inherit;background-color:transparent;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;flex:1;transition:background-color .2s ease-in-out;border-radius:5px}.link-preview-widget>a:hover{background-color:var(--vp-custom-block-tip-bg)}.link-preview-widget-image{width:260px;min-width:220px;height:150px;padding:0;vertical-align:middle;border-left:1px rgba(55,53,47,.16) #f2f2f2;border-radius:5px;background-repeat:no-repeat;background-position:50%;background-size:cover;-webkit-box-flex:0;flex:0}html.dark .link-preview-widget{display:table;width:100%;border:2px solid rgba(200,202,208,.16);border-radius:5px}html.dark .link-preview-widget-title{font-size:16px;font-weight:700;display:-webkit-box;overflow:hidden;margin-bottom:8px;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}html.dark .link-preview-widget-description{font-size:12px;font-style:normal;line-height:1.5;display:-webkit-box;overflow:hidden;max-height:3em;margin-bottom:4px;word-break:break-all;color:var(--vp-c-text-2);-webkit-box-orient:vertical;-webkit-line-clamp:2}html.dark .link-preview-widget-url{font-size:12px;font-style:normal;line-height:1.5;display:block;margin-bottom:0;color:var(--vp-c-text-2)}html.dark .link-preview-widget>a{text-decoration:none!important;display:table-cell;flex-direction:column;padding:16px;cursor:pointer;vertical-align:middle;color:inherit;background-color:transparent;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;flex:1;transition:background-color .2s ease-in-out}html.dark .link-preview-widget>a:hover{background-color:var(--vp-custom-block-tip-bg)}html.dark .link-preview-widget-image{width:260px;min-width:220px;height:150px;padding:0;vertical-align:middle;border-left:1px rgba(200,202,208,.16) #f2f2f2;border-radius:5px;background-repeat:no-repeat;background-position:50%;background-size:cover;-webkit-box-flex:0;flex:0}.vp-doc h2{border-top:0px;margin-top:10px}.VPMenuLink .link{line-height:28px!important}.VPSidebarGroup .link{padding:3px 0!important}.VPTeamPageTitle .title{line-height:32px;font-size:24px;opacity:.5}.VPTeamPageTitle .lead{font-size:14px;opacity:.4}.medium-zoom-overlay{z-index:20}.m-home-layout .image-src:hover{transform:translate(-50%,-50%) rotate(666turn);transition:transform 59s 1s cubic-bezier(.3,0,.8,1)}.m-home-layout .details small{opacity:.8}.m-home-layout .item:last-child .details{display:flex;justify-content:flex-end;align-items:end}:root{--vp-home-hero-name-color: transparent;--vp-home-hero-name-background: -webkit-linear-gradient(315deg, #42d392 25%, #647eff);--vp-home-hero-image-background-image: linear-gradient(-45deg, #42d392 50%, #47caff 50%);--vp-home-hero-image-filter: blur(40px)}@media (min-width: 640px){:root{--vp-home-hero-image-filter: blur(56px)}}@media (min-width: 960px){:root{--vp-home-hero-image-filter: blur(72px)}}:root:not(.dark){--vp-code-block-bg: rgba(125, 125, 125, .04);--vp-code-copy-code-active-text: var(--vp-c-text-2);--vp-code-copy-code-hover-bg: rgba(125, 125, 125, .1);--vp-code-tab-divider: var(--vp-c-mute-dark);--vp-code-tab-hover-text-color: var(--vp-c-text-1);--vp-c-text-dark-3: rgba(180, 180, 180, .7)}:root.dark{--vp-code-block-bg: rgba(0, 0, 0, .2);--vp-c-text-dark-3: rgba(235, 235, 235, .38)}html:not(.dark) pre.shiki[class*=dark]{display:none}html:not(.dark) pre.shiki[class*=light]{display:block}html.dark pre.shiki[class*=dark]{display:block}html.dark pre.shiki[class*=light]{display:none}:root{--vp-twoslash-c-annotation-fg: var(--vp-c-text-1);--vp-twoslash-c-brand: var(--vp-c-brand);--vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);--vp-twoslash-c-error-fg: var(--vp-c-text-1);--vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);--vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);--vp-twoslash-c-logger-fg: var(--vp-c-text-1);--vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);--vp-twoslash-c-logger-log-fg: var(--vp-c-gray);--vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);--vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);--vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);--vp-twoslash-c-lsp-border: var(--vp-c-divider);--vp-twoslash-c-lsp-fg: var(--vp-c-text-1);--vp-twoslash-c-lsp-underline: var(--vp-c-text-2);--vp-twoslash-lsp-shadow: var(--vp-shadow-2);--vp-twoslash-c-query-bg: var(--vp-c-mute-dark);--vp-twoslash-c-query-fg-2: var(--vp-c-text-2);--vp-twoslash-c-query-fg: var(--vp-c-text-1)}.vp-code-group .tabs label{background-color:transparent;--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-active-text-color: var(--vp-c-text-1)}.home-content h2{margin-top:2rem;font-size:1.35rem;border-bottom:none;margin-bottom:0}img.resizable-img{width:unset;height:unset}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.static{position:static}.grid{display:grid}.m21{margin:5.25rem}.m9{margin:2.25rem}[ma=""]{margin:auto}.my{margin-top:1rem;margin-bottom:1rem}.mb{margin-bottom:1rem}.mb-\[12px\]{margin-bottom:12px}.me{margin-inline-end:1rem}.ms{margin-inline-start:1rem}.mt-\[24px\]{margin-top:24px}.inline{display:inline}.block,[block=""]{display:block}.inline-block{display:inline-block}.contents,[contents=""]{display:contents}.hidden{display:none}.h\$\.{height:var(--\.)}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.h4{height:1rem}.h5{height:1.25rem}.h6{height:1.5rem}.max-w-\[85\%\]{max-width:85%}.w-full{width:100%}.flex{display:flex}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.table{display:table}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.items-center{align-items:center}.gap-\[12px\]{gap:12px}.gap-\[4px\]{gap:4px}.b,.b-1,.border,[b=""]{border-width:1px}.b\!{border-width:1px!important}.border-b-1{border-bottom-width:1px}.border-\[var\(--vp-c-divider\)\]{border-color:var(--vp-c-divider)}.border-b-solid{border-bottom-style:solid}[stroke-width~="2"]{stroke-width:2px}.px{padding-left:1rem;padding-right:1rem}.py{padding-top:1rem;padding-bottom:1rem}.pb-\[12px\]{padding-bottom:12px}.pl{padding-left:1rem}.pt{padding-top:1rem}.pie{padding-inline-end:1rem}.pie\!{padding-inline-end:1rem!important}.uppercase,[uppercase=""]{text-transform:uppercase}.lowercase,[lowercase=""]{text-transform:lowercase}.italic{font-style:italic}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.outline{outline-style:solid}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-height:90px}.copyright[data-v-ddda9334]{border-color:var(--vp-custom-block-tip-border);border-style:solid;border-width:1px;background-color:var(--vp-custom-block-tip-bg);border-radius:6px;color:var(--vp-c-text-2);font-size:15px;margin-top:50px}.copyright .content[data-v-ddda9334]{padding:13px 16px}.copyright .content .item[data-v-ddda9334]{margin-bottom:5px;word-break:break-word;line-height:22px}.copyright .content .item .icon[data-v-ddda9334]{display:inline-block;height:16px;width:16px;margin-right:.375rem;vertical-align:-2.5px}a[data-v-ddda9334]{font-weight:400;color:var(--vp-c-text-2)}a[data-v-ddda9334]:hover{color:var(--vp-c-brand)}.copyrightText[data-v-ddda9334]{font-weight:700}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-size:1em;font-family:monospace,monospace}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em;font-family:monospace,monospace}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.arco-icon{display:inline-block;width:1em;height:1em;color:inherit;font-style:normal;vertical-align:-2px;outline:none;stroke:currentColor}.arco-icon-loading,.arco-icon-spin{animation:arco-loading-circle 1s infinite cubic-bezier(0,0,1,1)}@keyframes arco-loading-circle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arco-icon-hover{position:relative;display:inline-block;cursor:pointer;line-height:12px}.arco-icon-hover .arco-icon{position:relative}.arco-icon-hover:before{position:absolute;display:block;box-sizing:border-box;background-color:transparent;border-radius:var(--border-radius-circle);transition:background-color .1s cubic-bezier(0,0,1,1);content:""}.arco-icon-hover:hover:before{background-color:var(--color-fill-2)}.arco-icon-hover.arco-icon-hover-disabled:before{opacity:0}.arco-icon-hover:before{top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%)}.arco-icon-hover-size-mini{line-height:12px}.arco-icon-hover-size-mini:before{top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%)}.arco-icon-hover-size-small{line-height:12px}.arco-icon-hover-size-small:before{top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%)}.arco-icon-hover-size-large{line-height:12px}.arco-icon-hover-size-large:before{top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}.arco-icon-hover-size-huge{line-height:12px}.arco-icon-hover-size-huge:before{top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}.fade-in-standard-enter-from,.fade-in-standard-appear-from{opacity:0}.fade-in-standard-enter-to,.fade-in-standard-appear-to{opacity:1}.fade-in-standard-enter-active,.fade-in-standard-appear-active{transition:opacity .3s cubic-bezier(.34,.69,.1,1)}.fade-in-standard-leave-from{opacity:1}.fade-in-standard-leave-to{opacity:0}.fade-in-standard-leave-active{transition:opacity .3s cubic-bezier(.34,.69,.1,1)}.fade-in-enter-from,.fade-in-appear-from{opacity:0}.fade-in-enter-to,.fade-in-appear-to{opacity:1}.fade-in-enter-active,.fade-in-appear-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.fade-in-leave-from{opacity:1}.fade-in-leave-to{opacity:0}.fade-in-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.zoom-in-enter-from,.zoom-in-appear-from{transform:scale(.5);opacity:0}.zoom-in-enter-to,.zoom-in-appear-to{transform:scale(1);opacity:1}.zoom-in-enter-active,.zoom-in-appear-active{transition:opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1)}.zoom-in-leave-from{transform:scale(1);opacity:1}.zoom-in-leave-to{transform:scale(.5);opacity:0}.zoom-in-leave-active{transition:opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1)}.zoom-in-fade-out-enter-from,.zoom-in-fade-out-appear-from{transform:scale(.5);opacity:0}.zoom-in-fade-out-enter-to,.zoom-in-fade-out-appear-to{transform:scale(1);opacity:1}.zoom-in-fade-out-enter-active,.zoom-in-fade-out-appear-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-fade-out-leave-from{transform:scale(1);opacity:1}.zoom-in-fade-out-leave-to{transform:scale(.5);opacity:0}.zoom-in-fade-out-leave-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-big-enter-from,.zoom-in-big-appear-from{transform:scale(.5);opacity:0}.zoom-in-big-enter-to,.zoom-in-big-appear-to{transform:scale(1);opacity:1}.zoom-in-big-enter-active,.zoom-in-big-appear-active{transition:opacity .2s cubic-bezier(0,0,1,1),transform .2s cubic-bezier(0,0,1,1)}.zoom-in-big-leave-from{transform:scale(1);opacity:1}.zoom-in-big-leave-to{transform:scale(.2);opacity:0}.zoom-in-big-leave-active{transition:opacity .2s cubic-bezier(0,0,1,1),transform .2s cubic-bezier(0,0,1,1)}.zoom-in-left-enter-from,.zoom-in-left-appear-from{transform:scale(.1);opacity:.1}.zoom-in-left-enter-to,.zoom-in-left-appear-to{transform:scale(1);opacity:1}.zoom-in-left-enter-active,.zoom-in-left-appear-active{transform-origin:0 50%;transition:opacity .3s cubic-bezier(0,0,1,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-left-leave-from{transform:scale(1);opacity:1}.zoom-in-left-leave-to{transform:scale(.1);opacity:.1}.zoom-in-left-leave-active{transform-origin:0 50%;transition:opacity .3s cubic-bezier(0,0,1,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-top-enter-from,.zoom-in-top-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.zoom-in-top-enter-to,.zoom-in-top-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.zoom-in-top-enter-active,.zoom-in-top-appear-active{transform-origin:0 0;transition:transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-top-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.zoom-in-top-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.zoom-in-top-leave-active{transform-origin:0 0;transition:transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-bottom-enter-from,.zoom-in-bottom-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.zoom-in-bottom-enter-to,.zoom-in-bottom-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.zoom-in-bottom-enter-active,.zoom-in-bottom-appear-active{transform-origin:100% 100%;transition:transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)}.zoom-in-bottom-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.zoom-in-bottom-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.zoom-in-bottom-leave-active{transform-origin:100% 100%;transition:transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)}.slide-dynamic-origin-enter-from,.slide-dynamic-origin-appear-from{transform:scaleY(.9);transform-origin:0 0;opacity:0}.slide-dynamic-origin-enter-to,.slide-dynamic-origin-appear-to{transform:scaleY(1);transform-origin:0 0;opacity:1}.slide-dynamic-origin-enter-active,.slide-dynamic-origin-appear-active{transition:transform .2s cubic-bezier(.34,.69,.1,1),opacity .2s cubic-bezier(.34,.69,.1,1)}.slide-dynamic-origin-leave-from{transform:scaleY(1);transform-origin:0 0;opacity:1}.slide-dynamic-origin-leave-to{transform:scaleY(.9);transform-origin:0 0;opacity:0}.slide-dynamic-origin-leave-active{transition:transform .2s cubic-bezier(.34,.69,.1,1),opacity .2s cubic-bezier(.34,.69,.1,1)}.slide-left-enter-from,.slide-left-appear-from{transform:translate(-100%)}.slide-left-enter-to,.slide-left-appear-to{transform:translate(0)}.slide-left-enter-active,.slide-left-appear-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-left-leave-from{transform:translate(0)}.slide-left-leave-to{transform:translate(-100%)}.slide-left-leave-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-right-enter-from,.slide-right-appear-from{transform:translate(100%)}.slide-right-enter-to,.slide-right-appear-to{transform:translate(0)}.slide-right-enter-active,.slide-right-appear-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-right-leave-from{transform:translate(0)}.slide-right-leave-to{transform:translate(100%)}.slide-right-leave-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-top-enter-from,.slide-top-appear-from{transform:translateY(-100%)}.slide-top-enter-to,.slide-top-appear-to{transform:translateY(0)}.slide-top-enter-active,.slide-top-appear-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-top-leave-from{transform:translateY(0)}.slide-top-leave-to{transform:translateY(-100%)}.slide-top-leave-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-bottom-enter-from,.slide-bottom-appear-from{transform:translateY(100%)}.slide-bottom-enter-to,.slide-bottom-appear-to{transform:translateY(0)}.slide-bottom-enter-active,.slide-bottom-appear-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-bottom-leave-from{transform:translateY(0)}.slide-bottom-leave-to{transform:translateY(100%)}.slide-bottom-leave-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}body{--red-1: 255,236,232;--red-2: 253,205,197;--red-3: 251,172,163;--red-4: 249,137,129;--red-5: 247,101,96;--red-6: 245,63,63;--red-7: 203,39,45;--red-8: 161,21,30;--red-9: 119,8,19;--red-10: 77,0,10;--orangered-1: 255,243,232;--orangered-2: 253,221,195;--orangered-3: 252,197,159;--orangered-4: 250,172,123;--orangered-5: 249,144,87;--orangered-6: 247,114,52;--orangered-7: 204,81,32;--orangered-8: 162,53,17;--orangered-9: 119,31,6;--orangered-10: 77,14,0;--orange-1: 255,247,232;--orange-2: 255,228,186;--orange-3: 255,207,139;--orange-4: 255,182,93;--orange-5: 255,154,46;--orange-6: 255,125,0;--orange-7: 210,95,0;--orange-8: 166,69,0;--orange-9: 121,46,0;--orange-10: 77,27,0;--gold-1: 255,252,232;--gold-2: 253,244,191;--gold-3: 252,233,150;--gold-4: 250,220,109;--gold-5: 249,204,69;--gold-6: 247,186,30;--gold-7: 204,146,19;--gold-8: 162,109,10;--gold-9: 119,75,4;--gold-10: 77,45,0;--yellow-1: 254,255,232;--yellow-2: 254,254,190;--yellow-3: 253,250,148;--yellow-4: 252,242,107;--yellow-5: 251,232,66;--yellow-6: 250,220,25;--yellow-7: 207,175,15;--yellow-8: 163,132,8;--yellow-9: 120,93,3;--yellow-10: 77,56,0;--lime-1: 252,255,232;--lime-2: 237,248,187;--lime-3: 220,241,144;--lime-4: 201,233,104;--lime-5: 181,226,65;--lime-6: 159,219,29;--lime-7: 126,183,18;--lime-8: 95,148,10;--lime-9: 67,112,4;--lime-10: 42,77,0;--green-1: 232,255,234;--green-2: 175,240,181;--green-3: 123,225,136;--green-4: 76,210,99;--green-5: 35,195,67;--green-6: 0,180,42;--green-7: 0,154,41;--green-8: 0,128,38;--green-9: 0,102,34;--green-10: 0,77,28;--cyan-1: 232,255,251;--cyan-2: 183,244,236;--cyan-3: 137,233,224;--cyan-4: 94,223,214;--cyan-5: 55,212,207;--cyan-6: 20,201,201;--cyan-7: 13,165,170;--cyan-8: 7,130,139;--cyan-9: 3,97,108;--cyan-10: 0,66,77;--blue-1: 232,247,255;--blue-2: 195,231,254;--blue-3: 159,212,253;--blue-4: 123,192,252;--blue-5: 87,169,251;--blue-6: 52,145,250;--blue-7: 32,108,207;--blue-8: 17,75,163;--blue-9: 6,48,120;--blue-10: 0,26,77;--arcoblue-1: 232,243,255;--arcoblue-2: 190,218,255;--arcoblue-3: 148,191,255;--arcoblue-4: 106,161,255;--arcoblue-5: 64,128,255;--arcoblue-6: 22,93,255;--arcoblue-7: 14,66,210;--arcoblue-8: 7,44,166;--arcoblue-9: 3,26,121;--arcoblue-10: 0,13,77;--purple-1: 245,232,255;--purple-2: 221,190,246;--purple-3: 195,150,237;--purple-4: 168,113,227;--purple-5: 141,78,218;--purple-6: 114,46,209;--purple-7: 85,29,176;--purple-8: 60,16,143;--purple-9: 39,6,110;--purple-10: 22,0,77;--pinkpurple-1: 255,232,251;--pinkpurple-2: 247,186,239;--pinkpurple-3: 240,142,230;--pinkpurple-4: 232,101,223;--pinkpurple-5: 225,62,219;--pinkpurple-6: 217,26,217;--pinkpurple-7: 176,16,182;--pinkpurple-8: 138,9,147;--pinkpurple-9: 101,3,112;--pinkpurple-10: 66,0,77;--magenta-1: 255,232,241;--magenta-2: 253,194,219;--magenta-3: 251,157,199;--magenta-4: 249,121,183;--magenta-5: 247,84,168;--magenta-6: 245,49,157;--magenta-7: 203,30,131;--magenta-8: 161,16,105;--magenta-9: 119,6,79;--magenta-10: 77,0,52;--gray-1: 247,248,250;--gray-2: 242,243,245;--gray-3: 229,230,235;--gray-4: 201,205,212;--gray-5: 169,174,184;--gray-6: 134,144,156;--gray-7: 107,119,133;--gray-8: 78,89,105;--gray-9: 39,46,59;--gray-10: 29,33,41;--success-1: var(--green-1);--success-2: var(--green-2);--success-3: var(--green-3);--success-4: var(--green-4);--success-5: var(--green-5);--success-6: var(--green-6);--success-7: var(--green-7);--success-8: var(--green-8);--success-9: var(--green-9);--success-10: var(--green-10);--primary-1: var(--arcoblue-1);--primary-2: var(--arcoblue-2);--primary-3: var(--arcoblue-3);--primary-4: var(--arcoblue-4);--primary-5: var(--arcoblue-5);--primary-6: var(--arcoblue-6);--primary-7: var(--arcoblue-7);--primary-8: var(--arcoblue-8);--primary-9: var(--arcoblue-9);--primary-10: var(--arcoblue-10);--danger-1: var(--red-1);--danger-2: var(--red-2);--danger-3: var(--red-3);--danger-4: var(--red-4);--danger-5: var(--red-5);--danger-6: var(--red-6);--danger-7: var(--red-7);--danger-8: var(--red-8);--danger-9: var(--red-9);--danger-10: var(--red-10);--warning-1: var(--orange-1);--warning-2: var(--orange-2);--warning-3: var(--orange-3);--warning-4: var(--orange-4);--warning-5: var(--orange-5);--warning-6: var(--orange-6);--warning-7: var(--orange-7);--warning-8: var(--orange-8);--warning-9: var(--orange-9);--warning-10: var(--orange-10);--link-1: var(--arcoblue-1);--link-2: var(--arcoblue-2);--link-3: var(--arcoblue-3);--link-4: var(--arcoblue-4);--link-5: var(--arcoblue-5);--link-6: var(--arcoblue-6);--link-7: var(--arcoblue-7);--link-8: var(--arcoblue-8);--link-9: var(--arcoblue-9);--link-10: var(--arcoblue-10)}body[arco-theme=dark]{--red-1: 77,0,10;--red-2: 119,6,17;--red-3: 161,22,31;--red-4: 203,46,52;--red-5: 245,78,78;--red-6: 247,105,101;--red-7: 249,141,134;--red-8: 251,176,167;--red-9: 253,209,202;--red-10: 255,240,236;--orangered-1: 77,14,0;--orangered-2: 119,30,5;--orangered-3: 162,55,20;--orangered-4: 204,87,41;--orangered-5: 247,126,69;--orangered-6: 249,146,90;--orangered-7: 250,173,125;--orangered-8: 252,198,161;--orangered-9: 253,222,197;--orangered-10: 255,244,235;--orange-1: 77,27,0;--orange-2: 121,48,4;--orange-3: 166,75,10;--orange-4: 210,105,19;--orange-5: 255,141,31;--orange-6: 255,150,38;--orange-7: 255,179,87;--orange-8: 255,205,135;--orange-9: 255,227,184;--orange-10: 255,247,232;--gold-1: 77,45,0;--gold-2: 119,75,4;--gold-3: 162,111,15;--gold-4: 204,150,31;--gold-5: 247,192,52;--gold-6: 249,204,68;--gold-7: 250,220,108;--gold-8: 252,233,149;--gold-9: 253,244,190;--gold-10: 255,252,232;--yellow-1: 77,56,0;--yellow-2: 120,94,7;--yellow-3: 163,134,20;--yellow-4: 207,179,37;--yellow-5: 250,225,60;--yellow-6: 251,233,75;--yellow-7: 252,243,116;--yellow-8: 253,250,157;--yellow-9: 254,254,198;--yellow-10: 254,255,240;--lime-1: 42,77,0;--lime-2: 68,112,6;--lime-3: 98,148,18;--lime-4: 132,183,35;--lime-5: 168,219,57;--lime-6: 184,226,75;--lime-7: 203,233,112;--lime-8: 222,241,152;--lime-9: 238,248,194;--lime-10: 253,255,238;--green-1: 0,77,28;--green-2: 4,102,37;--green-3: 10,128,45;--green-4: 18,154,55;--green-5: 29,180,64;--green-6: 39,195,70;--green-7: 80,210,102;--green-8: 126,225,139;--green-9: 178,240,183;--green-10: 235,255,236;--cyan-1: 0,66,77;--cyan-2: 6,97,108;--cyan-3: 17,131,139;--cyan-4: 31,166,170;--cyan-5: 48,201,201;--cyan-6: 63,212,207;--cyan-7: 102,223,215;--cyan-8: 144,233,225;--cyan-9: 190,244,237;--cyan-10: 240,255,252;--blue-1: 0,26,77;--blue-2: 5,47,120;--blue-3: 19,76,163;--blue-4: 41,113,207;--blue-5: 70,154,250;--blue-6: 90,170,251;--blue-7: 125,193,252;--blue-8: 161,213,253;--blue-9: 198,232,254;--blue-10: 234,248,255;--arcoblue-1: 0,13,77;--arcoblue-2: 4,27,121;--arcoblue-3: 14,50,166;--arcoblue-4: 29,77,210;--arcoblue-5: 48,111,255;--arcoblue-6: 60,126,255;--arcoblue-7: 104,159,255;--arcoblue-8: 147,190,255;--arcoblue-9: 190,218,255;--arcoblue-10: 234,244,255;--purple-1: 22,0,77;--purple-2: 39,6,110;--purple-3: 62,19,143;--purple-4: 90,37,176;--purple-5: 123,61,209;--purple-6: 142,81,218;--purple-7: 169,116,227;--purple-8: 197,154,237;--purple-9: 223,194,246;--purple-10: 247,237,255;--pinkpurple-1: 66,0,77;--pinkpurple-2: 101,3,112;--pinkpurple-3: 138,13,147;--pinkpurple-4: 176,27,182;--pinkpurple-5: 217,46,217;--pinkpurple-6: 225,61,219;--pinkpurple-7: 232,102,223;--pinkpurple-8: 240,146,230;--pinkpurple-9: 247,193,240;--pinkpurple-10: 255,242,253;--magenta-1: 77,0,52;--magenta-2: 119,8,80;--magenta-3: 161,23,108;--magenta-4: 203,43,136;--magenta-5: 245,69,166;--magenta-6: 247,86,169;--magenta-7: 249,122,184;--magenta-8: 251,158,200;--magenta-9: 253,195,219;--magenta-10: 255,232,241;--gray-1: 23,23,26;--gray-2: 46,46,48;--gray-3: 72,72,73;--gray-4: 95,95,96;--gray-5: 120,120,122;--gray-6: 146,146,147;--gray-7: 171,171,172;--gray-8: 197,197,197;--gray-9: 223,223,223;--gray-10: 246,246,246;--primary-1: var(--arcoblue-1);--primary-2: var(--arcoblue-2);--primary-3: var(--arcoblue-3);--primary-4: var(--arcoblue-4);--primary-5: var(--arcoblue-5);--primary-6: var(--arcoblue-6);--primary-7: var(--arcoblue-7);--primary-8: var(--arcoblue-8);--primary-9: var(--arcoblue-9);--primary-10: var(--arcoblue-10);--success-1: var(--green-1);--success-2: var(--green-2);--success-3: var(--green-3);--success-4: var(--green-4);--success-5: var(--green-5);--success-6: var(--green-6);--success-7: var(--green-7);--success-8: var(--green-8);--success-9: var(--green-9);--success-10: var(--green-10);--danger-1: var(--red-1);--danger-2: var(--red-2);--danger-3: var(--red-3);--danger-4: var(--red-4);--danger-5: var(--red-5);--danger-6: var(--red-6);--danger-7: var(--red-7);--danger-8: var(--red-8);--danger-9: var(--red-9);--danger-10: var(--red-10);--warning-1: var(--orange-1);--warning-2: var(--orange-2);--warning-3: var(--orange-3);--warning-4: var(--orange-4);--warning-5: var(--orange-5);--warning-6: var(--orange-6);--warning-7: var(--orange-7);--warning-8: var(--orange-8);--warning-9: var(--orange-9);--warning-10: var(--orange-10);--link-1: var(--arcoblue-1);--link-2: var(--arcoblue-2);--link-3: var(--arcoblue-3);--link-4: var(--arcoblue-4);--link-5: var(--arcoblue-5);--link-6: var(--arcoblue-6);--link-7: var(--arcoblue-7);--link-8: var(--arcoblue-8);--link-9: var(--arcoblue-9);--link-10: var(--arcoblue-10)}body{--color-white: #ffffff;--color-black: #000000;--color-border: rgb(var(--gray-3));--color-bg-popup: var(--color-bg-5);--color-bg-1: #fff;--color-bg-2: #fff;--color-bg-3: #fff;--color-bg-4: #fff;--color-bg-5: #fff;--color-bg-white: #fff;--color-neutral-1: rgb(var(--gray-1));--color-neutral-2: rgb(var(--gray-2));--color-neutral-3: rgb(var(--gray-3));--color-neutral-4: rgb(var(--gray-4));--color-neutral-5: rgb(var(--gray-5));--color-neutral-6: rgb(var(--gray-6));--color-neutral-7: rgb(var(--gray-7));--color-neutral-8: rgb(var(--gray-8));--color-neutral-9: rgb(var(--gray-9));--color-neutral-10: rgb(var(--gray-10));--color-text-1: var(--color-neutral-10);--color-text-2: var(--color-neutral-8);--color-text-3: var(--color-neutral-6);--color-text-4: var(--color-neutral-4);--color-border-1: var(--color-neutral-2);--color-border-2: var(--color-neutral-3);--color-border-3: var(--color-neutral-4);--color-border-4: var(--color-neutral-6);--color-fill-1: var(--color-neutral-1);--color-fill-2: var(--color-neutral-2);--color-fill-3: var(--color-neutral-3);--color-fill-4: var(--color-neutral-4);--color-primary-light-1: rgb(var(--primary-1));--color-primary-light-2: rgb(var(--primary-2));--color-primary-light-3: rgb(var(--primary-3));--color-primary-light-4: rgb(var(--primary-4));--color-link-light-1: rgb(var(--link-1));--color-link-light-2: rgb(var(--link-2));--color-link-light-3: rgb(var(--link-3));--color-link-light-4: rgb(var(--link-4));--color-secondary: var(--color-neutral-2);--color-secondary-hover: var(--color-neutral-3);--color-secondary-active: var(--color-neutral-4);--color-secondary-disabled: var(--color-neutral-1);--color-danger-light-1: rgb(var(--danger-1));--color-danger-light-2: rgb(var(--danger-2));--color-danger-light-3: rgb(var(--danger-3));--color-danger-light-4: rgb(var(--danger-4));--color-success-light-1: rgb(var(--success-1));--color-success-light-2: rgb(var(--success-2));--color-success-light-3: rgb(var(--success-3));--color-success-light-4: rgb(var(--success-4));--color-warning-light-1: rgb(var(--warning-1));--color-warning-light-2: rgb(var(--warning-2));--color-warning-light-3: rgb(var(--warning-3));--color-warning-light-4: rgb(var(--warning-4));--border-radius-none: 0;--border-radius-small: 2px;--border-radius-medium: 4px;--border-radius-large: 8px;--border-radius-circle: 50%;--color-tooltip-bg: rgb(var(--gray-10));--color-spin-layer-bg: rgba(255, 255, 255, .6);--color-menu-dark-bg: #232324;--color-menu-light-bg: #ffffff;--color-menu-dark-hover: rgba(255, 255, 255, .04);--color-mask-bg: rgba(29, 33, 41, .6)}body[arco-theme=dark]{--color-white: rgba(255, 255, 255, .9);--color-black: #000000;--color-border: #333335;--color-bg-1: #17171a;--color-bg-2: #232324;--color-bg-3: #2a2a2b;--color-bg-4: #313132;--color-bg-5: #373739;--color-bg-white: #f6f6f6;--color-text-1: rgba(255, 255, 255, .9);--color-text-2: rgba(255, 255, 255, .7);--color-text-3: rgba(255, 255, 255, .5);--color-text-4: rgba(255, 255, 255, .3);--color-fill-1: rgba(255, 255, 255, .04);--color-fill-2: rgba(255, 255, 255, .08);--color-fill-3: rgba(255, 255, 255, .12);--color-fill-4: rgba(255, 255, 255, .16);--color-primary-light-1: rgba(var(--primary-6), .2);--color-primary-light-2: rgba(var(--primary-6), .35);--color-primary-light-3: rgba(var(--primary-6), .5);--color-primary-light-4: rgba(var(--primary-6), .65);--color-secondary: rgba(var(--gray-9), .08);--color-secondary-hover: rgba(var(--gray-8), .16);--color-secondary-active: rgba(var(--gray-7), .24);--color-secondary-disabled: rgba(var(--gray-9), .08);--color-danger-light-1: rgba(var(--danger-6), .2);--color-danger-light-2: rgba(var(--danger-6), .35);--color-danger-light-3: rgba(var(--danger-6), .5);--color-danger-light-4: rgba(var(--danger-6), .65);--color-success-light-1: rgb(var(--success-6), .2);--color-success-light-2: rgb(var(--success-6), .35);--color-success-light-3: rgb(var(--success-6), .5);--color-success-light-4: rgb(var(--success-6), .65);--color-warning-light-1: rgb(var(--warning-6), .2);--color-warning-light-2: rgb(var(--warning-6), .35);--color-warning-light-3: rgb(var(--warning-6), .5);--color-warning-light-4: rgb(var(--warning-6), .65);--color-link-light-1: rgb(var(--link-6), .2);--color-link-light-2: rgb(var(--link-6), .35);--color-link-light-3: rgb(var(--link-6), .5);--color-link-light-4: rgb(var(--link-6), .65);--color-tooltip-bg: #373739;--color-spin-layer-bg: rgba(51, 51, 51, .6);--color-menu-dark-bg: #232324;--color-menu-light-bg: #232324;--color-menu-dark-hover: var(--color-fill-2);--color-mask-bg: rgba(23, 23, 26, .6)}body{font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.arco-message-list{position:fixed;z-index:1003;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;margin:0;padding:0 10px;text-align:center;pointer-events:none}.arco-message-list-top{top:40px}.arco-message-list-bottom{bottom:40px}.arco-message{position:relative;display:inline-flex;align-items:center;margin-bottom:16px;padding:10px 16px;overflow:hidden;line-height:1;text-align:center;list-style:none;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-small);box-shadow:0 4px 10px #0000001a;transition:all .1s cubic-bezier(0,0,1,1);pointer-events:auto}.arco-message-icon{display:inline-block;margin-right:8px;color:var(--color-text-1);font-size:20px;vertical-align:middle;animation:arco-msg-fade .1s cubic-bezier(0,0,1,1),arco-msg-fade .4s cubic-bezier(.3,1.3,.3,1)}.arco-message-content{font-size:14px;color:var(--color-text-1);vertical-align:middle}.arco-message-info{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-message-info .arco-message-icon{color:rgb(var(--primary-6))}.arco-message-info .arco-message-content{color:var(--color-text-1)}.arco-message-success{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-message-success .arco-message-icon{color:rgb(var(--success-6))}.arco-message-success .arco-message-content{color:var(--color-text-1)}.arco-message-warning{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-message-warning .arco-message-icon{color:rgb(var(--warning-6))}.arco-message-warning .arco-message-content{color:var(--color-text-1)}.arco-message-error{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-message-error .arco-message-icon{color:rgb(var(--danger-6))}.arco-message-error .arco-message-content{color:var(--color-text-1)}.arco-message-loading{background-color:var(--color-bg-popup);border-color:var(--color-neutral-3)}.arco-message-loading .arco-message-icon{color:rgb(var(--primary-6))}.arco-message-loading .arco-message-content{color:var(--color-text-1)}.arco-message-close-btn{margin-left:8px;color:var(--color-text-1);font-size:12px}.arco-message .arco-icon-hover.arco-message-icon-hover:before{width:20px;height:20px}.fade-message-enter-from,.fade-message-appear-from{opacity:0}.fade-message-enter-to,.fade-message-appear-to{opacity:1}.fade-message-enter-active,.fade-message-appear-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.fade-message-leave-from{opacity:1}.fade-message-leave-to{opacity:0}.fade-message-leave-active{position:absolute}.flip-list-move{transition:transform .8s ease}@keyframes arco-msg-fade{0%{opacity:0}to{opacity:1}}@keyframes arco-msg-scale{0%{transform:scale(0)}to{transform:scale(1)}}:root{--c-brand: #3eaf7c;--c-brand-light: #4abf8a;--c-bg: #ffffff;--c-bg-light: #f3f4f5;--c-bg-lighter: #eeeeee;--c-bg-navbar: var(--c-bg);--c-bg-sidebar: var(--c-bg);--c-bg-arrow: #cccccc;--c-text: #2c3e50;--c-text-accent: var(--c-brand);--c-text-light: #3a5169;--c-text-lighter: #4e6e8e;--c-text-lightest: #6a8bad;--c-text-quote: #999999;--c-border: #eaecef;--c-border-dark: #dfe2e5;--c-tip: #42b983;--c-tip-bg: var(--c-bg-light);--c-tip-title: var(--c-text);--c-tip-text: var(--c-text);--c-tip-text-accent: var(--c-text-accent);--c-warning: #e7c000;--c-warning-bg: #fffae3;--c-warning-title: #ad9000;--c-warning-text: #746000;--c-warning-text-accent: var(--c-text);--c-danger: #cc0000;--c-danger-bg: #ffe0e0;--c-danger-title: #990000;--c-danger-text: #660000;--c-danger-text-accent: var(--c-text);--c-details-bg: #eeeeee;--c-badge-tip: var(--c-tip);--c-badge-warning: var(--c-warning);--c-badge-danger: var(--c-danger);--t-color: .3s ease;--t-transform: .3s ease;--code-bg-color: #282c34;--code-hl-bg-color: rgba(0, 0, 0, .66);--code-ln-color: #9e9e9e;--code-ln-wrapper-width: 3.5rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-code: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--navbar-height: 3.6rem;--navbar-padding-v: .7rem;--navbar-padding-h: 1.5rem;--sidebar-width: 20rem;--sidebar-width-mobile: calc(var(--sidebar-width) * .82);--content-width: 740px;--homepage-width: 960px}html.dark{--c-brand: #3aa675;--c-brand-light: #349469;--c-bg: #22272e;--c-bg-light: #2b313a;--c-bg-lighter: #262c34;--c-text: #adbac7;--c-text-light: #96a7b7;--c-text-lighter: #8b9eb0;--c-text-lightest: #8094a8;--c-border: #3e4c5a;--c-border-dark: #34404c;--c-tip: #318a62;--c-warning: #ceab00;--c-warning-bg: #7e755b;--c-warning-title: #ceac03;--c-warning-text: #362e00;--c-danger: #940000;--c-danger-bg: #806161;--c-danger-title: #610000;--c-danger-text: #3a0000;--c-details-bg: #323843;--code-hl-bg-color: #363b46}@font-face{font-family:octicons-link;src:url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format("woff")}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:14px;line-height:1.5;word-wrap:break-word;transition:background-color var(--t-color),border-color var(--t-color)}.g-emoji{display:inline-block;min-width:1ch;font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,serif;font-size:1em;font-style:normal!important;font-weight:400;line-height:1;vertical-align:-.075em}.markdown-body .pl-c{color:#6a737d}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#005cc5}.markdown-body .pl-e,.markdown-body .pl-en{color:#6f42c1}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:var(--c-text)}.markdown-body .pl-ent{color:#22863a}.markdown-body .pl-k{color:#d73a49}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:var(--c-text-lighter)}.markdown-body .pl-v,.markdown-body .pl-smw{color:#e36209}.markdown-body .pl-bu{color:#b31d28}.markdown-body .pl-ii{color:#fafbfc;background-color:#b31d28}.markdown-body .pl-c2{color:#fafbfc;background-color:#d73a49}.markdown-body .pl-c2:before{content:"^M"}.markdown-body .pl-sr .pl-cce{font-weight:700;color:#22863a}.markdown-body .pl-ml{color:#735c0f}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{font-weight:700;color:#005cc5}.markdown-body .pl-mi{font-style:italic;color:#24292e}.markdown-body .pl-mb{font-weight:700;color:#24292e}.markdown-body .pl-md{color:#b31d28;background-color:#ffeef0}.markdown-body .pl-mi1{color:#22863a;background-color:#f0fff4}.markdown-body .pl-mc{color:#e36209;background-color:#ffebda}.markdown-body .pl-mi2{color:#f6f8fa;background-color:#005cc5}.markdown-body .pl-mdr{font-weight:700;color:#6f42c1}.markdown-body .pl-ba{color:#586069}.markdown-body .pl-sg{color:#959da5}.markdown-body .pl-corl{text-decoration:underline;color:var(--c-text-lighter)}.markdown-body .octicon{display:inline-block;vertical-align:text-top;fill:currentColor}.markdown-body a{background-color:transparent;-webkit-text-decoration-skip:objects}.markdown-body a:active,.markdown-body a:hover{outline-width:0}.markdown-body strong{font-weight:inherit}.markdown-body strong{font-weight:bolder}.markdown-body h1{font-size:2em;margin:.67em 0}.markdown-body img{border-style:none}.markdown-body svg:not(:root){overflow:hidden}.markdown-body code,.markdown-body kbd,.markdown-body pre{font-family:monospace,monospace;font-size:1em}.markdown-body hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}.markdown-body input{font:inherit;margin:0}.markdown-body input{overflow:visible}.markdown-body [type=checkbox]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}.markdown-body *{-webkit-box-sizing:border-box;box-sizing:border-box}.markdown-body input{font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body a{color:#0366d6;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body hr{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #dfe2e5}.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{display:table;clear:both;content:""}.markdown-body table{border-spacing:0;border-collapse:collapse}.markdown-body td,.markdown-body th{padding:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:0;margin-bottom:0}.markdown-body h1{font-size:32px;font-weight:600}.markdown-body h2{font-size:24px;font-weight:600}.markdown-body h3{font-size:20px;font-weight:600}.markdown-body h4,.markdown-body h5{font-size:14px;font-weight:600}.markdown-body h6{font-size:12px;font-weight:600}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0}.markdown-body ul,.markdown-body ol{padding-left:0;margin-top:0;margin-bottom:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font:12px SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.markdown-body .octicon{vertical-align:text-bottom}.markdown-body .pl-0{padding-left:0!important}.markdown-body .pl-1{padding-left:4px!important}.markdown-body .pl-2{padding-left:8px!important}.markdown-body .pl-3{padding-left:14px!important}.markdown-body .pl-4{padding-left:24px!important}.markdown-body .pl-5{padding-left:32px!important}.markdown-body .pl-6{padding-left:40px!important}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0!important}.markdown-body>*:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:14px}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid var(--c-border)}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:solid 1px #c6cbd1;border-bottom-color:#959da5;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 #959da5;box-shadow:inset 0 -1px #959da5}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:14px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1{padding-bottom:.3em;font-size:2em;border-bottom:1px solid #eaecef}.markdown-body h2{padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid #eaecef}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{font-size:.85em;color:#6a737d}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:14px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:14px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 14px;margin-bottom:14px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body img{max-width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#fff}.markdown-body code{padding:.2em 0;margin:0;font-size:85%;border-radius:3px}.markdown-body code:before,.markdown-body code:after{letter-spacing:-.2em;content:" "}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:14px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:14px;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--c-tip-bg);border-radius:3px;color:var(--c-text);transition:background-color var(--t-color),border-color var(--t-color)}.markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0;color:var(--c-text)}.markdown-body pre code:before,.markdown-body pre code:after{content:normal}.markdown-body .full-commit .btn-outline:not(:disabled):hover{color:#005cc5;border-color:#005cc5}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:solid 1px #d1d5da;border-bottom-color:#c6cbd1;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 #c6cbd1;box-shadow:inset 0 -1px #c6cbd1}.markdown-body :checked+.radio-label{position:relative;z-index:1;border-color:#0366d6}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item+.task-list-item{margin-top:3px}.markdown-body .task-list-item input{margin:0 .2em .25em -1.6em;vertical-align:middle}.markdown-body hr{border-bottom-color:#eee}.gt-container{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}.gt-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.gt-container a{color:var(--c-text-accent);transition:background-color var(--t-color),border-color var(--t-color)}.gt-container a.is--active{color:var(--c-text);cursor:default!important}.gt-container a.is--active:hover{color:var(--c-text-accent)}.gt-container .hide{display:none!important}.gt-container .gt-svg{display:inline-block;width:1em;height:1em;vertical-align:sub}.gt-container .gt-ico-arrdown{fill:var(--c-text)}.gt-container .gt-svg svg{width:100%;height:100%;fill:var(--c-text-accent)}.gt-container .gt-ico{display:inline-block}.gt-container .gt-ico-text{margin-left:.3125em}.gt-container .gt-ico-tip{font-size:.875em}.gt-container .gt-ico-github,.gt-container .gt-ico-github .gt-svg{width:100%;height:100%}.gt-container .gt-ico-github svg{fill:var(--c-text)}.gt-container .gt-spinner{position:relative}.gt-container .gt-spinner:before{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:3px;width:.75em;height:.75em;margin-top:-.1875em;margin-left:-.375em;border-radius:50%;border:1px solid #fff;border-top-color:var(--c-text-accent);-webkit-animation:gt-kf-rotate .6s linear infinite;animation:gt-kf-rotate .6s linear infinite}.gt-container .gt-loader{position:relative;border:1px solid #999;-webkit-animation:ease gt-kf-rotate 1.5s infinite;animation:ease gt-kf-rotate 1.5s infinite;display:inline-block;font-style:normal;width:1.75em;height:1.75em;line-height:1.75em;border-radius:50%}.gt-container .gt-loader:before{content:"";position:absolute;display:block;top:0;left:50%;margin-top:-.1875em;margin-left:-.1875em;width:.375em;height:.375em;background-color:#999;border-radius:50%}.gt-container .gt-avatar{display:inline-block;width:3.125em;height:3.125em}@media (max-width: 479px){.gt-container .gt-avatar{width:2em;height:2em}}.gt-container .gt-avatar img{width:100%;height:auto;border-radius:3px}.gt-container .gt-avatar-github{width:3.125em;height:3.125em;cursor:pointer}@media (max-width: 479px){.gt-container .gt-avatar-github{width:2em;height:2em}}.gt-container .gt-btn{padding:.75em .95em;display:inline-block;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid var(--c-text-accent);border-radius:5px;background-color:var(--c-brand);color:#fff;outline:none;font-size:.75em;transition:background-color var(--t-color),border-color var(--t-color)}.gt-container .gt-btn-text{font-weight:400}.gt-header-controls .gt-btn-public .gt-btn-text{color:var(--c-bg)}.gt-container .gt-btn-loading{position:relative;margin-left:.5em;display:inline-block;width:.75em;height:1em;vertical-align:top}.gt-container .gt-btn.is--disable{cursor:not-allowed;opacity:.5}.gt-container .gt-btn-login{margin-right:0;color:var(--c-bg)}.gt-container .gt-btn-login:hover{background-color:var(--c-brand-light);border-color:var(--c-brand)}.gt-container .gt-btn-preview{background-color:var(--c-bg);color:var(--c-brand);border-color:var(--c-brand);transition:background-color var(--t-color),border-color var(--t-color)}.gt-container .gt-btn-preview:hover{color:var(--c-bg);background-color:var(--c-brand-light)}.gt-container .gt-btn-public:hover,.gt-container .gt-btn-loadmore:hover{background-color:var(--c-brand-light);border-color:var(--c-brand)}.gt-container .gt-btn-loadmore{color:var(--c-bg)}.gt-container .gt-error{text-align:center;margin:.625em;color:#ff3860}.gt-container .gt-initing{padding:1.25em 0;text-align:center}.gt-container .gt-initing-text{margin:.625em auto;font-size:92%}.gt-container .gt-no-init{padding:1.25em 0;text-align:center}.gt-container .gt-link{border-bottom:1px dotted var(--c-text-accent)}.gt-container .gt-link-counts,.gt-container .gt-link-project{text-decoration:none}.gt-container .gt-meta{margin:1.25em 0;padding:1em 0;position:relative;border-bottom:1px solid var(--c-border);font-size:1em;transition:background-color var(--t-color),border-color var(--t-color)}.gt-container .gt-meta:before,.gt-container .gt-meta:after{content:" ";display:table}.gt-container .gt-meta:after{clear:both}.gt-container .gt-counts{margin:0 .625em 0 0}.gt-container .gt-user{float:right;margin:0;font-size:92%}.gt-container .gt-user-pic{width:14px;height:14px;vertical-align:top;margin-right:.5em}.gt-container .gt-user-inner{display:inline-block;cursor:pointer}.gt-container .gt-user .gt-ico{margin:0 0 0 .3125em}.gt-container .gt-user .gt-ico svg{fill:inherit}.gt-container .gt-user .is--poping .gt-ico svg{fill:var(--c-text-accent)}.gt-container .gt-version{color:#a1a1a1;margin-left:.375em}.gt-container .gt-copyright{margin:0 .9375em .5em;border-top:1px solid var(--c-border);padding-top:.5em}.gt-container .gt-popup{position:absolute;right:0;top:2.375em;background-color:var(--c-bg-navbar);display:block!important;border:1px solid var(--c-border);padding:.625em 0;font-size:.875em;letter-spacing:.5px;box-sizing:border-box;z-index:10}.gt-container .gt-popup .gt-action{cursor:pointer;display:block;margin:.5em 0;padding:0 1.125em;position:relative;text-decoration:none}.gt-container .gt-popup .gt-action.is--active:before{content:"";width:.25em;height:.25em;background:var(--c-text-accent);position:absolute;left:.5em;top:.4375em}.gt-container .gt-header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.gt-container .gt-header-comment{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1.25em;width:90%}@media (max-width: 479px){.gt-container .gt-header-comment{padding-left:.875em}}.gt-container .gt-header-textarea{padding:.75em;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:5.125em;max-height:15em;border-radius:5px;border:1px solid var(--c-border);font-size:.875em;word-wrap:break-word;resize:vertical;background-color:var(--c-bg);outline:none;-webkit-transition:all .25s ease;transition:background-color var(--t-color),border-color var(--t-color)}.gt-header-textarea{color:var(--c-text)}.gt-container .gt-header-preview{padding:.75em;border-radius:5px;border:1px solid var(--c-border);background-color:var(--c-bg)}.gt-container .gt-header-controls{position:relative;margin:.75em 0 0}.gt-container .gt-header-controls:before,.gt-container .gt-header-controls:after{content:" ";display:table}.gt-container .gt-header-controls:after{clear:both}@media (max-width: 479px){.gt-container .gt-header-controls{margin:0}}.gt-container .gt-header-controls-tip{font-size:13px;color:var(--c-text-accent);text-decoration:none;vertical-align:sub}@media (max-width: 479px){.gt-container .gt-header-controls-tip{display:none}}.gt-container .gt-header-controls .gt-btn{float:right;margin-left:1.2em}@media (max-width: 479px){.gt-container .gt-header-controls .gt-btn{float:none;width:100%;margin:.75em 0 0}}.gt-container:after{content:"";position:fixed;bottom:100%;left:0;right:0;top:0;opacity:0}.gt-container.gt-input-focused{position:relative}.gt-container.gt-input-focused:after{content:"";position:fixed;bottom:0%;left:0;right:0;top:0;background:#000;opacity:.6;-webkit-transition:opacity .3s,bottom 0s;transition:opacity .3s,bottom 0s;z-index:9999}.gt-container.gt-input-focused .gt-header-comment{z-index:10000}.gt-container .gt-comments{padding-top:1.25em}.gt-container .gt-comments-null{text-align:center}.gt-container .gt-comments-controls{margin:1.25em 0;text-align:center}.gt-container .gt-comment{position:relative;padding:.625em 0;display:-webkit-box;display:-ms-flexbox;display:flex}.gt-container .gt-comment-content{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:1.25em;padding:.75em 1em;background-color:var(--c-bg);overflow:auto;-webkit-transition:all ease .25s;border:1px solid var(--c-border);transition:background-color var(--t-color),border-color var(--t-color)}.gt-container .gt-comment-content{border-radius:5px}@media (max-width: 479px){.gt-container .gt-comment-content{margin-left:.875em;padding:.625em .75em}}.gt-container .gt-comment-header{margin-bottom:.75em;font-size:.875em;position:relative}.gt-container .gt-comment-block-1{float:right;height:1.375em;width:3.5em}.gt-container .gt-comment-block-2{float:right;height:1.375em;width:4em}.gt-container .gt-comment-username{font-weight:500;color:var(--c-text-accent);text-decoration:none}.gt-container .gt-comment-username:hover{text-decoration:underline}.gt-container .gt-comment-text,.gt-container .gt-comment-date{margin-left:.5em;color:#a1a1a1;font-size:.875em}.gt-container .gt-comment-like,.gt-container .gt-comment-edit,.gt-container .gt-comment-reply{position:absolute;height:1.375em}.gt-container .gt-comment-like:hover,.gt-container .gt-comment-edit:hover,.gt-container .gt-comment-reply:hover{cursor:pointer}.gt-container .gt-comment-like{top:0;right:2em}.gt-container .gt-comment-edit,.gt-container .gt-comment-reply{top:0;right:0}.gt-container .gt-comment-body{color:var(--c-text)}.gt-container .gt-comment-body .email-hidden-toggle a{display:inline-block;height:12px;padding:0 9px;font-size:12px;font-weight:600;line-height:6px;color:#444d56;text-decoration:none;vertical-align:middle;background:#dfe2e5;border-radius:1px}.gt-container .gt-comment-body .email-hidden-toggle a:hover{background-color:#c6cbd1}.gt-container .gt-comment-body .email-hidden-reply{display:none;white-space:pre-wrap}.gt-container .gt-comment-body .email-hidden-reply .email-signature-reply{padding:0 15px;margin:15px 0;color:#586069;border-left:4px solid #dfe2e5}.gt-container .gt-comment-body .email-hidden-reply.expanded{display:block}.gt-container .gt-comment-admin .gt-comment-content{background-color:var(--c-bg);border:1px solid var(--c-border)}@-webkit-keyframes gt-kf-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes gt-kf-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.gt-comment-body .snippet-clipboard-content pre code{color:var(--c-text)}
diff --git a/development/aws/acknowledgement.html b/development/aws/acknowledgement.html
index 57e871ac..54a89e37 100644
--- a/development/aws/acknowledgement.html
+++ b/development/aws/acknowledgement.html
@@ -5,15 +5,15 @@
     
     謝辞 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,8 +36,8 @@
     
   
   
-    
Toshiki's Note
Appearance
謝辞 ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:129
 Reading:1 min
本原稿の執筆にあたり，以下の方々からの協力を得た．この場を借りて，感謝を表したい．
2021 年バージョンの contributors
  • 香取真知子氏 - ハンズオンプログラムの動作確認，文章校閲
2020 年バージョンの contributors
  • 勝俣敬寛氏 - Docker イメージの作成
  • 香取真知子氏 - ハンズオンプログラムの動作確認
  • @shuuji3 - MR !15
  • @takatama_jp - MR !14
本書の執筆には Asciidoctor を使用した．
また，本書はオープンソースの教科書として，すべての読者・ディベロッパーからのフィードバックを受け付けている． 誤植や記述の誤り，改善点など見つかったら，ぜひ Issues や Pull request を投稿していただきたい．

-    
+    
Toshiki's Note
Appearance
謝辞 ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:129
 Reading:1 min
本原稿の執筆にあたり，以下の方々からの協力を得た．この場を借りて，感謝を表したい．
2021 年バージョンの contributors
  • 香取真知子氏 - ハンズオンプログラムの動作確認，文章校閲
2020 年バージョンの contributors
  • 勝俣敬寛氏 - Docker イメージの作成
  • 香取真知子氏 - ハンズオンプログラムの動作確認
  • @shuuji3 - MR !15
  • @takatama_jp - MR !14
本書の執筆には Asciidoctor を使用した．
また，本書はオープンソースの教科書として，すべての読者・ディベロッパーからのフィードバックを受け付けている． 誤植や記述の誤り，改善点など見つかったら，ぜひ Issues や Pull request を投稿していただきたい．

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/appendix.html b/development/aws/appendix.html
index 5b5a1b13..502bf284 100644
--- a/development/aws/appendix.html
+++ b/development/aws/appendix.html
@@ -5,16 +5,16 @@
     
     Appendix: 環境構築 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
-    
+    
     
     
     
@@ -37,38 +37,38 @@
     
   
   
-    
Toshiki's Note
Appearance
Appendix: 環境構築 ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:2.3k
 Reading:9 min
本書を読み進めるにあたって，ハンズオンのプログラムを実行するための環境を自分のローカルマシンにセットアップしなければならない． ここでは， AWS やコマンドラインの初心者を想定して，本章で必要なソフトウェアやライブラリのインストールなどを簡単に解説する． 以下に簡単な目次を示そう． 既に環境構築が済んでいる場合は適宜読み飛ばしていただき，関係のある箇所のみ目を通せば良い．
使用する OS は Linux/Mac/Windows のどれを用いても構わない． Windows のユーザーは， Windows Subsytem for Linux (WSL) を使用することを想定している (WSL のインストール)．
また，本書のハンズオンを実行するための Docker イメージ を提供している． これを用いると， AWS CLI/CDK や Python の設定などをスキップできるので， Docker の使用方法を知っている読者には便利だろう．
AWS アカウントの取得 ​
本書で提供するハンズオンを実際に自分で試すには，読者自身で AWS のアカウントの作成をする必要がある． 詳しいアカウントの作成の手順は 公式のドキュメンテーション に書かれているので，そちらも参照していただきたい． 以下の手順に従ってアカウントの作成を行う．
まず，ウェブブラウザから AWS コンソール にアクセスし，右上の Create an AWS Account をクリックする (figure_title で実線で囲った部分)．
サインアップ (1): AWS コンソールにアクセス
次に，遷移した先のページでメールアドレスとパスワードなどの登録を行う (figure_title)．
サインアップ (2): メールアドレス・パスワードなどの登録．
続いて，住所や電話番号などを訊かれるので，すべて入力しよう (figure_title)．
サインアップ (3): 住所・電話番号の入力
次に，クレジットカードの情報の登録を求められる (figure_title)． 個人で AWS を利用する場合は，利用料金の請求はクレジットカードを経由して行われる． クレジットカードの登録なしには AWS を使い始めることはできないことに注意．
サインアップ (4): クレジットカードの登録
次の画面では，携帯電話の SMS またはボイスメッセージを利用した本人確認が求められる (figure_title)． 希望の認証方法を選択し，自分の携帯電話番号を入力しよう．
サインアップ (5): 携帯電話による本人確認
無事に本人確認が完了すると，最後にサポートプランの選択を求められる (figure_title)． 無料の Basic support を選択しておけば問題ない．
サインアップ (6): サポートプランの選択
以上のステップにより，アカウントの作成が完了する (figure_title)． 早速ログインをして， AWS コンソールにアクセスできるか確認しておこう．
サインアップ (7): アカウントの作成が完了した
AWS のシークレットキーの作成 ​
AWS シークレットキーとは， AWS CLI や AWS CDK から AWS の API を操作するときに，ユーザー認証を行うための鍵のことである． AWS CLI/CDK を使うには，最初にシークレットキーを発行する必要がある． AWS シークレットキーの詳細は 公式ドキュメンテーション "Understanding and getting your AWS credentials" を参照．
  1. AWS コンソールにログインする．
  2. 画面右上のアカウント名をクリックし，表示されるプルダウンメニューから "My Security Credentials" を選択 (figure_title)
  3. "Access keys for CLI, SDK, & API access" の下にある "Create accesss key" のボタンをクリックする (figure_title)
  4. 表示された Access key ID, Secret access key を記録しておく (画面を閉じると二度と表示されない)．
  5. 鍵を忘れてしまった場合などは，同じ手順で再発行が可能である．
  6. 発行したシークレットキーは， ~/.aws/credentials のファイルに書き込むか，環境変数に設定するなどして使う (詳しくは AWS CLI のインストール)．
AWS シークレットキーの発行1
AWS シークレットキーの発行2
AWS Educate Starter Account を用いている場合は，次の手順でシークレットキーを確認する．
  • AWS Educate のコンソール画面から， vocareum のコンソールに移動する (figure_title)．
  • Account Details をクリックし，続いて AWS CLI: Show をクリックする．
  • aws_access_key_id, aws_secret_access_key, aws_session_token が表示される (figure_title)． ここで表示された内容を ~/.aws/credentials にコピーする (AWS CLI のインストール 参照)． aws_session_token の箇所も漏らさずコピーすること．
  • 続いて， ~/.aws/config というファイルを用意し，次の内容を書き込む． 現時点では AWS Starter Account は us-east-1 リージョンでしか利用できないためである．
toml
[default]
-    region = us-east-1
-    output = json
[default]
-    region = us-east-1
-    output = json
  • 上記の説明ではプロファイル名が default となっていたが，これは自分の好きな名前に変更してもよい． default 以外の名前を使用する場合は，コマンドを実行するときにプロファイル名を指定する必要がある (詳しくは AWS CLI のインストール)．
vocareum コンソール
vocareum から AWS シークレットキーの発行
AWS CLI のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
sh
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
インストールできたか確認するため，次のコマンドを打ってバージョン情報が出力されることを確認する．
sh
$ aws --version
$ aws --version
インストールができたら，次のコマンドにより初期設定を行う (参照)．
sh
$ aws configure
$ aws configure
コマンドを実行すると， AWS Access Key ID, AWS Secret Access Key を入力するよう指示される． シークレットキーの発行については AWS のシークレットキーの作成 を参照． コマンドは加えて，Default region name を訊いてくる． ここには自分の好きな地域 (例えば ap-northeast-1 =東京リージョン) を指定すればよい． 最後の Default output format は json としておくとよい．
このコマンドを完了すると， ~/.aws/credentials と ~/.aws/config　という名前のファイルが生成されているはずである． 念のため， cat コマンドを使って中身を確認してみるとよい．
sh
$ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+    
Toshiki's Note
Appearance
Appendix: 環境構築 ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:2.3k
 Reading:9 min
本書を読み進めるにあたって，ハンズオンのプログラムを実行するための環境を自分のローカルマシンにセットアップしなければならない． ここでは， AWS やコマンドラインの初心者を想定して，本章で必要なソフトウェアやライブラリのインストールなどを簡単に解説する． 以下に簡単な目次を示そう． 既に環境構築が済んでいる場合は適宜読み飛ばしていただき，関係のある箇所のみ目を通せば良い．
使用する OS は Linux/Mac/Windows のどれを用いても構わない． Windows のユーザーは， Windows Subsytem for Linux (WSL) を使用することを想定している (WSL のインストール)．
また，本書のハンズオンを実行するための Docker イメージ を提供している． これを用いると， AWS CLI/CDK や Python の設定などをスキップできるので， Docker の使用方法を知っている読者には便利だろう．
AWS アカウントの取得 ​
本書で提供するハンズオンを実際に自分で試すには，読者自身で AWS のアカウントの作成をする必要がある． 詳しいアカウントの作成の手順は 公式のドキュメンテーション に書かれているので，そちらも参照していただきたい． 以下の手順に従ってアカウントの作成を行う．
まず，ウェブブラウザから AWS コンソール にアクセスし，右上の Create an AWS Account をクリックする (figure_title で実線で囲った部分)．
サインアップ (1): AWS コンソールにアクセス
次に，遷移した先のページでメールアドレスとパスワードなどの登録を行う (figure_title)．
サインアップ (2): メールアドレス・パスワードなどの登録．
続いて，住所や電話番号などを訊かれるので，すべて入力しよう (figure_title)．
サインアップ (3): 住所・電話番号の入力
次に，クレジットカードの情報の登録を求められる (figure_title)． 個人で AWS を利用する場合は，利用料金の請求はクレジットカードを経由して行われる． クレジットカードの登録なしには AWS を使い始めることはできないことに注意．
サインアップ (4): クレジットカードの登録
次の画面では，携帯電話の SMS またはボイスメッセージを利用した本人確認が求められる (figure_title)． 希望の認証方法を選択し，自分の携帯電話番号を入力しよう．
サインアップ (5): 携帯電話による本人確認
無事に本人確認が完了すると，最後にサポートプランの選択を求められる (figure_title)． 無料の Basic support を選択しておけば問題ない．
サインアップ (6): サポートプランの選択
以上のステップにより，アカウントの作成が完了する (figure_title)． 早速ログインをして， AWS コンソールにアクセスできるか確認しておこう．
サインアップ (7): アカウントの作成が完了した
AWS のシークレットキーの作成 ​
AWS シークレットキーとは， AWS CLI や AWS CDK から AWS の API を操作するときに，ユーザー認証を行うための鍵のことである． AWS CLI/CDK を使うには，最初にシークレットキーを発行する必要がある． AWS シークレットキーの詳細は 公式ドキュメンテーション "Understanding and getting your AWS credentials" を参照．
  1. AWS コンソールにログインする．
  2. 画面右上のアカウント名をクリックし，表示されるプルダウンメニューから "My Security Credentials" を選択 (figure_title)
  3. "Access keys for CLI, SDK, & API access" の下にある "Create accesss key" のボタンをクリックする (figure_title)
  4. 表示された Access key ID, Secret access key を記録しておく (画面を閉じると二度と表示されない)．
  5. 鍵を忘れてしまった場合などは，同じ手順で再発行が可能である．
  6. 発行したシークレットキーは， ~/.aws/credentials のファイルに書き込むか，環境変数に設定するなどして使う (詳しくは AWS CLI のインストール)．
AWS シークレットキーの発行1
AWS シークレットキーの発行2
AWS Educate Starter Account を用いている場合は，次の手順でシークレットキーを確認する．
  • AWS Educate のコンソール画面から， vocareum のコンソールに移動する (figure_title)．
  • Account Details をクリックし，続いて AWS CLI: Show をクリックする．
  • aws_access_key_id, aws_secret_access_key, aws_session_token が表示される (figure_title)． ここで表示された内容を ~/.aws/credentials にコピーする (AWS CLI のインストール 参照)． aws_session_token の箇所も漏らさずコピーすること．
  • 続いて， ~/.aws/config というファイルを用意し，次の内容を書き込む． 現時点では AWS Starter Account は us-east-1 リージョンでしか利用できないためである．
toml
[default]
+    region = us-east-1
+    output = json
[default]
+    region = us-east-1
+    output = json
  • 上記の説明ではプロファイル名が default となっていたが，これは自分の好きな名前に変更してもよい． default 以外の名前を使用する場合は，コマンドを実行するときにプロファイル名を指定する必要がある (詳しくは AWS CLI のインストール)．
vocareum コンソール
vocareum から AWS シークレットキーの発行
AWS CLI のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
sh
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
インストールできたか確認するため，次のコマンドを打ってバージョン情報が出力されることを確認する．
sh
$ aws --version
$ aws --version
インストールができたら，次のコマンドにより初期設定を行う (参照)．
sh
$ aws configure
$ aws configure
コマンドを実行すると， AWS Access Key ID, AWS Secret Access Key を入力するよう指示される． シークレットキーの発行については AWS のシークレットキーの作成 を参照． コマンドは加えて，Default region name を訊いてくる． ここには自分の好きな地域 (例えば ap-northeast-1 =東京リージョン) を指定すればよい． 最後の Default output format は json としておくとよい．
このコマンドを完了すると， ~/.aws/credentials と ~/.aws/config　という名前のファイルが生成されているはずである． 念のため， cat コマンドを使って中身を確認してみるとよい．
sh
$ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
 
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
$ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
$ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
 
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
~/.aws/credentials には認証鍵の情報が， ~/.aws/config には AWS CLI の設定が記録されている．
デフォルトでは， [default] という名前でプロファイルが保存される． いくつかのプロファイルを使い分けたければ， default の例に従って，たとえば [myprofile] などという名前でプロファイルを追加すればよい．
AWS CLI でコマンドを打つときに，プロファイルを使い分けるには，
sh
$ aws s3 ls --profile myprofile
$ aws s3 ls --profile myprofile
のように， --profile というオプションをつけてコマンドを実行する．
いちいち --profile オプションをつけるのが面倒だと感じる場合は， AWS_PROFILE という環境変数を設定するとよい．
sh
$ export AWS_PROFILE=myprofile
$ export AWS_PROFILE=myprofile
あるいは，認証情報などを環境変数に設定するテクニックもある．
sh
export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
これらの環境変数は， ~/.aws/credentials よりも高い優先度をもつので，環境変数が設定されていればそちらの情報が使用される (参照)．
AWS Educate Starter Account は us-east-1 のリージョンのみ利用可能である (執筆時点での情報)． よって， AWS Educate Starter Account を使用している場合は， default region を us-east-1 に設定する必要がある．
AWS CDK のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
Node.js がインストールされていれば，基本的に次のコマンドを実行すればよい．
sh
$ sudo npm install -g aws-cdk
$ sudo npm install -g aws-cdk
本書のハンズオンは AWS CDK version 1.100.0 で開発した． CDK は開発途上のライブラリなので，将来的に API が変更される可能性がある． API の変更によりエラーが生じた場合は， version 1.100.0 を使用することを推奨する．
sh
$ npm install -g aws-cdk@1.100
$ npm install -g aws-cdk@1.100
インストールできたか確認するため，次のコマンドを打って正しくバージョンが表示されることを確認する．
sh
$ cdk --version
$ cdk --version
インストールができたら，次のコマンドにより AWS 側の初期設定を行う． これは一度実行すれば OK．
sh
$ cdk bootstrap
$ cdk bootstrap
cdk bootstrap を実行するときは，AWS の認証情報とリージョンが正しく設定されていることを確認する． デフォルトでは ~/.aws/config にあるデフォルトのプロファイルが使用される． デフォルト以外のプロファイルを用いるときは AWS CLI のインストール で紹介したテクニックを使って切り替える．
AWS CDK の認証情報の設定は AWS CLI と基本的に同じである．詳しくは AWS CLI のインストール を参照．
WSL のインストール ​
本書のハンズオンではコマンドラインから AWS CLI のコマンドを実行したり， Python で書かれたプログラムを実行する． コマンドは基本的に UNIX のターミナルを想定して書かれている． Linux や Mac のユーザーは OS に標準搭載されているターミナルを用いれば良い． Windows を利用している読者は， Windows Subsystem for Linux (WSL) を利用することで，仮想の Linux 環境を構築することを推奨する． Cygwin などの Linux 環境をエミュレートするほかのツールでも構わないが，本書のプログラムは WSL でのみ動作確認を行っている．
WSL とは， Windows の OS 上で Linux の仮想環境を起動するための， Microsoft 社が公式で提供しているソフトウェアである． Ubuntu など希望の Linux distribution が選択でき，基本的にすべての Linux 向けに作られたプログラム・ソフトウェアを使用することができる．
執筆時点では WSL 2 が最新版として提供されているので，以下では WSL 2 のインストール手順を簡単に説明する． 細かな詳細などは， 公式ドキュメンテーション を参照のこと．
前提として，使用される OS は Windows 10 (Pro または Home エディション) でなければならない． さらに，使用している Windows 10 のバージョンが WSL に対応するバージョンであるかを確認する． X64 のシステムでは Version 1903, Build 18362 以上でなければならない． バージョンが対応していない場合は、 Windows のアップデートを行う．
まず最初に， Administrator 権限で PowerShell を起動する (figure_title)． 左下の Windows メニューの検索バーに powershell と入力すると， PowerShell のプログラムが見つかるはずである， これを右クリックし、 Run as administrator を選択し起動する．
管理者権限での PowerShell の起動
PowerShell が起動したら、次のコマンドを実行する．
powershell
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
実行して、“The operation completed successfully.” と出力されるのを確認する． これで WSL が enable される．
次に，先ほどと同じ Administrator 権限で開いた PowerShell で次のコマンドを実行する。
powershell
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
実行して， “The operation completed successfully.” と出力されるのを確認する． これが確認出来たら、一度コンピュータを再起動する．
続いて， Linux kernel update package を次のリンクからダウンロードする． https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
ダウンロードしたファイルをダブルクリックして実行する． ダイアログに従ってインストールを完了させる．
そうしたら，再び PowerShell を開き次のコマンドを実行する。
powershell
wsl --set-default-version 2
wsl --set-default-version 2
最後に、自分の好みの Linux distribution をインストールする． ここでは Ubuntu 20.04 をインストールしよう．
Microsoft store のアプリを起動し，検索バーに Ubuntu と入力する． Ubuntu 20.04 LTS という項目が見つかるはずなので，それを開き， “Get” ボタンをクリックする (figure_title)． しばらく待つと， Ubuntu 20.04 のインストールが完了する．
Microsoft store から Ubuntu 20.04 をインストール
Ubuntu 20.04 を初回に起動すると，初期設定が自動で開始され，数分待つことになる． 初期設定が終わると，ユーザー名・パスワードを設定するようプロンプトが出るので，プロンプトに従い入力する．
これで WSL2 のインストールが完了した． 早速 WSL2 を起動してみよう． 左下の Windows メニューの検索バーに Ubuntu と入力すると， Ubuntu 20.04 のプログラムが見つかるはずである (figure_title)． クリックして起動しよう．
Ubuntu 20.04 の起動
すると，ターミナルの黒い画面が立ち上がるだろう (figure_title)． ls, top などのコマンドを打ってみて， WSL がきちんと動作していることを確認しよう．
WSL の起動画面
オプションとして， Windows Terminal というマイクロソフトから提供されているツールを使うと，より快適に WSL を使用することができる． 興味のある読者はこちらのインストールも推奨する．
Docker のインストール ​
Docker のインストールの方法は OS によって異なる．
Mac ユーザーは， Docker Desktop をインストールする． インストールの方法は， Docker のウェブサイト から， Mac 版の Docker Desktop をダウンロードし，ダウンロードされたファイルをダブルクリックし， Applications のフォルダにドラッグするだけで良い． 詳細は 公式ドキュメンテーション を参照のこと．
Windows のユーザーは，Docker Desktop をインストールする． その際， WSL 2 が事前にインストールされていなければならない． 詳細は 公式ドキュメンテーション を参照のこと． Docker Desktop をインストールすると， WSL からも docker コマンドが使用できるようになる．
Linux ユーザー (特に Ubuntu ユーザー) については，インストールの方法はいくつかのアプローチがある． 公式ドキュメンテーション にいくつかのインストールの方法が示されているので，詳しい情報はそちらを参照いただきたい．
最も簡単な方法は， Docker が公式で提供しているインストールスクリプトを用いる方法である． この場合，次のコマンドを実行することで Docker がインストールされる．
sh
$ curl -fsSL https://get.docker.com -o get-docker.sh
-$ sudo sh get-docker.sh
$ curl -fsSL https://get.docker.com -o get-docker.sh
-$ sudo sh get-docker.sh
デフォルトのインストールでは， root ユーザーのみが docker コマンドを使用できる設定になっている． 従って，コマンドには毎回 sudo を付け加える必要がある． これが面倒だと感じる場合は，次のステップにより，使用するユーザーを docker というグループに追加する (詳細は 公式ドキュメンテーション "Post-installation steps for Linux" を参照)．
まず最初に， docker という名前にグループを追加する． インストールによっては，既に docker グループが作られている場合もある．
sh
$ sudo groupadd docker
$ sudo groupadd docker
次に，現在使用しているユーザーを docker グループに加える．
sh
$ sudo usermod -aG docker $USER
$ sudo usermod -aG docker $USER
ここまでできたら，一度ログアウトし，再度ログインする． これによって，グループの変更がターミナルのセッションに反映される．
設定が正しくできているかを確認するため，次のコマンドを実行してみる．
sh
$ docker run hello-world
$ docker run hello-world
sudo なしでコンテナが実行できたならば，設定は完了である．
Python venv クイックガイド ​
他人からもらったプログラムで， numpy や scipy のバージョンが違う！などの理由で，プログラムが動かない，という経験をしたことがある人は多いのではないだろうか． もし，自分の計算機の中に一つしか Python 環境がないとすると，プロジェクトを切り替えるごとに正しいバージョンをインストールし直さなければならず，これは大変な手間である．
コードのシェアをよりスムーズにするためには，ライブラリのバージョンはプロジェクトごとに管理されるべきである． それを可能にするのが Python 仮想環境とよばれるツールであり， venv, pyenv, conda などがよく使われる．
そのなかでも， venv は Python に標準搭載されているのでとても便利である． pyenv や conda は，別途インストールの必要があるが，それぞれの長所もある．
venv を使って仮想環境を作成するには，
sh
$ python -m venv .env
$ python -m venv .env
と実行する． これにより .env/ というディレクトリが作られ，このディレクトリに依存するライブラリが保存されることになる．
この新たな仮想環境を起動するには
sh
$ source .env/bin/activate
$ source .env/bin/activate
と実行する．
シェルのプロンプトに (.env) という文字が追加されていることを確認しよう (figure_title)． これが， "いまあなたは venv の中にいますよ" というしるしになる．
venv を起動したときのプロンプト
仮想環境を起動すると，それ以降実行する pip コマンドは， .env/ 以下にインストールされる．このようにして，プロジェクトごとに使うライブラリのバージョンを切り分けることができる．
Python では requirements.txt というファイルに依存ライブラリを記述するのが一般的な慣例である．他人からもらったプログラムに， requirements.txt が定義されていれば，
sh
$ pip install -r requirements.txt
$ pip install -r requirements.txt
と実行することで，必要なライブラリをインストールし，瞬時に Python 環境を再現することができる．
venv による仮想環境を保存するディレクトリの名前は任意に選べることができるが， .env という名前を用いるのが一般的である．
ハンズオン実行用の Docker image の使い方 ​
ハンズオンを実行するために必要な， Node.js, Python, AWS CDK などがインストールされた Docker image を用意した． これを使用することで，自分のローカルマシンに諸々をインストールする必要なく，すぐにハンズオンのコードが実行できる．
ハンズオンのいくつかのコマンドは Docker の外 = ローカルマシンのリアル環境で実行されなければならない． それらについてはハンズオンの該当箇所に注意書きとして記してある．
Docker イメージは Docker Hub においてある． Docker イメージのビルドファイルは GitHub の docker/Dockerfile にある．
次のコマンドでコンテナを起動する．
sh
$ docker run -it tomomano/labc:latest
$ docker run -it tomomano/labc:latest
初回にコマンドを実行したときのみ，イメージが Docker Hub からダウンロード (pull) される． 二回目以降はローカルにダウンロードされたイメージが使用される．
コンテナが起動すると，次のようなインタラクティブシェルが表示されるはずである (起動時に -it のオプションをつけたのがポイントである)．
root@aws-handson:~$</programlisting>
この状態で ls コマンドを打つと， handson/ というディレクトリがあるはずである． ここに cd する．
sh
$ cd handson
$ cd handson
すると，各ハンズオンごとのディレクトリが見つかるはずである．
あとは，ハンズオンごとにディレクトリを移動し，ハンズオンごとの virtualenv を作成し，スタックのデプロイを行えばよい ( (#sec_handson_ec2_run) など参照)． ハンズオンごとに使用する依存ライブラリが異なるので，それぞれのハンズオンごとに virtualenv を作成するという設計になっている．
AWS の認証情報を設定することも忘れずに． AWS CLI のインストール で記述したように， AWS_ACCESS_KEY_ID などの環境変数を設定するのが簡単な方法である． あるいは，ローカルマシンの ~/.aws/credentials に認証情報が書き込まれているなら，このディレクトリをコンテナにマウントすることで，同じ認証ファイルをコンテナ内部から参照することが可能である． この選択肢を取る場合は，次のコマンドでコンテナを起動する．
sh
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
これにより，ローカルマシンの ~/.aws をコンテナの /root/.aws にマウントすることができる． 最後の :ro は read-only を意味する． 大切な認証ファイルが誤って書き換えられてしまわないように， read-only のフラグをつけることをおすすめする．
/root/ がコンテナ環境におけるホームディレクトリである． ここで紹介した認証ファイルをマウントするテクニックは， SSH 鍵をコンテナに渡すときなどにも使える．

-    
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
~/.aws/credentials には認証鍵の情報が， ~/.aws/config には AWS CLI の設定が記録されている．
デフォルトでは， [default] という名前でプロファイルが保存される． いくつかのプロファイルを使い分けたければ， default の例に従って，たとえば [myprofile] などという名前でプロファイルを追加すればよい．
AWS CLI でコマンドを打つときに，プロファイルを使い分けるには，
sh
$ aws s3 ls --profile myprofile
$ aws s3 ls --profile myprofile
のように， --profile というオプションをつけてコマンドを実行する．
いちいち --profile オプションをつけるのが面倒だと感じる場合は， AWS_PROFILE という環境変数を設定するとよい．
sh
$ export AWS_PROFILE=myprofile
$ export AWS_PROFILE=myprofile
あるいは，認証情報などを環境変数に設定するテクニックもある．
sh
export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
これらの環境変数は， ~/.aws/credentials よりも高い優先度をもつので，環境変数が設定されていればそちらの情報が使用される (参照)．
AWS Educate Starter Account は us-east-1 のリージョンのみ利用可能である (執筆時点での情報)． よって， AWS Educate Starter Account を使用している場合は， default region を us-east-1 に設定する必要がある．
AWS CDK のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
Node.js がインストールされていれば，基本的に次のコマンドを実行すればよい．
sh
$ sudo npm install -g aws-cdk
$ sudo npm install -g aws-cdk
本書のハンズオンは AWS CDK version 1.100.0 で開発した． CDK は開発途上のライブラリなので，将来的に API が変更される可能性がある． API の変更によりエラーが生じた場合は， version 1.100.0 を使用することを推奨する．
sh
$ npm install -g aws-cdk@1.100
$ npm install -g aws-cdk@1.100
インストールできたか確認するため，次のコマンドを打って正しくバージョンが表示されることを確認する．
sh
$ cdk --version
$ cdk --version
インストールができたら，次のコマンドにより AWS 側の初期設定を行う． これは一度実行すれば OK．
sh
$ cdk bootstrap
$ cdk bootstrap
cdk bootstrap を実行するときは，AWS の認証情報とリージョンが正しく設定されていることを確認する． デフォルトでは ~/.aws/config にあるデフォルトのプロファイルが使用される． デフォルト以外のプロファイルを用いるときは AWS CLI のインストール で紹介したテクニックを使って切り替える．
AWS CDK の認証情報の設定は AWS CLI と基本的に同じである．詳しくは AWS CLI のインストール を参照．
WSL のインストール ​
本書のハンズオンではコマンドラインから AWS CLI のコマンドを実行したり， Python で書かれたプログラムを実行する． コマンドは基本的に UNIX のターミナルを想定して書かれている． Linux や Mac のユーザーは OS に標準搭載されているターミナルを用いれば良い． Windows を利用している読者は， Windows Subsystem for Linux (WSL) を利用することで，仮想の Linux 環境を構築することを推奨する． Cygwin などの Linux 環境をエミュレートするほかのツールでも構わないが，本書のプログラムは WSL でのみ動作確認を行っている．
WSL とは， Windows の OS 上で Linux の仮想環境を起動するための， Microsoft 社が公式で提供しているソフトウェアである． Ubuntu など希望の Linux distribution が選択でき，基本的にすべての Linux 向けに作られたプログラム・ソフトウェアを使用することができる．
執筆時点では WSL 2 が最新版として提供されているので，以下では WSL 2 のインストール手順を簡単に説明する． 細かな詳細などは， 公式ドキュメンテーション を参照のこと．
前提として，使用される OS は Windows 10 (Pro または Home エディション) でなければならない． さらに，使用している Windows 10 のバージョンが WSL に対応するバージョンであるかを確認する． X64 のシステムでは Version 1903, Build 18362 以上でなければならない． バージョンが対応していない場合は、 Windows のアップデートを行う．
まず最初に， Administrator 権限で PowerShell を起動する (figure_title)． 左下の Windows メニューの検索バーに powershell と入力すると， PowerShell のプログラムが見つかるはずである， これを右クリックし、 Run as administrator を選択し起動する．
管理者権限での PowerShell の起動
PowerShell が起動したら、次のコマンドを実行する．
powershell
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
実行して、“The operation completed successfully.” と出力されるのを確認する． これで WSL が enable される．
次に，先ほどと同じ Administrator 権限で開いた PowerShell で次のコマンドを実行する。
powershell
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
実行して， “The operation completed successfully.” と出力されるのを確認する． これが確認出来たら、一度コンピュータを再起動する．
続いて， Linux kernel update package を次のリンクからダウンロードする． https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
ダウンロードしたファイルをダブルクリックして実行する． ダイアログに従ってインストールを完了させる．
そうしたら，再び PowerShell を開き次のコマンドを実行する。
powershell
wsl --set-default-version 2
wsl --set-default-version 2
最後に、自分の好みの Linux distribution をインストールする． ここでは Ubuntu 20.04 をインストールしよう．
Microsoft store のアプリを起動し，検索バーに Ubuntu と入力する． Ubuntu 20.04 LTS という項目が見つかるはずなので，それを開き， “Get” ボタンをクリックする (figure_title)． しばらく待つと， Ubuntu 20.04 のインストールが完了する．
Microsoft store から Ubuntu 20.04 をインストール
Ubuntu 20.04 を初回に起動すると，初期設定が自動で開始され，数分待つことになる． 初期設定が終わると，ユーザー名・パスワードを設定するようプロンプトが出るので，プロンプトに従い入力する．
これで WSL2 のインストールが完了した． 早速 WSL2 を起動してみよう． 左下の Windows メニューの検索バーに Ubuntu と入力すると， Ubuntu 20.04 のプログラムが見つかるはずである (figure_title)． クリックして起動しよう．
Ubuntu 20.04 の起動
すると，ターミナルの黒い画面が立ち上がるだろう (figure_title)． ls, top などのコマンドを打ってみて， WSL がきちんと動作していることを確認しよう．
WSL の起動画面
オプションとして， Windows Terminal というマイクロソフトから提供されているツールを使うと，より快適に WSL を使用することができる． 興味のある読者はこちらのインストールも推奨する．
Docker のインストール ​
Docker のインストールの方法は OS によって異なる．
Mac ユーザーは， Docker Desktop をインストールする． インストールの方法は， Docker のウェブサイト から， Mac 版の Docker Desktop をダウンロードし，ダウンロードされたファイルをダブルクリックし， Applications のフォルダにドラッグするだけで良い． 詳細は 公式ドキュメンテーション を参照のこと．
Windows のユーザーは，Docker Desktop をインストールする． その際， WSL 2 が事前にインストールされていなければならない． 詳細は 公式ドキュメンテーション を参照のこと． Docker Desktop をインストールすると， WSL からも docker コマンドが使用できるようになる．
Linux ユーザー (特に Ubuntu ユーザー) については，インストールの方法はいくつかのアプローチがある． 公式ドキュメンテーション にいくつかのインストールの方法が示されているので，詳しい情報はそちらを参照いただきたい．
最も簡単な方法は， Docker が公式で提供しているインストールスクリプトを用いる方法である． この場合，次のコマンドを実行することで Docker がインストールされる．
sh
$ curl -fsSL https://get.docker.com -o get-docker.sh
+$ sudo sh get-docker.sh
$ curl -fsSL https://get.docker.com -o get-docker.sh
+$ sudo sh get-docker.sh
デフォルトのインストールでは， root ユーザーのみが docker コマンドを使用できる設定になっている． 従って，コマンドには毎回 sudo を付け加える必要がある． これが面倒だと感じる場合は，次のステップにより，使用するユーザーを docker というグループに追加する (詳細は 公式ドキュメンテーション "Post-installation steps for Linux" を参照)．
まず最初に， docker という名前にグループを追加する． インストールによっては，既に docker グループが作られている場合もある．
sh
$ sudo groupadd docker
$ sudo groupadd docker
次に，現在使用しているユーザーを docker グループに加える．
sh
$ sudo usermod -aG docker $USER
$ sudo usermod -aG docker $USER
ここまでできたら，一度ログアウトし，再度ログインする． これによって，グループの変更がターミナルのセッションに反映される．
設定が正しくできているかを確認するため，次のコマンドを実行してみる．
sh
$ docker run hello-world
$ docker run hello-world
sudo なしでコンテナが実行できたならば，設定は完了である．
Python venv クイックガイド ​
他人からもらったプログラムで， numpy や scipy のバージョンが違う！などの理由で，プログラムが動かない，という経験をしたことがある人は多いのではないだろうか． もし，自分の計算機の中に一つしか Python 環境がないとすると，プロジェクトを切り替えるごとに正しいバージョンをインストールし直さなければならず，これは大変な手間である．
コードのシェアをよりスムーズにするためには，ライブラリのバージョンはプロジェクトごとに管理されるべきである． それを可能にするのが Python 仮想環境とよばれるツールであり， venv, pyenv, conda などがよく使われる．
そのなかでも， venv は Python に標準搭載されているのでとても便利である． pyenv や conda は，別途インストールの必要があるが，それぞれの長所もある．
venv を使って仮想環境を作成するには，
sh
$ python -m venv .env
$ python -m venv .env
と実行する． これにより .env/ というディレクトリが作られ，このディレクトリに依存するライブラリが保存されることになる．
この新たな仮想環境を起動するには
sh
$ source .env/bin/activate
$ source .env/bin/activate
と実行する．
シェルのプロンプトに (.env) という文字が追加されていることを確認しよう (figure_title)． これが， "いまあなたは venv の中にいますよ" というしるしになる．
venv を起動したときのプロンプト
仮想環境を起動すると，それ以降実行する pip コマンドは， .env/ 以下にインストールされる．このようにして，プロジェクトごとに使うライブラリのバージョンを切り分けることができる．
Python では requirements.txt というファイルに依存ライブラリを記述するのが一般的な慣例である．他人からもらったプログラムに， requirements.txt が定義されていれば，
sh
$ pip install -r requirements.txt
$ pip install -r requirements.txt
と実行することで，必要なライブラリをインストールし，瞬時に Python 環境を再現することができる．
venv による仮想環境を保存するディレクトリの名前は任意に選べることができるが， .env という名前を用いるのが一般的である．
ハンズオン実行用の Docker image の使い方 ​
ハンズオンを実行するために必要な， Node.js, Python, AWS CDK などがインストールされた Docker image を用意した． これを使用することで，自分のローカルマシンに諸々をインストールする必要なく，すぐにハンズオンのコードが実行できる．
ハンズオンのいくつかのコマンドは Docker の外 = ローカルマシンのリアル環境で実行されなければならない． それらについてはハンズオンの該当箇所に注意書きとして記してある．
Docker イメージは Docker Hub においてある． Docker イメージのビルドファイルは GitHub の docker/Dockerfile にある．
次のコマンドでコンテナを起動する．
sh
$ docker run -it tomomano/labc:latest
$ docker run -it tomomano/labc:latest
初回にコマンドを実行したときのみ，イメージが Docker Hub からダウンロード (pull) される． 二回目以降はローカルにダウンロードされたイメージが使用される．
コンテナが起動すると，次のようなインタラクティブシェルが表示されるはずである (起動時に -it のオプションをつけたのがポイントである)．
root@aws-handson:~$</programlisting>
この状態で ls コマンドを打つと， handson/ というディレクトリがあるはずである． ここに cd する．
sh
$ cd handson
$ cd handson
すると，各ハンズオンごとのディレクトリが見つかるはずである．
あとは，ハンズオンごとにディレクトリを移動し，ハンズオンごとの virtualenv を作成し，スタックのデプロイを行えばよい ( (#sec_handson_ec2_run) など参照)． ハンズオンごとに使用する依存ライブラリが異なるので，それぞれのハンズオンごとに virtualenv を作成するという設計になっている．
AWS の認証情報を設定することも忘れずに． AWS CLI のインストール で記述したように， AWS_ACCESS_KEY_ID などの環境変数を設定するのが簡単な方法である． あるいは，ローカルマシンの ~/.aws/credentials に認証情報が書き込まれているなら，このディレクトリをコンテナにマウントすることで，同じ認証ファイルをコンテナ内部から参照することが可能である． この選択肢を取る場合は，次のコマンドでコンテナを起動する．
sh
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
これにより，ローカルマシンの ~/.aws をコンテナの /root/.aws にマウントすることができる． 最後の :ro は read-only を意味する． 大切な認証ファイルが誤って書き換えられてしまわないように， read-only のフラグをつけることをおすすめする．
/root/ がコンテナ環境におけるホームディレクトリである． ここで紹介した認証ファイルをマウントするテクニックは， SSH 鍵をコンテナに渡すときなどにも使える．

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/assignments.html b/development/aws/assignments.html
index 7a5586a2..5348d18c 100644
--- a/development/aws/assignments.html
+++ b/development/aws/assignments.html
@@ -5,15 +5,15 @@
     
     課題 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,8 +36,8 @@
     
   
   
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/author.html b/development/aws/author.html
index e32a594d..3c1adb0c 100644
--- a/development/aws/author.html
+++ b/development/aws/author.html
@@ -5,15 +5,15 @@
     
     著者紹介 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,8 +36,8 @@
     
   
   
-    
Toshiki's Note
Appearance
著者紹介 ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:110
 Reading:1 min
真野 智之 (Tomoyuki Mano)
情報理工学博士 (東京大学大学院情報理工学系研究科システム情報学専攻)． 2021 年より日本学術振興会特別研究員 (PD) (現職)． 沖縄科学技術大学院大学 (OIST) にてポスドク研究員として働く． 現在の研究分野は神経科学・神経情報学． 趣味は料理・ランニング・鉄道・アニメ，村上春樹の熱烈な愛読家．
連絡先　tomoyukimano@gmail.com
GitHub https://github.com/tomomano

-    
+    
Toshiki's Note
Appearance
著者紹介 ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:110
 Reading:1 min
真野 智之 (Tomoyuki Mano)
情報理工学博士 (東京大学大学院情報理工学系研究科システム情報学専攻)． 2021 年より日本学術振興会特別研究員 (PD) (現職)． 沖縄科学技術大学院大学 (OIST) にてポスドク研究員として働く． 現在の研究分野は神経科学・神経情報学． 趣味は料理・ランニング・鉄道・アニメ，村上春樹の熱烈な愛読家．
連絡先　tomoyukimano@gmail.com
GitHub https://github.com/tomomano

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/aws-batch.html b/development/aws/aws-batch.html
index 537a6319..ea4cde37 100644
--- a/development/aws/aws-batch.html
+++ b/development/aws/aws-batch.html
@@ -5,16 +5,16 @@
     
     Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
-    
+    
     
     
     
@@ -37,463 +37,463 @@
     
   
   
-    
Toshiki's Note
Appearance
Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:5k
 Reading:20 min
ハンズオン第三回では， ECS と Fargate を使って自動質問回答システムを構築した． シンプルながらも，複数の質問が送られた場合には並列にジョブが実行され，ユーザーに答えが返されるシステムを作ることができた． ここでは，すでに学習済みの言語モデルを用いてアプリケーションを構築した． しかし，一般的に言って，機械学習のワークフローでは自分で作ったモデルを訓練することが最初のステップにあるはずである． そこで，ハンズオン第四回では，クラウドを用いて機械学習の訓練を並列化・高速化することを考える．
本ハンズオンでは深層学習におけるハイパーパラメータ最適化を取り上げる． ハイパーパラメータとは，勾配降下法によって最適化されるニューラルネットのパラメータの外にあるパラメータのことであり，具体的にはモデルの層の幅・深さなどネットワークのアーキテクチャに関わるもの，学習率やモメンタムなどパラメータの更新則に関わるものなどが含まる． 深層学習においてハイパーパラメータの調整はとても重要なタスクである． しかしながら，ハイパーパラメータを調整するには，少しずつ条件を変えながら何度もニューラルネットを学習させる必要があり，多くの計算時間がかかる． 研究・開発においては，スループットよくたくさんのモデルの可能性を探索することが生産性を決める重要なファクターであり，ハイパーパラメータ探索を高速に解くという問題は極めて関心が高い． 本ハンズオンでは，クラウドの強力な計算リソースを利用して並列的にニューラルネットの訓練を実行することで，この問題を解く方法を学んでいこう．
Auto scaling groups (ASG) ​
ハンズオンに入っていく前に， Auto scaling groups (ASG) とよばれる EC2 の概念を知っておく必要がある．
ECS の概要を示した (#ecs_overview) を振り返って見てほしい． 前章 ( (#sec_fargate_qabot)) でも説明したが， ECS のクラスターで計算を担う実体としては EC2 と Fargate を指定することができる． Fargate については前章で記述した． Fargate を用いると，自在にスケールする計算環境をとても簡単な設定で構築することができた． しかし， GPU を利用することができないなど，いくつかの制約があった． EC2 を使用した計算環境を指定することで，プログラミングの複雑度は増すが， GPU やその他のより高度かつ複雑な設定を伴ったクラスターを構築することができる．
EC2 クラスターには ASG と呼ばれるサービスが配置される． ASG は複数の EC2 インスタンスをロジカルな単位でグループ化することでクラスターを構成する． ASG はクラスター内に新しいインスタンスを起動する，あるいは不要になったインスタンスを停止するなどのスケーリングを担う． ASG で重要な概念として， desired capacity, minimum capacity, maximum capacity というパラメータがある． minimum capacity， maximum capacity は，それぞれクラスター内に配置できるインスタンスの数の最小値・最大値を指定するパラメータである． 前者は，クラスターに負荷がかかっていない場合でもアイドリング状態にあるインスタンスを維持することで，急に負荷が増大した時などのバッファーとして作用することができる． 後者は，負荷が急に増えたときに，過剰な数のインスタンスが起動する事態を防ぎ，経済的なコストの上限を定める役割を果たす．
desired capacity が，その時々でシステムが要求するインスタンスの数を指定する． desired capacity は，例えば 24 時間のリズムに合わせてインスタンスの数を増減させる (昼は多く夜は少なくなど) などの決まったスケジュールに基づいた設定を適用することができる． あるいはクラスター全体にかかっている負荷に応じて， desired capacity を動的に制御することも可能である． どのような基準でクラスターのスケーリングを行うかを定めるルールのことを，スケーリングポリシーとよぶ． たとえば，クラスター全体の稼働率 (負荷) を常に 80% に維持する，などのスケーリングポリシーが想定できる． この場合，クラスター全体の負荷が 80%を下回ったときにはクラスターからインスタンスが削除され，80%を超える (あるいは超えると予測される) 場合はインスタンスを追加する，という操作が ASG によって自動的に行われる．
上記のようなパラメータを検討し，ユーザーは ASG を作成する． ASG を作成したのち， ECS との連携をプログラムしてあげることで， ECS を介して ASG による EC2 クラスターにタスクを投入することが可能になる．
AWS Batch ​
AWS Batch のアイコン
先に説明したように， ECS と ASG を組み合わせることで，所望の計算クラスターを構築することが可能である． しかしながら， ECS と ASG にはかなり込み入った設定が必要であり，初心者にとっても経験者にとってもなかなか面倒なプログラミングが要求される． そこで， ECS と ASG によるクラスターの設計を自動化してくれるサービスが提供されている． それが AWS Batch である．
AWS Batch はその名のとおりバッチ (Batch) 化されたジョブ (入力データだけが異なる独立した演算が繰り返し実行されること) を想定している． 多くの科学計算や機械学習がバッチ計算に当てはまる． たとえば，初期値のパラメータを変えて複数のシミュレーションを走らせる，といったケースだ． AWS Batch を用いることの利点は，クラスターのスケーリングやジョブの割り振りはすべて自動で実行され， ユーザーはクラウドの舞台裏の詳細を気にすることなく，大量のジョブを投入できるシステムが手に入る点である． が，知識として背後では ECS/ASG/EC2 の三つ巴が協調して動作しているという点は知っておいてほしい．
AWS Batch では，ジョブの投入・管理をスムーズに行うため，次のような概念が定義されている (figure_title)． まず， ジョブ (Job) というのが，AWS Batch によって実行される一つの計算の単位である． Job definitions とはジョブの内容を定義するものであり，これには実行されるべき Docker のイメージのアドレスや，割り当てる CPU・RAM の容量，環境変数などの設定が含まれる． Job definition に基づいて個々のジョブが実行される． ジョブが実行されると，ジョブは Job queues に入る． Job queues とは，実行待ち状態にあるジョブの列のことであり，時間的に最も先頭に投入されたジョブが最初に実行される． また，複数の queue を配置し， queue ごとに priority (優先度) を設定することが可能であり， priority の高い queue に溜まったジョブが優先的に実行される (筆者はこれをディズニーランドの"ファストパス"を連想して捉えている)． Compute environment とは，先述したクラスターとほぼ同義の概念であり，計算が実行される場所 (EC2 や Fargate からなるクラスター) を指す． Compute environment には，使用する EC2 のインスタンスタイプや同時に起動するインスタンス数の上限などの簡易なスケーリングポリシーが指定されている． Job queues は Compute environment の空き状況を監視しており， それに応じてジョブを Compute environment に投下する．
以上が AWS Batch を使用するうえで理解しておかなければならない概念であるが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは，実際に自分で手を動かしながら学んでいこう．
AWS Batch の主要な概念
EC2 or Fargate?
ECS でクラスターを構成する際，計算を実行する場として EC2 と Fargate の二つの選択肢があることを説明した． それぞれ長所と短所を抱えているのだが，どのような場合にどちらを使うべきだろうか？ それを検討するため，まずは table_title を見てみよう． これは EC2 と Fargate の特徴をまとめたものである． 説明の都合上，大幅な粗視化が行われている点は留意していただきたい．
EC2 vs Fargate
EC2Fargate
Compute capacity
Medium to large
Small to medium
GPU
Yes
No
Launch speed
Slow
Fast
Task placement flexibility
Low
High
Programming complexity
High
Low
これまでに見てきたように， EC2 は最大の CPU 数・メモリーサイズが大きかったり， GPU を利用できたりするなど，単一のインスタンスでの計算能力は高い． 対して， Fargate は単一インスタンスの最大 CPU 数は 4 コアが上限である． その一方で，インスタンスの起動に要する時間は Fargate のほうが圧倒的に早く，より俊敏にクラスターのスケーリングを行うことができる． また，タスクをクラスターに投入する際のフレキシビリティも Fargate のほうが高い． フレキシビリティというのは，例えば一つのインスタンスで 2 つ以上のコンテナを走らせる，などの状況である． 単位 CPU あたりで処理されるタスクの数を最大化する際には，このような設計がしばしば採用される． プログラミングの複雑さという観点からは， Fargate のほうが一般的にシンプルな実装になる．
このように， EC2 と Fargate は互いに相補的な特性を有しており，アプリケーションによって最適な計算環境は検討される必要がある． また，EC2 と Fargate を両方用いたハイブリッドクラスターというのも定義可能であり，そのような選択肢もしばしば用いられる．
準備 ​
ハンズオンのソースコードは GitHub の handson/aws-batch にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，アメリカ東部 (us-east-1) リージョンでは 0.526 $/hour のコストが発生する． 東京 (ap-northeast-1) を選択した場合は 0.71 $/hour のコストが発生する．
(#sec:jupyter_and_deep_learning_setup) でも注意したが，このハンズオンを始める前に G タイプインスタンスの起動上限を AWS コンソールの EC2 管理画面から確認しよう． もし上限が 0 になっていた場合は，上限緩和の申請を行う必要がある． アプリケーションの説明 にも関連した情報を記載しているので，併せて参照されたい．
MNIST 手書き文字認識 (再訪) ​
今回のハンズオンでは，機械学習のハイパーパラメータ調整を取り上げると冒頭で述べた． その最もシンプルな例題として， (#sec_mnist_using_jupyter) で扱った MNIST 手書き文字認識の問題を再度取り上げよう． (#sec_mnist_using_jupyter) では，適当にチョイスしたハイパーパラメータを用いてモデルの訓練を行った． ここで使用したプログラムのハイパーパラメータとしては，確率的勾配降下法 (SGD) における学習率やモメンタムが含まれる． コードでいうと，次の行が該当する．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
ここで使用された 学習率 (lr=0.01) やモメンタム (momentum=0.5) は恣意的に選択された値であり，これがベストな数値であるのかはわからない． たまたまこのチョイスが最適であるかもしれないし，もっと高い精度を出すハイパーパラメータの組が存在するかもしれない． この問題に答えるため，ハイパーパラメータサーチを行おう． 今回は，最もシンプルなアプローチとして，グリッドサーチによるハイパーパラメータサーチを行おう．
機械学習のハイパーパラメータの最適化には大きく３つのアプローチが挙げられる． グリッドサーチ，ランダムサーチ，そしてベイズ最適化による方法である．
グリッドサーチとは，ハイパーパラメータの組をある範囲の中で可能な組み合わせをすべて計算し，最適なパラメータの組を見出す方法である． 最もシンプルかつ確実な方法であるが，すべての組み合わせの可能性を愚直に計算するので計算コストが大きい．
ランダムサーチ法とは，ハイパーパラメータの組をある範囲の中でランダムに抽出し，大量に試行されたランダムな組の中から最適なパラメータの組を見出す方法である． すべての可能性を網羅的に探索できるわけではないが，調整すべきパラメータの数が多数ある場合に，グリッドサーチよりも効率的に広い探索空間をカバーすることができる．
ベイズ最適化を用いた方法では，過去の探索結果から次にどの組み合わせを探索すべきかという指標を計算し，次に探索するパラメータを決定する． これにより，理論的にはグリッドサーチやランダムサーチ法よりも少ない試行回数で最適なパラメータにたどり着くことができる．
並列化の観点でいうと，グリッドサーチとランダムサーチは各ハイパーパラメータの組の計算は独立に実行することができるため並列化が容易である． このように独立したジョブとして分割・並列化可能な問題を Embarrassingly parallel な問題とよぶ (直訳すると"恥ずかしいほど並列化可能な問題"，ということになる)． Embarrassingly parallel な問題はクラウドの強力な計算リソースを用いることで，非常なシンプルな実装で解くことができる． この章ではこのようなタイプの並列計算を取り上げる．
一方，ベイズ最適化による方法は，過去の結果をもとに次の探索が決定されるので，並列化はそれほど単純ではない． 最近では optuna などのハイパーパラメータ探索のためのライブラリが発達しており，ベイズ最適化の数理的な処理を自動で実行してくれるので便利である． これらのライブラリを使うと，もし一台のコンピュータ (ノード) の中に複数の GPU が存在する場合は，並列に計算を実行することができる． しかしながら，一台のノードにとどまらず，複数のノードをまたいだ並列化は，高度なプログラミングテクニックが必要とされるだけでなく，ノード間の接続様式などクラウドのアーキテクチャにも深く依存するものである． 本書ではここまで高度なクラウドの使用方法には立ち入らない．
まずは，本ハンズオンで使用する Docker イメージをローカルで実行してみよう．
Docker イメージのソースコードは handson/aws-batch/docker にある． 基本的に (#sec_mnist_using_jupyter) のハンズオンを元にし，本ハンズオン専用の軽微な変更が施してある． 興味のある読者はソースコードも含めて読んでいただきたい．
練習として，この Docker イメージを手元でビルドするところからはじめてみよう． Dockerfile が保存されているディレクトリに移動し， mymnist という名前 (Tag) をつけてビルドを実行する．
sh
$ cd handson/aws-batch/docker
-$ docker build -t mymnist .
$ cd handson/aws-batch/docker
-$ docker build -t mymnist .
docker build でエラーが出たときは次の可能性を疑ってほしい． ビルドの中で， MNIST の画像データセットを http://yann.lecun.com/exdb/mnist/ からダウンロードするのだが，ダウンロード先のサーバーがしばしばダウンしている． 世界中の機械学習ユーザーがアクセスするので，これはしばしば発生するようである． サーバーがダウンしているとビルドも失敗してしまう． エラーメッセージにそれらしい文言が含まれていたら，この可能性を疑おう．
手元でビルドするかわりに， Docker Hub から pull することも可能である． その場合は次のコマンドを実行する．
sh
$ docker pull tomomano/mymnist:latest
$ docker pull tomomano/mymnist:latest
イメージの準備ができたら，次のコマンドでコンテナを起動し， MNIST の学習を実行する．．
sh
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
このコマンドを実行すると，指定したハイパーパラメータ (--lr で与えられる学習率と --momentum で与えられるモメンタム) を使ってニューラルネットの最適化が始まる． 学習を行う最大のエポック数は --epochs パラメータで指定する． (#sec_jupyter_and_deep_learning) のハンズオンで見たような， Loss の低下がコマンドライン上に出力されるだろう (figure_title)．
Docker を実行した際の出力
上に示したコマンドを使うと，計算は CPU を使って実行される． もし，ローカルの計算機に GPU が備わっており， nvidia-docker の設定が済んでいるならば， 次のコマンドにより GPU を使って計算を実行できる．
$ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
-
このコマンドでは，--gpus all というパラメータが加わった．
CPU/GPU どちらで実行した場合でも，エポックを重ねるにつれて訓練データ (Train データ) の Loss は単調に減少していくのが見て取れるだろう． 一方，検証データ (Validation データ) の Loss および Accuracy は，ある程度まで減少した後，それ以上性能が向上しないことに気がつくだろう． これを実際にプロットしてみると figure_title のようになるはずである．
(左) Train/Validation データそれぞれの Loss のエポックごとの変化． (右) Validation データの Accuracy のエポックごとの変化
これはオーバーフィッティングとよばれる現象で，ニューラルネットが訓練データに過度に最適化され，訓練データの外のデータに対しての精度 (汎化性能) が向上していないことを示している． このような場合の対処法として， Early stopping とよばれるテクニックが知られている． Early stopping とは，検証データの Loss を追跡し，それが減少から増加に転じるエポックで学習をうち止め，そのエポックでのウェイトパラメータを採用する，というものである． 本ハンズオンでも， Early stopping によって訓練の終了を判断し，モデルの性能評価を行っていく．
MNIST 手書き文字データセットでは，訓練データとして 60,000 枚，テストデータとして 10,000 枚の画像が与えられている． 本ハンズオンで使用するコードでは，訓練データのうち 80% の 48,000 枚を訓練データとして使用し，残り 20% の 12,000 枚を検証データとして用いている． 詳しくはソースコードを参照のこと．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントは，あるハイパーパラメータの組を指定して Batch にジョブを提出する
  • Batch はジョブを受け取ると， EC2 からなるクラスターで計算を実行する
  • クラスター内では g4dn.xlarge インスタンスが起動する
  • Docker イメージは， AWS 内に用意された ECR (Elastic Container Registry) から取得される
  • 複数のジョブが投下された場合は，その数だけのインスタンスが起動し並列に実行される
  • 各ジョブによる計算の結果は S3 に保存される
  • 最後にクライアントは S3 から結果をダウンロードし，最適なハイパーパラメータの組を決定する
それでは，プログラムのソースコードを見てみよう (handson/aws-batch/app.py)．
python
class SimpleBatch(core.Stack):
+    
Toshiki's Note
Appearance
Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:5k
 Reading:20 min
ハンズオン第三回では， ECS と Fargate を使って自動質問回答システムを構築した． シンプルながらも，複数の質問が送られた場合には並列にジョブが実行され，ユーザーに答えが返されるシステムを作ることができた． ここでは，すでに学習済みの言語モデルを用いてアプリケーションを構築した． しかし，一般的に言って，機械学習のワークフローでは自分で作ったモデルを訓練することが最初のステップにあるはずである． そこで，ハンズオン第四回では，クラウドを用いて機械学習の訓練を並列化・高速化することを考える．
本ハンズオンでは深層学習におけるハイパーパラメータ最適化を取り上げる． ハイパーパラメータとは，勾配降下法によって最適化されるニューラルネットのパラメータの外にあるパラメータのことであり，具体的にはモデルの層の幅・深さなどネットワークのアーキテクチャに関わるもの，学習率やモメンタムなどパラメータの更新則に関わるものなどが含まる． 深層学習においてハイパーパラメータの調整はとても重要なタスクである． しかしながら，ハイパーパラメータを調整するには，少しずつ条件を変えながら何度もニューラルネットを学習させる必要があり，多くの計算時間がかかる． 研究・開発においては，スループットよくたくさんのモデルの可能性を探索することが生産性を決める重要なファクターであり，ハイパーパラメータ探索を高速に解くという問題は極めて関心が高い． 本ハンズオンでは，クラウドの強力な計算リソースを利用して並列的にニューラルネットの訓練を実行することで，この問題を解く方法を学んでいこう．
Auto scaling groups (ASG) ​
ハンズオンに入っていく前に， Auto scaling groups (ASG) とよばれる EC2 の概念を知っておく必要がある．
ECS の概要を示した (#ecs_overview) を振り返って見てほしい． 前章 ( (#sec_fargate_qabot)) でも説明したが， ECS のクラスターで計算を担う実体としては EC2 と Fargate を指定することができる． Fargate については前章で記述した． Fargate を用いると，自在にスケールする計算環境をとても簡単な設定で構築することができた． しかし， GPU を利用することができないなど，いくつかの制約があった． EC2 を使用した計算環境を指定することで，プログラミングの複雑度は増すが， GPU やその他のより高度かつ複雑な設定を伴ったクラスターを構築することができる．
EC2 クラスターには ASG と呼ばれるサービスが配置される． ASG は複数の EC2 インスタンスをロジカルな単位でグループ化することでクラスターを構成する． ASG はクラスター内に新しいインスタンスを起動する，あるいは不要になったインスタンスを停止するなどのスケーリングを担う． ASG で重要な概念として， desired capacity, minimum capacity, maximum capacity というパラメータがある． minimum capacity， maximum capacity は，それぞれクラスター内に配置できるインスタンスの数の最小値・最大値を指定するパラメータである． 前者は，クラスターに負荷がかかっていない場合でもアイドリング状態にあるインスタンスを維持することで，急に負荷が増大した時などのバッファーとして作用することができる． 後者は，負荷が急に増えたときに，過剰な数のインスタンスが起動する事態を防ぎ，経済的なコストの上限を定める役割を果たす．
desired capacity が，その時々でシステムが要求するインスタンスの数を指定する． desired capacity は，例えば 24 時間のリズムに合わせてインスタンスの数を増減させる (昼は多く夜は少なくなど) などの決まったスケジュールに基づいた設定を適用することができる． あるいはクラスター全体にかかっている負荷に応じて， desired capacity を動的に制御することも可能である． どのような基準でクラスターのスケーリングを行うかを定めるルールのことを，スケーリングポリシーとよぶ． たとえば，クラスター全体の稼働率 (負荷) を常に 80% に維持する，などのスケーリングポリシーが想定できる． この場合，クラスター全体の負荷が 80%を下回ったときにはクラスターからインスタンスが削除され，80%を超える (あるいは超えると予測される) 場合はインスタンスを追加する，という操作が ASG によって自動的に行われる．
上記のようなパラメータを検討し，ユーザーは ASG を作成する． ASG を作成したのち， ECS との連携をプログラムしてあげることで， ECS を介して ASG による EC2 クラスターにタスクを投入することが可能になる．
AWS Batch ​
AWS Batch のアイコン
先に説明したように， ECS と ASG を組み合わせることで，所望の計算クラスターを構築することが可能である． しかしながら， ECS と ASG にはかなり込み入った設定が必要であり，初心者にとっても経験者にとってもなかなか面倒なプログラミングが要求される． そこで， ECS と ASG によるクラスターの設計を自動化してくれるサービスが提供されている． それが AWS Batch である．
AWS Batch はその名のとおりバッチ (Batch) 化されたジョブ (入力データだけが異なる独立した演算が繰り返し実行されること) を想定している． 多くの科学計算や機械学習がバッチ計算に当てはまる． たとえば，初期値のパラメータを変えて複数のシミュレーションを走らせる，といったケースだ． AWS Batch を用いることの利点は，クラスターのスケーリングやジョブの割り振りはすべて自動で実行され， ユーザーはクラウドの舞台裏の詳細を気にすることなく，大量のジョブを投入できるシステムが手に入る点である． が，知識として背後では ECS/ASG/EC2 の三つ巴が協調して動作しているという点は知っておいてほしい．
AWS Batch では，ジョブの投入・管理をスムーズに行うため，次のような概念が定義されている (figure_title)． まず， ジョブ (Job) というのが，AWS Batch によって実行される一つの計算の単位である． Job definitions とはジョブの内容を定義するものであり，これには実行されるべき Docker のイメージのアドレスや，割り当てる CPU・RAM の容量，環境変数などの設定が含まれる． Job definition に基づいて個々のジョブが実行される． ジョブが実行されると，ジョブは Job queues に入る． Job queues とは，実行待ち状態にあるジョブの列のことであり，時間的に最も先頭に投入されたジョブが最初に実行される． また，複数の queue を配置し， queue ごとに priority (優先度) を設定することが可能であり， priority の高い queue に溜まったジョブが優先的に実行される (筆者はこれをディズニーランドの"ファストパス"を連想して捉えている)． Compute environment とは，先述したクラスターとほぼ同義の概念であり，計算が実行される場所 (EC2 や Fargate からなるクラスター) を指す． Compute environment には，使用する EC2 のインスタンスタイプや同時に起動するインスタンス数の上限などの簡易なスケーリングポリシーが指定されている． Job queues は Compute environment の空き状況を監視しており， それに応じてジョブを Compute environment に投下する．
以上が AWS Batch を使用するうえで理解しておかなければならない概念であるが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは，実際に自分で手を動かしながら学んでいこう．
AWS Batch の主要な概念
EC2 or Fargate?
ECS でクラスターを構成する際，計算を実行する場として EC2 と Fargate の二つの選択肢があることを説明した． それぞれ長所と短所を抱えているのだが，どのような場合にどちらを使うべきだろうか？ それを検討するため，まずは table_title を見てみよう． これは EC2 と Fargate の特徴をまとめたものである． 説明の都合上，大幅な粗視化が行われている点は留意していただきたい．
EC2 vs Fargate
EC2Fargate
Compute capacity
Medium to large
Small to medium
GPU
Yes
No
Launch speed
Slow
Fast
Task placement flexibility
Low
High
Programming complexity
High
Low
これまでに見てきたように， EC2 は最大の CPU 数・メモリーサイズが大きかったり， GPU を利用できたりするなど，単一のインスタンスでの計算能力は高い． 対して， Fargate は単一インスタンスの最大 CPU 数は 4 コアが上限である． その一方で，インスタンスの起動に要する時間は Fargate のほうが圧倒的に早く，より俊敏にクラスターのスケーリングを行うことができる． また，タスクをクラスターに投入する際のフレキシビリティも Fargate のほうが高い． フレキシビリティというのは，例えば一つのインスタンスで 2 つ以上のコンテナを走らせる，などの状況である． 単位 CPU あたりで処理されるタスクの数を最大化する際には，このような設計がしばしば採用される． プログラミングの複雑さという観点からは， Fargate のほうが一般的にシンプルな実装になる．
このように， EC2 と Fargate は互いに相補的な特性を有しており，アプリケーションによって最適な計算環境は検討される必要がある． また，EC2 と Fargate を両方用いたハイブリッドクラスターというのも定義可能であり，そのような選択肢もしばしば用いられる．
準備 ​
ハンズオンのソースコードは GitHub の handson/aws-batch にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，アメリカ東部 (us-east-1) リージョンでは 0.526 $/hour のコストが発生する． 東京 (ap-northeast-1) を選択した場合は 0.71 $/hour のコストが発生する．
(#sec:jupyter_and_deep_learning_setup) でも注意したが，このハンズオンを始める前に G タイプインスタンスの起動上限を AWS コンソールの EC2 管理画面から確認しよう． もし上限が 0 になっていた場合は，上限緩和の申請を行う必要がある． アプリケーションの説明 にも関連した情報を記載しているので，併せて参照されたい．
MNIST 手書き文字認識 (再訪) ​
今回のハンズオンでは，機械学習のハイパーパラメータ調整を取り上げると冒頭で述べた． その最もシンプルな例題として， (#sec_mnist_using_jupyter) で扱った MNIST 手書き文字認識の問題を再度取り上げよう． (#sec_mnist_using_jupyter) では，適当にチョイスしたハイパーパラメータを用いてモデルの訓練を行った． ここで使用したプログラムのハイパーパラメータとしては，確率的勾配降下法 (SGD) における学習率やモメンタムが含まれる． コードでいうと，次の行が該当する．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
ここで使用された 学習率 (lr=0.01) やモメンタム (momentum=0.5) は恣意的に選択された値であり，これがベストな数値であるのかはわからない． たまたまこのチョイスが最適であるかもしれないし，もっと高い精度を出すハイパーパラメータの組が存在するかもしれない． この問題に答えるため，ハイパーパラメータサーチを行おう． 今回は，最もシンプルなアプローチとして，グリッドサーチによるハイパーパラメータサーチを行おう．
機械学習のハイパーパラメータの最適化には大きく３つのアプローチが挙げられる． グリッドサーチ，ランダムサーチ，そしてベイズ最適化による方法である．
グリッドサーチとは，ハイパーパラメータの組をある範囲の中で可能な組み合わせをすべて計算し，最適なパラメータの組を見出す方法である． 最もシンプルかつ確実な方法であるが，すべての組み合わせの可能性を愚直に計算するので計算コストが大きい．
ランダムサーチ法とは，ハイパーパラメータの組をある範囲の中でランダムに抽出し，大量に試行されたランダムな組の中から最適なパラメータの組を見出す方法である． すべての可能性を網羅的に探索できるわけではないが，調整すべきパラメータの数が多数ある場合に，グリッドサーチよりも効率的に広い探索空間をカバーすることができる．
ベイズ最適化を用いた方法では，過去の探索結果から次にどの組み合わせを探索すべきかという指標を計算し，次に探索するパラメータを決定する． これにより，理論的にはグリッドサーチやランダムサーチ法よりも少ない試行回数で最適なパラメータにたどり着くことができる．
並列化の観点でいうと，グリッドサーチとランダムサーチは各ハイパーパラメータの組の計算は独立に実行することができるため並列化が容易である． このように独立したジョブとして分割・並列化可能な問題を Embarrassingly parallel な問題とよぶ (直訳すると"恥ずかしいほど並列化可能な問題"，ということになる)． Embarrassingly parallel な問題はクラウドの強力な計算リソースを用いることで，非常なシンプルな実装で解くことができる． この章ではこのようなタイプの並列計算を取り上げる．
一方，ベイズ最適化による方法は，過去の結果をもとに次の探索が決定されるので，並列化はそれほど単純ではない． 最近では optuna などのハイパーパラメータ探索のためのライブラリが発達しており，ベイズ最適化の数理的な処理を自動で実行してくれるので便利である． これらのライブラリを使うと，もし一台のコンピュータ (ノード) の中に複数の GPU が存在する場合は，並列に計算を実行することができる． しかしながら，一台のノードにとどまらず，複数のノードをまたいだ並列化は，高度なプログラミングテクニックが必要とされるだけでなく，ノード間の接続様式などクラウドのアーキテクチャにも深く依存するものである． 本書ではここまで高度なクラウドの使用方法には立ち入らない．
まずは，本ハンズオンで使用する Docker イメージをローカルで実行してみよう．
Docker イメージのソースコードは handson/aws-batch/docker にある． 基本的に (#sec_mnist_using_jupyter) のハンズオンを元にし，本ハンズオン専用の軽微な変更が施してある． 興味のある読者はソースコードも含めて読んでいただきたい．
練習として，この Docker イメージを手元でビルドするところからはじめてみよう． Dockerfile が保存されているディレクトリに移動し， mymnist という名前 (Tag) をつけてビルドを実行する．
sh
$ cd handson/aws-batch/docker
+$ docker build -t mymnist .
$ cd handson/aws-batch/docker
+$ docker build -t mymnist .
docker build でエラーが出たときは次の可能性を疑ってほしい． ビルドの中で， MNIST の画像データセットを http://yann.lecun.com/exdb/mnist/ からダウンロードするのだが，ダウンロード先のサーバーがしばしばダウンしている． 世界中の機械学習ユーザーがアクセスするので，これはしばしば発生するようである． サーバーがダウンしているとビルドも失敗してしまう． エラーメッセージにそれらしい文言が含まれていたら，この可能性を疑おう．
手元でビルドするかわりに， Docker Hub から pull することも可能である． その場合は次のコマンドを実行する．
sh
$ docker pull tomomano/mymnist:latest
$ docker pull tomomano/mymnist:latest
イメージの準備ができたら，次のコマンドでコンテナを起動し， MNIST の学習を実行する．．
sh
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
このコマンドを実行すると，指定したハイパーパラメータ (--lr で与えられる学習率と --momentum で与えられるモメンタム) を使ってニューラルネットの最適化が始まる． 学習を行う最大のエポック数は --epochs パラメータで指定する． (#sec_jupyter_and_deep_learning) のハンズオンで見たような， Loss の低下がコマンドライン上に出力されるだろう (figure_title)．
Docker を実行した際の出力
上に示したコマンドを使うと，計算は CPU を使って実行される． もし，ローカルの計算機に GPU が備わっており， nvidia-docker の設定が済んでいるならば， 次のコマンドにより GPU を使って計算を実行できる．
$ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
+
このコマンドでは，--gpus all というパラメータが加わった．
CPU/GPU どちらで実行した場合でも，エポックを重ねるにつれて訓練データ (Train データ) の Loss は単調に減少していくのが見て取れるだろう． 一方，検証データ (Validation データ) の Loss および Accuracy は，ある程度まで減少した後，それ以上性能が向上しないことに気がつくだろう． これを実際にプロットしてみると figure_title のようになるはずである．
(左) Train/Validation データそれぞれの Loss のエポックごとの変化． (右) Validation データの Accuracy のエポックごとの変化
これはオーバーフィッティングとよばれる現象で，ニューラルネットが訓練データに過度に最適化され，訓練データの外のデータに対しての精度 (汎化性能) が向上していないことを示している． このような場合の対処法として， Early stopping とよばれるテクニックが知られている． Early stopping とは，検証データの Loss を追跡し，それが減少から増加に転じるエポックで学習をうち止め，そのエポックでのウェイトパラメータを採用する，というものである． 本ハンズオンでも， Early stopping によって訓練の終了を判断し，モデルの性能評価を行っていく．
MNIST 手書き文字データセットでは，訓練データとして 60,000 枚，テストデータとして 10,000 枚の画像が与えられている． 本ハンズオンで使用するコードでは，訓練データのうち 80% の 48,000 枚を訓練データとして使用し，残り 20% の 12,000 枚を検証データとして用いている． 詳しくはソースコードを参照のこと．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントは，あるハイパーパラメータの組を指定して Batch にジョブを提出する
  • Batch はジョブを受け取ると， EC2 からなるクラスターで計算を実行する
  • クラスター内では g4dn.xlarge インスタンスが起動する
  • Docker イメージは， AWS 内に用意された ECR (Elastic Container Registry) から取得される
  • 複数のジョブが投下された場合は，その数だけのインスタンスが起動し並列に実行される
  • 各ジョブによる計算の結果は S3 に保存される
  • 最後にクライアントは S3 から結果をダウンロードし，最適なハイパーパラメータの組を決定する
それでは，プログラムのソースコードを見てみよう (handson/aws-batch/app.py)．
python
class SimpleBatch(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
 
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
 
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
 
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
 
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
 
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
 
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
class SimpleBatch(core.Stack):
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
class SimpleBatch(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
 
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
 
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
 
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
 
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
 
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
 
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
  • で，計算結果を保存するための S3 バケットを用意している
  • で， Compute environment を定義している． ここでは g4dn.xlarge のインスタンスタイプを使用するとし，最大の vCPU 使用数は 64 と指定している． また，最小の vCPU は 0 である． 今回は，負荷がかかっていないときにアイドリング状態にあるインスタンスを用意する利点は全くないので，ここは 0 にするのが望ましい．
  • で， <2> で作成した Compute environment と紐付いた Job queue を定義している．
  • で，ジョブが計算結果を S3 に書き込むことができるよう， IAM ロールを定義している． (IAM とはリソースがもつ権限を管理する仕組みである．詳しくは (#sec:bashoutter_iam) を参照)
  • では， Docker image を配置するための ECR を定義している．
  • で Job definition を作成している． ここでは，4 vCPU， 12000 MB (=12GB) の RAM を使用するように指定している． また，今後必要となる環境変数 (BUCKET_NAME) を設定している． さらに， <4> で作った IAM を付与している．
g4dn.xlarge は 1 台あたり 4 vCPU が割り当てられている． このプログラムでは Compute environment の maximum vCPUs を 64 と指定しているので，最大で 16 台のインスタンスが同時に起動することになる． ここで maxium vCPUs を 64 に限定しているのは，なんらかのミスで意図せぬジョブを大量にクラスターに投入してしまった事態で，高額の AWS 利用料金が発生するのを防ぐためである． もし，自分のアプリケーションで必要と判断したならば自己責任において 64 よりも大きな数を設定して構わない．
ここで注意が一点ある． AWS では各アカウントごとに EC2 で起動できるインスタンスの上限が設定されている． この上限は AWS コンソールにログインし， EC2 コンソールの左側メニューバーの Limits をクリックすることで確認できる (figure_title)． g4dn.xlarge (EC2 の区分でいうと G ファミリーに属する) の制限を確認するには， Running On-Demand All G instances という名前の項目を見る． ここにある数字が， AWS によって課されたアカウントの上限であり，この上限を超えたインスタンスを起動することはできない． もし，自分の用途に対して上限が低すぎる場合は，上限の緩和申請を行うことができる． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
EC2コンソールから各種の上限を確認する
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
  • で，計算結果を保存するための S3 バケットを用意している
  • で， Compute environment を定義している． ここでは g4dn.xlarge のインスタンスタイプを使用するとし，最大の vCPU 使用数は 64 と指定している． また，最小の vCPU は 0 である． 今回は，負荷がかかっていないときにアイドリング状態にあるインスタンスを用意する利点は全くないので，ここは 0 にするのが望ましい．
  • で， <2> で作成した Compute environment と紐付いた Job queue を定義している．
  • で，ジョブが計算結果を S3 に書き込むことができるよう， IAM ロールを定義している． (IAM とはリソースがもつ権限を管理する仕組みである．詳しくは (#sec:bashoutter_iam) を参照)
  • では， Docker image を配置するための ECR を定義している．
  • で Job definition を作成している． ここでは，4 vCPU， 12000 MB (=12GB) の RAM を使用するように指定している． また，今後必要となる環境変数 (BUCKET_NAME) を設定している． さらに， <4> で作った IAM を付与している．
g4dn.xlarge は 1 台あたり 4 vCPU が割り当てられている． このプログラムでは Compute environment の maximum vCPUs を 64 と指定しているので，最大で 16 台のインスタンスが同時に起動することになる． ここで maxium vCPUs を 64 に限定しているのは，なんらかのミスで意図せぬジョブを大量にクラスターに投入してしまった事態で，高額の AWS 利用料金が発生するのを防ぐためである． もし，自分のアプリケーションで必要と判断したならば自己責任において 64 よりも大きな数を設定して構わない．
ここで注意が一点ある． AWS では各アカウントごとに EC2 で起動できるインスタンスの上限が設定されている． この上限は AWS コンソールにログインし， EC2 コンソールの左側メニューバーの Limits をクリックすることで確認できる (figure_title)． g4dn.xlarge (EC2 の区分でいうと G ファミリーに属する) の制限を確認するには， Running On-Demand All G instances という名前の項目を見る． ここにある数字が， AWS によって課されたアカウントの上限であり，この上限を超えたインスタンスを起動することはできない． もし，自分の用途に対して上限が低すぎる場合は，上限の緩和申請を行うことができる． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
EC2コンソールから各種の上限を確認する
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されたことが確認できたら，AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールの検索バーで batch と入力し， AWS Batch の管理画面を開く (figure_title)．
AWS Batch のコンソール画面 (ダッシュボード)
まず目を向けてほしいのが，画面の一番下にある Compute environment overview の中の SimpleBatchcompute-env という名前の項目だ． Compute environment とは，先ほど述べたとおり，計算が実行される環境 (クラスターと読み替えてもよい) である． プログラムで指定したとおり， g4dn.xlarge が実際に使用されるインスタンスタイプとして表示されている． また， Minimum vCPUs が 0，Maximum vCPUs が 64 と設定されていることも見て取れる． 加えて，この時点では一つもジョブが走っていないので， Desired vCPUs は 0 になっている． より詳細な Compute environment の情報を閲覧したい場合は，名前をクリックすることで詳細画面が開く．
次に，Job queue overview にある SimpleBatch-queue という項目に注目してほしい． ここでは実行待ちのジョブ・実行中のジョブ・実行が完了したジョブを一覧で確認することができる． PENDING, RUNNING, SUCCEEDED, FAILED などのカラムがあることが確認できる．ジョブが進行するにつれて，ジョブの状態がこのカラムにしたがって遷移していく． 後でジョブを実際にサブミットしたときに戻ってこよう．
最後に，今回作成した Job definition を確認しよう． 左側のメニューから　Job definitions を選択し，次の画面で SimpleBatchjob-definition という項目を見つけて開く． ここから Job definition の詳細を閲覧することができる (figure_title)． 中でも重要な情報としては，　vCPUs, Memory, GPU がそれぞれ Docker に割り当てられる vCPU・メモリー・ GPU の量を規定している． また， Image と書いてあるところに，ジョブで使用される Docker イメージが指定されている． ここでは， ECR のレポジトリを参照している． 現時点ではこの ECR は空である． 次のステップとして，この ECR にイメージを配置する作業を行おう．
AWS Batch から Job definition を確認
Docker image を ECR に配置する ​
さて， Batch がジョブを実行するには，どこか指定された場所から Docker イメージをダウンロード (pull) してくる必要がある． 前回のハンズオン ( (#sec_fargate_qabot)) では，公開設定にしてある Docker Hub からイメージを pull してきた． 今回のハンズオンでは， AWS から提供されているレジストリである ECR (Elastic Container Registry) に image を配置するという設計を採用する． ECR を利用する利点は，自分だけがアクセスすることのできるプライベートなイメージの置き場所を用意できる点である． Batch は ECR からイメージを pull してくることで，タスクを実行する (figure_title)．
スタックのソースコードでいうと，次の箇所が ECR を定義している．
python
#
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されたことが確認できたら，AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールの検索バーで batch と入力し， AWS Batch の管理画面を開く (figure_title)．
AWS Batch のコンソール画面 (ダッシュボード)
まず目を向けてほしいのが，画面の一番下にある Compute environment overview の中の SimpleBatchcompute-env という名前の項目だ． Compute environment とは，先ほど述べたとおり，計算が実行される環境 (クラスターと読み替えてもよい) である． プログラムで指定したとおり， g4dn.xlarge が実際に使用されるインスタンスタイプとして表示されている． また， Minimum vCPUs が 0，Maximum vCPUs が 64 と設定されていることも見て取れる． 加えて，この時点では一つもジョブが走っていないので， Desired vCPUs は 0 になっている． より詳細な Compute environment の情報を閲覧したい場合は，名前をクリックすることで詳細画面が開く．
次に，Job queue overview にある SimpleBatch-queue という項目に注目してほしい． ここでは実行待ちのジョブ・実行中のジョブ・実行が完了したジョブを一覧で確認することができる． PENDING, RUNNING, SUCCEEDED, FAILED などのカラムがあることが確認できる．ジョブが進行するにつれて，ジョブの状態がこのカラムにしたがって遷移していく． 後でジョブを実際にサブミットしたときに戻ってこよう．
最後に，今回作成した Job definition を確認しよう． 左側のメニューから　Job definitions を選択し，次の画面で SimpleBatchjob-definition という項目を見つけて開く． ここから Job definition の詳細を閲覧することができる (figure_title)． 中でも重要な情報としては，　vCPUs, Memory, GPU がそれぞれ Docker に割り当てられる vCPU・メモリー・ GPU の量を規定している． また， Image と書いてあるところに，ジョブで使用される Docker イメージが指定されている． ここでは， ECR のレポジトリを参照している． 現時点ではこの ECR は空である． 次のステップとして，この ECR にイメージを配置する作業を行おう．
AWS Batch から Job definition を確認
Docker image を ECR に配置する ​
さて， Batch がジョブを実行するには，どこか指定された場所から Docker イメージをダウンロード (pull) してくる必要がある． 前回のハンズオン ( (#sec_fargate_qabot)) では，公開設定にしてある Docker Hub からイメージを pull してきた． 今回のハンズオンでは， AWS から提供されているレジストリである ECR (Elastic Container Registry) に image を配置するという設計を採用する． ECR を利用する利点は，自分だけがアクセスすることのできるプライベートなイメージの置き場所を用意できる点である． Batch は ECR からイメージを pull してくることで，タスクを実行する (figure_title)．
スタックのソースコードでいうと，次の箇所が ECR を定義している．
python
#
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
 
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
#
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
#
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
 
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
  • で，新規の ECR を作成している．
  • で Job definition を定義する中で，イメージを <1> で作った ECR から取得するように指定している． これと同時に， Job definition には ECR へのアクセス権限が IAM を通じて自動的に付与される．
さて，スタックをデプロイした時点では， ECR は空っぽである． ここに自分のアプリケーションで使う Docker イメージを push してあげる必要がある．
そのために，まずは AWS コンソールから ECR の画面を開こう (検索バーに Elastic Container Registry と入力すると出てくる)． Private というタブを選択すると， simplebatch-repositoryXXXXXX という名前のレポジトリが見つかるだろう (figure_title)．
ECR のコンソール画面
次に，このレポジトリの名前をクリックするとレポジトリの詳細画面に遷移する． そうしたら，画面右上にある View push commands というボタンをクリックする． すると figure_title のようなポップアップ画面が立ち上がる．
ECR への push コマンド
このポップアップ画面で表示されている四つのコマンドを順番に実行していくことで，手元の Docker イメージを ECR に push することができる． push を実行する前に， AWS の認証情報が設定されていることを確認しよう． そのうえで，ハンズオンのソースコードの中にある docker/ という名前のディレクトリに移動する． そうしたら，ポップアップ画面で表示されたコマンドを上から順に実行していく．
ポップアップで表示されるコマンドの 2 つめを見てみると docker build -t XXXXX . となっている． 最後の . が重要で，これは 現在のディレクトリにある Dockerfile を使ってイメージをビルドせよ という意味である． このような理由で， Dockerfile が置いてあるディレクトリに移動する必要がある．
四つ目のコマンドは，数 GB あるイメージを ECR にアップロードするので少し時間がかかるかもしれないが，これが完了するとめでたくイメージが ECR に配置されたことになる． もう一度 ECR のコンソールを見てみると，確かにイメージが配置されていることが確認できる (figure_title)． これで，AWS Batch を使ってジョブを実行させるための最後の準備が完了した．
ECR へ image の配置が完了した
単一のジョブを実行する ​
さて，ここからは実際に AWS Batch にジョブを投入する方法を見ていこう．
ハンズオンのディレクトリの notebook/ というディレクトリの中に， run_single.ipynb というファイルが見つかるはずである (.ipynb は Jupyter notebook のファイル形式)． これを Jupyter notebook から開こう．
今回のハンズオンでは， venv による仮想環境の中に Jupyter notebook もインストール済みである． なので，ローカルマシンから以下のコマンドで Jupyter notebook を立ち上げる．
sh
# .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
# .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
Jupyter notebook が起動したら， run_single.ipynb を開く．
最初の [1], [2], [3] 番のセルは，ジョブをサブミットするための関数 (submit_job()) を定義している．
python
# [1]
-import boto3
-import argparse
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
  • で，新規の ECR を作成している．
  • で Job definition を定義する中で，イメージを <1> で作った ECR から取得するように指定している． これと同時に， Job definition には ECR へのアクセス権限が IAM を通じて自動的に付与される．
さて，スタックをデプロイした時点では， ECR は空っぽである． ここに自分のアプリケーションで使う Docker イメージを push してあげる必要がある．
そのために，まずは AWS コンソールから ECR の画面を開こう (検索バーに Elastic Container Registry と入力すると出てくる)． Private というタブを選択すると， simplebatch-repositoryXXXXXX という名前のレポジトリが見つかるだろう (figure_title)．
ECR のコンソール画面
次に，このレポジトリの名前をクリックするとレポジトリの詳細画面に遷移する． そうしたら，画面右上にある View push commands というボタンをクリックする． すると figure_title のようなポップアップ画面が立ち上がる．
ECR への push コマンド
このポップアップ画面で表示されている四つのコマンドを順番に実行していくことで，手元の Docker イメージを ECR に push することができる． push を実行する前に， AWS の認証情報が設定されていることを確認しよう． そのうえで，ハンズオンのソースコードの中にある docker/ という名前のディレクトリに移動する． そうしたら，ポップアップ画面で表示されたコマンドを上から順に実行していく．
ポップアップで表示されるコマンドの 2 つめを見てみると docker build -t XXXXX . となっている． 最後の . が重要で，これは 現在のディレクトリにある Dockerfile を使ってイメージをビルドせよ という意味である． このような理由で， Dockerfile が置いてあるディレクトリに移動する必要がある．
四つ目のコマンドは，数 GB あるイメージを ECR にアップロードするので少し時間がかかるかもしれないが，これが完了するとめでたくイメージが ECR に配置されたことになる． もう一度 ECR のコンソールを見てみると，確かにイメージが配置されていることが確認できる (figure_title)． これで，AWS Batch を使ってジョブを実行させるための最後の準備が完了した．
ECR へ image の配置が完了した
単一のジョブを実行する ​
さて，ここからは実際に AWS Batch にジョブを投入する方法を見ていこう．
ハンズオンのディレクトリの notebook/ というディレクトリの中に， run_single.ipynb というファイルが見つかるはずである (.ipynb は Jupyter notebook のファイル形式)． これを Jupyter notebook から開こう．
今回のハンズオンでは， venv による仮想環境の中に Jupyter notebook もインストール済みである． なので，ローカルマシンから以下のコマンドで Jupyter notebook を立ち上げる．
sh
# .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
# .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
Jupyter notebook が起動したら， run_single.ipynb を開く．
最初の [1], [2], [3] 番のセルは，ジョブをサブミットするための関数 (submit_job()) を定義している．
python
# [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
 
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
# [1]
-import boto3
-import argparse
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
# [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
 
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
submit_job() 関数について簡単に説明しよう． MNIST 手書き文字認識 (再訪) で， MNIST の Docker をローカルで実行したとき，次のようなコマンドを使用した．
sh
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
ここで， --lr 0.1 --momentum 0.5 --epochs 10 の部分が，コンテナに渡されるコマンドである．
AWS Batch でジョブを実行する際も，ContainerOverrides の command というパラメータを使用することで，コンテナに渡されるコマンドを指定することができる． コードでは以下の部分が該当する．
python
containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
続いて， [4] 番のセルに移ろう． ここでは，上記の submit_job() 関数を用いて， 学習率 = 0.01, モメンタム=0.1, エポック数=100 を指定したジョブを投入する．
python
# [4]
-submit_job(0.01, 0.1, 100)
# [4]
-submit_job(0.01, 0.1, 100)
AWS の認証情報は， Jupyter Notebook の内部から再度定義する必要がある． これを手助けするため， Notebook の [2] 番のセル (デフォルトではすべてコメントアウトされている) を用意した． これを使うにはコメントアウトを解除すればよい． このセルを実行すると， AWS の認証情報を入力する対話的なプロンプトが表示される． プロンプトに従って aws secret key などを入力することで， (Jupyter のセッションに固有な) 環境変数に AWS の認証情報が記録される．
もう一つの認証方法として， submit_job() 関数に profile_name というパラメータを用意した． もし ~/.aws/credentials に認証情報が書き込まれているのならば (詳しくは (#aws_cli_install))， profile_name に使用したいプロファイルの名前を渡すだけで， 認証を行うことができる． 慣れている読者は後者のほうが便利であると感じるだろう．
[4] 番のセルを実行したら，ジョブが実際に投入されたかどうかを AWS コンソールから確認してみよう． AWS Batch の管理コンソールを開くと， figure_title のような画面が表示されるだろう．
AWS Batch でジョブが実行されている様子
figure_title で赤で囲った箇所に注目してほしい． 一つのジョブが投入されると，それは SUBMITTED という状態を経て RUNNABLE という状態に遷移する． RUNNABLE とは， ジョブを実行するためのインスタンスが Compute environment に不足しているため，新たなインスタンスが起動されるのを待っている状態に相当する． インスタンスの準備が整うと，ジョブの状態は STARTING を経て RUNNING に至る．
次に，ジョブのステータスが RUNNING のときの Compute environment の Desired vCPU を見てみよう (figure_title で紫で囲った箇所)． ここで 4 と表示されているのは， g4dn.xlarge インスタンス一つ分の vCPU の数である． ジョブの投入に応じて，それを実行するのに最低限必要な EC2 インスタンスが起動されたことが確認できる (興味のある人は， EC2 コンソールも同時に覗いてみるとよい)．
しばらく経つと，ジョブの状態は RUNNING から SUCCEEDED (あるいは何らかの理由でエラーが発生したときには FAILED) に遷移する． 今回のハンズオンで使っている MNIST の学習はだいたい 10 分くらいで完了するはずである． ジョブの状態が SUCCEEDED になるまで見届けよう．
ジョブが完了すると，学習の結果 (エポックごとの Loss と Accuracy を記録した CSV ファイル) は S3 に保存される． AWS コンソールからこれを確認しよう．
S3 のコンソールに行くと simplebatch-bucketXXXX (XXXX の部分はユーザーによって異なる) という名前のバケットが見つかるはずである． これをクリックして中身を見てみると， metrics_lr0.0100_m0.1000.csv という名前の CSV があることが確認できるだろう (figure_title)． これが， 学習率 = 0.01, モメンタム = 0.1 として学習を行ったときの結果である．
ジョブの実行結果は S3 に保存される
さて，ここで run_single.ipynb に戻ってこよう． [5] から [7] 番のセルでは，学習結果の CSV ファイルのダウンロードを行っている．
python
# [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
submit_job() 関数について簡単に説明しよう． MNIST 手書き文字認識 (再訪) で， MNIST の Docker をローカルで実行したとき，次のようなコマンドを使用した．
sh
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
ここで， --lr 0.1 --momentum 0.5 --epochs 10 の部分が，コンテナに渡されるコマンドである．
AWS Batch でジョブを実行する際も，ContainerOverrides の command というパラメータを使用することで，コンテナに渡されるコマンドを指定することができる． コードでは以下の部分が該当する．
python
containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
続いて， [4] 番のセルに移ろう． ここでは，上記の submit_job() 関数を用いて， 学習率 = 0.01, モメンタム=0.1, エポック数=100 を指定したジョブを投入する．
python
# [4]
+submit_job(0.01, 0.1, 100)
# [4]
+submit_job(0.01, 0.1, 100)
AWS の認証情報は， Jupyter Notebook の内部から再度定義する必要がある． これを手助けするため， Notebook の [2] 番のセル (デフォルトではすべてコメントアウトされている) を用意した． これを使うにはコメントアウトを解除すればよい． このセルを実行すると， AWS の認証情報を入力する対話的なプロンプトが表示される． プロンプトに従って aws secret key などを入力することで， (Jupyter のセッションに固有な) 環境変数に AWS の認証情報が記録される．
もう一つの認証方法として， submit_job() 関数に profile_name というパラメータを用意した． もし ~/.aws/credentials に認証情報が書き込まれているのならば (詳しくは (#aws_cli_install))， profile_name に使用したいプロファイルの名前を渡すだけで， 認証を行うことができる． 慣れている読者は後者のほうが便利であると感じるだろう．
[4] 番のセルを実行したら，ジョブが実際に投入されたかどうかを AWS コンソールから確認してみよう． AWS Batch の管理コンソールを開くと， figure_title のような画面が表示されるだろう．
AWS Batch でジョブが実行されている様子
figure_title で赤で囲った箇所に注目してほしい． 一つのジョブが投入されると，それは SUBMITTED という状態を経て RUNNABLE という状態に遷移する． RUNNABLE とは， ジョブを実行するためのインスタンスが Compute environment に不足しているため，新たなインスタンスが起動されるのを待っている状態に相当する． インスタンスの準備が整うと，ジョブの状態は STARTING を経て RUNNING に至る．
次に，ジョブのステータスが RUNNING のときの Compute environment の Desired vCPU を見てみよう (figure_title で紫で囲った箇所)． ここで 4 と表示されているのは， g4dn.xlarge インスタンス一つ分の vCPU の数である． ジョブの投入に応じて，それを実行するのに最低限必要な EC2 インスタンスが起動されたことが確認できる (興味のある人は， EC2 コンソールも同時に覗いてみるとよい)．
しばらく経つと，ジョブの状態は RUNNING から SUCCEEDED (あるいは何らかの理由でエラーが発生したときには FAILED) に遷移する． 今回のハンズオンで使っている MNIST の学習はだいたい 10 分くらいで完了するはずである． ジョブの状態が SUCCEEDED になるまで見届けよう．
ジョブが完了すると，学習の結果 (エポックごとの Loss と Accuracy を記録した CSV ファイル) は S3 に保存される． AWS コンソールからこれを確認しよう．
S3 のコンソールに行くと simplebatch-bucketXXXX (XXXX の部分はユーザーによって異なる) という名前のバケットが見つかるはずである． これをクリックして中身を見てみると， metrics_lr0.0100_m0.1000.csv という名前の CSV があることが確認できるだろう (figure_title)． これが， 学習率 = 0.01, モメンタム = 0.1 として学習を行ったときの結果である．
ジョブの実行結果は S3 に保存される
さて，ここで run_single.ipynb に戻ってこよう． [5] から [7] 番のセルでは，学習結果の CSV ファイルのダウンロードを行っている．
python
# [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
# [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
# [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
[6] で S3 から CSV データをダウンロードし， pandas の DataFrame オブジェクトとしてロードする関数を定義している． [7] を実行する際， bucket_name という変数の値を，自分自身のバケットの名前に置き換えることに注意しよう (先ほど S3 コンソールから確認した simplebatch-bucketXXXX のことである)．
続いて， [9] 番のセルで， CSV のデータをプロットしている (figure_title)． ローカルで実行したときと同じように， AWS Batch を用いて MNIST モデルを訓練することに成功した！
python
# [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
[6] で S3 から CSV データをダウンロードし， pandas の DataFrame オブジェクトとしてロードする関数を定義している． [7] を実行する際， bucket_name という変数の値を，自分自身のバケットの名前に置き換えることに注意しよう (先ほど S3 コンソールから確認した simplebatch-bucketXXXX のことである)．
続いて， [9] 番のセルで， CSV のデータをプロットしている (figure_title)． ローカルで実行したときと同じように， AWS Batch を用いて MNIST モデルを訓練することに成功した！
python
# [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
 
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
 
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
 
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
# [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
# [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
 
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
 
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
 
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
AWS Batch で行った MNIST モデルの学習の結果
並列に複数の Job を実行する ​
さて，ここからが最後の仕上げである． ここまでのハンズオンで構築した AWS Batch のシステムを使って，ハイパーパラメータサーチを実際に行おう．
先ほど実行した run_single.ipynb と同じディレクトリにある run_sweep.ipynb を開く．
セル [1], [2], [3] は run_single.ipynb と同一である．
python
# [1]
-import boto3
-import argparse
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
AWS Batch で行った MNIST モデルの学習の結果
並列に複数の Job を実行する ​
さて，ここからが最後の仕上げである． ここまでのハンズオンで構築した AWS Batch のシステムを使って，ハイパーパラメータサーチを実際に行おう．
先ほど実行した run_single.ipynb と同じディレクトリにある run_sweep.ipynb を開く．
セル [1], [2], [3] は run_single.ipynb と同一である．
python
# [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
# [1]
-import boto3
-import argparse
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
# [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
セル [4] の for ループを使って，グリッド状にハイパーパラメータの組み合わせを用意し， batch にジョブを投入している． ここでは 3x3=9 個のジョブを作成した．
python
# [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
# [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
セル [4] を実行したら， Batch のコンソールを開こう． 先ほどと同様に，ジョブのステータスは SUBMITTED > RUNNABLE > STARTING > RUNNING と移り変わっていくことがわかるだろう． 最終的に 9 個のジョブがすべて RUNNING の状態になることを確認しよう (figure_title)． また，このとき Compute environment の Desired vCPUs は 4x9=36 となっていることを確認しよう (figure_title)．
複数のジョブを同時投入したときの Batch コンソール
次に，Batch のコンソールの左側のメニューから Jobs をクリックしてみよう． ここでは，実行中のジョブの一覧が確認することができる (figure_title)． ジョブのステータスでフィルタリングをすることも可能である． 9 個のジョブがどれも RUNNING 状態にあることが確認できるだろう．
複数のジョブを同時投入したときの Job 一覧
今度は EC2 コンソールを見てみよう． 左のメニューから Instances を選択すると， figure_title に示すような起動中のインスタンスの一覧が表示される． g4dn.xlarge が 9 台稼働しているのが確認できる． Batch がジョブの投下に合わせて必要な数のインスタンスを起動してくれたのだ！
複数のジョブを同時投入したときの EC2 インスタンスの一覧
ここまで確認できたら，それぞれの Job が終了するまでしばらく待とう (だいたい 10-15 分くらいで終わる)． すべてのジョブが終了すると，ダッシュボードの SUCCEEDED が 9 となっているはずだ． また， Compute environment の Desired vCPUs も 0 に落ちていることを確認しよう． 最後に EC2 コンソールに行って，すべての g4dn インスタンスが停止していることを確認しよう．
以上から， AWS Batch を使うことで，ジョブの投入に応じて自動的に EC2 インスタンスが起動され，ジョブの完了とともに，ただちにインスタンスの停止が行われる一連の挙動を観察することができた． 一つのジョブの完了におよそ 10 分の時間がかかるので，9 個のハイパーパラメータの組を逐次的に計算していた場合は 90 分の時間を要することになる． AWS Batch を使ってこれらの計算を並列に実行することで，ジョブ一個分の計算時間 (=10 分) ですべての計算を終えることができた！
さて，再び run_sweep.ipynb に戻ってこよう． [5] 以降のセルでは，グリッドサーチの結果を可視化している．
python
# [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
セル [4] の for ループを使って，グリッド状にハイパーパラメータの組み合わせを用意し， batch にジョブを投入している． ここでは 3x3=9 個のジョブを作成した．
python
# [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
# [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
セル [4] を実行したら， Batch のコンソールを開こう． 先ほどと同様に，ジョブのステータスは SUBMITTED > RUNNABLE > STARTING > RUNNING と移り変わっていくことがわかるだろう． 最終的に 9 個のジョブがすべて RUNNING の状態になることを確認しよう (figure_title)． また，このとき Compute environment の Desired vCPUs は 4x9=36 となっていることを確認しよう (figure_title)．
複数のジョブを同時投入したときの Batch コンソール
次に，Batch のコンソールの左側のメニューから Jobs をクリックしてみよう． ここでは，実行中のジョブの一覧が確認することができる (figure_title)． ジョブのステータスでフィルタリングをすることも可能である． 9 個のジョブがどれも RUNNING 状態にあることが確認できるだろう．
複数のジョブを同時投入したときの Job 一覧
今度は EC2 コンソールを見てみよう． 左のメニューから Instances を選択すると， figure_title に示すような起動中のインスタンスの一覧が表示される． g4dn.xlarge が 9 台稼働しているのが確認できる． Batch がジョブの投下に合わせて必要な数のインスタンスを起動してくれたのだ！
複数のジョブを同時投入したときの EC2 インスタンスの一覧
ここまで確認できたら，それぞれの Job が終了するまでしばらく待とう (だいたい 10-15 分くらいで終わる)． すべてのジョブが終了すると，ダッシュボードの SUCCEEDED が 9 となっているはずだ． また， Compute environment の Desired vCPUs も 0 に落ちていることを確認しよう． 最後に EC2 コンソールに行って，すべての g4dn インスタンスが停止していることを確認しよう．
以上から， AWS Batch を使うことで，ジョブの投入に応じて自動的に EC2 インスタンスが起動され，ジョブの完了とともに，ただちにインスタンスの停止が行われる一連の挙動を観察することができた． 一つのジョブの完了におよそ 10 分の時間がかかるので，9 個のハイパーパラメータの組を逐次的に計算していた場合は 90 分の時間を要することになる． AWS Batch を使ってこれらの計算を並列に実行することで，ジョブ一個分の計算時間 (=10 分) ですべての計算を終えることができた！
さて，再び run_sweep.ipynb に戻ってこよう． [5] 以降のセルでは，グリッドサーチの結果を可視化している．
python
# [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
 
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
 
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
 
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
# [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
# [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
 
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
 
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
 
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
最終的に出力されるプロットが figure_title である．
ハイパーパラメータのグリッドサーチの結果
このプロットから，差は僅かであるが，学習率が 0.1 のときに精度は最大となることがわかる． また，学習率 0.1 のときはモメンタムを変えても大きな差は生じないことが見て取れる．
今回のパラメータサーチは勉強用に極めて単純化されたものである点は承知いただきたい．
たとえば，今回は学習率が 0.1 が最も良いとされたが，それは訓練のエポックを 100 に限定しているからかもしれない． 学習率が低いとその分訓練に必要なエポック数も多くなる． 訓練のエポック数をもっと増やせばまた違った結果が観察される可能性はある．
また，今回は MNIST の訓練データ 60,000 枚のうち， 48,000 枚を訓練データ，残り 12,000 枚を検証データとして用いた． この分割は乱数を固定してランダムに行ったが，もしこの分割によるデータのバイアスを気にするならば， k 個の異なる学習・検証データの分割をあらかじめ用意して，複数回モデルの評価を行う (k-fold cross-validation) 方法も，より精緻なアプローチとして考えられる．
以上のようにして， CNN を用いた MNIST 分類モデルのハイパーパラメータの最適化の一連の流れを体験した． AWS Batch を利用することで，比較的少ないプログラミングで，動的に EC2 クラスターを制御し，並列にジョブを処理するシステムが構築できた． ここまで EC2 を使いこなすことができれば，多くの問題を自力で解くことが可能になるだろう！
スタックの削除 ​
これにて，本ハンズオンは終了である．最後にスタックを削除しよう． 今回のスタックを削除するにあたり，ECR に配置された Docker のイメージは手動で削除されなければならない (これをしないと， cdk destroy を実行したときにエラーになってしまう． これは CloudFormation の仕様なので従うしかない)．
ECR の Docker image を削除するには， ECR のコンソールに行き，イメージが配置されたレポジトリを開く． そして，画面右上の DELETE ボタンを押して削除する (figure_title)．
ECR から Docker image を削除する
あるいは， AWS CLI から同様の操作を行うには，以下のコマンドを用いる (XXXX は自分の ECR レポジトリ名に置き換える)．
sh
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
image の削除が完了したうえで，次のコマンドでスタックを削除する．
sh
$ cdk destroy
$ cdk destroy
(#sec:batch_development_and_debug) === クラウドを用いた機械学習アプリケーションの開発とデバッグ
本章で紹介したハンズオンでは， AWS Batch を使用することでニューラルネットの学習を複数並列に実行し，高速化を実現した． 本章の最後の話題として，クラウドを用いた機械学習アプリケーションの開発とデバッグの方法について述べよう．
ローカルに GPU を搭載した強力なマシンがなく，クラウドを利用する予算が確保されているのであれば， figure_title のような開発のスキームが理想的であると考える． 最初の段階では， (#sec_jupyter_and_deep_learning) で見たような方法で， GPU 搭載型の EC2 インスタンスを作成し， Jupyter Notebook などのインタラクティブな環境で様々なモデルを試し実験を行う． Jupyter である程度アプリケーションが完成してきたタイミングで，作成したアプリケーションを Docker イメージにパッケージングする． そして， EC2 上で docker run を行い，作成したイメージがバグなく動作するか確認を行う． その次に，ハイパーパラメータの最適化などのチューニングを， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する のハンズオンで学んだ AWS Batch などの計算システムを利用して行う． よい深層学習モデルが完成したら，仕上げに大規模データへの推論処理を行うシステムを (#sec_fargate_qabot) を参考に構築する．
実際，本書ではこの流れに沿って演習を進めてきた． MNIST タスクを解くモデルを，最初 Jupyter Notebook を使用して実験し，そのコードをほとんどそのまま Docker にパッケージし， AWS Batch を用いてハイパーパラメータサーチを行った． このサイクルを繰り返すことで，クラウドを最大限に活用した機械学習アプリケーションの開発を進めることができる．
クラウドを活用した機械学習アプリケーションの開発フロー
小括 ​
ここまでが，本書第二部の内容である． 第一部に引き続き盛りだくさんの内容であったが，ついてこれたであろうか？
第二部ではまず最初に，深層学習の計算をクラウドで実行するため， GPU 搭載型の EC2 インスタンスの起動について解説した． さらに，ハンズオンでは，クラウドに起動した仮想サーバーを使って MNIST 文字認識タスクを解くニューラルネットを訓練した ( (#sec_jupyter_and_deep_learning))．
また，より大規模な機械学習アプリケーションを作るための手段として， Docker と ECS によるクラスターの初歩を説明した ( (#sec_docker_introduction))． その応用として，英語で与えられた文章問題への回答を自動で生成するボットをクラウドに展開した ( (#sec_fargate_qabot))． タスクの投入に応じて動的に計算リソースが作成・削除される様子を実際に体験できただろう．
さらに， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する では AWS Batch を用いてニューラルネットの学習を並列に実行する方法を紹介した． ここで紹介した方法は，ミニマムであるが，計算機システムを大規模化していくためのエッセンスが網羅されている． これらのハンズオン体験から，クラウド技術を応用してどのように現実世界の問題を解いていくのか，なんとなくイメージが伝わっただろうか？
本書の第三部では，さらにレベルアップし，サーバーレスアーキテクチャという最新のクラウドの設計手法について解説する． その応用として，ハンズオンでは簡単な SNS サービスをゼロから実装する． 引き続きクラウドの最先端の世界を楽しんでいこう！

-    
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
最終的に出力されるプロットが figure_title である．
ハイパーパラメータのグリッドサーチの結果
このプロットから，差は僅かであるが，学習率が 0.1 のときに精度は最大となることがわかる． また，学習率 0.1 のときはモメンタムを変えても大きな差は生じないことが見て取れる．
今回のパラメータサーチは勉強用に極めて単純化されたものである点は承知いただきたい．
たとえば，今回は学習率が 0.1 が最も良いとされたが，それは訓練のエポックを 100 に限定しているからかもしれない． 学習率が低いとその分訓練に必要なエポック数も多くなる． 訓練のエポック数をもっと増やせばまた違った結果が観察される可能性はある．
また，今回は MNIST の訓練データ 60,000 枚のうち， 48,000 枚を訓練データ，残り 12,000 枚を検証データとして用いた． この分割は乱数を固定してランダムに行ったが，もしこの分割によるデータのバイアスを気にするならば， k 個の異なる学習・検証データの分割をあらかじめ用意して，複数回モデルの評価を行う (k-fold cross-validation) 方法も，より精緻なアプローチとして考えられる．
以上のようにして， CNN を用いた MNIST 分類モデルのハイパーパラメータの最適化の一連の流れを体験した． AWS Batch を利用することで，比較的少ないプログラミングで，動的に EC2 クラスターを制御し，並列にジョブを処理するシステムが構築できた． ここまで EC2 を使いこなすことができれば，多くの問題を自力で解くことが可能になるだろう！
スタックの削除 ​
これにて，本ハンズオンは終了である．最後にスタックを削除しよう． 今回のスタックを削除するにあたり，ECR に配置された Docker のイメージは手動で削除されなければならない (これをしないと， cdk destroy を実行したときにエラーになってしまう． これは CloudFormation の仕様なので従うしかない)．
ECR の Docker image を削除するには， ECR のコンソールに行き，イメージが配置されたレポジトリを開く． そして，画面右上の DELETE ボタンを押して削除する (figure_title)．
ECR から Docker image を削除する
あるいは， AWS CLI から同様の操作を行うには，以下のコマンドを用いる (XXXX は自分の ECR レポジトリ名に置き換える)．
sh
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
image の削除が完了したうえで，次のコマンドでスタックを削除する．
sh
$ cdk destroy
$ cdk destroy
(#sec:batch_development_and_debug) === クラウドを用いた機械学習アプリケーションの開発とデバッグ
本章で紹介したハンズオンでは， AWS Batch を使用することでニューラルネットの学習を複数並列に実行し，高速化を実現した． 本章の最後の話題として，クラウドを用いた機械学習アプリケーションの開発とデバッグの方法について述べよう．
ローカルに GPU を搭載した強力なマシンがなく，クラウドを利用する予算が確保されているのであれば， figure_title のような開発のスキームが理想的であると考える． 最初の段階では， (#sec_jupyter_and_deep_learning) で見たような方法で， GPU 搭載型の EC2 インスタンスを作成し， Jupyter Notebook などのインタラクティブな環境で様々なモデルを試し実験を行う． Jupyter である程度アプリケーションが完成してきたタイミングで，作成したアプリケーションを Docker イメージにパッケージングする． そして， EC2 上で docker run を行い，作成したイメージがバグなく動作するか確認を行う． その次に，ハイパーパラメータの最適化などのチューニングを， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する のハンズオンで学んだ AWS Batch などの計算システムを利用して行う． よい深層学習モデルが完成したら，仕上げに大規模データへの推論処理を行うシステムを (#sec_fargate_qabot) を参考に構築する．
実際，本書ではこの流れに沿って演習を進めてきた． MNIST タスクを解くモデルを，最初 Jupyter Notebook を使用して実験し，そのコードをほとんどそのまま Docker にパッケージし， AWS Batch を用いてハイパーパラメータサーチを行った． このサイクルを繰り返すことで，クラウドを最大限に活用した機械学習アプリケーションの開発を進めることができる．
クラウドを活用した機械学習アプリケーションの開発フロー
小括 ​
ここまでが，本書第二部の内容である． 第一部に引き続き盛りだくさんの内容であったが，ついてこれたであろうか？
第二部ではまず最初に，深層学習の計算をクラウドで実行するため， GPU 搭載型の EC2 インスタンスの起動について解説した． さらに，ハンズオンでは，クラウドに起動した仮想サーバーを使って MNIST 文字認識タスクを解くニューラルネットを訓練した ( (#sec_jupyter_and_deep_learning))．
また，より大規模な機械学習アプリケーションを作るための手段として， Docker と ECS によるクラスターの初歩を説明した ( (#sec_docker_introduction))． その応用として，英語で与えられた文章問題への回答を自動で生成するボットをクラウドに展開した ( (#sec_fargate_qabot))． タスクの投入に応じて動的に計算リソースが作成・削除される様子を実際に体験できただろう．
さらに， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する では AWS Batch を用いてニューラルネットの学習を並列に実行する方法を紹介した． ここで紹介した方法は，ミニマムであるが，計算機システムを大規模化していくためのエッセンスが網羅されている． これらのハンズオン体験から，クラウド技術を応用してどのように現実世界の問題を解いていくのか，なんとなくイメージが伝わっただろうか？
本書の第三部では，さらにレベルアップし，サーバーレスアーキテクチャという最新のクラウドの設計手法について解説する． その応用として，ハンズオンでは簡単な SNS サービスをゼロから実装する． 引き続きクラウドの最先端の世界を楽しんでいこう！

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/aws-get-started.html b/development/aws/aws-get-started.html
index 704c7921..4d546bf5 100644
--- a/development/aws/aws-get-started.html
+++ b/development/aws/aws-get-started.html
@@ -5,17 +5,17 @@
     
     AWS 入門 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
     
-    
+    
     
     
     
@@ -38,156 +38,156 @@
     
   
   
-    
Toshiki's Note
Appearance
AWS 入門 ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:2.4k
 Reading:9 min
AWS とは？ ​
本書では，クラウドの実践を行うプラットフォームとして， AWS を用いる． 実践にあたって，最低限必要な AWS の知識を本章では解説しよう．
AWS (Amazon Web Services) は Amazon 社が提供する総合的なクラウドプラットフォームである． AWS は Amazon 社が持つ膨大な計算リソースを貸し出すクラウドサービスとして，2006 年に誕生した． 2021 年では，クラウドプロバイダーとして最大のマーケットシェア (約 32%) を保持している (参照)． Netflix や Slack をはじめとした多くのウェブ関連のサービスで，一部または全てのサーバーリソースが AWS から提供されているとのことである． よって，知らないうちに AWS の恩恵にあずかっている人も少なくないはずだ．
最大のシェアをもつだけに，機能・サービスの幅広さはほかのクラウドプラットフォームと比べ抜きんでている． また，利用者数が多いことを反映して，公式あるいはサードパーティによる技術紹介記事が数多くウェブ上に存在しているだけでなく，ライブラリのユーザーコミュニティも大きく問題解決が捗るのも魅力の一つだ． 初期のころウェブビジネスを行う企業がユーザーの大半を占めていたが，最近は大学などでの科学研究用途としても頻繁に用いられるようになってきている．
AWS の機能・サービス ​
figure_title は，執筆時点において AWS で提供されている主要な機能・サービスの一覧である．
AWSで提供されている主要なサービス一覧
計算，ストレージ，データベース，ネットワーク，セキュリティなど，クラウドの構築に必要な様々な要素が独立したコンポーネントとして提供されている． 基本的に，これらを組み合わせることで一つのクラウドシステムができあがる．
また，機械学習・音声認識・AR/VR など，特定のアプリケーションにパッケージ済みのサービスも提供されている． これらを合計すると全部で 170 個以上のサービスが提供されているとのことである (参照)．
AWS の初心者が陥りがちなのは，大量のサービスの数に圧倒され，どこから手をつけたらよいのかわからなくなる，という状況である． たくさんのサービスの中から，どのサービスをどの順番で学んでいったらいいのか，その道筋すら明らかでなく，大きな参入障壁となっていることは間違いない． だが実のところ， AWS の基本的な構成要素はそのうちの数個のみに限られる． 基本要素となる機能の使い方を知れば， AWS のおおよそのリソースを使いこなすことが可能になる． ほかの機能の多くは，基本の要素を組み合わせて特定のアプリケーションに特化したパッケージとして AWS が用意したものである． そのポイントを認知することが， AWS の学習の最初のステップである．
ここでは， AWS 上でクラウドシステムを構築するときの基本となる構成要素を列挙する． これらは後のハンズオンで実際にプログラムを書きながら体験する． 現時点では，名前だけでも頭の片隅に記憶してもらえればよい．
計算 ​
S3 EC2 (Elastic Compute Cloud) 様々なスペックの仮想マシンを作成し，計算を実行することができる． クラウドの最も基本となる構成要素である． (#sec_first_ec2), (#sec_jupyter_and_deep_learning), (#sec_aws_batch) で詳しく触れる．
S3 Lambda Function as a Service (FaaS) とよばれる，小さな計算をサーバーなしで実行するためのサービス． サーバーレスアーキテクチャの章 ( (#sec_serverless)) で詳しく解説する．
ストレージ ​
S3EBS (Elastic Block Store) EC2 に付与することのできる仮想データドライブ． いわゆる"普通の"(一般的な OS で使われている)ファイルシステムを思い浮かべてくれたらよい．
S3
S3 (Simple Storage Service) Object Storage とよばれる，API を使ってデータの読み書きを行う，いうなれば”クラウド・ネイティブ”なデータの格納システムである． サーバーレスアーキテクチャの章 ( (#sec_serverless)) で詳しく解説する．
データベース ​
S3
DynamoDB NoSQL 型のデータベースサービス (知っている人は mongoDB などを思い浮かべたらよい)． サーバーレスアーキテクチャの章 ( (#sec_serverless)) で詳しく解説する．
ネットワーク ​
S3 VPC(Virtual Private Cloud) AWS 上に仮想ネットワーク環境を作成し，仮想サーバー間の接続を定義したり，外部からのアクセスなどを管理する． EC2 は VPC の内部に配置されなければならない．
API Gateway S3
API のエンドポイントとバックエンドのサービス (Lambda など) を接続する際に用いる，リバースプロキシとしての役割を担う． (#sec_bashoutter) で詳しく解説する．
Region と Availability Zone ​
AWS を使用する際に知っておかなければならない重要な概念として， リージョン (Region) と Availability Zone (AZ) がある (figure_title)． 以下ではこの概念について簡単に記述する．
AWSにおける Region と Availability Zones
リージョン (Region) とは，おおまかに言うとデータセンターの所在地のことである． 執筆時点において， AWS は世界の 25 の国と地域でデータセンターを所有している． figure_title は執筆時点で利用できるリージョンの世界地図を示している． 日本では東京と大阪にデータセンターがある． 各リージョンには固有の ID がついており，例えば東京は ap-northeast-1, 米国オハイオ州は us-east-2，などと定義されている．
Regions in AWS(出典: https://aws.amazon.com/about-aws/global-infrastructure/)
AWS コンソールにログインすると，画面右上のメニューバーでリージョンを選択することができる(figure_title, 赤丸で囲った箇所)． EC2, S3 などの AWS のリソースは，リージョンごとに完全に独立である． したがって，リソースを新たにデプロイする際，あるいはデプロイ済みのリソースを閲覧する際は，コンソールのリージョンが正しく設定されているか，確認する必要がある． ウェブビジネスを展開する場合などは，世界の各地にクラウドを展開する必要があるが，個人的な研究用途として用いる場合は，最寄りのリージョン (i.e. 東京) を使えば基本的に問題ない．
AWSコンソールでリージョンを選択
Avaialibity Zone (AZ) とは，リージョン内で地理的に隔離されたデータセンターのことである． それぞれのリージョンは 2 個以上の AZ を有しており，もし一つの AZ で火災や停電などが起きた場合でも，ほかの AZ がその障害をカバーすることができる． また， AZ 間は高速な AWS 専用ネットワーク回線で結ばれているため， AZ 間のデータ転送は極めて早い． AZ は，ビジネスなどでサーバーダウンが許容されない場合などに注意すべき概念であり，個人的な用途で使う限りにおいてはあまり深く考慮する必要はない．言葉の意味だけ知っておけば十分である．
AWS を使用する際，どこのリージョンを指定するのがよいのだろうか？ インターネットの接続速度の観点からは，地理的に一番近いリージョンを使用するのが一般的によいだろう． 一方， EC2 の利用料などはリージョンごとに価格設定が若干 (10-20%程度) 異なる． したがって，自分が最も頻繁に利用するサービスの価格が最も安く設定されているリージョンを選択する，というのも重要な視点である． また，いくつかのサービスは，特定のリージョンで利用できない場合もある． これらのポイントから総合的に判断して使用するリージョンを決めると良い．
AWS Educate を利用している読者へ
執筆時点において，AWS Educate による Starter Account を使用している場合は us-east-1 region のみ利用できる (参照)．
AWS でのクラウド開発 ​
AWS のクラウドの全体像がわかってきたところで，次のトピックとして，どのようにして AWS 上にクラウドの開発を行い，展開していくかについての概略を解説しよう．
AWS のリソースを追加・編集・削除するなどの操作を実行するには，コンソールを用いる方法と，API を用いる方法の，二つの経路がある．
コンソール画面からリソースを操作する ​
AWS のアカウントにログインすると，まず最初に表示されるのがAWS コンソールである (figure_title)．
AWSマネージメントコンソール画面
コンソールを使うことで， EC2 のインスタンスを立ち上げたり，S3 のデータを追加・削除したり，ログを閲覧したりなど，AWS 上のあらゆるリソースの操作を GUI (Graphical User Interface) を通して実行することができる． 初めて触る機能をポチポチと試したり，デバッグを行うときなどにとても便利である．
コンソールはさらっと機能を試したり，開発中のクラウドのデバッグをするときには便利なのであるが，実際にクラウドの開発をする場面でこれを直接いじることはあまりない． むしろ，次に紹介する API を使用して，プログラムとしてクラウドのリソースを記述することで開発を行うのが一般的である． そのような理由で，本書では AWS コンソールを使った AWS の使い方はあまり触れない． AWS のドキュメンテーションには，たくさんの チュートリアル が用意されており，コンソール画面から様々な操作を行う方法が記述されているので，興味がある読者はそちらを参照されたい．
API からリソースを操作する ​
API (Application Programming Interface) を使うことで，コマンドを AWS に送信し，クラウドのリソースの操作をすることができる． API とは，端的に言えば AWS が公開しているコマンドの一覧であり，GET, POST, DELETE などの REST API から構成されている (REST API については (#sec_rest_api) で簡単に解説する)． が，直接 REST API を入力するのは面倒であるので，その手間を解消するための様々なツールが提供されている．
例えば， AWS CLI は， UNIX コンソールから AWS API を実行するための CLI (Command Line Interface) である． CLI に加えて，いろいろなプログラミング言語での SDK (Software Development Kit) が提供されている．以下に一例を挙げる．
具体的な API の使用例を見てみよう．
S3 に新しい保存領域 (Bucket (バケット) とよばれる) を追加したいとしよう． AWS CLI を使った場合は，次のようなコマンドを打てばよい．
sh
$ aws s3 mb s3://my-bucket --region ap-northeast-1
$ aws s3 mb s3://my-bucket --region ap-northeast-1
上記のコマンドは， my-bucket という名前のバケットを， ap-northeast-1 のリージョンに作成する．
Python からこれと同じ操作を実行するには， boto3 ライブラリを使って，次のようなスクリプトを実行する．
python
import boto3
+    
Toshiki's Note
Appearance
AWS 入門 ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:2.4k
 Reading:9 min
AWS とは？ ​
本書では，クラウドの実践を行うプラットフォームとして， AWS を用いる． 実践にあたって，最低限必要な AWS の知識を本章では解説しよう．
AWS (Amazon Web Services) は Amazon 社が提供する総合的なクラウドプラットフォームである． AWS は Amazon 社が持つ膨大な計算リソースを貸し出すクラウドサービスとして，2006 年に誕生した． 2021 年では，クラウドプロバイダーとして最大のマーケットシェア (約 32%) を保持している (参照)． Netflix や Slack をはじめとした多くのウェブ関連のサービスで，一部または全てのサーバーリソースが AWS から提供されているとのことである． よって，知らないうちに AWS の恩恵にあずかっている人も少なくないはずだ．
最大のシェアをもつだけに，機能・サービスの幅広さはほかのクラウドプラットフォームと比べ抜きんでている． また，利用者数が多いことを反映して，公式あるいはサードパーティによる技術紹介記事が数多くウェブ上に存在しているだけでなく，ライブラリのユーザーコミュニティも大きく問題解決が捗るのも魅力の一つだ． 初期のころウェブビジネスを行う企業がユーザーの大半を占めていたが，最近は大学などでの科学研究用途としても頻繁に用いられるようになってきている．
AWS の機能・サービス ​
figure_title は，執筆時点において AWS で提供されている主要な機能・サービスの一覧である．
AWSで提供されている主要なサービス一覧
計算，ストレージ，データベース，ネットワーク，セキュリティなど，クラウドの構築に必要な様々な要素が独立したコンポーネントとして提供されている． 基本的に，これらを組み合わせることで一つのクラウドシステムができあがる．
また，機械学習・音声認識・AR/VR など，特定のアプリケーションにパッケージ済みのサービスも提供されている． これらを合計すると全部で 170 個以上のサービスが提供されているとのことである (参照)．
AWS の初心者が陥りがちなのは，大量のサービスの数に圧倒され，どこから手をつけたらよいのかわからなくなる，という状況である． たくさんのサービスの中から，どのサービスをどの順番で学んでいったらいいのか，その道筋すら明らかでなく，大きな参入障壁となっていることは間違いない． だが実のところ， AWS の基本的な構成要素はそのうちの数個のみに限られる． 基本要素となる機能の使い方を知れば， AWS のおおよそのリソースを使いこなすことが可能になる． ほかの機能の多くは，基本の要素を組み合わせて特定のアプリケーションに特化したパッケージとして AWS が用意したものである． そのポイントを認知することが， AWS の学習の最初のステップである．
ここでは， AWS 上でクラウドシステムを構築するときの基本となる構成要素を列挙する． これらは後のハンズオンで実際にプログラムを書きながら体験する． 現時点では，名前だけでも頭の片隅に記憶してもらえればよい．
計算 ​
S3 EC2 (Elastic Compute Cloud) 様々なスペックの仮想マシンを作成し，計算を実行することができる． クラウドの最も基本となる構成要素である． (#sec_first_ec2), (#sec_jupyter_and_deep_learning), (#sec_aws_batch) で詳しく触れる．
S3 Lambda Function as a Service (FaaS) とよばれる，小さな計算をサーバーなしで実行するためのサービス． サーバーレスアーキテクチャの章 ( (#sec_serverless)) で詳しく解説する．
ストレージ ​
S3EBS (Elastic Block Store) EC2 に付与することのできる仮想データドライブ． いわゆる"普通の"(一般的な OS で使われている)ファイルシステムを思い浮かべてくれたらよい．
S3
S3 (Simple Storage Service) Object Storage とよばれる，API を使ってデータの読み書きを行う，いうなれば”クラウド・ネイティブ”なデータの格納システムである． サーバーレスアーキテクチャの章 ( (#sec_serverless)) で詳しく解説する．
データベース ​
S3
DynamoDB NoSQL 型のデータベースサービス (知っている人は mongoDB などを思い浮かべたらよい)． サーバーレスアーキテクチャの章 ( (#sec_serverless)) で詳しく解説する．
ネットワーク ​
S3 VPC(Virtual Private Cloud) AWS 上に仮想ネットワーク環境を作成し，仮想サーバー間の接続を定義したり，外部からのアクセスなどを管理する． EC2 は VPC の内部に配置されなければならない．
API Gateway S3
API のエンドポイントとバックエンドのサービス (Lambda など) を接続する際に用いる，リバースプロキシとしての役割を担う． (#sec_bashoutter) で詳しく解説する．
Region と Availability Zone ​
AWS を使用する際に知っておかなければならない重要な概念として， リージョン (Region) と Availability Zone (AZ) がある (figure_title)． 以下ではこの概念について簡単に記述する．
AWSにおける Region と Availability Zones
リージョン (Region) とは，おおまかに言うとデータセンターの所在地のことである． 執筆時点において， AWS は世界の 25 の国と地域でデータセンターを所有している． figure_title は執筆時点で利用できるリージョンの世界地図を示している． 日本では東京と大阪にデータセンターがある． 各リージョンには固有の ID がついており，例えば東京は ap-northeast-1, 米国オハイオ州は us-east-2，などと定義されている．
Regions in AWS(出典: https://aws.amazon.com/about-aws/global-infrastructure/)
AWS コンソールにログインすると，画面右上のメニューバーでリージョンを選択することができる(figure_title, 赤丸で囲った箇所)． EC2, S3 などの AWS のリソースは，リージョンごとに完全に独立である． したがって，リソースを新たにデプロイする際，あるいはデプロイ済みのリソースを閲覧する際は，コンソールのリージョンが正しく設定されているか，確認する必要がある． ウェブビジネスを展開する場合などは，世界の各地にクラウドを展開する必要があるが，個人的な研究用途として用いる場合は，最寄りのリージョン (i.e. 東京) を使えば基本的に問題ない．
AWSコンソールでリージョンを選択
Avaialibity Zone (AZ) とは，リージョン内で地理的に隔離されたデータセンターのことである． それぞれのリージョンは 2 個以上の AZ を有しており，もし一つの AZ で火災や停電などが起きた場合でも，ほかの AZ がその障害をカバーすることができる． また， AZ 間は高速な AWS 専用ネットワーク回線で結ばれているため， AZ 間のデータ転送は極めて早い． AZ は，ビジネスなどでサーバーダウンが許容されない場合などに注意すべき概念であり，個人的な用途で使う限りにおいてはあまり深く考慮する必要はない．言葉の意味だけ知っておけば十分である．
AWS を使用する際，どこのリージョンを指定するのがよいのだろうか？ インターネットの接続速度の観点からは，地理的に一番近いリージョンを使用するのが一般的によいだろう． 一方， EC2 の利用料などはリージョンごとに価格設定が若干 (10-20%程度) 異なる． したがって，自分が最も頻繁に利用するサービスの価格が最も安く設定されているリージョンを選択する，というのも重要な視点である． また，いくつかのサービスは，特定のリージョンで利用できない場合もある． これらのポイントから総合的に判断して使用するリージョンを決めると良い．
AWS Educate を利用している読者へ
執筆時点において，AWS Educate による Starter Account を使用している場合は us-east-1 region のみ利用できる (参照)．
AWS でのクラウド開発 ​
AWS のクラウドの全体像がわかってきたところで，次のトピックとして，どのようにして AWS 上にクラウドの開発を行い，展開していくかについての概略を解説しよう．
AWS のリソースを追加・編集・削除するなどの操作を実行するには，コンソールを用いる方法と，API を用いる方法の，二つの経路がある．
コンソール画面からリソースを操作する ​
AWS のアカウントにログインすると，まず最初に表示されるのがAWS コンソールである (figure_title)．
AWSマネージメントコンソール画面
コンソールを使うことで， EC2 のインスタンスを立ち上げたり，S3 のデータを追加・削除したり，ログを閲覧したりなど，AWS 上のあらゆるリソースの操作を GUI (Graphical User Interface) を通して実行することができる． 初めて触る機能をポチポチと試したり，デバッグを行うときなどにとても便利である．
コンソールはさらっと機能を試したり，開発中のクラウドのデバッグをするときには便利なのであるが，実際にクラウドの開発をする場面でこれを直接いじることはあまりない． むしろ，次に紹介する API を使用して，プログラムとしてクラウドのリソースを記述することで開発を行うのが一般的である． そのような理由で，本書では AWS コンソールを使った AWS の使い方はあまり触れない． AWS のドキュメンテーションには，たくさんの チュートリアル が用意されており，コンソール画面から様々な操作を行う方法が記述されているので，興味がある読者はそちらを参照されたい．
API からリソースを操作する ​
API (Application Programming Interface) を使うことで，コマンドを AWS に送信し，クラウドのリソースの操作をすることができる． API とは，端的に言えば AWS が公開しているコマンドの一覧であり，GET, POST, DELETE などの REST API から構成されている (REST API については (#sec_rest_api) で簡単に解説する)． が，直接 REST API を入力するのは面倒であるので，その手間を解消するための様々なツールが提供されている．
例えば， AWS CLI は， UNIX コンソールから AWS API を実行するための CLI (Command Line Interface) である． CLI に加えて，いろいろなプログラミング言語での SDK (Software Development Kit) が提供されている．以下に一例を挙げる．
具体的な API の使用例を見てみよう．
S3 に新しい保存領域 (Bucket (バケット) とよばれる) を追加したいとしよう． AWS CLI を使った場合は，次のようなコマンドを打てばよい．
sh
$ aws s3 mb s3://my-bucket --region ap-northeast-1
$ aws s3 mb s3://my-bucket --region ap-northeast-1
上記のコマンドは， my-bucket という名前のバケットを， ap-northeast-1 のリージョンに作成する．
Python からこれと同じ操作を実行するには， boto3 ライブラリを使って，次のようなスクリプトを実行する．
python
import boto3
 
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
import boto3
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
import boto3
 
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
もう一つ例をあげよう．
新しい EC2 のインスタンス(インスタンスとは，起動状態にある仮想サーバーの意味である)を起動するには，次のようなコマンドを打てば良い．
sh
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
このコマンドにより， t2.micro というタイプ (1 vCPU, 1.0 GB RAM) のインスタンスが起動する． ここではその他のパラメータの詳細の説明は省略する (ハンズオン ( (#sec_first_ec2)) で詳しく解説する)．
Python から上記と同じ操作を実行するには，以下のようなスクリプトを使う．
python
import boto3
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
もう一つ例をあげよう．
新しい EC2 のインスタンス(インスタンスとは，起動状態にある仮想サーバーの意味である)を起動するには，次のようなコマンドを打てば良い．
sh
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
このコマンドにより， t2.micro というタイプ (1 vCPU, 1.0 GB RAM) のインスタンスが起動する． ここではその他のパラメータの詳細の説明は省略する (ハンズオン ( (#sec_first_ec2)) で詳しく解説する)．
Python から上記と同じ操作を実行するには，以下のようなスクリプトを使う．
python
import boto3
 
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
import boto3
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
import boto3
 
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
以上の例を通じて，API によるクラウドのリソースの操作のイメージがつかめてきただろうか？ コマンド一つで，新しい仮想サーバーを起動したり，データの保存領域を追加したり，任意の操作を実行できるわけである． 基本的に，このようなコマンドを複数組み合わせていくことで，自分の望む CPU・RAM・ネットワーク・ストレージが備わった計算環境を構築することができる． もちろん，逆の操作 (リソースの削除) も API を使って実行できる．
ミニ・ハンズオン: AWS CLI を使ってみよう ​
ここでは，ミニ・ハンズオンとして，AWS CLI を実際に使ってみる． AWS CLI は先述のとおり， AWS 上の任意のリソースの操作が可能であるが，ここでは一番シンプルな，S3 を使ったファイルの読み書きを実践する (EC2 の操作は少し複雑なので，第一回ハンズオンで行う)． aws s3 コマンドの詳しい使い方は 公式ドキュメンテーションを参照．
AWS CLI のインストールについては， (#aws_cli_install) を参照．
以下に紹介するハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
以下のコマンドを実行する前に，AWS の認証情報が正しく設定されていることを確認する． これには ~/.aws/credentials のファイルに設定が書き込まれているか，環境変数 (AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION) が定義されている必要がある． 詳しくは (#aws_cli_install) を参照．
まずは，S3 にデータの格納領域 (Bucket とよばれる．一般的な OS での"ドライブ"に相当する) を作成するところから始めよう．
sh
$ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://${bucketName}"
$ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://${bucketName}"
S3 のバケットの名前は， AWS 全体で一意的でなければならないことから，前述のコマンドではランダムな文字列を含んだバケットの名前を生成し，bucketName という変数に格納している． そして， aws s3 mb (mb は make bucket の略) によって，新しいバケットを作成する．
次に，バケットの一覧を取得してみよう．
sh
$ aws s3 ls
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
以上の例を通じて，API によるクラウドのリソースの操作のイメージがつかめてきただろうか？ コマンド一つで，新しい仮想サーバーを起動したり，データの保存領域を追加したり，任意の操作を実行できるわけである． 基本的に，このようなコマンドを複数組み合わせていくことで，自分の望む CPU・RAM・ネットワーク・ストレージが備わった計算環境を構築することができる． もちろん，逆の操作 (リソースの削除) も API を使って実行できる．
ミニ・ハンズオン: AWS CLI を使ってみよう ​
ここでは，ミニ・ハンズオンとして，AWS CLI を実際に使ってみる． AWS CLI は先述のとおり， AWS 上の任意のリソースの操作が可能であるが，ここでは一番シンプルな，S3 を使ったファイルの読み書きを実践する (EC2 の操作は少し複雑なので，第一回ハンズオンで行う)． aws s3 コマンドの詳しい使い方は 公式ドキュメンテーションを参照．
AWS CLI のインストールについては， (#aws_cli_install) を参照．
以下に紹介するハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
以下のコマンドを実行する前に，AWS の認証情報が正しく設定されていることを確認する． これには ~/.aws/credentials のファイルに設定が書き込まれているか，環境変数 (AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION) が定義されている必要がある． 詳しくは (#aws_cli_install) を参照．
まずは，S3 にデータの格納領域 (Bucket とよばれる．一般的な OS での"ドライブ"に相当する) を作成するところから始めよう．
sh
$ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://${bucketName}"
$ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://${bucketName}"
S3 のバケットの名前は， AWS 全体で一意的でなければならないことから，前述のコマンドではランダムな文字列を含んだバケットの名前を生成し，bucketName という変数に格納している． そして， aws s3 mb (mb は make bucket の略) によって，新しいバケットを作成する．
次に，バケットの一覧を取得してみよう．
sh
$ aws s3 ls
 
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
$ aws s3 ls
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
$ aws s3 ls
 
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
先ほど作成したバケットがリストにあることを確認できる．
本書のノーテーションとして，コマンドラインに入力するコマンドは，それがコマンドであると明示する目的で先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力は $ なしで表示されている．
次に，バケットにファイルをアップロードする．
sh
$ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
$ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
上では hello_world.txt というダミーのファイルを作成して，それをアップロードした．
それでは，バケットの中にあるファイルの一覧を取得してみる．
sh
$ aws s3 ls "s3://${bucketName}" --human-readable
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
先ほど作成したバケットがリストにあることを確認できる．
本書のノーテーションとして，コマンドラインに入力するコマンドは，それがコマンドであると明示する目的で先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力は $ なしで表示されている．
次に，バケットにファイルをアップロードする．
sh
$ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
$ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
上では hello_world.txt というダミーのファイルを作成して，それをアップロードした．
それでは，バケットの中にあるファイルの一覧を取得してみる．
sh
$ aws s3 ls "s3://${bucketName}" --human-readable
 
-2020-06-07 23:54:19   13 Bytes hello_world.txt
$ aws s3 ls "s3://${bucketName}" --human-readable
+2020-06-07 23:54:19   13 Bytes hello_world.txt
$ aws s3 ls "s3://${bucketName}" --human-readable
 
-2020-06-07 23:54:19   13 Bytes hello_world.txt
先ほどアップロードしたファイルがたしかに存在することがわかる．
最後に，使い終わったバケットを削除する．
sh
$ aws s3 rb "s3://${bucketName}" --force
$ aws s3 rb "s3://${bucketName}" --force
rb は remove bucket の略である． デフォルトでは，バケットの中にファイルが存在すると削除できない． 空でないバケットを強制的に削除するには --force のオプションを付ける．
以上のように，AWS CLI を使って S3 バケットに対しての一連の操作を実行できた． EC2 や Lambda, DynamoDB などについても同様に AWS CLI を使ってあらゆる操作を実行できる．
Amazon Resource Name (ARN)
AWS 上のあらゆるリソースには， Amazon Resource Name (ARN) という固有の ID が付与されている． ARN は arn:aws:s3:::my_bucket/ のようなフォーマットで記述され，ARN を使用することで，特定の AWS リソース (S3 のバケットや EC2 のインスタンス) を一意的に参照することができる．
S3 バケットや EC2 インスタンスなどには ARN に加えて，人間が読みやすい名前を定義することも可能である． この場合は，ARN または名前のどちらを用いても同じリソースを参照することが可能である．
CloudFormation と AWS CDK ​
CloudFormation による Infrastructure as Code (IaC) ​
前節で述べたように，AWS API を使うことでクラウドのあらゆるリソースの作成・管理が可能である． よって，原理上は， API のコマンドを組み合わせていくことで，自分の作りたいクラウドを設計することができる．
しかし，ここで実用上考慮しなければならない点が一つある． AWS API には大きく分けて，リソースを操作するコマンドと，タスクを実行するコマンドがあることである (figure_title)．
AWS APIはリソースを操作するコマンドとタスクを実行するコマンドに大きく分けられる．リソースを記述・管理するのに使われるのが， CloudFormation と CDK である．
リソースを操作するとは，EC2 のインスタンスを起動したり，S3 のバケットを作成したり，データベースに新たなテーブルを追加する，などの静的なリソースを準備する 操作を指す． "ハコ"を作る操作とよんでも良いだろう． このようなコマンドは，クラウドのデプロイ時にのみ，一度だけ実行されればよい．
タスクを実行するコマンド とは， EC2 のインスタンスにジョブを投入したり， S3 のバケットにデータを読み書きするなどの操作を指す． これは， EC2 や S3 などのリソース ("ハコ") を前提として，その内部で実行されるべき計算を記述するものである． 前者に比べてこちらは動的な操作を担当する，と捉えることもできる．
そのような観点から，インフラを記述するプログラムとタスクを実行するプログラムはある程度分けて管理されるべきである． クラウドの開発は，クラウドの(静的な)リソースを記述するプログラムを作成するステップと，インフラ上で動く動的な操作を行うプログラムを作成するステップの二段階に分けて考えることができる．
AWS での静的リソースを管理するための仕組みが， CloudFormation である． CloudFormation とは， CloudFormation の文法に従ったテキストファイルを使って，AWS のインフラを記述する仕組みである． CloudFormation を使って，たとえば，EC2 のインスタンスをどれくらいのスペックで，何個起動するか，インスタンス間はどのようなネットワークで結び，どのようなアクセス権限を付与するか，などのリソースの要件を逐次的に記述することができる． 一度 CloudFormation ファイルができ上がれば，それにしたがったクラウドシステムをコマンド一つで AWS 上に展開することができる． また，CloudFormation ファイルを交換することで，全く同一のクラウド環境を他者が簡単に再現することも可能になる． このように，本来は物理的な実体のあるハードウェアを，プログラムによって記述し，管理するという考え方を，**Infrastructure as Code (IaC)**とよぶ．
CloudFormation を記述するには，基本的に JSON (JavaScript Object Notation) とよばれるフォーマットを使う． 次のコードは，JSON で記述された CloudFormation ファイルの一例 (抜粋) である．
json
"Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\n",
-                     "yum update -y aws-cfn-bootstrap\n",
+2020-06-07 23:54:19   13 Bytes hello_world.txt
先ほどアップロードしたファイルがたしかに存在することがわかる．
最後に，使い終わったバケットを削除する．
sh
$ aws s3 rb "s3://${bucketName}" --force
$ aws s3 rb "s3://${bucketName}" --force
rb は remove bucket の略である． デフォルトでは，バケットの中にファイルが存在すると削除できない． 空でないバケットを強制的に削除するには --force のオプションを付ける．
以上のように，AWS CLI を使って S3 バケットに対しての一連の操作を実行できた． EC2 や Lambda, DynamoDB などについても同様に AWS CLI を使ってあらゆる操作を実行できる．
Amazon Resource Name (ARN)
AWS 上のあらゆるリソースには， Amazon Resource Name (ARN) という固有の ID が付与されている． ARN は arn:aws:s3:::my_bucket/ のようなフォーマットで記述され，ARN を使用することで，特定の AWS リソース (S3 のバケットや EC2 のインスタンス) を一意的に参照することができる．
S3 バケットや EC2 インスタンスなどには ARN に加えて，人間が読みやすい名前を定義することも可能である． この場合は，ARN または名前のどちらを用いても同じリソースを参照することが可能である．
CloudFormation と AWS CDK ​
CloudFormation による Infrastructure as Code (IaC) ​
前節で述べたように，AWS API を使うことでクラウドのあらゆるリソースの作成・管理が可能である． よって，原理上は， API のコマンドを組み合わせていくことで，自分の作りたいクラウドを設計することができる．
しかし，ここで実用上考慮しなければならない点が一つある． AWS API には大きく分けて，リソースを操作するコマンドと，タスクを実行するコマンドがあることである (figure_title)．
AWS APIはリソースを操作するコマンドとタスクを実行するコマンドに大きく分けられる．リソースを記述・管理するのに使われるのが， CloudFormation と CDK である．
リソースを操作するとは，EC2 のインスタンスを起動したり，S3 のバケットを作成したり，データベースに新たなテーブルを追加する，などの静的なリソースを準備する 操作を指す． "ハコ"を作る操作とよんでも良いだろう． このようなコマンドは，クラウドのデプロイ時にのみ，一度だけ実行されればよい．
タスクを実行するコマンド とは， EC2 のインスタンスにジョブを投入したり， S3 のバケットにデータを読み書きするなどの操作を指す． これは， EC2 や S3 などのリソース ("ハコ") を前提として，その内部で実行されるべき計算を記述するものである． 前者に比べてこちらは動的な操作を担当する，と捉えることもできる．
そのような観点から，インフラを記述するプログラムとタスクを実行するプログラムはある程度分けて管理されるべきである． クラウドの開発は，クラウドの(静的な)リソースを記述するプログラムを作成するステップと，インフラ上で動く動的な操作を行うプログラムを作成するステップの二段階に分けて考えることができる．
AWS での静的リソースを管理するための仕組みが， CloudFormation である． CloudFormation とは， CloudFormation の文法に従ったテキストファイルを使って，AWS のインフラを記述する仕組みである． CloudFormation を使って，たとえば，EC2 のインスタンスをどれくらいのスペックで，何個起動するか，インスタンス間はどのようなネットワークで結び，どのようなアクセス権限を付与するか，などのリソースの要件を逐次的に記述することができる． 一度 CloudFormation ファイルができ上がれば，それにしたがったクラウドシステムをコマンド一つで AWS 上に展開することができる． また，CloudFormation ファイルを交換することで，全く同一のクラウド環境を他者が簡単に再現することも可能になる． このように，本来は物理的な実体のあるハードウェアを，プログラムによって記述し，管理するという考え方を，**Infrastructure as Code (IaC)**とよぶ．
CloudFormation を記述するには，基本的に JSON (JavaScript Object Notation) とよばれるフォーマットを使う． 次のコードは，JSON で記述された CloudFormation ファイルの一例 (抜粋) である．
json
"Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\n",
+                     "yum update -y aws-cfn-bootstrap\n",
 
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
 
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
"Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\n",
-                     "yum update -y aws-cfn-bootstrap\n",
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
"Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\n",
+                     "yum update -y aws-cfn-bootstrap\n",
 
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
 
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
ここでは， "WebServer" という名前のつけられた EC2 インスタンスを定義している．かなり長大で複雑な記述であるが，これによって所望のスペック・OS をもつ EC2 インスタンスを自動的に生成することが可能になる．
AWS CDK ​
前節で紹介した CloudFormation は，見てわかるとおり大変記述が複雑であり，またそれのどれか一つにでも誤りがあってはいけない． また，基本的に"テキスト"を書いていくことになるので，プログラミング言語で使うような変数やクラスといった便利な概念が使えない　(厳密には， CloudFormation にも変数に相当するような機能は存在する)． また，記述の多くの部分は繰り返しが多く，自動化できる部分も多い．
そのような悩みを解決してくれるのが， AWS Cloud Development Kit (CDK) である． CDK は Python などのプログラミング言語を使って CloudFormation を自動的に生成してくれるツールである． CDK は 2019 年にリリースされたばかりの比較的新しいツールで，日々改良が進められている (GitHub リポジトリ のリリースを見ればその開発のスピードの速さがわかるだろう)． CDK は TypeScript (JavaScript), Python, Java など複数の言語でサポートされている．
CDK を使うことで，CloudFormation に相当するクラウドリソースの記述を，より親しみのあるプログラミング言語を使って行うことができる． かつ，典型的なリソース操作に関してはパラメータの多くの部分を自動で決定してくれるので，記述しなければならない量もかなり削減される．
以下に Python を使った CDK のコードの一例 (抜粋) を示す．
python
from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
ここでは， "WebServer" という名前のつけられた EC2 インスタンスを定義している．かなり長大で複雑な記述であるが，これによって所望のスペック・OS をもつ EC2 インスタンスを自動的に生成することが可能になる．
AWS CDK ​
前節で紹介した CloudFormation は，見てわかるとおり大変記述が複雑であり，またそれのどれか一つにでも誤りがあってはいけない． また，基本的に"テキスト"を書いていくことになるので，プログラミング言語で使うような変数やクラスといった便利な概念が使えない　(厳密には， CloudFormation にも変数に相当するような機能は存在する)． また，記述の多くの部分は繰り返しが多く，自動化できる部分も多い．
そのような悩みを解決してくれるのが， AWS Cloud Development Kit (CDK) である． CDK は Python などのプログラミング言語を使って CloudFormation を自動的に生成してくれるツールである． CDK は 2019 年にリリースされたばかりの比較的新しいツールで，日々改良が進められている (GitHub リポジトリ のリリースを見ればその開発のスピードの速さがわかるだろう)． CDK は TypeScript (JavaScript), Python, Java など複数の言語でサポートされている．
CDK を使うことで，CloudFormation に相当するクラウドリソースの記述を，より親しみのあるプログラミング言語を使って行うことができる． かつ，典型的なリソース操作に関してはパラメータの多くの部分を自動で決定してくれるので，記述しなければならない量もかなり削減される．
以下に Python を使った CDK のコードの一例 (抜粋) を示す．
python
from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
 
-class MyFirstEc2(core.Stack):
+class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
 
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
 
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
 
-class MyFirstEc2(core.Stack):
+class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
 
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
 
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
このコードは，一つ前に示した JSON を使った CloudFormation と実質的に同じことを記述している． とても煩雑だった CloudFormation ファイルに比べて， CDK と Python を使うことで格段に短く，わかりやすく記述できることができるのがわかるだろう．
本書の主題は，CDK を使って，コードを書きながら AWS の概念や開発方法を学んでいくことである． 後の章では CDK を使って様々なハンズオンを実施していく． 早速，最初のハンズオンでは， CDK を使って EC2 インスタンスを作成する方法を学んでいこう．
  • AWS CDK Examples: CDK を使ったプロジェクトの例が多数紹介されている． ここにある例をテンプレートに自分のアプリケーションの開発を進めるとよい．

-    
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
このコードは，一つ前に示した JSON を使った CloudFormation と実質的に同じことを記述している． とても煩雑だった CloudFormation ファイルに比べて， CDK と Python を使うことで格段に短く，わかりやすく記述できることができるのがわかるだろう．
本書の主題は，CDK を使って，コードを書きながら AWS の概念や開発方法を学んでいくことである． 後の章では CDK を使って様々なハンズオンを実施していく． 早速，最初のハンズオンでは， CDK を使って EC2 インスタンスを作成する方法を学んでいこう．
  • AWS CDK Examples: CDK を使ったプロジェクトの例が多数紹介されている． ここにある例をテンプレートに自分のアプリケーションの開発を進めるとよい．

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/closing.html b/development/aws/closing.html
index 20044142..3c8c064a 100644
--- a/development/aws/closing.html
+++ b/development/aws/closing.html
@@ -5,15 +5,15 @@
     
     まとめ | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,8 +36,8 @@
     
   
   
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/cloud.html b/development/aws/cloud.html
index 7135c6b8..a2081ff0 100644
--- a/development/aws/cloud.html
+++ b/development/aws/cloud.html
@@ -5,16 +5,16 @@
     
     クラウド概論 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
-    
+    
     
     
     
@@ -37,8 +37,8 @@
     
   
   
-    
Toshiki's Note
Appearance
クラウド概論 ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:1.5k
 Reading:4 min
クラウドとは？ ​
Cloud
クラウドとはなにか？ クラウドという言葉は，それ自身がとても広い意味をもつので，厳密な定義付けを行うことは難しい．
学術的な意味でのクラウドの定義づけをするとしたら，NIST(米国・国立標準技術研究所) による The NIST Definition of Cloud Computing が引用されることが多い． ここに記載されたクラウドの定義・モデルを図示したのが figure_title である．
The NIST Definition of Cloud Computing
これによると，クラウドとは以下の要件が満たされたハードウェア/ソフトウェアの総体のことをいう．
  • On-demand self-service 利用者のリクエストに応じて計算資源が自動的に割り当てられる．
  • Broad network access 利用者はネットワークを通じてクラウドにアクセスできる．
  • Resource pooling クラウドプロバイダーは，所有する計算資源を分割することで複数の利用者に計算資源を割り当てる．
  • Rapid elasticity 利用者のリクエストに応じて，迅速に計算資源の拡大あるいは縮小を行うことができる．
  • Measured service 計算資源の利用量を計測・監視することができる．
…と，いわれても抽象的でよくわからないかもしれない．もう少し具体的な話をする．
個人が所有する計算機で， CPU をアップグレードしようと思ったら，物理的に筐体を開け，CPU ソケットを露出させ，新しい CPU に交換する必要があるだろう． あるいは，ストレージがいっぱいになってしまったら，古いディスクを抜き取り，新しいディスクを挿入する必要がある． 計算機の場所を移動させたときには，新しい部屋の LAN ケーブルを差し込まないとネットワークには接続できない．
クラウドでは，これらの操作がプログラムからのコマンドによって実行できる． CPU が 1000 個欲しいと思ったならば，そのようにクラウドプロバイダーにリクエストを送れば良い． すると，数分もしないうちに 1000 CPU の計算資源が割り当てられる． ストレージを 1TB から 10TB に拡張しようと思ったならば，そのようにコマンドを送ればよい (これは，Google Drive や Dropbox などのサービスなどで馴染みのある人も多いだろう)． 計算資源を使い終わったら，そのことをプロバイダーに伝えれば，割り当て分はすぐさま削除される． クラウドプロバイダーは，使った計算資源の量を正確にモニタリングしており，その量をもとに利用料金の計算が行われる．
このように，クラウドの本質は物理的なハードウェアの仮想化・抽象化であり，利用者はコマンドを通じて，まるでソフトウェアの一部かのように，物理的なハードウェアの管理・運用を行うことができる． もちろん，背後では，データセンターに置かれた膨大な数の計算機が大量の電力を消費しながら稼働している． クラウドプロバイダーはデータセンターの計算資源を上手にやりくりし，ソフトウェアとしてのインターフェースをユーザーに提供することで，このような仮想化・抽象化を達成しているわけである． クラウドプロバイダーの視点からすると，大勢のユーザーに計算機を貸し出し，データセンターの稼働率を常時 100%に近づけることで，利益率の最大化を図っているのである．
著者の言葉で，クラウドの重要な特性を定義するならば，以下のようになる．
クラウドとは計算機ハードウェアの抽象化である．つまり，物理的なハードウェアをソフトウェアの一部かのように自在に操作・拡大・接続することを可能にする技術である．
先述の The NIST Definition of Cloud Computing に戻ると，クラウドプロバイダーによるクラウドサービスの形態としては，次の三つが定義されている (figure_title)．
  • Software as a Service (SaaS): クラウド上で実行されるアプリケーションをサービスとして利用者に提供する形態． 例として， Google Drive や Slack などが挙げられる． 利用者は，背後にあるクラウドのインフラ (ネットワークやサーバーなど) には直接触れず，アプリケーションとして提供されているクラウドサービスを享受する．
  • Platform as a Service (PaaS): 顧客の作成したアプリケーション (多くの場合データベースと API リクエスト処理を行うサーバーのコードから構成される) をデプロイする環境をサービスとして利用者に提供する形態． PaaS では利用者はクラウドのインフラに直接触れることはなく，計算負荷が増減した際のサーバーのスケーリングはクラウドプロバイダーによってなされる． 例としては， Google App Engine や Heroku などがある．
  • Infrastructure as a Service (IaaS): クラウド上の計算インフラストラクチャーを従量課金制で利用者に提供する形態． 利用者は必要なネットワーク・サーバー・ストレージをプロバイダーから借り受け，そこに自身のアプリケーションを展開し運用する． IaaS の例としては AWS EC2 などが挙げられる．
本書が扱うのは，主に IaaS におけるクラウド開発である． すなわち，開発者がクラウドのインフラを直接操作し，所望のネットワーク・サーバー・ストレージなどを一から構成し，そこにアプリケーションを展開するというクラウド開発である． この意味において，クラウドの開発とはクラウドインフラストラクチャーを定義・展開するプログラムを構築するステップとインフラ上で実際に走るアプリケーションを作成するステップの二つに分けることができる． この二つは，プログラマーの技術としてはある程度分業を行うことが可能であるが，最も効率化・最適化されたクラウドシステムを構築するためには両方の理解が必須である． 本書では，前者 (クラウドインフラの記述) に重きを置きつつ，アプリケーションレイヤーの話題も取り扱う． PaaS とは，開発者はアプリケーションレイヤーの開発に注力し，クラウドインフラの部分はクラウドプロバイダーに依存するという概念である． PaaS は，クラウドインフラの開発が不要になることで開発の時間が短縮されるが，細かなインフラの挙動はコントロールできないという限界がある． 本書では PaaS についてはとくに取り扱わない．
SaaS は本書の文脈では開発による"成果物"と捉えられるだろう． すなわち， IaaS を構成するプログラムを作成し展開することによって，一般の人が利用できるようなウェブ上の計算サービスやデータベースを提供することが開発の最終ゴールである． 本書のハンズオンではその実例として，シンプルな SNS の作成 ( (#sec_bashoutter)) などの演習を提供する．
なお，最近では Function as a Service (FaaS) やサーバーレスコンピューティングなども新たなクラウドのカテゴリとして認知されている． これらの概念については (#sec_intro_serverless) などの章で詳しく触れていく． 本書を読み進める中で明らかになるように，クラウドの技術は日進月歩である． 本書では実用的・教育的な観点から，従来的なクラウドの設計概念に触れたあと，サーバーレスなどの最新の技術も網羅するので，楽しみにしながら読み進めていただきたい．
最後に，The NIST Definition of Cloud Computing によると，クラウドの運用形態について次のような定義がなされている (figure_title)． 特定の組織・団体・企業の内部のみで使用されるクラウドを，プライベートクラウド (private cloud) とよぶ． 例えば，大学や研究機関では，その機関の構成員向けの大規模計算機サーバーが運用されていることが多い． プライベートクラウドは，組織の構成員ならば無料もしくは極めて割安のコストで計算を実行できる． しかし，使用できる計算資源の上限は限られる場合が多く，拡張時の柔軟性に欠ける場合もある．
一方，商用のサービスとして一般の顧客に向けたクラウドのことを，パブリッククラウド (public cloud) とよぶ． 有名なパブリッククラウドプラットフォームの例を挙げると， Google 社が提供する Google Cloud Platform (GCP)， Microsoft 社が提供する Azure， Amazon 社が提供する Amazon Web Services (AWS) などがある． パブリッククラウドを利用する場合は，プロバイダーの設定した利用料金を支払うことになる． その分，巨大なデータセンターを運用する企業の計算資源にアクセスすることができるので，計算のキャパシティは無尽蔵にあるといって過言でない．
第三のクラウドの運用形態として，コミュニティクラウド (community cloud) が挙げられる． これは，例えば政府の省庁・機関など目的・役割を共有する団体・組織が共有して運用するクラウドを指す． 最後に，ハイブリッドクラウド (hybrid cloud) という形態もあり，これはプライベート・パブリック・コミュニティクラウドの二つ以上の組み合わせによって構成されるクラウドのことである． データ保護の観点から，いくつかの機密データやプライバシーに関わる情報はプライベートクラウドに保持し，残りのシステムをパブリッククラウドに依存する，などの形態が想定される．
本書で説明するのは，基本的にパブリッククラウドを使ったクラウド開発である． 特に，Amazon Web Services (AWS) を使用して，具体的な技術と概念を学んでいく． 一方で，サーバーのスケーリングや仮想計算環境などのテクニックはすべてのクラウドに共通な概念であるので，クラウドのプラットフォームが変わろうと一般に通用する知識も同時に身につくはずだ．
なぜクラウドを使うのか？ ​
上述のように，クラウドとはプログラムを通じて自由に計算資源を操作することのできる計算環境である． ここでは，リアルなローカル計算環境と比べて，なぜクラウドを使うと良いことがあるのかについて述べたい．
  1. 自由にサーバーのサイズをスケールできる
    なにか新しいプロジェクトを始めるとき，あらかじめ必要なサーバーのスペックを知るのは難しい． いきなり大きなサーバーを買うのはリスクが高い． 一方で，小さすぎるサーバーでは，後のアップグレードが面倒である． クラウドを利用すれば，プロジェクトを進めながら，必要な分だけの計算資源を確保することができる． 2. 自分でサーバーをメンテナンスする必要がない
    悲しいことに，コンピュータとは古くなるものである．最近の技術の進歩の速度からすると，5 年も経てば，もはや当時の最新コンピュータも化石と同じである． 5 年ごとにサーバーを入れ替えるのは相当な手間である． またサーバーの停電や故障など不意の障害への対応も必要である． クラウドでは，そのようなインフラの整備やメンテナンスはプロバイダーが自動でやってくれるので，ユーザーが心配する必要がない． 3. 初期コスト 0
    自前の計算環境とクラウドの，経済的なコストのイメージを示したのが figure_title である． クラウドを利用する場合の初期コストは基本的に 0 である． その後，使った利用量に応じてコストが増大していく． 一方，自前の計算環境では，大きな初期コストが生じる． その分，初期投資後のコストの増加は，電気利用料やサーバー維持費などに留まるため，クラウドを利用した場合よりも傾きは小さくなる． 自前の計算機では，ある一定期間後，サーバーのアップグレードなどによる支出が生じることがある． 一方，クラウドを利用する場合は，そのような非連続なコストの増大は基本的に生じない． クラウドのコストのカーブが，自前計算環境のコストのカーブの下にある範囲においては，クラウドを使うことは経済的なコスト削減につながる．
    クラウドと自前計算機環境の経済的コストの比較
とくに，**1.**の点は研究の場面では重要であると筆者は感じる． 研究をやっていて，四六時中計算を走らせ続けるという場合は少ない． むしろ，新しいアルゴリズムが完成したとき・新しいデータが届いたとき，集中的・突発的に計算タスクが増大することが多いだろう． そういったときに，フレキシブルに計算力を増強させることができるのは，クラウドを使う大きなメリットである．
ここまでクラウドを使うメリットを述べたが，逆に，デメリットというのも当然存在する．
  1. クラウドは賢く使わないといけない
    figure_title で示したコストのカーブにあるとおり，使い方によっては自前の計算環境のほうがコスト的に有利な場面は存在しうる． クラウドを利用する際は，使い終わった計算資源はすぐに削除するなど，利用者が賢く管理を行う必要があり，これを怠ると思いもしない額の請求が届く可能性がある． 2. セキュリティ
    クラウドは，インターネットを通じて世界のどこからでもアクセスできる状態にあり，セキュリティ管理を怠ると簡単にハッキングの対象となりうる． ハッキングを受けると，情報流出だけでなく，経済的な損失を被る可能性がある． 3. ラーニングカーブ
    上記のように，コスト・セキュリティなど，クラウドを利用する際に留意しなければならない点は多い． 賢くクラウドを使うには，十分なクラウドの理解が必要であり，そのラーニングカーブを乗り越える必要がある．
Mac/Linux などでコマンドを入力するときに使用する，あの黒い画面のことを Terminal とよんだりする． この言葉の語源をご存知だろうか？
Terminal
この言葉の語源は，コンピュータが誕生して間もない頃の時代に遡る． その頃のコンピュータというと，何千何万のという数の真空管が接続された，会議室一個分くらいのサイズのマシンであった． そのような高価でメンテが大変な機材であるから，当然みんなでシェアして使うことが前提となる． ユーザーがコンピュータにアクセスするため，マシンからは何本かのケーブルが伸び，それぞれにキーボードとスクリーンが接続されていた… これを Terminal とよんでいたのである． 人々は，代わる代わる Terminal の前に座って，計算機との対話を行っていた．
時代は流れ，Windows や Mac などのいわゆるパーソナルコンピュータの出現により，コンピュータはみんなで共有するものではなく，個人が所有するものになった．
最近のクラウドの台頭は，みんなで大きなコンピュータをシェアするという，最初のコンピュータの使われ方に原点回帰していると捉えることもできる． 一方で，スマートフォンやウェアラブルなどのエッジデバイスの普及も盛んであり，個人が複数の"小さな"コンピュータを所有する，という流れも同時に進行しているのである．

-    
+    
Toshiki's Note
Appearance
クラウド概論 ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:1.5k
 Reading:4 min
クラウドとは？ ​
Cloud
クラウドとはなにか？ クラウドという言葉は，それ自身がとても広い意味をもつので，厳密な定義付けを行うことは難しい．
学術的な意味でのクラウドの定義づけをするとしたら，NIST(米国・国立標準技術研究所) による The NIST Definition of Cloud Computing が引用されることが多い． ここに記載されたクラウドの定義・モデルを図示したのが figure_title である．
The NIST Definition of Cloud Computing
これによると，クラウドとは以下の要件が満たされたハードウェア/ソフトウェアの総体のことをいう．
  • On-demand self-service 利用者のリクエストに応じて計算資源が自動的に割り当てられる．
  • Broad network access 利用者はネットワークを通じてクラウドにアクセスできる．
  • Resource pooling クラウドプロバイダーは，所有する計算資源を分割することで複数の利用者に計算資源を割り当てる．
  • Rapid elasticity 利用者のリクエストに応じて，迅速に計算資源の拡大あるいは縮小を行うことができる．
  • Measured service 計算資源の利用量を計測・監視することができる．
…と，いわれても抽象的でよくわからないかもしれない．もう少し具体的な話をする．
個人が所有する計算機で， CPU をアップグレードしようと思ったら，物理的に筐体を開け，CPU ソケットを露出させ，新しい CPU に交換する必要があるだろう． あるいは，ストレージがいっぱいになってしまったら，古いディスクを抜き取り，新しいディスクを挿入する必要がある． 計算機の場所を移動させたときには，新しい部屋の LAN ケーブルを差し込まないとネットワークには接続できない．
クラウドでは，これらの操作がプログラムからのコマンドによって実行できる． CPU が 1000 個欲しいと思ったならば，そのようにクラウドプロバイダーにリクエストを送れば良い． すると，数分もしないうちに 1000 CPU の計算資源が割り当てられる． ストレージを 1TB から 10TB に拡張しようと思ったならば，そのようにコマンドを送ればよい (これは，Google Drive や Dropbox などのサービスなどで馴染みのある人も多いだろう)． 計算資源を使い終わったら，そのことをプロバイダーに伝えれば，割り当て分はすぐさま削除される． クラウドプロバイダーは，使った計算資源の量を正確にモニタリングしており，その量をもとに利用料金の計算が行われる．
このように，クラウドの本質は物理的なハードウェアの仮想化・抽象化であり，利用者はコマンドを通じて，まるでソフトウェアの一部かのように，物理的なハードウェアの管理・運用を行うことができる． もちろん，背後では，データセンターに置かれた膨大な数の計算機が大量の電力を消費しながら稼働している． クラウドプロバイダーはデータセンターの計算資源を上手にやりくりし，ソフトウェアとしてのインターフェースをユーザーに提供することで，このような仮想化・抽象化を達成しているわけである． クラウドプロバイダーの視点からすると，大勢のユーザーに計算機を貸し出し，データセンターの稼働率を常時 100%に近づけることで，利益率の最大化を図っているのである．
著者の言葉で，クラウドの重要な特性を定義するならば，以下のようになる．
クラウドとは計算機ハードウェアの抽象化である．つまり，物理的なハードウェアをソフトウェアの一部かのように自在に操作・拡大・接続することを可能にする技術である．
先述の The NIST Definition of Cloud Computing に戻ると，クラウドプロバイダーによるクラウドサービスの形態としては，次の三つが定義されている (figure_title)．
  • Software as a Service (SaaS): クラウド上で実行されるアプリケーションをサービスとして利用者に提供する形態． 例として， Google Drive や Slack などが挙げられる． 利用者は，背後にあるクラウドのインフラ (ネットワークやサーバーなど) には直接触れず，アプリケーションとして提供されているクラウドサービスを享受する．
  • Platform as a Service (PaaS): 顧客の作成したアプリケーション (多くの場合データベースと API リクエスト処理を行うサーバーのコードから構成される) をデプロイする環境をサービスとして利用者に提供する形態． PaaS では利用者はクラウドのインフラに直接触れることはなく，計算負荷が増減した際のサーバーのスケーリングはクラウドプロバイダーによってなされる． 例としては， Google App Engine や Heroku などがある．
  • Infrastructure as a Service (IaaS): クラウド上の計算インフラストラクチャーを従量課金制で利用者に提供する形態． 利用者は必要なネットワーク・サーバー・ストレージをプロバイダーから借り受け，そこに自身のアプリケーションを展開し運用する． IaaS の例としては AWS EC2 などが挙げられる．
本書が扱うのは，主に IaaS におけるクラウド開発である． すなわち，開発者がクラウドのインフラを直接操作し，所望のネットワーク・サーバー・ストレージなどを一から構成し，そこにアプリケーションを展開するというクラウド開発である． この意味において，クラウドの開発とはクラウドインフラストラクチャーを定義・展開するプログラムを構築するステップとインフラ上で実際に走るアプリケーションを作成するステップの二つに分けることができる． この二つは，プログラマーの技術としてはある程度分業を行うことが可能であるが，最も効率化・最適化されたクラウドシステムを構築するためには両方の理解が必須である． 本書では，前者 (クラウドインフラの記述) に重きを置きつつ，アプリケーションレイヤーの話題も取り扱う． PaaS とは，開発者はアプリケーションレイヤーの開発に注力し，クラウドインフラの部分はクラウドプロバイダーに依存するという概念である． PaaS は，クラウドインフラの開発が不要になることで開発の時間が短縮されるが，細かなインフラの挙動はコントロールできないという限界がある． 本書では PaaS についてはとくに取り扱わない．
SaaS は本書の文脈では開発による"成果物"と捉えられるだろう． すなわち， IaaS を構成するプログラムを作成し展開することによって，一般の人が利用できるようなウェブ上の計算サービスやデータベースを提供することが開発の最終ゴールである． 本書のハンズオンではその実例として，シンプルな SNS の作成 ( (#sec_bashoutter)) などの演習を提供する．
なお，最近では Function as a Service (FaaS) やサーバーレスコンピューティングなども新たなクラウドのカテゴリとして認知されている． これらの概念については (#sec_intro_serverless) などの章で詳しく触れていく． 本書を読み進める中で明らかになるように，クラウドの技術は日進月歩である． 本書では実用的・教育的な観点から，従来的なクラウドの設計概念に触れたあと，サーバーレスなどの最新の技術も網羅するので，楽しみにしながら読み進めていただきたい．
最後に，The NIST Definition of Cloud Computing によると，クラウドの運用形態について次のような定義がなされている (figure_title)． 特定の組織・団体・企業の内部のみで使用されるクラウドを，プライベートクラウド (private cloud) とよぶ． 例えば，大学や研究機関では，その機関の構成員向けの大規模計算機サーバーが運用されていることが多い． プライベートクラウドは，組織の構成員ならば無料もしくは極めて割安のコストで計算を実行できる． しかし，使用できる計算資源の上限は限られる場合が多く，拡張時の柔軟性に欠ける場合もある．
一方，商用のサービスとして一般の顧客に向けたクラウドのことを，パブリッククラウド (public cloud) とよぶ． 有名なパブリッククラウドプラットフォームの例を挙げると， Google 社が提供する Google Cloud Platform (GCP)， Microsoft 社が提供する Azure， Amazon 社が提供する Amazon Web Services (AWS) などがある． パブリッククラウドを利用する場合は，プロバイダーの設定した利用料金を支払うことになる． その分，巨大なデータセンターを運用する企業の計算資源にアクセスすることができるので，計算のキャパシティは無尽蔵にあるといって過言でない．
第三のクラウドの運用形態として，コミュニティクラウド (community cloud) が挙げられる． これは，例えば政府の省庁・機関など目的・役割を共有する団体・組織が共有して運用するクラウドを指す． 最後に，ハイブリッドクラウド (hybrid cloud) という形態もあり，これはプライベート・パブリック・コミュニティクラウドの二つ以上の組み合わせによって構成されるクラウドのことである． データ保護の観点から，いくつかの機密データやプライバシーに関わる情報はプライベートクラウドに保持し，残りのシステムをパブリッククラウドに依存する，などの形態が想定される．
本書で説明するのは，基本的にパブリッククラウドを使ったクラウド開発である． 特に，Amazon Web Services (AWS) を使用して，具体的な技術と概念を学んでいく． 一方で，サーバーのスケーリングや仮想計算環境などのテクニックはすべてのクラウドに共通な概念であるので，クラウドのプラットフォームが変わろうと一般に通用する知識も同時に身につくはずだ．
なぜクラウドを使うのか？ ​
上述のように，クラウドとはプログラムを通じて自由に計算資源を操作することのできる計算環境である． ここでは，リアルなローカル計算環境と比べて，なぜクラウドを使うと良いことがあるのかについて述べたい．
  1. 自由にサーバーのサイズをスケールできる
    なにか新しいプロジェクトを始めるとき，あらかじめ必要なサーバーのスペックを知るのは難しい． いきなり大きなサーバーを買うのはリスクが高い． 一方で，小さすぎるサーバーでは，後のアップグレードが面倒である． クラウドを利用すれば，プロジェクトを進めながら，必要な分だけの計算資源を確保することができる． 2. 自分でサーバーをメンテナンスする必要がない
    悲しいことに，コンピュータとは古くなるものである．最近の技術の進歩の速度からすると，5 年も経てば，もはや当時の最新コンピュータも化石と同じである． 5 年ごとにサーバーを入れ替えるのは相当な手間である． またサーバーの停電や故障など不意の障害への対応も必要である． クラウドでは，そのようなインフラの整備やメンテナンスはプロバイダーが自動でやってくれるので，ユーザーが心配する必要がない． 3. 初期コスト 0
    自前の計算環境とクラウドの，経済的なコストのイメージを示したのが figure_title である． クラウドを利用する場合の初期コストは基本的に 0 である． その後，使った利用量に応じてコストが増大していく． 一方，自前の計算環境では，大きな初期コストが生じる． その分，初期投資後のコストの増加は，電気利用料やサーバー維持費などに留まるため，クラウドを利用した場合よりも傾きは小さくなる． 自前の計算機では，ある一定期間後，サーバーのアップグレードなどによる支出が生じることがある． 一方，クラウドを利用する場合は，そのような非連続なコストの増大は基本的に生じない． クラウドのコストのカーブが，自前計算環境のコストのカーブの下にある範囲においては，クラウドを使うことは経済的なコスト削減につながる．
    クラウドと自前計算機環境の経済的コストの比較
とくに，**1.**の点は研究の場面では重要であると筆者は感じる． 研究をやっていて，四六時中計算を走らせ続けるという場合は少ない． むしろ，新しいアルゴリズムが完成したとき・新しいデータが届いたとき，集中的・突発的に計算タスクが増大することが多いだろう． そういったときに，フレキシブルに計算力を増強させることができるのは，クラウドを使う大きなメリットである．
ここまでクラウドを使うメリットを述べたが，逆に，デメリットというのも当然存在する．
  1. クラウドは賢く使わないといけない
    figure_title で示したコストのカーブにあるとおり，使い方によっては自前の計算環境のほうがコスト的に有利な場面は存在しうる． クラウドを利用する際は，使い終わった計算資源はすぐに削除するなど，利用者が賢く管理を行う必要があり，これを怠ると思いもしない額の請求が届く可能性がある． 2. セキュリティ
    クラウドは，インターネットを通じて世界のどこからでもアクセスできる状態にあり，セキュリティ管理を怠ると簡単にハッキングの対象となりうる． ハッキングを受けると，情報流出だけでなく，経済的な損失を被る可能性がある． 3. ラーニングカーブ
    上記のように，コスト・セキュリティなど，クラウドを利用する際に留意しなければならない点は多い． 賢くクラウドを使うには，十分なクラウドの理解が必要であり，そのラーニングカーブを乗り越える必要がある．
Mac/Linux などでコマンドを入力するときに使用する，あの黒い画面のことを Terminal とよんだりする． この言葉の語源をご存知だろうか？
Terminal
この言葉の語源は，コンピュータが誕生して間もない頃の時代に遡る． その頃のコンピュータというと，何千何万のという数の真空管が接続された，会議室一個分くらいのサイズのマシンであった． そのような高価でメンテが大変な機材であるから，当然みんなでシェアして使うことが前提となる． ユーザーがコンピュータにアクセスするため，マシンからは何本かのケーブルが伸び，それぞれにキーボードとスクリーンが接続されていた… これを Terminal とよんでいたのである． 人々は，代わる代わる Terminal の前に座って，計算機との対話を行っていた．
時代は流れ，Windows や Mac などのいわゆるパーソナルコンピュータの出現により，コンピュータはみんなで共有するものではなく，個人が所有するものになった．
最近のクラウドの台頭は，みんなで大きなコンピュータをシェアするという，最初のコンピュータの使われ方に原点回帰していると捉えることもできる． 一方で，スマートフォンやウェアラブルなどのエッジデバイスの普及も盛んであり，個人が複数の"小さな"コンピュータを所有する，という流れも同時に進行しているのである．

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/docker-system.html b/development/aws/docker-system.html
index eea4b99e..276cf408 100644
--- a/development/aws/docker-system.html
+++ b/development/aws/docker-system.html
@@ -5,16 +5,16 @@
     
     Docker 入門 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
-    
+    
     
     
     
@@ -37,72 +37,72 @@
     
   
   
-    
Toshiki's Note
Appearance
Docker 入門 ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:2.2k
 Reading:8 min
ここまでの章で扱ってきたハンズオンでは，単一のサーバーを立ち上げ，それに SSH でログインをして，コマンドを叩くことで計算を行ってきた． いわば，パーソナルコンピュータの延長のような形でクラウドを使ってきたわけである． このような，インターネットのどこからでもアクセスできるパーソナルコンピュータとしてのクラウドという使い方も，もちろん便利であるし，いろいろな応用の可能性がある． しかし，これだけではクラウドの本当の価値は十分に発揮されていないと言うべきだろう． (#chap_cloud_basics) で述べたように，現代的なクラウドの一番の強みは自由に計算機の規模を拡大できることにある． すなわち，多数のサーバーを同時に起動し，複数のジョブを分散並列的に実行させることで大量のデータを処理してこそ，クラウドの本領が発揮されるのである．
本章からはじまる 3 章分 (Docker 入門, (#sec_fargate_qabot), (#sec_aws_batch)) を使って，クラウドを利用することでどのように大規模な計算システムを構築しビッグデータの解析に立ち向かうのか，その片鱗をお見せしたい． とくに，前章で扱った深層学習をどのようにビッグデータに適用していくかという点に焦点を絞って議論していきたい． そのための前準備として，本章では Docker とよばれる計算機環境の仮想化ソフトウェアを紹介する (figure_title)． 現代のクラウドは Docker なしには成り立たないといっても過言ではないだろう． クラウドに限らず，ローカルで行う計算処理にも Docker は大変便利である． AWS からは少し話が離れるが，しっかりと理解して前に進んでもらいたい．
機械学習の大規模化 ​
先ほどから"計算システムの大規模化"と繰り返し唱えているが，それは具体的にはどのようなものを指しているのか？ ここでは大規模データを処理するための計算機システムを，機械学習を例にとって見てみよう．
(#sec_scientific_computing) で紹介した GPT-3 のような，超巨大な数のパラメータを有する深層学習モデルを学習させたいとしよう． そのような計算を行いたい場合，一つのサーバーでは計算力が到底足りない． したがって，典型的には figure_title に示すような計算システムの設計がなされる． すなわち，大量の教師データを小さなチャンクとして複数のマシンに分散し，並列的にニューラルネットのパラメータを最適化していくという構造である．
複数の計算機を使った大規模な深層学習モデルの訓練
あるいは，学習済みのモデルを大量のデータに適用し，解析を行いたいとしよう． たとえば， SNS のプラットフォームで大量の画像が与えられて，それぞれの写真に何が写っているのかをラベルづけする，などのアプリケーションを想定できる． そのような場合は， figure_title のようなアーキテクチャが考えられるだろう． すなわち，大量のデータを複数のマシンで分割し，それぞれのマシンで推論の計算を行うというような構造である．
複数の計算機による深層学習モデルを使った推論計算
このような複数の計算機を同時に走らせるようなアプリケーションをクラウド上で実現するには，どのようにすればよいのだろうか？
重要なポイントとして， figure_title や figure_title で起動している複数のマシンは，基本的に全く同一の OS・計算環境を有している点である． ここで，個人のコンピュータで行うようなインストールの操作を，各マシンで行うこともできるが，それは大変な手間であるし，メンテナンスも面倒だろう． すなわち，大規模な計算システムを構築するには，簡単に計算環境を複製できるような仕組みが必要であるということがわかる．
そのような目的を実現するために使われるのが， Docker とよばれるソフトウェアである．
Docker とは ​
Docker のアイコン
Docker とは， コンテナ (Container) とよばれる仮想環境下で，ホスト OS とは独立した別の計算環境を走らせるためのソフトウェアである． Docker を使うことで， OS を含めたすべてのプログラムをコンパクトにパッケージングすることが可能になる (パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ)． Docker を使うことで，クラウドのサーバー上に瞬時に計算環境を複製することが可能になり， figure_title で見たような複数の計算機を同時に走らせるためのシステムが実現できる．
Docker は 2013 年に Solomon Hykes らを中心に開発され，それ以降爆発的に普及し，クラウドコンピューティングだけでなく，機械学習・科学計算の文脈などでも欠かすことのできないソフトウェアとなった． Docker はエンタープライズ向けの製品を除き無料で使用することができ，コアの部分は オープンソースプロジェクト として公開されている． Docker は Linux, Windows, Mac いずれの OS でも提供されている． 概念としては， Docker は仮想マシン (Virtual machine; VM) にとても近い． ここでは， VM との対比をしながら，Docker とはなにかを簡単に説明しよう．
仮想マシン (VM) とは，ホストとなるマシンの上に，仮想化された OS を走らせる技術である (figure_title)． VM には ハイパーバイザー (Hypervisor) とよばれるレイヤーが存在する． Hypervisor はまず，物理的な計算機リソース (CPU, RAM, network など) を分割し，仮想化する． たとえば， ホストマシンに物理的な CPU が 4 コアあるとして，ハイパーバイザーはそれを (2,2) 個の組に仮想的に分割することができる． VM 上で起動する OS には，ハイパーバイザーによって仮想化されたハードウェアが割り当てられる． VM 上で起動する OS は基本的に完全に独立であり，たとえば OS-A は OS-B に割り当てられた CPU やメモリー領域にアクセスすることはできない (これを isolation とよぶ)． VM を作成するための有名なソフトウェアとしては， VMware， VirtualBox， Xen などがある． また，これまで触ってきた EC2 も，基本的に VM 技術を使うことで所望のスペックをもった仮想マシンがユーザーに提示される．
Docker も， VM と同様に，仮想化された OS をホストの OS 上に走らせるための技術である． VM に対し， Docker ではハードウェアレベルの仮想化は行われておらず，すべての仮想化はソフトウェアレベルで実現されている (figure_title)． Docker で走る仮想 OS は，多くの部分をホストの OS に依存しており，結果として非常にコンパクトである． その結果， Docker で仮想 OS を起動するために要する時間は， VM に比べて圧倒的に早い． また， パッケージ化された環境 (=イメージ) のサイズも完全な OS に比べ圧倒的に小さくなるので，ネットワークを通じたやり取りが非常に高速化される点も重要である 加えて， VM のいくつかの実装では，メタル (仮想化マシンに対して，物理的なハードウェア上で直接起動する場合のこと) と比べ，ハイパーバイザーレイヤーでのオーバーヘッドなどにより性能が低下することが知られているが， Docker ではメタルとほぼ同様の性能を引き出すことができるとされている．
その他， VM との相違点などはたくさんあるのだが，ここではこれ以上詳細には立ち入らない． 大事なのは， Docker とはとてもコンパクトかつハイパフォーマンスな仮想計算環境を作るツールである，という点である． その手軽さゆえに，2013 年の登場以降，クラウドシステムでの利用が急速に増加し，現代のクラウドでは欠くことのできない中心的な技術になっている．
Docker (左) と VM (右) の比較 (画像出典: https://www.docker.com/blog/containers-replacing-virtual-machines/)
職業的プログラマーにとっての"三種の神器"とはなんだろうか？ 多様な意見があると思うが，筆者は Git, Vim そして Docker を挙げたい．
Git は多くの読者がご存じの通り，コードの変更を追跡するためのシステムである． Linux の作成者である Linus Torvalds によって 2005 年に誕生した． チームでの開発を進める際には欠かせないツールだ．
Vim は 1991 年から 30 年以上の間プログラマーたちに愛されてきたテキストエディターである． Stackoverflow が行った 2019 年のアンケート によると，開発環境の部門で 5 位の人気を獲得している． たくさんのショートカットと様々なカスタム設定が提供されているので，初見の人にはなかなかハードルが高いが，一度マスターすれば他のモダンなエディターや統合開発環境に負けない，あるいはそれ以上の開発体験を実現することができる．
これらの十年以上の歴史あるツールに並んで，第三番目の三種の神器として挙げたいのが Docker だ． Docker はプログラマーの開発のワークフローを一変させた． たとえば，プロジェクトごとに Docker イメージを作成することで，どの OS・コンピュータ でも全く同じ計算環境で開発・テストを実行することができるようになった． また， DevOps や CI / CD (Continuous Integration / Continuous Deployment) といった最近の開発ワークフローも Docker のようなコンテナ技術の存在に立脚している． さらにはサーバーレスコンピューティング ( (#sec_serverless)) といった概念も，コンテナ技術の生んだ大きな技術革新といえる．
あなたにとっての三種の神器はなんだろうか？ また，これからの未来ではどんな新しいツールが三種の神器としてプログラマーのワークフローを革新していくだろうか？
Docker チュートリアル ​
Docker とはなにかを理解するためには，実際に触って動かしてみるのが一番有効な手立てである． ここでは， Docker の簡単なチュートリアルを行っていく．
Docker のインストールについては， (#sec:install_docker) および 公式のドキュメンテーション を参照してもらいたい． Docker のインストールが完了している前提で，以下は話を進めるものとする．
Docker 用語集 ​
Docker を使い始めるに当たり，最初に主要な用語を解説しよう． 次のパラグラフで太字で強調された用語を頭に入れた上で，続くチュートリアルに取り組んでいただきたい．
Docker を起動する際の大まかなステップを示したのが figure_title である． パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ． イメージは， Docker Hub などのリポジトリで配布されているものをダウンロードするか，自分でカスタムのイメージを作成することも可能である． イメージを作成するための”レシピ”を記述したファイルが Dockerfile である． Dockerfile からイメージを作成する操作を build とよぶ． イメージがホストマシンのメモリにロードされ，起動状態にある計算環境のことを コンテナ (Container) とよぶ． Container を起動するために使用されるコマンドが run である．
Image と Container
イメージをダウンロード ​
パッケージ化された Docker の仮想環境 (= イメージ (Image)) は， Docker Hub からダウンロードできる． Docker Hub には，個人や企業・団体が作成した Docker イメージが集められており， GitHub などと同じ感覚で，オープンな形で公開されている．
たとえば， Ubuntu のイメージは Ubuntu の公式リポジトリ で公開されており， pull コマンドを使うことでローカルにダウンロードすることができる．
sh
$ docker pull ubuntu:18.04
$ docker pull ubuntu:18.04
ここで，イメージ名の : (コロン) 以降に続く文字列を タグ (tag) と呼び，主にバージョンを指定するなどの目的で使われる．
pull コマンドはデフォルトでは Docker Hub でイメージを検索し，ダウンロードを行う． Docker イメージを公開するためのデータベース (レジストリ (registry) とよぶ) は Docker Hub だけではなく，たとえば GitLab や GitHub は独自のレジストリ機能を提供しているし，個人のサーバーでレジストリを立ち上げることも可能である． Docker Hub 以外のレジストリから pull するには， myregistry.local:5000/testing/test-image のように，イメージ名の先頭につける形でレジストリのアドレス (さらにオプションとしてポート番号) を指定する．
コンテナを起動 ​
Pull してきたイメージを起動するには， run コマンドを使う．
sh
$ docker run -it ubuntu:18.04
$ docker run -it ubuntu:18.04
ここで， -it とは，インタラクティブな shell のセッションを開始するために必要なオプションである．
このコマンドを実行すると，仮想化された Ubuntu が起動され，コマンドラインからコマンドが打ち込めるようになる (figure_title)． このように起動状態にある計算環境 (ランタイム) のことを Container (コンテナ) とよぶ．
Docker を使って ubuntu:18.04 イメージを起動
ここで使用した ubuntu:18.04 のイメージは，空の Ubuntu OS だが，すでにプログラムがインストール済みのものもある． これは， (#sec_jupyter_and_deep_learning) でみた DLAMI と概念として似ている． たとえば， PyTorch がインストール済みのイメージは PyTorch 公式の Docker Hub リポジトリ で公開されている．
これを起動してみよう．
sh
$ docker run -it pytorch/pytorch
$ docker run -it pytorch/pytorch
docker run を実行したとき，ローカルに該当するイメージが見つからない場合は，自動的に Docker Hub からダウンロードされる．
pytorch のコンテナが起動したら， Python のシェルを立ち上げて， pytorch をインポートしてみよう．
sh
$ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
$ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
このように， Docker を使うことで簡単に特定の OS・プログラムの入った計算環境を再現することが可能になる．
自分だけのイメージを作る ​
自分の使うソフトウェア・ライブラリがインストールされた，自分だけのイメージを作ることも可能である．
たとえば， 本書のハンズオン実行用に提供している docker イメージ には， Python, Node.js, AWS CLI, AWS CDK などのソフトウェアがインストール済みであり，ダウンロードしてくるだけですぐにハンズオンのプログラムが実行できるようになっている．
カスタムの docker イメージを作るには， Dockerfile という名前のついたファイルを用意し，その中にどんなプログラムをインストールするかなどを記述していく．
具体例として，本書で提供している Docker イメージのレシピを見てみよう (docker/Dockerfile)．
dockerfile
FROM node:12
-LABEL maintainer="Tomoyuki Mano"
+    
Toshiki's Note
Appearance
Docker 入門 ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:2.2k
 Reading:8 min
ここまでの章で扱ってきたハンズオンでは，単一のサーバーを立ち上げ，それに SSH でログインをして，コマンドを叩くことで計算を行ってきた． いわば，パーソナルコンピュータの延長のような形でクラウドを使ってきたわけである． このような，インターネットのどこからでもアクセスできるパーソナルコンピュータとしてのクラウドという使い方も，もちろん便利であるし，いろいろな応用の可能性がある． しかし，これだけではクラウドの本当の価値は十分に発揮されていないと言うべきだろう． (#chap_cloud_basics) で述べたように，現代的なクラウドの一番の強みは自由に計算機の規模を拡大できることにある． すなわち，多数のサーバーを同時に起動し，複数のジョブを分散並列的に実行させることで大量のデータを処理してこそ，クラウドの本領が発揮されるのである．
本章からはじまる 3 章分 (Docker 入門, (#sec_fargate_qabot), (#sec_aws_batch)) を使って，クラウドを利用することでどのように大規模な計算システムを構築しビッグデータの解析に立ち向かうのか，その片鱗をお見せしたい． とくに，前章で扱った深層学習をどのようにビッグデータに適用していくかという点に焦点を絞って議論していきたい． そのための前準備として，本章では Docker とよばれる計算機環境の仮想化ソフトウェアを紹介する (figure_title)． 現代のクラウドは Docker なしには成り立たないといっても過言ではないだろう． クラウドに限らず，ローカルで行う計算処理にも Docker は大変便利である． AWS からは少し話が離れるが，しっかりと理解して前に進んでもらいたい．
機械学習の大規模化 ​
先ほどから"計算システムの大規模化"と繰り返し唱えているが，それは具体的にはどのようなものを指しているのか？ ここでは大規模データを処理するための計算機システムを，機械学習を例にとって見てみよう．
(#sec_scientific_computing) で紹介した GPT-3 のような，超巨大な数のパラメータを有する深層学習モデルを学習させたいとしよう． そのような計算を行いたい場合，一つのサーバーでは計算力が到底足りない． したがって，典型的には figure_title に示すような計算システムの設計がなされる． すなわち，大量の教師データを小さなチャンクとして複数のマシンに分散し，並列的にニューラルネットのパラメータを最適化していくという構造である．
複数の計算機を使った大規模な深層学習モデルの訓練
あるいは，学習済みのモデルを大量のデータに適用し，解析を行いたいとしよう． たとえば， SNS のプラットフォームで大量の画像が与えられて，それぞれの写真に何が写っているのかをラベルづけする，などのアプリケーションを想定できる． そのような場合は， figure_title のようなアーキテクチャが考えられるだろう． すなわち，大量のデータを複数のマシンで分割し，それぞれのマシンで推論の計算を行うというような構造である．
複数の計算機による深層学習モデルを使った推論計算
このような複数の計算機を同時に走らせるようなアプリケーションをクラウド上で実現するには，どのようにすればよいのだろうか？
重要なポイントとして， figure_title や figure_title で起動している複数のマシンは，基本的に全く同一の OS・計算環境を有している点である． ここで，個人のコンピュータで行うようなインストールの操作を，各マシンで行うこともできるが，それは大変な手間であるし，メンテナンスも面倒だろう． すなわち，大規模な計算システムを構築するには，簡単に計算環境を複製できるような仕組みが必要であるということがわかる．
そのような目的を実現するために使われるのが， Docker とよばれるソフトウェアである．
Docker とは ​
Docker のアイコン
Docker とは， コンテナ (Container) とよばれる仮想環境下で，ホスト OS とは独立した別の計算環境を走らせるためのソフトウェアである． Docker を使うことで， OS を含めたすべてのプログラムをコンパクトにパッケージングすることが可能になる (パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ)． Docker を使うことで，クラウドのサーバー上に瞬時に計算環境を複製することが可能になり， figure_title で見たような複数の計算機を同時に走らせるためのシステムが実現できる．
Docker は 2013 年に Solomon Hykes らを中心に開発され，それ以降爆発的に普及し，クラウドコンピューティングだけでなく，機械学習・科学計算の文脈などでも欠かすことのできないソフトウェアとなった． Docker はエンタープライズ向けの製品を除き無料で使用することができ，コアの部分は オープンソースプロジェクト として公開されている． Docker は Linux, Windows, Mac いずれの OS でも提供されている． 概念としては， Docker は仮想マシン (Virtual machine; VM) にとても近い． ここでは， VM との対比をしながら，Docker とはなにかを簡単に説明しよう．
仮想マシン (VM) とは，ホストとなるマシンの上に，仮想化された OS を走らせる技術である (figure_title)． VM には ハイパーバイザー (Hypervisor) とよばれるレイヤーが存在する． Hypervisor はまず，物理的な計算機リソース (CPU, RAM, network など) を分割し，仮想化する． たとえば， ホストマシンに物理的な CPU が 4 コアあるとして，ハイパーバイザーはそれを (2,2) 個の組に仮想的に分割することができる． VM 上で起動する OS には，ハイパーバイザーによって仮想化されたハードウェアが割り当てられる． VM 上で起動する OS は基本的に完全に独立であり，たとえば OS-A は OS-B に割り当てられた CPU やメモリー領域にアクセスすることはできない (これを isolation とよぶ)． VM を作成するための有名なソフトウェアとしては， VMware， VirtualBox， Xen などがある． また，これまで触ってきた EC2 も，基本的に VM 技術を使うことで所望のスペックをもった仮想マシンがユーザーに提示される．
Docker も， VM と同様に，仮想化された OS をホストの OS 上に走らせるための技術である． VM に対し， Docker ではハードウェアレベルの仮想化は行われておらず，すべての仮想化はソフトウェアレベルで実現されている (figure_title)． Docker で走る仮想 OS は，多くの部分をホストの OS に依存しており，結果として非常にコンパクトである． その結果， Docker で仮想 OS を起動するために要する時間は， VM に比べて圧倒的に早い． また， パッケージ化された環境 (=イメージ) のサイズも完全な OS に比べ圧倒的に小さくなるので，ネットワークを通じたやり取りが非常に高速化される点も重要である 加えて， VM のいくつかの実装では，メタル (仮想化マシンに対して，物理的なハードウェア上で直接起動する場合のこと) と比べ，ハイパーバイザーレイヤーでのオーバーヘッドなどにより性能が低下することが知られているが， Docker ではメタルとほぼ同様の性能を引き出すことができるとされている．
その他， VM との相違点などはたくさんあるのだが，ここではこれ以上詳細には立ち入らない． 大事なのは， Docker とはとてもコンパクトかつハイパフォーマンスな仮想計算環境を作るツールである，という点である． その手軽さゆえに，2013 年の登場以降，クラウドシステムでの利用が急速に増加し，現代のクラウドでは欠くことのできない中心的な技術になっている．
Docker (左) と VM (右) の比較 (画像出典: https://www.docker.com/blog/containers-replacing-virtual-machines/)
職業的プログラマーにとっての"三種の神器"とはなんだろうか？ 多様な意見があると思うが，筆者は Git, Vim そして Docker を挙げたい．
Git は多くの読者がご存じの通り，コードの変更を追跡するためのシステムである． Linux の作成者である Linus Torvalds によって 2005 年に誕生した． チームでの開発を進める際には欠かせないツールだ．
Vim は 1991 年から 30 年以上の間プログラマーたちに愛されてきたテキストエディターである． Stackoverflow が行った 2019 年のアンケート によると，開発環境の部門で 5 位の人気を獲得している． たくさんのショートカットと様々なカスタム設定が提供されているので，初見の人にはなかなかハードルが高いが，一度マスターすれば他のモダンなエディターや統合開発環境に負けない，あるいはそれ以上の開発体験を実現することができる．
これらの十年以上の歴史あるツールに並んで，第三番目の三種の神器として挙げたいのが Docker だ． Docker はプログラマーの開発のワークフローを一変させた． たとえば，プロジェクトごとに Docker イメージを作成することで，どの OS・コンピュータ でも全く同じ計算環境で開発・テストを実行することができるようになった． また， DevOps や CI / CD (Continuous Integration / Continuous Deployment) といった最近の開発ワークフローも Docker のようなコンテナ技術の存在に立脚している． さらにはサーバーレスコンピューティング ( (#sec_serverless)) といった概念も，コンテナ技術の生んだ大きな技術革新といえる．
あなたにとっての三種の神器はなんだろうか？ また，これからの未来ではどんな新しいツールが三種の神器としてプログラマーのワークフローを革新していくだろうか？
Docker チュートリアル ​
Docker とはなにかを理解するためには，実際に触って動かしてみるのが一番有効な手立てである． ここでは， Docker の簡単なチュートリアルを行っていく．
Docker のインストールについては， (#sec:install_docker) および 公式のドキュメンテーション を参照してもらいたい． Docker のインストールが完了している前提で，以下は話を進めるものとする．
Docker 用語集 ​
Docker を使い始めるに当たり，最初に主要な用語を解説しよう． 次のパラグラフで太字で強調された用語を頭に入れた上で，続くチュートリアルに取り組んでいただきたい．
Docker を起動する際の大まかなステップを示したのが figure_title である． パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ． イメージは， Docker Hub などのリポジトリで配布されているものをダウンロードするか，自分でカスタムのイメージを作成することも可能である． イメージを作成するための”レシピ”を記述したファイルが Dockerfile である． Dockerfile からイメージを作成する操作を build とよぶ． イメージがホストマシンのメモリにロードされ，起動状態にある計算環境のことを コンテナ (Container) とよぶ． Container を起動するために使用されるコマンドが run である．
Image と Container
イメージをダウンロード ​
パッケージ化された Docker の仮想環境 (= イメージ (Image)) は， Docker Hub からダウンロードできる． Docker Hub には，個人や企業・団体が作成した Docker イメージが集められており， GitHub などと同じ感覚で，オープンな形で公開されている．
たとえば， Ubuntu のイメージは Ubuntu の公式リポジトリ で公開されており， pull コマンドを使うことでローカルにダウンロードすることができる．
sh
$ docker pull ubuntu:18.04
$ docker pull ubuntu:18.04
ここで，イメージ名の : (コロン) 以降に続く文字列を タグ (tag) と呼び，主にバージョンを指定するなどの目的で使われる．
pull コマンドはデフォルトでは Docker Hub でイメージを検索し，ダウンロードを行う． Docker イメージを公開するためのデータベース (レジストリ (registry) とよぶ) は Docker Hub だけではなく，たとえば GitLab や GitHub は独自のレジストリ機能を提供しているし，個人のサーバーでレジストリを立ち上げることも可能である． Docker Hub 以外のレジストリから pull するには， myregistry.local:5000/testing/test-image のように，イメージ名の先頭につける形でレジストリのアドレス (さらにオプションとしてポート番号) を指定する．
コンテナを起動 ​
Pull してきたイメージを起動するには， run コマンドを使う．
sh
$ docker run -it ubuntu:18.04
$ docker run -it ubuntu:18.04
ここで， -it とは，インタラクティブな shell のセッションを開始するために必要なオプションである．
このコマンドを実行すると，仮想化された Ubuntu が起動され，コマンドラインからコマンドが打ち込めるようになる (figure_title)． このように起動状態にある計算環境 (ランタイム) のことを Container (コンテナ) とよぶ．
Docker を使って ubuntu:18.04 イメージを起動
ここで使用した ubuntu:18.04 のイメージは，空の Ubuntu OS だが，すでにプログラムがインストール済みのものもある． これは， (#sec_jupyter_and_deep_learning) でみた DLAMI と概念として似ている． たとえば， PyTorch がインストール済みのイメージは PyTorch 公式の Docker Hub リポジトリ で公開されている．
これを起動してみよう．
sh
$ docker run -it pytorch/pytorch
$ docker run -it pytorch/pytorch
docker run を実行したとき，ローカルに該当するイメージが見つからない場合は，自動的に Docker Hub からダウンロードされる．
pytorch のコンテナが起動したら， Python のシェルを立ち上げて， pytorch をインポートしてみよう．
sh
$ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
$ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
このように， Docker を使うことで簡単に特定の OS・プログラムの入った計算環境を再現することが可能になる．
自分だけのイメージを作る ​
自分の使うソフトウェア・ライブラリがインストールされた，自分だけのイメージを作ることも可能である．
たとえば， 本書のハンズオン実行用に提供している docker イメージ には， Python, Node.js, AWS CLI, AWS CDK などのソフトウェアがインストール済みであり，ダウンロードしてくるだけですぐにハンズオンのプログラムが実行できるようになっている．
カスタムの docker イメージを作るには， Dockerfile という名前のついたファイルを用意し，その中にどんなプログラムをインストールするかなどを記述していく．
具体例として，本書で提供している Docker イメージのレシピを見てみよう (docker/Dockerfile)．
dockerfile
FROM node:12
+LABEL maintainer="Tomoyuki Mano"
 
-RUN apt-get update \
-    && apt-get install nano
+RUN apt-get update \
+    && apt-get install nano
 
-#
-RUN cd /opt \
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
-    && tar -xzf Python-3.7.6.tgz \
-    && cd Python-3.7.6 \
-    && ./configure --enable-optimizations \
-    && make install
+#
+RUN cd /opt \
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
+    && tar -xzf Python-3.7.6.tgz \
+    && cd Python-3.7.6 \
+    && ./configure --enable-optimizations \
+    && make install
 
-RUN cd /opt \
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install
+RUN cd /opt \
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
+    && unzip awscliv2.zip \
+    && ./aws/install
 
-#
-RUN npm install -g aws-cdk@1.100
+#
+RUN npm install -g aws-cdk@1.100
 
-# clean up unnecessary files
-RUN rm -rf /opt/*
+# clean up unnecessary files
+RUN rm -rf /opt/*
 
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
FROM node:12
-LABEL maintainer="Tomoyuki Mano"
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
FROM node:12
+LABEL maintainer="Tomoyuki Mano"
 
-RUN apt-get update \
-    && apt-get install nano
+RUN apt-get update \
+    && apt-get install nano
 
-#
-RUN cd /opt \
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
-    && tar -xzf Python-3.7.6.tgz \
-    && cd Python-3.7.6 \
-    && ./configure --enable-optimizations \
-    && make install
+#
+RUN cd /opt \
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
+    && tar -xzf Python-3.7.6.tgz \
+    && cd Python-3.7.6 \
+    && ./configure --enable-optimizations \
+    && make install
 
-RUN cd /opt \
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install
+RUN cd /opt \
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
+    && unzip awscliv2.zip \
+    && ./aws/install
 
-#
-RUN npm install -g aws-cdk@1.100
+#
+RUN npm install -g aws-cdk@1.100
 
-# clean up unnecessary files
-RUN rm -rf /opt/*
+# clean up unnecessary files
+RUN rm -rf /opt/*
 
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
Dockerfile の中身の説明は詳しくは行わないが，たとえば上のコードで <1> で示したところは， Python 3.7 のインストールを実行している． また， <2> で示したところは， AWS CDK のインストールを行っていることがわかるだろう． このように，リアルな OS で行うのと同じ流れでインストールのコマンドを逐一記述していくことで，自分だけの Docker イメージを作成することができる． 一度イメージを作成すれば，それを配布することで，他者も同一の計算環境を簡単に再構成することができる．
"ぼくの環境ではそのプログラム走ったのにな…" というのは，プログラミング初心者ではよく耳にする会話だが， Docker を使いこなせばそのような心配とは無縁である． そのような意味で，クラウド以外の場面でも， Docker の有用性・汎用性は極めて高い．
コンテナを用いた仮想計算環境ツールとして Docker を紹介したが， ほかに選択肢はないのか？ よくぞ聞いてくれた！ Docker の登場以降，複数のコンテナベースの仮想環境ツールが開発されてきた． いずれのツールも，概念や API については Docker と共通するものが多いが，Docker にはない独自の特徴を提供している． ここではその中でも有名ないくつかを紹介しよう．
Singularity は科学計算や HPC (High Performance Computing) の分野で人気の高いコンテナプラットフォームである． Singularity では大学・研究機関の HPC クラスターでの運用に適したような設計が施されている． たとえば， Docker は基本的には root 権限で実行されるのに対し， Singularity はユーザー権限 (コマンドを実行したユーザー自身) でプログラムが実行される． root 権限での実行は Web サーバーのように個人・企業がある特定のサービスのために運用するサーバーでは問題ないが，多数のユーザーが多様な目的で計算を実行する HPC クラスターでは問題となる． また，Singularity は独自のイメージの作成方法・エコシステムをもっているが， Docker イメージを Singularity のイメージに変換し実行する機能も有している．
podman は Red Hat 社によって開発されたもう一つのコンテナプラットフォームである． podman は基本的に Docker と同一のコマンドを採用しているが，実装は Red Hat によってスクラッチから行われた． podman では， Singularity と同様にユーザー権限でのプログラムの実行を可能であり，クラウドおよび HPC の両方の環境に対応するコンテナプラットフォームを目指して作られた． また，その名前にあるとおり pod とよばれる独自の概念が導入されている．
著者の個人的な意見としては，現時点では Docker をマスターしておけば当面は困ることはないと考えるが，興味のある読者はぜひこれらのツールも試してみてはいかがだろうか？
Elastic Container Service (ECS) ​
ECS のアイコン
ここまでに説明してきたように， Docker を使うことで仮想計算環境を簡単に複製・起動することが可能になる． 本章の最後の話題として， AWS 上で Docker を使った計算システムを構築する方法を解説しよう．
Elastic Container Service (ECS) とは， Docker を使った計算機クラスターを AWS 上に作成するためのツールである (figure_title)． ECS を使用することで， Docker にパッケージされたアプリケーションを計算機クラスターに投入したり，計算機クラスターのインスタンスを追加・削除する操作 (=スケーリング) を行うことができる．
ECS の概要を示したのが figure_title である． ECS は，タスク (Task) と呼ばれる単位で管理された計算ジョブを受け付ける． システムにタスクが投入されると，ECS は最初にタスクで指定された Docker イメージを外部レジストリからダウンロードしてくる． 外部レジストリとしては， Docker Hub や AWS 独自の Docker レジストリである ECR (Elastic Container Registry) を指定することができる．
ECS の次の重要な役割はタスクの配置である． あらかじめ定義されたクラスター内で，計算負荷が小さい仮想インスタンスを選び出し，そこに Docker イメージを配置することで指定された計算タスクが開始される． "計算負荷が小さい仮想インスタンスを選び出す" と言ったが，具体的にどのような戦略・ポリシーでこの選択を行うかは，ユーザーの指定したパラメータに従う．
また，クラスターのスケーリングも ECS における重要な概念である． スケーリングとは，クラスター内のインスタンスの計算負荷をモニタリングし，計算負荷に応じてインスタンスの起動・停止を行う操作を指す． クラスター全体の計算負荷が指定された閾値 (たとえば 80%の稼働率) を超えていた場合，新たな仮想インスタンスをクラスター内に立ち上げる操作を scale-out (スケールアウト) とよび， 負荷が減った場合に不要なインスタンスを停止する操作を scale-in (スケールイン) とよぶ． クラスターのスケーリングは， ECS がほかの AWS のサービスと連携することで実現される． 具体的には， EC2 の Auto scaling group (ASG) や Fargate の２つの選択肢が多くの場合選択される． ASG については (#sec_aws_batch), Fargate については (#sec_fargate_qabot) でより詳細に解説する．
これら一連のタスクの管理を， ECS は自動でやってくれる． クラスターのスケーリングやタスクの配置に関してのパラメータを一度指定してしまえば，ユーザーは (ほとんどなにも考えずに) 大量のタスクを投入することができる． クラスターのスケーリングによってタスクの量にちょうど十分なだけのインスタンスが起動し，タスクが完了した後は不要なインスタンスはすべて停止される．
さて，ここまで説明的な話が続いてしまったが，次章からは早速 Docker と AWS を使って大規模な並列計算システムを構築していこう！
ECS の概要

-    
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
Dockerfile の中身の説明は詳しくは行わないが，たとえば上のコードで <1> で示したところは， Python 3.7 のインストールを実行している． また， <2> で示したところは， AWS CDK のインストールを行っていることがわかるだろう． このように，リアルな OS で行うのと同じ流れでインストールのコマンドを逐一記述していくことで，自分だけの Docker イメージを作成することができる． 一度イメージを作成すれば，それを配布することで，他者も同一の計算環境を簡単に再構成することができる．
"ぼくの環境ではそのプログラム走ったのにな…" というのは，プログラミング初心者ではよく耳にする会話だが， Docker を使いこなせばそのような心配とは無縁である． そのような意味で，クラウド以外の場面でも， Docker の有用性・汎用性は極めて高い．
コンテナを用いた仮想計算環境ツールとして Docker を紹介したが， ほかに選択肢はないのか？ よくぞ聞いてくれた！ Docker の登場以降，複数のコンテナベースの仮想環境ツールが開発されてきた． いずれのツールも，概念や API については Docker と共通するものが多いが，Docker にはない独自の特徴を提供している． ここではその中でも有名ないくつかを紹介しよう．
Singularity は科学計算や HPC (High Performance Computing) の分野で人気の高いコンテナプラットフォームである． Singularity では大学・研究機関の HPC クラスターでの運用に適したような設計が施されている． たとえば， Docker は基本的には root 権限で実行されるのに対し， Singularity はユーザー権限 (コマンドを実行したユーザー自身) でプログラムが実行される． root 権限での実行は Web サーバーのように個人・企業がある特定のサービスのために運用するサーバーでは問題ないが，多数のユーザーが多様な目的で計算を実行する HPC クラスターでは問題となる． また，Singularity は独自のイメージの作成方法・エコシステムをもっているが， Docker イメージを Singularity のイメージに変換し実行する機能も有している．
podman は Red Hat 社によって開発されたもう一つのコンテナプラットフォームである． podman は基本的に Docker と同一のコマンドを採用しているが，実装は Red Hat によってスクラッチから行われた． podman では， Singularity と同様にユーザー権限でのプログラムの実行を可能であり，クラウドおよび HPC の両方の環境に対応するコンテナプラットフォームを目指して作られた． また，その名前にあるとおり pod とよばれる独自の概念が導入されている．
著者の個人的な意見としては，現時点では Docker をマスターしておけば当面は困ることはないと考えるが，興味のある読者はぜひこれらのツールも試してみてはいかがだろうか？
Elastic Container Service (ECS) ​
ECS のアイコン
ここまでに説明してきたように， Docker を使うことで仮想計算環境を簡単に複製・起動することが可能になる． 本章の最後の話題として， AWS 上で Docker を使った計算システムを構築する方法を解説しよう．
Elastic Container Service (ECS) とは， Docker を使った計算機クラスターを AWS 上に作成するためのツールである (figure_title)． ECS を使用することで， Docker にパッケージされたアプリケーションを計算機クラスターに投入したり，計算機クラスターのインスタンスを追加・削除する操作 (=スケーリング) を行うことができる．
ECS の概要を示したのが figure_title である． ECS は，タスク (Task) と呼ばれる単位で管理された計算ジョブを受け付ける． システムにタスクが投入されると，ECS は最初にタスクで指定された Docker イメージを外部レジストリからダウンロードしてくる． 外部レジストリとしては， Docker Hub や AWS 独自の Docker レジストリである ECR (Elastic Container Registry) を指定することができる．
ECS の次の重要な役割はタスクの配置である． あらかじめ定義されたクラスター内で，計算負荷が小さい仮想インスタンスを選び出し，そこに Docker イメージを配置することで指定された計算タスクが開始される． "計算負荷が小さい仮想インスタンスを選び出す" と言ったが，具体的にどのような戦略・ポリシーでこの選択を行うかは，ユーザーの指定したパラメータに従う．
また，クラスターのスケーリングも ECS における重要な概念である． スケーリングとは，クラスター内のインスタンスの計算負荷をモニタリングし，計算負荷に応じてインスタンスの起動・停止を行う操作を指す． クラスター全体の計算負荷が指定された閾値 (たとえば 80%の稼働率) を超えていた場合，新たな仮想インスタンスをクラスター内に立ち上げる操作を scale-out (スケールアウト) とよび， 負荷が減った場合に不要なインスタンスを停止する操作を scale-in (スケールイン) とよぶ． クラスターのスケーリングは， ECS がほかの AWS のサービスと連携することで実現される． 具体的には， EC2 の Auto scaling group (ASG) や Fargate の２つの選択肢が多くの場合選択される． ASG については (#sec_aws_batch), Fargate については (#sec_fargate_qabot) でより詳細に解説する．
これら一連のタスクの管理を， ECS は自動でやってくれる． クラスターのスケーリングやタスクの配置に関してのパラメータを一度指定してしまえば，ユーザーは (ほとんどなにも考えずに) 大量のタスクを投入することができる． クラスターのスケーリングによってタスクの量にちょうど十分なだけのインスタンスが起動し，タスクが完了した後は不要なインスタンスはすべて停止される．
さて，ここまで説明的な話が続いてしまったが，次章からは早速 Docker と AWS を使って大規模な並列計算システムを構築していこう！
ECS の概要

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/handson-bashoutter.html b/development/aws/handson-bashoutter.html
index 2e3cf1b0..21daa332 100644
--- a/development/aws/handson-bashoutter.html
+++ b/development/aws/handson-bashoutter.html
@@ -5,16 +5,16 @@
     
     Hands-on #6: Bashoutter | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
-    
+    
     
     
     
@@ -37,416 +37,416 @@
     
   
   
-    
Toshiki's Note
Appearance
Hands-on #6: Bashoutter ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:2.9k
 Reading:12 min
さて，最後のハンズオンとなる第六回では，これまで学んできたサーバーレスクラウドの技術を使って，簡単なウェブサービスを作ってみよう． 具体的には，人々が自分の作った俳句を投稿する SNS サービス (Bashoutter と名付ける) を作成してみよう． Lambda, DynamoDB, S3 などの技術をすべて盛り込み，シンプルながらもサーバーレスの利点を生かしたスケーラブルな SNS アプリが誕生する． 最終的には， figure_title のような，ミニマルではあるがとても現代風な SNS サイトが完成する！
ハンズオン#6で作製する SNS アプリケーション "Bashoutter"
準備 ​
ハンズオンのソースコードは GitHub の handson/bashoutter に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． それ以外に必要な準備はない．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行できる．
アプリケーションの説明 ​
API ​
今回のアプリケーションでは，人々からの俳句の投稿を受け付けたり，投稿された俳句の一覧を取得する，といった機能を実装したい． この機能を実現するための最小限の設計として， table_title に示すような四つの REST API を今回は実装する． 俳句を投稿する，閲覧する，削除するという基本的なデータ操作を行うための API が完備されている． また， PATCH /haiku/{item_id} は， {item_id} で指定された俳句に”いいね”をするために使用する．
Bashoutter API
GET /haiku
俳句の一覧を取得する
POST /haiku
新しい俳句を投稿する
PATCH /haiku/{item_id}
{item_id} で指定された俳句にお気に入り票を一つ入れる
DELETE /haiku/{item_id}
{item_id} で指定された俳句を削除する
それぞれの API のパラメータおよび返り値の詳細は，ハンズオンのソースコードの中の swagger.yml に定義してある．
Open API Specification (OAS; 少し前は Swagger Specification とよばれていた) は， REST API のための記述フォーマットである． OAS に従って API の仕様が記述されていると，簡単にドキュメンテーションを生成したり，クライアントアプリケーションを自動生成することができる． 今回用意した API 仕様 も， OAS に従って書いてある． 詳しくは Swagger の公式ドキュメンテーション などを参照．
アプリケーションアーキテクチャ ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#5で作製するアプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントからの API リクエストは， API Gateway (後述)にまず送信され， API の URI で指定された Lambda 関数へ転送される．
  • それぞれの API のパス (リソース) ごとに独立した Lambda を用意する．
  • 俳句の情報 (作者，本文，投稿日時など) を記録するためのデータベース (DynamoDB) を用意する．
  • 各 Lambda 関数には， DynamoDB へのアクセス権を付与する．
  • 最後に，ウェブブラウザからコンテンツを表示できるよう， ウェブページの静的コンテンツを配信するための S3 バケットを用意する．クライアントはこの S3 バケットにアクセスすることで HTML/CSS/JS などのコンテンツを取得する．
それでは，プログラムのソースコードを見てみよう (handson/bashoutter/app.py)．
python
class Bashoutter(core.Stack):
+    
Toshiki's Note
Appearance
Hands-on #6: Bashoutter ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:2.9k
 Reading:12 min
さて，最後のハンズオンとなる第六回では，これまで学んできたサーバーレスクラウドの技術を使って，簡単なウェブサービスを作ってみよう． 具体的には，人々が自分の作った俳句を投稿する SNS サービス (Bashoutter と名付ける) を作成してみよう． Lambda, DynamoDB, S3 などの技術をすべて盛り込み，シンプルながらもサーバーレスの利点を生かしたスケーラブルな SNS アプリが誕生する． 最終的には， figure_title のような，ミニマルではあるがとても現代風な SNS サイトが完成する！
ハンズオン#6で作製する SNS アプリケーション "Bashoutter"
準備 ​
ハンズオンのソースコードは GitHub の handson/bashoutter に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． それ以外に必要な準備はない．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行できる．
アプリケーションの説明 ​
API ​
今回のアプリケーションでは，人々からの俳句の投稿を受け付けたり，投稿された俳句の一覧を取得する，といった機能を実装したい． この機能を実現するための最小限の設計として， table_title に示すような四つの REST API を今回は実装する． 俳句を投稿する，閲覧する，削除するという基本的なデータ操作を行うための API が完備されている． また， PATCH /haiku/{item_id} は， {item_id} で指定された俳句に”いいね”をするために使用する．
Bashoutter API
GET /haiku
俳句の一覧を取得する
POST /haiku
新しい俳句を投稿する
PATCH /haiku/{item_id}
{item_id} で指定された俳句にお気に入り票を一つ入れる
DELETE /haiku/{item_id}
{item_id} で指定された俳句を削除する
それぞれの API のパラメータおよび返り値の詳細は，ハンズオンのソースコードの中の swagger.yml に定義してある．
Open API Specification (OAS; 少し前は Swagger Specification とよばれていた) は， REST API のための記述フォーマットである． OAS に従って API の仕様が記述されていると，簡単にドキュメンテーションを生成したり，クライアントアプリケーションを自動生成することができる． 今回用意した API 仕様 も， OAS に従って書いてある． 詳しくは Swagger の公式ドキュメンテーション などを参照．
アプリケーションアーキテクチャ ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#5で作製するアプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントからの API リクエストは， API Gateway (後述)にまず送信され， API の URI で指定された Lambda 関数へ転送される．
  • それぞれの API のパス (リソース) ごとに独立した Lambda を用意する．
  • 俳句の情報 (作者，本文，投稿日時など) を記録するためのデータベース (DynamoDB) を用意する．
  • 各 Lambda 関数には， DynamoDB へのアクセス権を付与する．
  • 最後に，ウェブブラウザからコンテンツを表示できるよう， ウェブページの静的コンテンツを配信するための S3 バケットを用意する．クライアントはこの S3 バケットにアクセスすることで HTML/CSS/JS などのコンテンツを取得する．
それでは，プログラムのソースコードを見てみよう (handson/bashoutter/app.py)．
python
class Bashoutter(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
 
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
 
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
 
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
 
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
 
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
class Bashoutter(core.Stack):
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
class Bashoutter(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
 
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
 
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
 
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
 
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
 
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
  • ここで，俳句の情報を記録しておくための DynamoDB テーブルを定義している．
  • 静的コンテンツを配信するための S3 バケットを用意している．
  • それぞれの API で実行される Lambda 関数を定義している． 関数は Python3.7 で書かれており，コードは handson/bashoutter/api/api.py にある．
  • <3> で定義された Lambda 関数に対し，データベースへの読み書きのアクセス権限を付与している．
  • ここで，API Gateway により，各 API パスとそこで実行されるべき Lambda 関数を紐付けている．
それぞれの項目について，もう少し詳しく説明しよう．
Public access mode の S3 バケット ​
S3 のバケットを作成しているコードを見てみよう．
python
bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
ここで注目してほしいのは public_read_access=True の部分だ． 前章で， S3 について説明を行ったときには触れなかったが， S3 には Public access mode という機能がある． Public access mode をオンにしておくと，バケットの中のファイルは認証なしで (i.e. インターネット上の誰でも) 閲覧できるようになる． この設定は，一般公開されているウェブサイトの静的なコンテンツを置いておくのに最適であり，多くのサーバーレスによるウェブサービスでこのような設計が行われる． public access mode を設定しておくと， http://XXXX.s3-website-ap-northeast-1.amazonaws.com/ のような固有の URL がバケットに対して付与される． そして，クライアントがこの URL にアクセスをすると，バケットの中にある index.html がクライアントに返され，ページがロードされる (どのファイルが返されるかは， website_index_document="index.html" の部分で設定している．)
なお，この時点ではバケットは空である． HTML/CSS/JS など静的コンテンツの配置は，デプロイを行った後ほどのステップで行う．
より本格的なウェブページを運用する際には， public access mode の S3 バケットに， CloudFront という機能を追加することが一般的である． CloudFront により，　Content Delivery Nework (CDN) や暗号化された HTTPS 通信を設定することができる． CloudFront についての詳細は 公式ドキュメンテーション "What is Amazon CloudFront?" などを参照いただきたい．
今回のハンズオンでは説明の簡略化のため CloudFront の設定を行わなかったが，興味のある読者は次のリンクのプログラムが参考になるだろう．
今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API のハンドラ関数 ​
API リクエストが来たときに，リクエストされた処理を行う関数のことをハンドラ (handler) 関数とよぶ． GET /haiku の API に対してのハンドラ関数を Lambda で定義している部分を見てみよう．
python
get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
簡単なところから見ていくと， memory_size=512 の箇所でメモリーの使用量を 512MB に指定している． また， code=_lambda.Code.from_asset("api") によって外部のディレクトリ (api/) を参照せよと指定しており， handler="api.get_haiku" のところで api.py というファイルの get_haiku() という関数をハンドラ関数として実行せよ，と定義している．
次に，ハンドラ関数として使用されている get_haiku() のコードを見てみよう (handson/bashoutter/api/api.py)．
python
ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
  • ここで，俳句の情報を記録しておくための DynamoDB テーブルを定義している．
  • 静的コンテンツを配信するための S3 バケットを用意している．
  • それぞれの API で実行される Lambda 関数を定義している． 関数は Python3.7 で書かれており，コードは handson/bashoutter/api/api.py にある．
  • <3> で定義された Lambda 関数に対し，データベースへの読み書きのアクセス権限を付与している．
  • ここで，API Gateway により，各 API パスとそこで実行されるべき Lambda 関数を紐付けている．
それぞれの項目について，もう少し詳しく説明しよう．
Public access mode の S3 バケット ​
S3 のバケットを作成しているコードを見てみよう．
python
bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
ここで注目してほしいのは public_read_access=True の部分だ． 前章で， S3 について説明を行ったときには触れなかったが， S3 には Public access mode という機能がある． Public access mode をオンにしておくと，バケットの中のファイルは認証なしで (i.e. インターネット上の誰でも) 閲覧できるようになる． この設定は，一般公開されているウェブサイトの静的なコンテンツを置いておくのに最適であり，多くのサーバーレスによるウェブサービスでこのような設計が行われる． public access mode を設定しておくと， http://XXXX.s3-website-ap-northeast-1.amazonaws.com/ のような固有の URL がバケットに対して付与される． そして，クライアントがこの URL にアクセスをすると，バケットの中にある index.html がクライアントに返され，ページがロードされる (どのファイルが返されるかは， website_index_document="index.html" の部分で設定している．)
なお，この時点ではバケットは空である． HTML/CSS/JS など静的コンテンツの配置は，デプロイを行った後ほどのステップで行う．
より本格的なウェブページを運用する際には， public access mode の S3 バケットに， CloudFront という機能を追加することが一般的である． CloudFront により，　Content Delivery Nework (CDN) や暗号化された HTTPS 通信を設定することができる． CloudFront についての詳細は 公式ドキュメンテーション "What is Amazon CloudFront?" などを参照いただきたい．
今回のハンズオンでは説明の簡略化のため CloudFront の設定を行わなかったが，興味のある読者は次のリンクのプログラムが参考になるだろう．
今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API のハンドラ関数 ​
API リクエストが来たときに，リクエストされた処理を行う関数のことをハンドラ (handler) 関数とよぶ． GET /haiku の API に対してのハンドラ関数を Lambda で定義している部分を見てみよう．
python
get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
簡単なところから見ていくと， memory_size=512 の箇所でメモリーの使用量を 512MB に指定している． また， code=_lambda.Code.from_asset("api") によって外部のディレクトリ (api/) を参照せよと指定しており， handler="api.get_haiku" のところで api.py というファイルの get_haiku() という関数をハンドラ関数として実行せよ，と定義している．
次に，ハンドラ関数として使用されている get_haiku() のコードを見てみよう (handson/bashoutter/api/api.py)．
python
ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
 
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
 
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
 
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
 
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
response = table.scan() で，俳句の格納された DynamoDB テーブルから，すべての要素を取り出している． もしなにもエラーが起きなければステータスコード 200 が返され，もしなにかエラーが起こればステータスコード 500 が返されるようになっている．
上記のような操作を，ほかの API についても繰り返すことで，すべての API のハンドラ関数が定義されている．
GET /haiku のハンドラ関数で， response = table.scan() という部分があるが，実はこれは最善の書き方ではない． DynamoDB の scan() メソッドは，最大で 1MB までのデータしか返さない． データベースのサイズが大きく， 1MB 以上のデータがある場合には，再帰的に scan() メソッドをよぶ必要がある． 詳しくは boto3 ドキュメンテーション を参照．
AWS における権限の管理 (IAM) ​
以下の部分のコードに注目してほしい．
python
table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
これまでは説明の簡略化のためにあえて触れてこなかったが， AWS には IAM (Identity and Access Management) という重要な概念がある． IAM は基本的に，あるリソースがほかのリソースに対してどのような権限をもっているか，を規定するものである． Lambda は，デフォルトの状態ではほかのリソースにアクセスする権限をなにも有していない． したがって， Lambda 関数が DynamoDB のデータを読み書きするためには，それを許可するような IAM が Lambda 関数に付与されていなければならない．今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
CDK による dynamodb.Table オブジェクトには grant_read_write_data() という便利なメソッドが備わっており，アクセスを許可したい Lambda 関数を引数としてこのメソッドを呼ぶことで，データベースへの読み書きを許可する IAM を付与することができる． 同様に，CDK の s3.Bucket オブジェクトにも grant_read_write() というメソッドが備わっており，これによってバケットへの読み書きを許可することができる． このメソッドは，実は (#sec_aws_batch) で AWS Batch によるクラスターを構成した際に使用した． 興味のある読者は振り返ってコードを確認してみよう．
各リソースに付与する IAM は，必要最低限の権限を与えるにとどめるというのが基本方針である． これにより，セキュリティを向上させるだけでなく，意図していないプログラムからのデータベースへの読み書きを防止するという点で，バグを未然に防ぐことができる．
そのような理由により，このコードでは GET のハンドラー関数に対しては grant_read_data() によって， read 権限のみを付与している．
API Gateway ​
API Gateway とは， API の"入り口"として，API のリクエストパスに従って Lambda や EC2 などに接続を行うという機能を担う (figure_title)． Lambda や EC2 によって行われた処理の結果は，再び API Gateway を経由してクライアントに返される． このように，クライアントとバックエンドサーバーの間に立ち， API のリソースパスに応じて接続先を振り分けるようなサーバーをルーター，あるいはリバースプロキシとよんだりする． 従来的には，ルーターにはそれ専用の仮想サーバーが置かれることが一般的であった． しかし， API Gateway はサーバーレスなルーターとして，固定されたサーバーを配置することなく， API のリクエストが来たときのみ起動し，API のルーティングを実行する． サーバーレスであることの当然の帰結として，アクセスの件数が増大したときにはそれにルーティングの処理能力を自動で増やす機能も備わっている．
API Gateway
API Gateway を配置することで，大量 (1 秒間に数千から数万件) の API リクエストに対応することのできるシステムを容易に構築することができる． API Gateway の料金は table_title のように設定されている． また，無料利用枠により，月ごとに 100 万件までのリクエストは 0 円で利用できる．
API Gateway の利用料金設定 (参照)
Number of Requests (per month)Price (per million)
First 333 million
$4.25
Next 667 million
$3.53
Next 19 billion
$3.00
Over 20 billion
$1.91
ソースコードの該当箇所を見てみよう．
python
#
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
response = table.scan() で，俳句の格納された DynamoDB テーブルから，すべての要素を取り出している． もしなにもエラーが起きなければステータスコード 200 が返され，もしなにかエラーが起こればステータスコード 500 が返されるようになっている．
上記のような操作を，ほかの API についても繰り返すことで，すべての API のハンドラ関数が定義されている．
GET /haiku のハンドラ関数で， response = table.scan() という部分があるが，実はこれは最善の書き方ではない． DynamoDB の scan() メソッドは，最大で 1MB までのデータしか返さない． データベースのサイズが大きく， 1MB 以上のデータがある場合には，再帰的に scan() メソッドをよぶ必要がある． 詳しくは boto3 ドキュメンテーション を参照．
AWS における権限の管理 (IAM) ​
以下の部分のコードに注目してほしい．
python
table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
これまでは説明の簡略化のためにあえて触れてこなかったが， AWS には IAM (Identity and Access Management) という重要な概念がある． IAM は基本的に，あるリソースがほかのリソースに対してどのような権限をもっているか，を規定するものである． Lambda は，デフォルトの状態ではほかのリソースにアクセスする権限をなにも有していない． したがって， Lambda 関数が DynamoDB のデータを読み書きするためには，それを許可するような IAM が Lambda 関数に付与されていなければならない．今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
CDK による dynamodb.Table オブジェクトには grant_read_write_data() という便利なメソッドが備わっており，アクセスを許可したい Lambda 関数を引数としてこのメソッドを呼ぶことで，データベースへの読み書きを許可する IAM を付与することができる． 同様に，CDK の s3.Bucket オブジェクトにも grant_read_write() というメソッドが備わっており，これによってバケットへの読み書きを許可することができる． このメソッドは，実は (#sec_aws_batch) で AWS Batch によるクラスターを構成した際に使用した． 興味のある読者は振り返ってコードを確認してみよう．
各リソースに付与する IAM は，必要最低限の権限を与えるにとどめるというのが基本方針である． これにより，セキュリティを向上させるだけでなく，意図していないプログラムからのデータベースへの読み書きを防止するという点で，バグを未然に防ぐことができる．
そのような理由により，このコードでは GET のハンドラー関数に対しては grant_read_data() によって， read 権限のみを付与している．
API Gateway ​
API Gateway とは， API の"入り口"として，API のリクエストパスに従って Lambda や EC2 などに接続を行うという機能を担う (figure_title)． Lambda や EC2 によって行われた処理の結果は，再び API Gateway を経由してクライアントに返される． このように，クライアントとバックエンドサーバーの間に立ち， API のリソースパスに応じて接続先を振り分けるようなサーバーをルーター，あるいはリバースプロキシとよんだりする． 従来的には，ルーターにはそれ専用の仮想サーバーが置かれることが一般的であった． しかし， API Gateway はサーバーレスなルーターとして，固定されたサーバーを配置することなく， API のリクエストが来たときのみ起動し，API のルーティングを実行する． サーバーレスであることの当然の帰結として，アクセスの件数が増大したときにはそれにルーティングの処理能力を自動で増やす機能も備わっている．
API Gateway
API Gateway を配置することで，大量 (1 秒間に数千から数万件) の API リクエストに対応することのできるシステムを容易に構築することができる． API Gateway の料金は table_title のように設定されている． また，無料利用枠により，月ごとに 100 万件までのリクエストは 0 円で利用できる．
API Gateway の利用料金設定 (参照)
Number of Requests (per month)Price (per million)
First 333 million
$4.25
Next 667 million
$3.53
Next 19 billion
$3.00
Over 20 billion
$1.91
ソースコードの該当箇所を見てみよう．
python
#
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
 
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
 
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
#
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
#
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
 
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
 
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
  • 最初に， api = apigw.RestApi() により，空の API Gateway を作成している．
  • 次に， api.root.add_resource() のメソッドを呼ぶことで， /haiku という API パスを追加している．
  • 続いて， add_method() を呼ぶことで， GET, POST のメソッドを /haiku のパスに定義している．
  • さらに， haiku.add_resource("{item_id}") により， /haiku/{item_id} という API パスを追加している．
  • 最後に， add_method() を呼ぶことにより， PATCH, DELETE のメソッドを /haiku/{item_id} のパスに定義している．
このように， API Gateway の使い方は非常にシンプルで，逐次的に API パスとそこで実行されるメソッド・Lambda を記述していくだけでよい．
このプログラムで 新規 API を作成すると， ランダムな URL がその API のエンドポイントとして割り当てられる． これを． api.example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API Gateway で新規 API を作成したとき， default_cors_preflight_options= というパラメータで Cross Origin Resource Sharing (CORS) の設定を行っている． これは，ブラウザで走る Web アプリケーションと API を接続するときに必要な設定である．
アプリケーションのデプロイ ​
アプリケーションの中身が理解できたところで，早速デプロイを行ってみよう． デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
  • 最初に， api = apigw.RestApi() により，空の API Gateway を作成している．
  • 次に， api.root.add_resource() のメソッドを呼ぶことで， /haiku という API パスを追加している．
  • 続いて， add_method() を呼ぶことで， GET, POST のメソッドを /haiku のパスに定義している．
  • さらに， haiku.add_resource("{item_id}") により， /haiku/{item_id} という API パスを追加している．
  • 最後に， add_method() を呼ぶことにより， PATCH, DELETE のメソッドを /haiku/{item_id} のパスに定義している．
このように， API Gateway の使い方は非常にシンプルで，逐次的に API パスとそこで実行されるメソッド・Lambda を記述していくだけでよい．
このプログラムで 新規 API を作成すると， ランダムな URL がその API のエンドポイントとして割り当てられる． これを． api.example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API Gateway で新規 API を作成したとき， default_cors_preflight_options= というパラメータで Cross Origin Resource Sharing (CORS) の設定を行っている． これは，ブラウザで走る Web アプリケーションと API を接続するときに必要な設定である．
アプリケーションのデプロイ ​
アプリケーションの中身が理解できたところで，早速デプロイを行ってみよう． デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている Bashoutter.BashoutterApiEndpoint = XXXX, Bashoutter.BucketUrl = YYYY の二つ文字列はあとで使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． まずは，コンソールから API Gateway のページに行く． すると， figure_title のような画面が表示され，デプロイ済みの API エンドポイントの一覧が確認できる．
API Gateway コンソール画面 (1)
今回デプロイした "BashoutterApi" という名前の API をクリックすることで figure_title のような画面に遷移し，詳細情報を閲覧できる． GET /haiku, POST /haiku などが定義されていることが確認できる．
それぞれのメソッドをクリックすると，そのメソッドの詳細情報を確認できる． API Gateway は，前述したルーティングの機能だけでなく，認証機能などを追加することも可能である． このハンズオンではとくにこれらの機能は使用しないが， "Method Request" と書いてある項目などがそれに相当する． 次に， figure_title で画面右端の赤色で囲った部分に，この API で呼ばれる Lambda 関数が指定されていることに注目しよう． 関数名をクリックと，該当する Lambda のコンソールに遷移し，関数の中身を閲覧することが可能である．
API Gateway コンソール画面 (2)
次に， S3 のコンソール画面に移ってみよう． bashouter- で始まるランダムな名前のバケットが見つかるはずである (figure_title)．
S3 コンソール画面
バケットの名前をクリックすることで，バケットの中身を確認してみよう． index.html のほか， css/, js/ などのディレクトリがあるのが確認できるだろう (figure_title)． これらが，ウェブページの"枠"を定義している静的コンテンツである．
S3 バケットの中身
API リクエストを送信する ​
それでは，デプロイしたアプリケーションに対し，実際に API リクエストを送信してみよう． まずはコマンドラインから API を送信する演習を行おう． S3 に配置した GUI は一旦おいておく．
ここではコマンドラインから HTTP API リクエストを送信するためのシンプルな HTTP クライアントである HTTPie を使ってみよう． HTTPie は，スタックをデプロイするときに Python 仮想環境 (venv) を作成したとき，一緒にインストールされている． 念のためインストールがうまくいっているか確認するには，仮想環境を立ち上げたあとコマンドラインに http と打ってみる． ヘルプのメッセージが出力されたら準備 OK である．
まず，先ほどデプロイを実行したときに得られた API のエンドポイントの URL (Bashoutter.BashoutterApiEndpoint = XXXX で得られた XXXX の文字列) をコマンドラインの変数に設定しておく．
sh
$ export ENDPOINT_URL=XXXX
$ export ENDPOINT_URL=XXXX
次に，俳句の一覧を取得するため， GET /haiku の API を送信してみよう．
sh
$ http GET "${ENDPOINT_URL}/haiku"
$ http GET "${ENDPOINT_URL}/haiku"
現時点では，まだだれも俳句を投稿していないので，空の配列 ([]) が返ってくる．
それでは次に， POST /haiku を使って俳句を投稿してみよう．
sh
$ http POST "${ENDPOINT_URL}/haiku" \
-username="松尾芭蕉" \
-first="閑さや" \
-second="岩にしみ入る" \
-third="蝉の声"
$ http POST "${ENDPOINT_URL}/haiku" \
-username="松尾芭蕉" \
-first="閑さや" \
-second="岩にしみ入る" \
-third="蝉の声"
次のような出力が得られるだろう．
sh
HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
新しい俳句を投稿することに成功したようである． 本当に俳句が追加されたか，再び GET リクエストを呼ぶことで確認してみよう．
sh
$ http GET "${ENDPOINT_URL}/haiku"
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている Bashoutter.BashoutterApiEndpoint = XXXX, Bashoutter.BucketUrl = YYYY の二つ文字列はあとで使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． まずは，コンソールから API Gateway のページに行く． すると， figure_title のような画面が表示され，デプロイ済みの API エンドポイントの一覧が確認できる．
API Gateway コンソール画面 (1)
今回デプロイした "BashoutterApi" という名前の API をクリックすることで figure_title のような画面に遷移し，詳細情報を閲覧できる． GET /haiku, POST /haiku などが定義されていることが確認できる．
それぞれのメソッドをクリックすると，そのメソッドの詳細情報を確認できる． API Gateway は，前述したルーティングの機能だけでなく，認証機能などを追加することも可能である． このハンズオンではとくにこれらの機能は使用しないが， "Method Request" と書いてある項目などがそれに相当する． 次に， figure_title で画面右端の赤色で囲った部分に，この API で呼ばれる Lambda 関数が指定されていることに注目しよう． 関数名をクリックと，該当する Lambda のコンソールに遷移し，関数の中身を閲覧することが可能である．
API Gateway コンソール画面 (2)
次に， S3 のコンソール画面に移ってみよう． bashouter- で始まるランダムな名前のバケットが見つかるはずである (figure_title)．
S3 コンソール画面
バケットの名前をクリックすることで，バケットの中身を確認してみよう． index.html のほか， css/, js/ などのディレクトリがあるのが確認できるだろう (figure_title)． これらが，ウェブページの"枠"を定義している静的コンテンツである．
S3 バケットの中身
API リクエストを送信する ​
それでは，デプロイしたアプリケーションに対し，実際に API リクエストを送信してみよう． まずはコマンドラインから API を送信する演習を行おう． S3 に配置した GUI は一旦おいておく．
ここではコマンドラインから HTTP API リクエストを送信するためのシンプルな HTTP クライアントである HTTPie を使ってみよう． HTTPie は，スタックをデプロイするときに Python 仮想環境 (venv) を作成したとき，一緒にインストールされている． 念のためインストールがうまくいっているか確認するには，仮想環境を立ち上げたあとコマンドラインに http と打ってみる． ヘルプのメッセージが出力されたら準備 OK である．
まず，先ほどデプロイを実行したときに得られた API のエンドポイントの URL (Bashoutter.BashoutterApiEndpoint = XXXX で得られた XXXX の文字列) をコマンドラインの変数に設定しておく．
sh
$ export ENDPOINT_URL=XXXX
$ export ENDPOINT_URL=XXXX
次に，俳句の一覧を取得するため， GET /haiku の API を送信してみよう．
sh
$ http GET "${ENDPOINT_URL}/haiku"
$ http GET "${ENDPOINT_URL}/haiku"
現時点では，まだだれも俳句を投稿していないので，空の配列 ([]) が返ってくる．
それでは次に， POST /haiku を使って俳句を投稿してみよう．
sh
$ http POST "${ENDPOINT_URL}/haiku" \
+username="松尾芭蕉" \
+first="閑さや" \
+second="岩にしみ入る" \
+third="蝉の声"
$ http POST "${ENDPOINT_URL}/haiku" \
+username="松尾芭蕉" \
+first="閑さや" \
+second="岩にしみ入る" \
+third="蝉の声"
次のような出力が得られるだろう．
sh
HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
新しい俳句を投稿することに成功したようである． 本当に俳句が追加されたか，再び GET リクエストを呼ぶことで確認してみよう．
sh
$ http GET "${ENDPOINT_URL}/haiku"
 
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
$ http GET "${ENDPOINT_URL}/haiku"
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
$ http GET "${ENDPOINT_URL}/haiku"
 
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
素晴らしい！
次に， PATCH /haiku/{item_id} を呼ぶことでこの俳句にいいねを追加してみよう． 一つ前のコマンドで取得した俳句の item_id を，次のコマンドの XXXX に代入した上で実行しよう．
sh
$ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
$ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
{"description": "OK"} という出力が得られるはずである． 再び GET リクエストを送ることで，いいね (likes) が 1 増えたことを確認しよう．
sh
$ http GET "${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
$ http GET "${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
最後に， DELETE リクエストを送ることで俳句をデータベースから削除しよう． XXXX は item_id の値で置き換えたうえで次のコマンドを実行する．
sh
$ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
$ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
再び GET リクエストを送ることで，返り値が空 ([]) になっていることを確認しよう．
これで，俳句の投稿・取得・削除そしていいねの追加，といった基本的な API がきちんと動作していることが確認できた．
大量の API リクエストをシミュレートする ​
さて，前節ではマニュアルで一つずつ俳句を投稿した． 多数のユーザーがいるような SNS では，1 秒間に数千件以上の投稿がされている． 今回はサーバーレスアーキテクチャを採用したことで，そのような瞬間的な大量アクセスにも容易に対応できるようなシステムが自動的に構築されている． このポイントを実証するため，ここでは大量の API が送信された状況をシミュレートしてみよう．
handson/bashoutter/client.py に，大量の API リクエストをシミュレートするためのプログラムが書かれている． このプログラムを使用すると， POST /haiku の API リクエストを指定された回数だけ実行することができる．
テストとして， API を 300 回実行してみよう． 次のコマンドを実行する．
sh
$ python client.py $ENDPOINT_URL post_many 300
$ python client.py $ENDPOINT_URL post_many 300
数秒のうちに実行が完了するだろう． これがもし，単一のサーバーからなる API だったとしたら，このような大量のリクエストの処理にはもっと時間がかかっただろう． 最悪の場合には，サーバーダウンにもつながっていたかもしれない． したがって，今回作成したサーバーレスアプリケーションは，とてもシンプルながらも 1 秒間に数百件の処理を行えるような，スケーラブルなクラウドシステムであることがわかる． サーバーレスでクラウドを設計することの利点を垣間見ることができただろうか？
先述のコマンドにより大量の俳句を投稿するとデータベースに無駄なデータがどんどん溜まってしまう． データベースを完全に空にするには，次のコマンドを使用する．
sh
$ python client.py $ENDPOINT_URL clear_database
$ python client.py $ENDPOINT_URL clear_database
Bashoutter GUI を動かしてみる ​
前節ではコマンドラインから API を送信する演習を行った． ウェブアプリケーションでは，これと同じことがウェブブラウザの背後で行われ，ページのコンテンツが表示されている ( (#fig:web_server) 参照)． 最後に， API が GUI と統合されるとどうなるのか，見てみよう．
CDK のコードで， Public access mode の S3 バケットを作成したことを思い出してほしい． 最初のステップとして，ここにウェブサイトのコンテンツをアップロードしよう． ハンズオンのソースコードの中に gui/dist というフォルダが見つかるはずである． ここにはビルド済みのウェブサイトの静的コンテンツ (HTML/CSS/JavaScript) が入っている． AWS CLI のコマンドを使うことでこれらのファイルを S3 にアップロードしよう．
sh
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
コマンドを実行する際は， Bashoutter ハンズオンのディレクトリから行うこと (./gui/dist に注目)，そして <BUCKET_NAME> にはデプロイした自身のバケットの名前が入る点に注意． 念のため，AWS コンソールにログインし，バケットにファイルがアップロードされている点を確認しておこう．
なお，今回は GUI の説明はとくに行わないが， Bashoutter のウェブサイトは Vue.js と Vuetify という UI フレームワークを使って作成した． Vue を使うことで， Single page application (SPA) の技術でウェブサイトの画面がレンダリングされる． ソースコードは handson/bashoutter/gui のディレクトリの中にあるので，興味のある読者は確認してみるとよい．
アップトードが完了したところで，続いてデプロイを実行したときにコマンドラインの出力を見直してみよう． Bashoutter.BucketUrl= で与えられた URL が見つかるはずである (figure_title)． これは，先述したとおり， Public access mode の S3 バケットの URL である．
ウェブブラウザを開き，アドレスバーに S3 の URL を入力しへアクセスしてみよう． すると， figure_title のようなページが表示されるはずである．
"Bashoutter" の GUI 画面
ページが表示されたら，一番上の "API Endpoint URL" と書いてあるテキストボックスに，今回デプロイした API Gateway の URL を入力する (今回のアプリケーションでは，API Gateway の URL はランダムに割り当てられるのでこのような GUI の仕様になっている)． そうしたら，画面の "REFRESH" と書いてあるボタンを押してみよう． データベースに俳句が登録済みであれば，俳句の一覧が表示されるはずである． 各俳句の左下にあるハートのアイコンをクリックすることで， "like" の票を入れることができる．
新しい俳句を投稿するには，五七五と投稿者の名前を入力して， "POST" を押す． "POST" を押した後は，再び "REFRESH" ボタンを押すことで最新の俳句のリストをデータベースから取得する．
アプリケーションの削除 ​
これで， Bashoutter プロジェクトが完成した！ この SNS は，インターネットを通じて世界のどこからでもアクセスできる状態にある． また， 大量の API リクエストをシミュレートする で見たように，大量のユーザーの同時アクセスによる負荷がかかっても，柔軟にスケールが行われ遅延なく処理を行うことができる． 極めて簡素ながらも，立派なウェブサービスとしてのスペックは満たしているのである！
Bashoutter アプリを存分に楽しむことができたら，最後に忘れずにスタックを削除しよう．
コマンドラインからスタックの削除を実行するには，次のコマンドを使う．
sh
$ cdk destroy
$ cdk destroy
CDK のバージョンによっては S3 のバケットが空でないと， cdk destroy がエラーを出力する場合がある． この場合はスタックを削除する前に， S3 バケットの中身をすべて削除しなければならない．
コンソールから実行するには， S3 コンソールに行き，バケットの中身を開いたうえで，すべてのファイルを選択し， "Actions" → "Delete" を実行すればよいい．
コマンドラインから実行するには， 次のコマンドを使う． <BUCKET NAME> のところは，自分の バケットの名前 ("BashoutterBucketXXXX" というパターンの名前がついているはずである) に置き換えることを忘れずに．
sh
$ aws s3 rm <BUCKET NAME> --recursive
$ aws s3 rm <BUCKET NAME> --recursive
小括 ​
ここまでが，本書第三部の内容であった．
第三部では，クラウドの応用として，一般の人に使ってもらうようなウェブアプリケーション・データベースをどのようにして作るのか，という点に焦点を当てて，説明を行った． その中で，従来的なクラウドシステムの設計と，ここ数年の最新の設計方法であるサーバーレスアーキテクチャについて解説した． (#sec_intro_serverless) では， AWS でのサーバーレスの実践として， Lambda, S3, DynamoDB のハンズオンを行った． 最後に， Hands-on #6: Bashoutter では，これらの技術を統合することで，完全サーバーレスなウェブアプリケーション "Bashoutter" を作成した．
これらの演習を通じて，世の中のウェブサービスがどのようにしてでき上がっているのか，少し理解が深まっただろうか？ また，そのようなウェブアプリケーションを自分が作りたいと思ったとき，今回のハンズオンがその出発点となることができたならば幸いである．

-    
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
素晴らしい！
次に， PATCH /haiku/{item_id} を呼ぶことでこの俳句にいいねを追加してみよう． 一つ前のコマンドで取得した俳句の item_id を，次のコマンドの XXXX に代入した上で実行しよう．
sh
$ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
$ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
{"description": "OK"} という出力が得られるはずである． 再び GET リクエストを送ることで，いいね (likes) が 1 増えたことを確認しよう．
sh
$ http GET "${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
$ http GET "${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
最後に， DELETE リクエストを送ることで俳句をデータベースから削除しよう． XXXX は item_id の値で置き換えたうえで次のコマンドを実行する．
sh
$ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
$ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
再び GET リクエストを送ることで，返り値が空 ([]) になっていることを確認しよう．
これで，俳句の投稿・取得・削除そしていいねの追加，といった基本的な API がきちんと動作していることが確認できた．
大量の API リクエストをシミュレートする ​
さて，前節ではマニュアルで一つずつ俳句を投稿した． 多数のユーザーがいるような SNS では，1 秒間に数千件以上の投稿がされている． 今回はサーバーレスアーキテクチャを採用したことで，そのような瞬間的な大量アクセスにも容易に対応できるようなシステムが自動的に構築されている． このポイントを実証するため，ここでは大量の API が送信された状況をシミュレートしてみよう．
handson/bashoutter/client.py に，大量の API リクエストをシミュレートするためのプログラムが書かれている． このプログラムを使用すると， POST /haiku の API リクエストを指定された回数だけ実行することができる．
テストとして， API を 300 回実行してみよう． 次のコマンドを実行する．
sh
$ python client.py $ENDPOINT_URL post_many 300
$ python client.py $ENDPOINT_URL post_many 300
数秒のうちに実行が完了するだろう． これがもし，単一のサーバーからなる API だったとしたら，このような大量のリクエストの処理にはもっと時間がかかっただろう． 最悪の場合には，サーバーダウンにもつながっていたかもしれない． したがって，今回作成したサーバーレスアプリケーションは，とてもシンプルながらも 1 秒間に数百件の処理を行えるような，スケーラブルなクラウドシステムであることがわかる． サーバーレスでクラウドを設計することの利点を垣間見ることができただろうか？
先述のコマンドにより大量の俳句を投稿するとデータベースに無駄なデータがどんどん溜まってしまう． データベースを完全に空にするには，次のコマンドを使用する．
sh
$ python client.py $ENDPOINT_URL clear_database
$ python client.py $ENDPOINT_URL clear_database
Bashoutter GUI を動かしてみる ​
前節ではコマンドラインから API を送信する演習を行った． ウェブアプリケーションでは，これと同じことがウェブブラウザの背後で行われ，ページのコンテンツが表示されている ( (#fig:web_server) 参照)． 最後に， API が GUI と統合されるとどうなるのか，見てみよう．
CDK のコードで， Public access mode の S3 バケットを作成したことを思い出してほしい． 最初のステップとして，ここにウェブサイトのコンテンツをアップロードしよう． ハンズオンのソースコードの中に gui/dist というフォルダが見つかるはずである． ここにはビルド済みのウェブサイトの静的コンテンツ (HTML/CSS/JavaScript) が入っている． AWS CLI のコマンドを使うことでこれらのファイルを S3 にアップロードしよう．
sh
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
コマンドを実行する際は， Bashoutter ハンズオンのディレクトリから行うこと (./gui/dist に注目)，そして <BUCKET_NAME> にはデプロイした自身のバケットの名前が入る点に注意． 念のため，AWS コンソールにログインし，バケットにファイルがアップロードされている点を確認しておこう．
なお，今回は GUI の説明はとくに行わないが， Bashoutter のウェブサイトは Vue.js と Vuetify という UI フレームワークを使って作成した． Vue を使うことで， Single page application (SPA) の技術でウェブサイトの画面がレンダリングされる． ソースコードは handson/bashoutter/gui のディレクトリの中にあるので，興味のある読者は確認してみるとよい．
アップトードが完了したところで，続いてデプロイを実行したときにコマンドラインの出力を見直してみよう． Bashoutter.BucketUrl= で与えられた URL が見つかるはずである (figure_title)． これは，先述したとおり， Public access mode の S3 バケットの URL である．
ウェブブラウザを開き，アドレスバーに S3 の URL を入力しへアクセスしてみよう． すると， figure_title のようなページが表示されるはずである．
"Bashoutter" の GUI 画面
ページが表示されたら，一番上の "API Endpoint URL" と書いてあるテキストボックスに，今回デプロイした API Gateway の URL を入力する (今回のアプリケーションでは，API Gateway の URL はランダムに割り当てられるのでこのような GUI の仕様になっている)． そうしたら，画面の "REFRESH" と書いてあるボタンを押してみよう． データベースに俳句が登録済みであれば，俳句の一覧が表示されるはずである． 各俳句の左下にあるハートのアイコンをクリックすることで， "like" の票を入れることができる．
新しい俳句を投稿するには，五七五と投稿者の名前を入力して， "POST" を押す． "POST" を押した後は，再び "REFRESH" ボタンを押すことで最新の俳句のリストをデータベースから取得する．
アプリケーションの削除 ​
これで， Bashoutter プロジェクトが完成した！ この SNS は，インターネットを通じて世界のどこからでもアクセスできる状態にある． また， 大量の API リクエストをシミュレートする で見たように，大量のユーザーの同時アクセスによる負荷がかかっても，柔軟にスケールが行われ遅延なく処理を行うことができる． 極めて簡素ながらも，立派なウェブサービスとしてのスペックは満たしているのである！
Bashoutter アプリを存分に楽しむことができたら，最後に忘れずにスタックを削除しよう．
コマンドラインからスタックの削除を実行するには，次のコマンドを使う．
sh
$ cdk destroy
$ cdk destroy
CDK のバージョンによっては S3 のバケットが空でないと， cdk destroy がエラーを出力する場合がある． この場合はスタックを削除する前に， S3 バケットの中身をすべて削除しなければならない．
コンソールから実行するには， S3 コンソールに行き，バケットの中身を開いたうえで，すべてのファイルを選択し， "Actions" → "Delete" を実行すればよいい．
コマンドラインから実行するには， 次のコマンドを使う． <BUCKET NAME> のところは，自分の バケットの名前 ("BashoutterBucketXXXX" というパターンの名前がついているはずである) に置き換えることを忘れずに．
sh
$ aws s3 rm <BUCKET NAME> --recursive
$ aws s3 rm <BUCKET NAME> --recursive
小括 ​
ここまでが，本書第三部の内容であった．
第三部では，クラウドの応用として，一般の人に使ってもらうようなウェブアプリケーション・データベースをどのようにして作るのか，という点に焦点を当てて，説明を行った． その中で，従来的なクラウドシステムの設計と，ここ数年の最新の設計方法であるサーバーレスアーキテクチャについて解説した． (#sec_intro_serverless) では， AWS でのサーバーレスの実践として， Lambda, S3, DynamoDB のハンズオンを行った． 最後に， Hands-on #6: Bashoutter では，これらの技術を統合することで，完全サーバーレスなウェブアプリケーション "Bashoutter" を作成した．
これらの演習を通じて，世の中のウェブサービスがどのようにしてでき上がっているのか，少し理解が深まっただろうか？ また，そのようなウェブアプリケーションを自分が作りたいと思ったとき，今回のハンズオンがその出発点となることができたならば幸いである．

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/handson-ec2.html b/development/aws/handson-ec2.html
index 5d65966f..a2d35939 100644
--- a/development/aws/handson-ec2.html
+++ b/development/aws/handson-ec2.html
@@ -5,17 +5,17 @@
     
     Hands-on #1: 初めての EC2 インスタンスを起動する | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
     
-    
+    
     
     
     
@@ -38,200 +38,200 @@
     
   
   
-    
Toshiki's Note
Appearance
Hands-on #1: 初めての EC2 インスタンスを起動する ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:2.6k
 Reading:11 min
ハンズオンの第一回では， CDK を使って EC2 のインスタンス(仮想サーバー)を作成し，SSH でサーバーにログインする，という演習を行う． このハンズオンを終えれば，あなたは自分だけのサーバーを AWS 上に立ち上げ，自由に計算を走らせることができるようになるのである！
準備 ​
ハンズオンのソースコードは GitHub の handson/ec2-get-started に置いてある．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行することができる．
まずは，ハンズオンを実行するための環境を整える． これらの環境整備は，後のハンズオンでも前提となるものなので確実にミスなく行っていただきたい．
  • AWS Account: ハンズオンを実行するには個人の AWS アカウントが必要である． AWS アカウントの取得については (#sec:create_aws_account) を参照のこと．
  • Python と Node.js: 本ハンズオンを実行するには，Python (3.6 以上)，Node.js (12.0 以上) がインストールされていなければならない．
  • AWS CLI: AWS CLI のインストールについては， (#aws_cli_install) を参照． ここに記載されている認証鍵の設定も済ませておくこと．
  • AWS CDK: AWS CDK のインストールについては， (#aws_cdk_install) を参照．
  • ソースコードのダウンロード: 本ハンズオンで使用するプログラムのソースコードを，以下のコマンドを使って GitHub からダウンロードする．
sh
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
あるいは， https://github.com/tomomano/learn-aws-by-coding のページに行って，右上のダウンロードボタンからダウンロードすることもできる．
Docker を使用する場合
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもパッケージ済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
使用方法については (#sec_handson_docker) を参照のこと．
SSH ​
SSH (secure shell) は Unix 系のリモートサーバーに安全にアクセスするためのツールである． 本ハンズオンでは， SSH を使って仮想サーバーにアクセスする． SSH に慣れていない読者のため，簡単な説明をここで行おう．
SSH による通信はすべて暗号化されているので，機密情報をインターネットを介して安全に送受信することができる． 本ハンズオンで，リモートのサーバーにアクセスするための SSH クライアントがローカルマシンにインストールされている必要がある． SSH クライアントは Linux/Mac には標準搭載されている． Windows の場合は WSL をインストールすることで SSH クライアントを利用することを推奨する ( (#environments) を参照)．
SSH コマンドの基本的な使い方を次に示す． <host name> はアクセスする先のサーバーの IP アドレスや DNS によるホストネームが入る． <user name> は接続する先のユーザー名である．
sh
$ ssh <user name>@<host name>
$ ssh <user name>@<host name>
SSH は平文のパスワードによる認証を行うこともできるが，より強固なセキュリティを施すため，公開鍵暗号方式(Public Key Cryptography)による認証を行うことが強く推奨されており， EC2 はこの方法でしかアクセスを許していない． 公開鍵暗号方式の仕組みについては各自勉強してほしい． 本ハンズオンにおいて大事なことは，EC2 インスタンスが公開鍵(Public key)を保持し，クライアントとなるコンピュータ(読者自身のコンピュータ)が秘密鍵(Private key)を保持する，という点である． EC2 のインスタンスには秘密鍵を持ったコンピュータのみがアクセスすることができる．逆に言うと，秘密鍵が漏洩すると第三者もサーバーにアクセスできることになるので，秘密鍵は絶対に漏洩することのないよう注意して管理する．
SSH コマンドでは，ログインのために使用する秘密鍵ファイルを -i もしくは --identity_file のオプションで指定することができる． たとえば，次のように使う．
sh
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#1で作製するアプリケーションのアーキテクチャ
このアプリケーションではまず，VPC (Virtual Private Cloud) を使ってプライベートな仮想ネットワーク環境を立ち上げている． その VPC の public subnet の内側に，EC2 (Elatic Compute Cloud) の仮想サーバーを配置する． さらに，セキュリティのため， Security Group による EC2 インスタンスへのアクセス制限を設定している． このようにして作成された仮想サーバーに，SSH を使ってアクセスし，簡単な計算を行う．
figure_title のようなアプリケーションを，CDK を使って構築する．
早速ではあるが，今回のハンズオンで使用するプログラムを見てみよう (handson/ec2-get-started/app.py)．
python
class MyFirstEc2(core.Stack):
+    
Toshiki's Note
Appearance
Hands-on #1: 初めての EC2 インスタンスを起動する ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:2.6k
 Reading:11 min
ハンズオンの第一回では， CDK を使って EC2 のインスタンス(仮想サーバー)を作成し，SSH でサーバーにログインする，という演習を行う． このハンズオンを終えれば，あなたは自分だけのサーバーを AWS 上に立ち上げ，自由に計算を走らせることができるようになるのである！
準備 ​
ハンズオンのソースコードは GitHub の handson/ec2-get-started に置いてある．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行することができる．
まずは，ハンズオンを実行するための環境を整える． これらの環境整備は，後のハンズオンでも前提となるものなので確実にミスなく行っていただきたい．
  • AWS Account: ハンズオンを実行するには個人の AWS アカウントが必要である． AWS アカウントの取得については (#sec:create_aws_account) を参照のこと．
  • Python と Node.js: 本ハンズオンを実行するには，Python (3.6 以上)，Node.js (12.0 以上) がインストールされていなければならない．
  • AWS CLI: AWS CLI のインストールについては， (#aws_cli_install) を参照． ここに記載されている認証鍵の設定も済ませておくこと．
  • AWS CDK: AWS CDK のインストールについては， (#aws_cdk_install) を参照．
  • ソースコードのダウンロード: 本ハンズオンで使用するプログラムのソースコードを，以下のコマンドを使って GitHub からダウンロードする．
sh
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
あるいは， https://github.com/tomomano/learn-aws-by-coding のページに行って，右上のダウンロードボタンからダウンロードすることもできる．
Docker を使用する場合
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもパッケージ済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
使用方法については (#sec_handson_docker) を参照のこと．
SSH ​
SSH (secure shell) は Unix 系のリモートサーバーに安全にアクセスするためのツールである． 本ハンズオンでは， SSH を使って仮想サーバーにアクセスする． SSH に慣れていない読者のため，簡単な説明をここで行おう．
SSH による通信はすべて暗号化されているので，機密情報をインターネットを介して安全に送受信することができる． 本ハンズオンで，リモートのサーバーにアクセスするための SSH クライアントがローカルマシンにインストールされている必要がある． SSH クライアントは Linux/Mac には標準搭載されている． Windows の場合は WSL をインストールすることで SSH クライアントを利用することを推奨する ( (#environments) を参照)．
SSH コマンドの基本的な使い方を次に示す． <host name> はアクセスする先のサーバーの IP アドレスや DNS によるホストネームが入る． <user name> は接続する先のユーザー名である．
sh
$ ssh <user name>@<host name>
$ ssh <user name>@<host name>
SSH は平文のパスワードによる認証を行うこともできるが，より強固なセキュリティを施すため，公開鍵暗号方式(Public Key Cryptography)による認証を行うことが強く推奨されており， EC2 はこの方法でしかアクセスを許していない． 公開鍵暗号方式の仕組みについては各自勉強してほしい． 本ハンズオンにおいて大事なことは，EC2 インスタンスが公開鍵(Public key)を保持し，クライアントとなるコンピュータ(読者自身のコンピュータ)が秘密鍵(Private key)を保持する，という点である． EC2 のインスタンスには秘密鍵を持ったコンピュータのみがアクセスすることができる．逆に言うと，秘密鍵が漏洩すると第三者もサーバーにアクセスできることになるので，秘密鍵は絶対に漏洩することのないよう注意して管理する．
SSH コマンドでは，ログインのために使用する秘密鍵ファイルを -i もしくは --identity_file のオプションで指定することができる． たとえば，次のように使う．
sh
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#1で作製するアプリケーションのアーキテクチャ
このアプリケーションではまず，VPC (Virtual Private Cloud) を使ってプライベートな仮想ネットワーク環境を立ち上げている． その VPC の public subnet の内側に，EC2 (Elatic Compute Cloud) の仮想サーバーを配置する． さらに，セキュリティのため， Security Group による EC2 インスタンスへのアクセス制限を設定している． このようにして作成された仮想サーバーに，SSH を使ってアクセスし，簡単な計算を行う．
figure_title のようなアプリケーションを，CDK を使って構築する．
早速ではあるが，今回のハンズオンで使用するプログラムを見てみよう (handson/ec2-get-started/app.py)．
python
class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
class MyFirstEc2(core.Stack):
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
  • まず最初に，VPC を定義する．
  • 次に， security group (SG) を定義している． ここでは，任意の IPv4 のアドレスからの，ポート 22 (SSH の接続に使用される)への接続を許可している． それ以外の接続は拒絶される．
  • 最後に，上記で作った VPC と SG が付与された EC2 インスタンスを作成している． インスタンスタイプは t2.micro を選択し， Amazon Linux を OS として設定している．
それぞれについて，もう少し詳しく説明しよう．
VPC (Virtual Private Cloud) ​
VPC のアイコン.
VPC
VPC は AWS 上にプライベートな仮想ネットワーク環境を構築するツールである．高度な計算システムを構築するには，複数のサーバーを連動させて計算を行う必要があるが，そのような場合に互いのアドレスなどを管理する必要があり，そういった目的で VPC は有用である．
本ハンズオンでは，サーバーは一つしか起動しないので，VPC の恩恵はよく分からないかもしれない．しかし，EC2 インスタンスは必ず VPC の中に配置されなければならない，という制約があるので，このハンズオンでもミニマルな VPC を構成している．
興味のある読者のために，VPC のコードについてもう少し詳しく説明しよう．
python
vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
  • max_azs=1 : このパラメータは，前章で説明した avaialibility zone (AZ) を設定している． このハンズオンでは，特にデータセンターの障害などを気にする必要はないので 1 にしている．
  • cidr="10.10.0.0/23" : このパラメータは，VPC 内の IPv4 のレンジを指定している． CIDR 記法については， Wikipediaなどを参照． 10.10.0.0/23 は 10.10.0.0 から 10.10.1.255 までの 512 個の連続したアドレス範囲を指している． つまり，この VPC では最大で 512 個のユニークな IPv4 アドレスが使えることになる． 今回はサーバーは一つなので 512 個は明らかに多すぎるが，VPC はアドレスの数はどれだけ作成しても無料なので，多めに作成した．
  • subnet_configuration=... : このパラメータは，VPC にどのようなサブネットを作るか，を決めている． サブネットの種類には private subnet と public subnet の二種類がある． private subnet は基本的にインターネットとは遮断されたサブネット環境である． インターネットと繋がっていないので，セキュリティは極めて高く， VPC 内のサーバーとのみ通信を行えばよい EC2 インスタンスはここに配置する． Public subnet とはインターネットに繋がったサブネットである． 本ハンズオンで作成するサーバーは，外から SSH でログインを行いたいので， Public subnet 内に配置する． より詳細な記述は 公式ドキュメンテーション を参照．
  • natgateways=0 : これは少し高度な内容なので省略する (興味のある読者は 公式ドキュメンテーションを参照)． が，これを 0 にしておかないと，NAT Gateway の利用料金が発生してしまうので，注意！
Security Group ​
Security group (SG) は， EC2 インスタンスに付与することのできる仮想ファイアーウォールである． たとえば，特定の IP アドレスから来た接続を許可・拒絶したり　(インバウンド・トラフィックの制限) ，逆に特定の IP アドレスへのアクセスを禁止したり (アウトバウンド・トラフィックの制限) することができる．
コードの該当部分を見てみよう．
python
sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
本ハンズオンでは， SSH による外部からの接続を許容するため， sg.add_ingress_rule(peer=ec2.Peer.any_ipv4(), connection=ec2.Port.tcp(22)) により，すべての IPv4 アドレスからのポート 22 番へのアクセスを許容している． また， SSH で EC2 インスタンスにログインしたのち，インターネットからプログラムなどをダウンロードできるよう， allow_all_outbound=True のパラメータを設定している．
SSH はデフォルトでは 22 番ポートを使用するのが慣例である．
セキュリティ上の観点からは，SSH の接続は自宅や大学・職場など特定の地点からの接続のみを許す方が望ましい．
EC2 (Elastic Compute Cloud) ​
EC2 のアイコン.
EC2
EC2 は AWS 上に仮想サーバーを立ち上げるサービスである． 個々の起動状態にある仮想サーバーのことをインスタンス (instance) とよぶ (しかし，口語的なコミュニケーションにおいては，サーバーとインスタンスという言葉は相互互換的に用いられることが多い)．
EC2 では用途に応じて様々なインスタンスタイプが提供されている． table_title に，代表的なインスタンスタイプの例を挙げる (執筆時点での情報)． EC2 のインスタンスタイプのすべてのリストは 公式ドキュメンテーション "Amazon EC2 Instance Types" で見ることができる．
EC2 instance types ​
InstancevCPUMemory (GiB)Network bandwidth (Gbps)Price per hour ($)
t2.micro11-0.0116
t2.small12-0.023
t2.medium24-0.0464
c5.24xlarge96192254.08
c5n.18xlarge721921003.888
x1e.16xlarge6419521013.344
table_title からわかるように， CPU は 1 コアから 96 コアまで，メモリーは 1GB から 2TB 以上まで，ネットワーク帯域は最大で 100Gbps まで，幅広く選択することができる． また，時間あたりの料金は，CPU・メモリーの占有数にほぼ比例する形で増加する． EC2 はサーバーの起動時間を秒単位で記録しており，利用料金は使用時間に比例する形で決定される． 例えば， t2.medium のインスタンスを 10 時間起動した場合，0.0464 * 10 = 0.464 ドルの料金が発生する．
AWS には 無料利用枠 というものがあり， t2.micro であれば月に 750 時間までは無料で利用することができる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
上記で t2.micro の $0.0116 / hour という金額は， On-demand インスタンスというタイプを選択した場合の価格である． EC2 ではほかに， Spot instance とよばれるインスタンスも存在しする． Spot instance は，AWS のデータセンターの負荷が増えた場合，ユーザーのプログラムが実行中であっても AWS の判断により強制シャットダウンされる，という不便さを抱えているのだが，その分大幅に安い料金設定になっている． AWS で一時的に生じた余剰な空き CPU をユーザーに割安で貸し出す，という発想である． 科学計算やウェブサーバーなどの用途でコストを削減する目的で， Spot Instance を活用する事例も多数報告されている．
EC2 インスタンスを定義しているコードの該当部分を見てみよう．
python
host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
ここでは， t2.micro というインスタンスタイプを選択している． さらに， machine_image として， Amazon Linux を選択している (Machine image は OS と似た概念である． Machine image については， (#sec_jupyter_and_deep_learning) でより詳しく触れる)． さらに，上で定義した VPC, SG をこのインスタンスに付与している．
以上が，今回使用するプログラムの簡単な解説であった． ミニマルな形のプログラムではあるが，仮想サーバーを作成するのに必要なステップがおわかりいただけただろうか？
プログラムを実行する ​
さて，ハンズオンのコードの理解ができたところで，プログラムを実際に実行してみよう．繰り返しになるが， 準備 での準備ができていることが前提である．
Python の依存ライブラリのインストール ​
まずは，Python の依存ライブラリをインストールする．以下では，Python のライブラリを管理するツールとして， venv を使用する．
まずは， handson/ec2-get-started のディレクトリに移動しよう．
sh
$ cd handson/ec2-get-started
$ cd handson/ec2-get-started
ディレクトリを移動したら， venv で新しい仮想環境を作成し，インストールを実行する．
sh
$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
これで Python の環境構築は完了だ．
venv の簡単な説明は (#venv_quick_guide) に記述してある．
環境によっては pip ではなく pip3 あるいは python3 -m pip に置き換える必要がある．
AWS のシークレットキーをセットする ​
AWS CLI および AWS CDK を使うには， AWS のシークレットキーが設定されている必要がある． シークレットキーの発行については (#aws_secrets) を参照のこと． シークレットキーを発行したら， (#aws_cli_install) を参照し，コマンドラインの設定を行う．
手順をここに短く要約すると，一つ目の方法は AWS_ACCESS_KEY_ID などの環境変数を設定するやり方である． もう一つの方法は， ~/.aws/credentials に認証情報を保存しておく方式である． シークレットキーの設定は AWS CLI/CDK を使用するうえで共通のステップになるので，しっかりと理解しておくように．
SSH 鍵を生成 ​
EC2 インスタンスには SSH を使ってログインする． EC2 インスタンスを作成するのに先行して，今回のハンズオンで専用に使う SSH の公開鍵・秘密鍵のペアを準備する必要がある．
次の AWS CLI コマンドにより， HirakeGoma という名前のついた鍵を生成する．
sh
$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
このコマンドを実行すると，現在のディレクトリに HirakeGoma.pem というファイルが作成される．これが，サーバーにアクセスするための秘密鍵である． SSH でこの鍵を使うため， ~/.ssh/ のディレクトリに鍵を移動する． さらに，秘密鍵が書き換えられたり第三者に閲覧されないよう，ファイルのアクセス権限を 400 に設定する．
sh
$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
デプロイを実行 ​
これまでのステップで， EC2 インスタンスをデプロイするための準備が整った！ 早速，次のコマンドによりアプリケーションを AWS にデプロイしよう． -c key_name="HirakeGoma" というオプションで，先ほど生成した HirakeGoma という名前の鍵を使うよう指定している．
sh
$ cdk deploy -c key_name="HirakeGoma"
$ cdk deploy -c key_name="HirakeGoma"
このコマンドを実行すると， VPC， EC2 などが AWS 上に展開される． そして，コマンドの出力の最後に figure_title のような出力が得られるはずである． 出力の中で InstancePublicIp に続く数字が，起動したインスタンスのパブリック IP アドレスである． IP アドレスはデプロイごとにランダムなアドレスが割り当てられる．
CDKデプロイ実行後の出力
SSH でログイン ​
早速，SSH 　で接続してみよう．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
-i オプションで，先ほど生成した秘密鍵を指定している． EC2 インスタンスにはデフォルトで ec2-user という名前のユーザーが作られているので，それを使用する． 最後に， <IP address> の部分は自身が作成した EC2 インスタンスの IP アドレスで置き換える (12.345.678.9 など）．
ログインに成功すると， figure_title のような画面が表示される． リモートのサーバーにログインしているので，プロンプトが [ec2-user@ip-10-10-1-217 ~]$ のようになっていることを確認しよう．
SSH で EC2 インスタンスにログイン
おめでとう！これで，めでたく AWS 上に EC2 仮想サーバーを起動し，リモートからアクセスできるようになった！
起動した EC2 インスタンスで遊んでみる ​
せっかく新しいインスタンスを起動したので，少し遊んでみよう．
ログインした EC2 インスタンスで，次のコマンドを実行してみよう． CPU の情報を取得することができる．
sh
$ cat /proc/cpuinfo
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
  • まず最初に，VPC を定義する．
  • 次に， security group (SG) を定義している． ここでは，任意の IPv4 のアドレスからの，ポート 22 (SSH の接続に使用される)への接続を許可している． それ以外の接続は拒絶される．
  • 最後に，上記で作った VPC と SG が付与された EC2 インスタンスを作成している． インスタンスタイプは t2.micro を選択し， Amazon Linux を OS として設定している．
それぞれについて，もう少し詳しく説明しよう．
VPC (Virtual Private Cloud) ​
VPC のアイコン.
VPC
VPC は AWS 上にプライベートな仮想ネットワーク環境を構築するツールである．高度な計算システムを構築するには，複数のサーバーを連動させて計算を行う必要があるが，そのような場合に互いのアドレスなどを管理する必要があり，そういった目的で VPC は有用である．
本ハンズオンでは，サーバーは一つしか起動しないので，VPC の恩恵はよく分からないかもしれない．しかし，EC2 インスタンスは必ず VPC の中に配置されなければならない，という制約があるので，このハンズオンでもミニマルな VPC を構成している．
興味のある読者のために，VPC のコードについてもう少し詳しく説明しよう．
python
vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
  • max_azs=1 : このパラメータは，前章で説明した avaialibility zone (AZ) を設定している． このハンズオンでは，特にデータセンターの障害などを気にする必要はないので 1 にしている．
  • cidr="10.10.0.0/23" : このパラメータは，VPC 内の IPv4 のレンジを指定している． CIDR 記法については， Wikipediaなどを参照． 10.10.0.0/23 は 10.10.0.0 から 10.10.1.255 までの 512 個の連続したアドレス範囲を指している． つまり，この VPC では最大で 512 個のユニークな IPv4 アドレスが使えることになる． 今回はサーバーは一つなので 512 個は明らかに多すぎるが，VPC はアドレスの数はどれだけ作成しても無料なので，多めに作成した．
  • subnet_configuration=... : このパラメータは，VPC にどのようなサブネットを作るか，を決めている． サブネットの種類には private subnet と public subnet の二種類がある． private subnet は基本的にインターネットとは遮断されたサブネット環境である． インターネットと繋がっていないので，セキュリティは極めて高く， VPC 内のサーバーとのみ通信を行えばよい EC2 インスタンスはここに配置する． Public subnet とはインターネットに繋がったサブネットである． 本ハンズオンで作成するサーバーは，外から SSH でログインを行いたいので， Public subnet 内に配置する． より詳細な記述は 公式ドキュメンテーション を参照．
  • natgateways=0 : これは少し高度な内容なので省略する (興味のある読者は 公式ドキュメンテーションを参照)． が，これを 0 にしておかないと，NAT Gateway の利用料金が発生してしまうので，注意！
Security Group ​
Security group (SG) は， EC2 インスタンスに付与することのできる仮想ファイアーウォールである． たとえば，特定の IP アドレスから来た接続を許可・拒絶したり　(インバウンド・トラフィックの制限) ，逆に特定の IP アドレスへのアクセスを禁止したり (アウトバウンド・トラフィックの制限) することができる．
コードの該当部分を見てみよう．
python
sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
本ハンズオンでは， SSH による外部からの接続を許容するため， sg.add_ingress_rule(peer=ec2.Peer.any_ipv4(), connection=ec2.Port.tcp(22)) により，すべての IPv4 アドレスからのポート 22 番へのアクセスを許容している． また， SSH で EC2 インスタンスにログインしたのち，インターネットからプログラムなどをダウンロードできるよう， allow_all_outbound=True のパラメータを設定している．
SSH はデフォルトでは 22 番ポートを使用するのが慣例である．
セキュリティ上の観点からは，SSH の接続は自宅や大学・職場など特定の地点からの接続のみを許す方が望ましい．
EC2 (Elastic Compute Cloud) ​
EC2 のアイコン.
EC2
EC2 は AWS 上に仮想サーバーを立ち上げるサービスである． 個々の起動状態にある仮想サーバーのことをインスタンス (instance) とよぶ (しかし，口語的なコミュニケーションにおいては，サーバーとインスタンスという言葉は相互互換的に用いられることが多い)．
EC2 では用途に応じて様々なインスタンスタイプが提供されている． table_title に，代表的なインスタンスタイプの例を挙げる (執筆時点での情報)． EC2 のインスタンスタイプのすべてのリストは 公式ドキュメンテーション "Amazon EC2 Instance Types" で見ることができる．
EC2 instance types ​
InstancevCPUMemory (GiB)Network bandwidth (Gbps)Price per hour ($)
t2.micro11-0.0116
t2.small12-0.023
t2.medium24-0.0464
c5.24xlarge96192254.08
c5n.18xlarge721921003.888
x1e.16xlarge6419521013.344
table_title からわかるように， CPU は 1 コアから 96 コアまで，メモリーは 1GB から 2TB 以上まで，ネットワーク帯域は最大で 100Gbps まで，幅広く選択することができる． また，時間あたりの料金は，CPU・メモリーの占有数にほぼ比例する形で増加する． EC2 はサーバーの起動時間を秒単位で記録しており，利用料金は使用時間に比例する形で決定される． 例えば， t2.medium のインスタンスを 10 時間起動した場合，0.0464 * 10 = 0.464 ドルの料金が発生する．
AWS には 無料利用枠 というものがあり， t2.micro であれば月に 750 時間までは無料で利用することができる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
上記で t2.micro の $0.0116 / hour という金額は， On-demand インスタンスというタイプを選択した場合の価格である． EC2 ではほかに， Spot instance とよばれるインスタンスも存在しする． Spot instance は，AWS のデータセンターの負荷が増えた場合，ユーザーのプログラムが実行中であっても AWS の判断により強制シャットダウンされる，という不便さを抱えているのだが，その分大幅に安い料金設定になっている． AWS で一時的に生じた余剰な空き CPU をユーザーに割安で貸し出す，という発想である． 科学計算やウェブサーバーなどの用途でコストを削減する目的で， Spot Instance を活用する事例も多数報告されている．
EC2 インスタンスを定義しているコードの該当部分を見てみよう．
python
host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
ここでは， t2.micro というインスタンスタイプを選択している． さらに， machine_image として， Amazon Linux を選択している (Machine image は OS と似た概念である． Machine image については， (#sec_jupyter_and_deep_learning) でより詳しく触れる)． さらに，上で定義した VPC, SG をこのインスタンスに付与している．
以上が，今回使用するプログラムの簡単な解説であった． ミニマルな形のプログラムではあるが，仮想サーバーを作成するのに必要なステップがおわかりいただけただろうか？
プログラムを実行する ​
さて，ハンズオンのコードの理解ができたところで，プログラムを実際に実行してみよう．繰り返しになるが， 準備 での準備ができていることが前提である．
Python の依存ライブラリのインストール ​
まずは，Python の依存ライブラリをインストールする．以下では，Python のライブラリを管理するツールとして， venv を使用する．
まずは， handson/ec2-get-started のディレクトリに移動しよう．
sh
$ cd handson/ec2-get-started
$ cd handson/ec2-get-started
ディレクトリを移動したら， venv で新しい仮想環境を作成し，インストールを実行する．
sh
$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
これで Python の環境構築は完了だ．
venv の簡単な説明は (#venv_quick_guide) に記述してある．
環境によっては pip ではなく pip3 あるいは python3 -m pip に置き換える必要がある．
AWS のシークレットキーをセットする ​
AWS CLI および AWS CDK を使うには， AWS のシークレットキーが設定されている必要がある． シークレットキーの発行については (#aws_secrets) を参照のこと． シークレットキーを発行したら， (#aws_cli_install) を参照し，コマンドラインの設定を行う．
手順をここに短く要約すると，一つ目の方法は AWS_ACCESS_KEY_ID などの環境変数を設定するやり方である． もう一つの方法は， ~/.aws/credentials に認証情報を保存しておく方式である． シークレットキーの設定は AWS CLI/CDK を使用するうえで共通のステップになるので，しっかりと理解しておくように．
SSH 鍵を生成 ​
EC2 インスタンスには SSH を使ってログインする． EC2 インスタンスを作成するのに先行して，今回のハンズオンで専用に使う SSH の公開鍵・秘密鍵のペアを準備する必要がある．
次の AWS CLI コマンドにより， HirakeGoma という名前のついた鍵を生成する．
sh
$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
このコマンドを実行すると，現在のディレクトリに HirakeGoma.pem というファイルが作成される．これが，サーバーにアクセスするための秘密鍵である． SSH でこの鍵を使うため， ~/.ssh/ のディレクトリに鍵を移動する． さらに，秘密鍵が書き換えられたり第三者に閲覧されないよう，ファイルのアクセス権限を 400 に設定する．
sh
$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
デプロイを実行 ​
これまでのステップで， EC2 インスタンスをデプロイするための準備が整った！ 早速，次のコマンドによりアプリケーションを AWS にデプロイしよう． -c key_name="HirakeGoma" というオプションで，先ほど生成した HirakeGoma という名前の鍵を使うよう指定している．
sh
$ cdk deploy -c key_name="HirakeGoma"
$ cdk deploy -c key_name="HirakeGoma"
このコマンドを実行すると， VPC， EC2 などが AWS 上に展開される． そして，コマンドの出力の最後に figure_title のような出力が得られるはずである． 出力の中で InstancePublicIp に続く数字が，起動したインスタンスのパブリック IP アドレスである． IP アドレスはデプロイごとにランダムなアドレスが割り当てられる．
CDKデプロイ実行後の出力
SSH でログイン ​
早速，SSH 　で接続してみよう．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
-i オプションで，先ほど生成した秘密鍵を指定している． EC2 インスタンスにはデフォルトで ec2-user という名前のユーザーが作られているので，それを使用する． 最後に， <IP address> の部分は自身が作成した EC2 インスタンスの IP アドレスで置き換える (12.345.678.9 など）．
ログインに成功すると， figure_title のような画面が表示される． リモートのサーバーにログインしているので，プロンプトが [ec2-user@ip-10-10-1-217 ~]$ のようになっていることを確認しよう．
SSH で EC2 インスタンスにログイン
おめでとう！これで，めでたく AWS 上に EC2 仮想サーバーを起動し，リモートからアクセスできるようになった！
起動した EC2 インスタンスで遊んでみる ​
せっかく新しいインスタンスを起動したので，少し遊んでみよう．
ログインした EC2 インスタンスで，次のコマンドを実行してみよう． CPU の情報を取得することができる．
sh
$ cat /proc/cpuinfo
 
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
$ cat /proc/cpuinfo
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
$ cat /proc/cpuinfo
 
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
次に，実行中のプロセスやメモリの消費を見てみよう．
bash
$  top -n 1
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
次に，実行中のプロセスやメモリの消費を見てみよう．
bash
$  top -n 1
 
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
 
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
$  top -n 1
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
$  top -n 1
 
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
 
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
t2.micro インスタンスなので， 1009140k = 1GB のメモリーがあることがわかる．
今回起動したインスタンスには Python 2 はインストール済みだが， Python 3 は入っていない． Python 3.6 のインストールを行ってみよう． インストールは簡単である．
sh
$ sudo yum update -y
-$ sudo yum install -y python36
$ sudo yum update -y
-$ sudo yum install -y python36
インストールした Python を起動してみよう．
sh
$ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
$ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
Python のインタープリタが起動した！ Ctrl + D あるいは exit() と入力することで，インタープリタを閉じることができる．
さて，サーバーでのお遊びはこんなところにしておこう (興味があれば各自いろいろと試してみると良い) ． 次のコマンドでログアウトする．
sh
$ exit
$ exit
AWS コンソールから確認 ​
これまでは，すべてコマンドラインから EC2 に関連する操作を行ってきた． EC2 インスタンスの状態を確認したり，サーバーをシャットダウンするなどの操作は，AWS コンソールから実行することもできる． 軽くこれを紹介しよう．
まず，ウェブブラウザを開いて AWS コンソールにログインする． ログインしたら， Services から EC2 を検索(選択)する． 次に，左のサイドバーの Instances とページをたどる. すると， figure_title のような画面が得られるはずである． この画面で，自分のアカウントの管理下にあるインスタンスを確認できる． 同様に，VPC・SG についてもコンソールから確認できる．
EC2 コンソール画面
コンソール右上で，正しいリージョン (今回の場合は ap-northeast-1, Tokyo) が選択されているか，注意する！
前章で CloudFormation について触れたが，今回デプロイしたアプリケーションも，CloudFormation のスタックとして管理されている． スタック (stack) とは， AWS リソースの集合のことを指す． 今回の場合は， VPC/EC2/SG などがスタックの中に含まれている． コンソールで CloudFormation のページに行ってみよう (figure_title)．
CloudFormation コンソール画面
"MyFirstEc2" という名前のスタックがあることが確認できる． クリックをして中身を見てみると，EC2, VPC などのリソースがこのスタックに紐付いていることがわかる．
スタックを削除 ​
これにて，第一回のハンズオンで説明すべき事柄はすべて完了した． 最後に，使わなくなったスタックを削除しよう． スタックの削除には，二つの方法がある．
一つ目の方法は，前節の Cloudformation のコンソール画面で， "Delete" ボタンを押すことである (figure_title)． すると，スタックの状態が "DELETE_IN_PROGRESS" に変わり，削除が完了すると CloudFormation のスタックの一覧から消える．
CloudFormationコンソール画面から，スタックを削除
二つ目の方法は，コマンドラインから行う方法である． 先ほど，デプロイを行ったコマンドラインに戻ろう． そうしたら，次のコマンドを実行する．
sh
$ cdk destroy
$ cdk destroy
このコマンドを実行すると，スタックの削除が始まる． 削除した後は，VPC, EC2 など，すべて跡形もなく消え去っていることを自身で確かめよう． CloudFormation を用いることで関連するすべての AWS リソースを一度に管理・削除することができるので，大変便利である．
スタックの削除は各自で必ず行うこと！ 行わなかった場合， EC2 インスタンスの料金が発生し続けることになる！
また，本ハンズオンのために作成した SSH 鍵ペアも不要なので，削除しておく． まず， EC2 側に登録してある公開鍵を削除する． これも，コンソールおよびコマンドラインの二つの方法で実行できる．
コンソールから実行するには， EC2 の画面に行き，左のサイドバーの Key Pairs を選択する． 鍵の一覧が表示されるので， HirakeGoma とある鍵にチェックを入れ，画面右上の Actions から， Delete を実行する (figure_title)．
EC2でSSH鍵ペアを削除
コマンドラインから実行するには，次のコマンドを使う．
sh
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
最後に，ローカルのコンピュータから鍵を削除する．
sh
$ rm -f ~/.ssh/HirakeGoma.pem
$ rm -f ~/.ssh/HirakeGoma.pem
これで，クラウドの片付けもすべて終了だ．
なお，頻繁に EC2 インスタンスを起動したりする場合は，いちいち SSH 鍵を削除する必要はない．
小括 ​
ここまでが，本書の第一部の内容である． 盛りだくさんの内容であったが，ついてこれたであろうか？
(#chap_cloud_basics) では，クラウドの定義と用語の説明を行ったあと，なぜクラウドを使うのか，という点を議論した． 続いて (#sec_aws_general_introduction) では，クラウドを学ぶ具体的なプラットフォームとして AWS を取り上げ， AWS を使用するにあたり最低限必要な知識と用語の説明を行った． さらに， Hands-on #1: 初めての EC2 インスタンスを起動する のハンズオンでは AWS CLI と AWS CDK を使って，自身のプライベートなサーバーを AWS 上に立ち上げる演習を行った．
これらを通じて，いかに簡単に (たった数行のコマンドで！) 仮想サーバーを立ち上げたり，削除したりすることができるか，体験できただろう． 筆者は， (#chap_cloud_basics) でクラウドの最も重要な側面はダイナミックに計算リソースを拡大・縮小できることである，と述べた． この言葉の意味が，ハンズオンを通じてより明らかになっただろうか？ ここで学んだ技術を少し応用するだけで，自分のウェブページをホストする仮想サーバーを作成したり，大量のコアを搭載した EC2 インスタンスを用意して科学計算を実行するなど，いろいろなアプリケーションが実現できる．
次章からは，今回学んだクラウドの技術を基に，より現実に即した問題を解くことを体験してもらう． お楽しみに！

-    
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
t2.micro インスタンスなので， 1009140k = 1GB のメモリーがあることがわかる．
今回起動したインスタンスには Python 2 はインストール済みだが， Python 3 は入っていない． Python 3.6 のインストールを行ってみよう． インストールは簡単である．
sh
$ sudo yum update -y
+$ sudo yum install -y python36
$ sudo yum update -y
+$ sudo yum install -y python36
インストールした Python を起動してみよう．
sh
$ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
$ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
Python のインタープリタが起動した！ Ctrl + D あるいは exit() と入力することで，インタープリタを閉じることができる．
さて，サーバーでのお遊びはこんなところにしておこう (興味があれば各自いろいろと試してみると良い) ． 次のコマンドでログアウトする．
sh
$ exit
$ exit
AWS コンソールから確認 ​
これまでは，すべてコマンドラインから EC2 に関連する操作を行ってきた． EC2 インスタンスの状態を確認したり，サーバーをシャットダウンするなどの操作は，AWS コンソールから実行することもできる． 軽くこれを紹介しよう．
まず，ウェブブラウザを開いて AWS コンソールにログインする． ログインしたら， Services から EC2 を検索(選択)する． 次に，左のサイドバーの Instances とページをたどる. すると， figure_title のような画面が得られるはずである． この画面で，自分のアカウントの管理下にあるインスタンスを確認できる． 同様に，VPC・SG についてもコンソールから確認できる．
EC2 コンソール画面
コンソール右上で，正しいリージョン (今回の場合は ap-northeast-1, Tokyo) が選択されているか，注意する！
前章で CloudFormation について触れたが，今回デプロイしたアプリケーションも，CloudFormation のスタックとして管理されている． スタック (stack) とは， AWS リソースの集合のことを指す． 今回の場合は， VPC/EC2/SG などがスタックの中に含まれている． コンソールで CloudFormation のページに行ってみよう (figure_title)．
CloudFormation コンソール画面
"MyFirstEc2" という名前のスタックがあることが確認できる． クリックをして中身を見てみると，EC2, VPC などのリソースがこのスタックに紐付いていることがわかる．
スタックを削除 ​
これにて，第一回のハンズオンで説明すべき事柄はすべて完了した． 最後に，使わなくなったスタックを削除しよう． スタックの削除には，二つの方法がある．
一つ目の方法は，前節の Cloudformation のコンソール画面で， "Delete" ボタンを押すことである (figure_title)． すると，スタックの状態が "DELETE_IN_PROGRESS" に変わり，削除が完了すると CloudFormation のスタックの一覧から消える．
CloudFormationコンソール画面から，スタックを削除
二つ目の方法は，コマンドラインから行う方法である． 先ほど，デプロイを行ったコマンドラインに戻ろう． そうしたら，次のコマンドを実行する．
sh
$ cdk destroy
$ cdk destroy
このコマンドを実行すると，スタックの削除が始まる． 削除した後は，VPC, EC2 など，すべて跡形もなく消え去っていることを自身で確かめよう． CloudFormation を用いることで関連するすべての AWS リソースを一度に管理・削除することができるので，大変便利である．
スタックの削除は各自で必ず行うこと！ 行わなかった場合， EC2 インスタンスの料金が発生し続けることになる！
また，本ハンズオンのために作成した SSH 鍵ペアも不要なので，削除しておく． まず， EC2 側に登録してある公開鍵を削除する． これも，コンソールおよびコマンドラインの二つの方法で実行できる．
コンソールから実行するには， EC2 の画面に行き，左のサイドバーの Key Pairs を選択する． 鍵の一覧が表示されるので， HirakeGoma とある鍵にチェックを入れ，画面右上の Actions から， Delete を実行する (figure_title)．
EC2でSSH鍵ペアを削除
コマンドラインから実行するには，次のコマンドを使う．
sh
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
最後に，ローカルのコンピュータから鍵を削除する．
sh
$ rm -f ~/.ssh/HirakeGoma.pem
$ rm -f ~/.ssh/HirakeGoma.pem
これで，クラウドの片付けもすべて終了だ．
なお，頻繁に EC2 インスタンスを起動したりする場合は，いちいち SSH 鍵を削除する必要はない．
小括 ​
ここまでが，本書の第一部の内容である． 盛りだくさんの内容であったが，ついてこれたであろうか？
(#chap_cloud_basics) では，クラウドの定義と用語の説明を行ったあと，なぜクラウドを使うのか，という点を議論した． 続いて (#sec_aws_general_introduction) では，クラウドを学ぶ具体的なプラットフォームとして AWS を取り上げ， AWS を使用するにあたり最低限必要な知識と用語の説明を行った． さらに， Hands-on #1: 初めての EC2 インスタンスを起動する のハンズオンでは AWS CLI と AWS CDK を使って，自身のプライベートなサーバーを AWS 上に立ち上げる演習を行った．
これらを通じて，いかに簡単に (たった数行のコマンドで！) 仮想サーバーを立ち上げたり，削除したりすることができるか，体験できただろう． 筆者は， (#chap_cloud_basics) でクラウドの最も重要な側面はダイナミックに計算リソースを拡大・縮小できることである，と述べた． この言葉の意味が，ハンズオンを通じてより明らかになっただろうか？ ここで学んだ技術を少し応用するだけで，自分のウェブページをホストする仮想サーバーを作成したり，大量のコアを搭載した EC2 インスタンスを用意して科学計算を実行するなど，いろいろなアプリケーションが実現できる．
次章からは，今回学んだクラウドの技術を基に，より現実に即した問題を解くことを体験してもらう． お楽しみに！

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/handson-jupyter.html b/development/aws/handson-jupyter.html
index fde60e6a..7623808e 100644
--- a/development/aws/handson-jupyter.html
+++ b/development/aws/handson-jupyter.html
@@ -5,16 +5,16 @@
     
     Hands-on #2: AWS でディープラーニングを実践 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
-    
+    
     
     
     
@@ -37,254 +37,254 @@
     
   
   
-    
Toshiki's Note
Appearance
Hands-on #2: AWS でディープラーニングを実践 ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:3.2k
 Reading:14 min
準備 ​
ハンズオン第二回では， GPU を搭載した EC2 インスタンスを起動し，深層学習モデルの学習と推論を実行する演習を行う．
ハンズオンのソースコードは GitHub の handson/mnist に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． それ以外に必要な準備はない．
初期状態の AWS アカウントでは， GPU 搭載の G タイプのインスタンスの起動上限が 0 になっていることがある． これを確認するには， AWS コンソールから EC2 の画面を開き，左のメニューから Limits を選択する． その中の Running On-Demand All G instances という数字が G インスタンスの起動上限を表している．
もし，これが 0 になっていた場合は， AWS の自動申請フォームから上限緩和のリクエストを送る必要がある． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，東京 (ap-northeast-1) リージョンでは 0.71 $/hour のコストが発生する．
AWS Educate Starter Account を使用している読者へ: 執筆時点においては， Starter Account には GPU 搭載型インスタンスを起動できないという制限が設けられている． したがって， Starter Account のユーザーはこのハンズオンを実行することはできない． 興味のある読者は，制限のない一般アカウントを自分自身で取得する必要があることに注意．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#2で作製するアプリケーションのアーキテクチャ
図の多くの部分が，第一回ハンズオンで作成したアプリケーションと共通していることに気がつくだろう． 少しの変更で，簡単にディープラーニングを走らせる環境を構築することができるのである！主な変更点は次の３点である．
  • GPU を搭載した g4dn.xlarge インスタンスタイプを使用
  • ディープラーニングに使うプログラムがあらかじめインストールされた DLAMI (後述) を使用
  • SSH にポートフォワーディングのオプションつけてサーバーに接続し，サーバーで起動している Jupyter Notebook (後述) を使ってプログラムを書いたり実行したりする
ハンズオンで使用するプログラムのコードをみてみよう handson/mnist/app.py)． コードは第一回目とほとんど共通である．変更点のみ解説を行う．
python
class Ec2ForDl(core.Stack):
+    
Toshiki's Note
Appearance
Hands-on #2: AWS でディープラーニングを実践 ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:3.2k
 Reading:14 min
準備 ​
ハンズオン第二回では， GPU を搭載した EC2 インスタンスを起動し，深層学習モデルの学習と推論を実行する演習を行う．
ハンズオンのソースコードは GitHub の handson/mnist に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． それ以外に必要な準備はない．
初期状態の AWS アカウントでは， GPU 搭載の G タイプのインスタンスの起動上限が 0 になっていることがある． これを確認するには， AWS コンソールから EC2 の画面を開き，左のメニューから Limits を選択する． その中の Running On-Demand All G instances という数字が G インスタンスの起動上限を表している．
もし，これが 0 になっていた場合は， AWS の自動申請フォームから上限緩和のリクエストを送る必要がある． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，東京 (ap-northeast-1) リージョンでは 0.71 $/hour のコストが発生する．
AWS Educate Starter Account を使用している読者へ: 執筆時点においては， Starter Account には GPU 搭載型インスタンスを起動できないという制限が設けられている． したがって， Starter Account のユーザーはこのハンズオンを実行することはできない． 興味のある読者は，制限のない一般アカウントを自分自身で取得する必要があることに注意．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#2で作製するアプリケーションのアーキテクチャ
図の多くの部分が，第一回ハンズオンで作成したアプリケーションと共通していることに気がつくだろう． 少しの変更で，簡単にディープラーニングを走らせる環境を構築することができるのである！主な変更点は次の３点である．
  • GPU を搭載した g4dn.xlarge インスタンスタイプを使用
  • ディープラーニングに使うプログラムがあらかじめインストールされた DLAMI (後述) を使用
  • SSH にポートフォワーディングのオプションつけてサーバーに接続し，サーバーで起動している Jupyter Notebook (後述) を使ってプログラムを書いたり実行したりする
ハンズオンで使用するプログラムのコードをみてみよう handson/mnist/app.py)． コードは第一回目とほとんど共通である．変更点のみ解説を行う．
python
class Ec2ForDl(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
class Ec2ForDl(core.Stack):
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
class Ec2ForDl(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
  • ここで， g4dn.xlarge インスタンスタイプを選択している (第一回では， CPU のみの t2.micro だった)． g4dn.xlarge のインスタンスタイプは， (#sec_scientific_computing) ですでに触れた通り， NVIDIA T4 と呼ばれる廉価版モデルの GPU を搭載したインスタンスである． CPU は 4 core, メインメモリーは 16GB が割り当てあられている．
  • ここでは，Deep Learning 用の諸々のソフトウェアがプリンストールされた AMI (Deep Learning Amazon Machine Image; DLAMI) を選択している (第一回では，Amazon Linux という AMI を使用していた)． 使用する AMI の ID は リージョンごとに指定する必要があり，ここでは us-east-1 と ap-northeast-1 でそれぞれ定義している．
DLAMI という新しい概念が出てきたので，説明しよう．
AMI が us-east-1 と ap-northeast-1 でしか定義されていないので，提供されているコードはこの二つのリージョンのみでデプロイ可能である． もしほかのリージョンを利用したい場合は， AMI の ID を自身で検索し，コードに書き込む必要がある．
DLAMI (Deep Learning Amazon Machine Image) ​
AMI (Amazon Machine Image) とは，大まかには OS (Operating System) に相当する概念である． 当然のことながら， OS がなければコンピュータはなにもできないので，EC2 インスタンスを起動するときには必ずなにかの OS を"インストール"する必要がある． EC2 が起動したときにロードされる OS に相当するものが， AMI である． AMI には，たとえば Ubuntu などの Linux 系 OS に加えて，Windows Server を選択することもできる． また， EC2 での使用に最適化された Amazon Linux という AMI も提供されている．
しかしながら， AMI を単なる OS と理解するのは過剰な単純化である． AMI には，ベースとなる (空っぽの) OS を選択することもできるが，それに加えて，各種のプログラムがインストール済みの AMI も定義することができる． 必要なプログラムがインストールされている AMI を見つけることができれば，自身でインストールを行ったり環境設定したりする手間が大幅に省ける． 具体例を挙げると，ハンズオン第一回では EC2 インスタンスに Python 3.6 をインストールする例を示したが，そのような操作をインスタンスが起動するたびに行うのは手間である！
AMI は， AWS 公式のものに加えて，サードパーティから提供されているものもある． また，自分自身の AMI を作って登録することも可能である (参考)． AMI は EC2 のコンソールから検索することが可能である． あるいは，AWS CLI を使って，次のコマンドでリストを取得することができる (参考)．
sh
$ aws ec2 describe-images --owners amazon
$ aws ec2 describe-images --owners amazon
ディープラーニングで頻繁に使われるプログラムがあらかじめインストールしてある AMI が， DLAMI (Deep Learning AMI) である． DLAMI には TensorFlow, PyTorch などの人気の高いディープラーニングのフレームワーク・ライブラリがすでにインストールされているため， EC2 インスタンスを起動してすぐさまディープラーニングの計算を実行できる．
本ハンズオンでは， Amazon Linux 2 をベースにした DLAMI を使用する (AMI ID = ami-09c0c16fc46a29ed9．この AMI は ap-northeast-1 でしか使用できない点に注意)． AWS CLI を使って，この AMI の詳細情報を取得してみよう．
sh
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
AMI ID = ami-09c0c16fc46a29ed9 の詳細情報
figure_title のような出力が得られるはずである．得られた出力から，この DLAMI には PyTorch のバージョン 1.4.0 と 1.5.0 がインストールされていることがわかる． この DLAMI を使って，早速ディープラーニングの計算を実行してみよう．
DLAMI には具体的には何がインストールされているのだろうか？ 興味のある読者のために，簡単な解説をしよう (参考: 公式ドキュメンテーション "What Is the AWS Deep Learning AMI?")．
最も low-level なレイヤーとしては， GPU ドライバー がインストールされている． GPU ドライバーなしには OS は GPU とコマンドのやり取りをすることができない． 次のレイヤーが CUDA と cuDNN である． CUDA は， NVIDIA 社が開発した， GPU 上で汎用コンピューティングを行うための言語であり， C++ 言語を拡張したシンタックスを備える． cuDNN は CUDA で書かれたディープラーニングのライブラリであり，n 次元の畳み込みなどの演算が実装されている． ここまでが， "Base" とよばれるタイプの DLAMI の中身である．
これに加えて， "Conda" とよばれるタイプには， "Base" のプログラム基盤の上に， TensorFlow や PyTorch などのライブラリがインストールされている． さらに， Anaconda による仮想環境を使うことによって， TensorFlow の環境・ PyTorch の環境・ MxNet の環境など，フレームワークを簡単に切り替えることができる (これについては，後のハンズオンで触れる)． また， Jupyter Notebook もインストール済みである．
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，ハンズオン 1 とほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれのコマンドの意味を忘れてしまった場合は，ハンズオン 1 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/mnist
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
  • ここで， g4dn.xlarge インスタンスタイプを選択している (第一回では， CPU のみの t2.micro だった)． g4dn.xlarge のインスタンスタイプは， (#sec_scientific_computing) ですでに触れた通り， NVIDIA T4 と呼ばれる廉価版モデルの GPU を搭載したインスタンスである． CPU は 4 core, メインメモリーは 16GB が割り当てあられている．
  • ここでは，Deep Learning 用の諸々のソフトウェアがプリンストールされた AMI (Deep Learning Amazon Machine Image; DLAMI) を選択している (第一回では，Amazon Linux という AMI を使用していた)． 使用する AMI の ID は リージョンごとに指定する必要があり，ここでは us-east-1 と ap-northeast-1 でそれぞれ定義している．
DLAMI という新しい概念が出てきたので，説明しよう．
AMI が us-east-1 と ap-northeast-1 でしか定義されていないので，提供されているコードはこの二つのリージョンのみでデプロイ可能である． もしほかのリージョンを利用したい場合は， AMI の ID を自身で検索し，コードに書き込む必要がある．
DLAMI (Deep Learning Amazon Machine Image) ​
AMI (Amazon Machine Image) とは，大まかには OS (Operating System) に相当する概念である． 当然のことながら， OS がなければコンピュータはなにもできないので，EC2 インスタンスを起動するときには必ずなにかの OS を"インストール"する必要がある． EC2 が起動したときにロードされる OS に相当するものが， AMI である． AMI には，たとえば Ubuntu などの Linux 系 OS に加えて，Windows Server を選択することもできる． また， EC2 での使用に最適化された Amazon Linux という AMI も提供されている．
しかしながら， AMI を単なる OS と理解するのは過剰な単純化である． AMI には，ベースとなる (空っぽの) OS を選択することもできるが，それに加えて，各種のプログラムがインストール済みの AMI も定義することができる． 必要なプログラムがインストールされている AMI を見つけることができれば，自身でインストールを行ったり環境設定したりする手間が大幅に省ける． 具体例を挙げると，ハンズオン第一回では EC2 インスタンスに Python 3.6 をインストールする例を示したが，そのような操作をインスタンスが起動するたびに行うのは手間である！
AMI は， AWS 公式のものに加えて，サードパーティから提供されているものもある． また，自分自身の AMI を作って登録することも可能である (参考)． AMI は EC2 のコンソールから検索することが可能である． あるいは，AWS CLI を使って，次のコマンドでリストを取得することができる (参考)．
sh
$ aws ec2 describe-images --owners amazon
$ aws ec2 describe-images --owners amazon
ディープラーニングで頻繁に使われるプログラムがあらかじめインストールしてある AMI が， DLAMI (Deep Learning AMI) である． DLAMI には TensorFlow, PyTorch などの人気の高いディープラーニングのフレームワーク・ライブラリがすでにインストールされているため， EC2 インスタンスを起動してすぐさまディープラーニングの計算を実行できる．
本ハンズオンでは， Amazon Linux 2 をベースにした DLAMI を使用する (AMI ID = ami-09c0c16fc46a29ed9．この AMI は ap-northeast-1 でしか使用できない点に注意)． AWS CLI を使って，この AMI の詳細情報を取得してみよう．
sh
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
AMI ID = ami-09c0c16fc46a29ed9 の詳細情報
figure_title のような出力が得られるはずである．得られた出力から，この DLAMI には PyTorch のバージョン 1.4.0 と 1.5.0 がインストールされていることがわかる． この DLAMI を使って，早速ディープラーニングの計算を実行してみよう．
DLAMI には具体的には何がインストールされているのだろうか？ 興味のある読者のために，簡単な解説をしよう (参考: 公式ドキュメンテーション "What Is the AWS Deep Learning AMI?")．
最も low-level なレイヤーとしては， GPU ドライバー がインストールされている． GPU ドライバーなしには OS は GPU とコマンドのやり取りをすることができない． 次のレイヤーが CUDA と cuDNN である． CUDA は， NVIDIA 社が開発した， GPU 上で汎用コンピューティングを行うための言語であり， C++ 言語を拡張したシンタックスを備える． cuDNN は CUDA で書かれたディープラーニングのライブラリであり，n 次元の畳み込みなどの演算が実装されている． ここまでが， "Base" とよばれるタイプの DLAMI の中身である．
これに加えて， "Conda" とよばれるタイプには， "Base" のプログラム基盤の上に， TensorFlow や PyTorch などのライブラリがインストールされている． さらに， Anaconda による仮想環境を使うことによって， TensorFlow の環境・ PyTorch の環境・ MxNet の環境など，フレームワークを簡単に切り替えることができる (これについては，後のハンズオンで触れる)． また， Jupyter Notebook もインストール済みである．
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，ハンズオン 1 とほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれのコマンドの意味を忘れてしまった場合は，ハンズオン 1 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/mnist
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
 
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
# プロジェクトのディレクトリに移動
-$ cd handson/mnist
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
# プロジェクトのディレクトリに移動
+$ cd handson/mnist
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
 
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
ハンズオン 1 で作成した SSH 鍵の削除を行わなかった場合は， SSH 鍵を改めて作成する必要はない． 逆に言うと，同じ名前の SSH がすでに存在する場合は，鍵生成のコマンドはエラーを出力する．
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．AWS により割り振られた IP アドレス (InstancePublicIp に続く文字列) をメモしておこう．
CDKデプロイ実行後の出力
ログイン ​
早速，デプロイしたインスタンスに SSH でログインしてみよう． ここでは，この後で使う Jupyter Notebook に接続するため，ポートフォワーディング (port forwarding) のオプション (-L) をつけてログインする．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
ポートフォワーディングとは，クライアントマシンの特定のアドレスへの接続を， SSH の暗号化された通信を介して，リモートマシンの特定のアドレスへ転送する，という意味である． このコマンドの -L localhost:8931:localhost:8888 は，自分のローカルマシンの localhost:8931 へのアクセスを，リモートサーバーの localhost:8888 のアドレスに転送せよ，という意味である (: につづく数字は TCP/IP ポートの番号を意味している)． リモートサーバーのポート 8888 には，後述する Jupyter Notebook が起動している． したがって，ローカルマシンの localhost:8931 にアクセスすることで，リモートサーバーの Jupyter Notebook にアクセスすることができるのである (figure_title)． このような SSH による接続方式をトンネル接続とよぶ．
SSH のポートフォワーディングによる Jupyter Notebook へのアクセス
ポートフォワーディングのオプションで，ポートの番号 (:8931, :8888 など) には 1 から 65535 までの任意の整数を指定できる． しかし，たとえば ポート 22 (SSH) やポート 80 (HTTP) など，いくつかすでに使われているポート番号もあることに注意する． また， Jupyter Notebook はデフォルトではポート 8888 番を使用する． したがって，リモート側のポート番号は，8888 を使うのがよい．
SSH ログインコマンドの <IP address> 部分は自身のインスタンスの IP アドレスを代入することを忘れずに．
本書の提供している Docker を使ってデプロイを実行した人へ
SSH によるログインは， Docker の外 (すなわちクライアントマシン本体) から行わなければならない． なぜなら，Jupyter を開くウェブブラウザは Docker の外にあるからである．
その際，秘密鍵を Docker の外にもってこなければならない． 手っ取り早い方法は， cat ~/.ssh/HirakeGoma と打って，出力結果をコピーしてホストマシンのファイルに書き込む方法である． あるいは -v オプションをつけて，ファイルシステムをマウントしてもよい (詳しくは Docker 公式ドキュメンテーション "Use volumes" を参照)．
SSH によるログインができたら，早速， GPU の状態を確認してみよう． 次のコマンドを実行する．
sh
$ nvidia-smi
$ nvidia-smi
figure_title のような出力が得られるはずである． 出力を見ると， Tesla T4 型の GPU が 1 台搭載されていることが確認できる． その他，GPU Driver や CUDA のバージョン， GPU の負荷・メモリー使用率などの情報を確認することができる．
nvidia-smi の出力
Jupyter Notebook の起動 ​
Jupyter Notebook とは，インタラクティブに Python のプログラムを書いたり実行したりするためのツールである． Jupyter は GUI としてウェブブラウザを介してアクセスする形式をとっており，まるでノートを書くように，プロットやテーブルのデータも美しく表示することができる (figure_title)． Python に慣れている読者は，きっと一度は使ったことがあるだろう．
Jupyter Notebook の画面
このハンズオンでは， Jupyter Notebook を使ってディープラーニングのプログラムをインタラクティブに実行していく． DLAMI には既に Jupyter がインストールされているので，特段の設定なしに使い始めることができる．
早速， Jupyter を起動しよう． SSH でログインした先の EC2 インスタンスで，次のコマンドを実行すればよい．
sh
$ cd ~ # go to home directory
-$ jupyter notebook
$ cd ~ # go to home directory
-$ jupyter notebook
このコマンドを実行すると， figure_title のような出力が確認できるだろう． この出力から，Jupyter のサーバーが EC2 インスタンスの localhost:8888 というアドレスに起動していることがわかる． また， localhost:8888 に続く ?token=XXXX は，アクセスに使うための一時的なトークンである．
Jupyter Notebook サーバーを起動
Jupyter Notebook を初回に起動するときは，起動に数分程度の時間がかかることがある． ほかの動作も起動直後は遅く，いくつかプログラムを走らせていくうちに俊敏に反応するようになってくる． これは， AWS の GPU 搭載型仮想マシンの運用方法に起因する現象だと考えられる．
先ほど，ポートフォワーディングのオプションをつけて SSH 接続をしているので， Jupyter の起動している localhost:8888 には，ローカルマシンの localhost:8931 からアクセスすることができる． したがって，ローカルマシンから Jupyter にアクセスするには，ウェブブラウザ (Chrome, FireFox など)から次のアドレスにアクセスすれば良い．
http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
?token=XXXX の部分は，上で Jupyter を起動したときに発行されたトークンの値に置き換える．
上のアドレスにアクセスすると， Jupyter のホーム画面が起動するはずである (figure_title)． これで， Jupyter の準備が整った！
Jupyter ホーム画面
Jupyter Notebook の使い方 (超簡易版)
  • Shift + Enter: セルを実行
  • Esc: Command mode に遷移
  • メニューバーの "+" ボタン または Command mode で A ⇒ セルを追加
  • メニューバーの "ハサミ" ボタン または Command mode で X ⇒ セルを削除
ショートカットの一覧などは Ventsislav Yordanov 氏によるブログ が参考になる．
PyTorch はじめの一歩 ​
PyTorch は Facebook AI Research LAB (FAIR) が中心となって開発を進めている，オープンソースのディープラーニングのライブラリである． PyTorch は 有名な例で言えば Tesla 社の自動運転プロジェクトなどで使用されており，執筆時点において最も人気の高いディープラーニングライブラリの一つである． 本ハンズオンでは， PyTorch を使ってディープラーニングの実践を行う．
PyTorch の歴史のお話
Facebook は PyTorch のほかに Caffe2 とよばれるディープラーニングのフレームワークを開発していた (初代 Caffe は UC Berkley の博士課程学生だった Yangqing Jia によって創られた)． Caffe2 は 2018 年に PyTorch プロジェクトに合併された．
また，2019 年 12 月，日本の Preferred Networks 社が開発していた Chainer も開発を終了し，PyTorch の開発チームと協業していくことが発表された (詳しくは プレスリリース を参照)． PyTorch には，開発統合前から Chainer からインスパイアされた API がいくつもあり， Chainer の DNA は今も PyTorch に引き継がれているのである…!
本格的なディープラーニングの計算に移る前に， PyTorch ライブラリを使って， GPU で計算を行うとはどういうものか，その入り口に触れてみよう．
まずは，新しいノートブックを作成する． Jupyter のホーム画面の右上の "New" を押し，"conda_pytorch_p36" という環境を選択したうえで，新規ノートブックを作成する (figure_title)． "conda_pytorch_p36" の仮想環境には， PyTorch がインストール済みである．
新規ノートブックの作成． "conda_pytorch_p36" の環境を選択する．
ここでは，次のようなプログラムを書いて，実行していく． (figure_title)．
PyTorch始めの一歩
まずは， PyTorch をインポートする．さらに， GPU が使える環境にあるか，確認する．
python
import torch
-print("Is CUDA ready?", torch.cuda.is_available())
import torch
-print("Is CUDA ready?", torch.cuda.is_available())
出力:
Is CUDA ready? True</programlisting>
次に，3x3 のランダムな行列を CPU 上に作ってみよう．
python
x = torch.rand(3,3)
-print(x)
x = torch.rand(3,3)
-print(x)
出力:
tensor([[0.6896, 0.2428, 0.3269], [0.0533, 0.3594, 0.9499], [0.9764, 0.5881, 0.0203]])</programlisting>
次に，行列を GPU 上に作成する．
python
y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
そして，行列 x と y の加算を，GPU 上で実行する．
python
z = x + y
-print(z)
z = x + y
-print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]], device='cuda:0')</programlisting>
最後に， GPU 上にある行列を， CPU に戻す．
python
z = z.to("cpu")
-print(z)
z = z.to("cpu")
-print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]])</programlisting>
以上の例は， GPU を使った計算の初歩の初歩であるが，雰囲気はつかめただろうか？ CPU と GPU で明示的にデータを交換するのが肝である． この例はたった 3x3 の行列の足し算なので， GPU を使う意味はまったくないが，これが数千，数万のサイズの行列になったとき， GPU は格段の威力を発揮する．
完成した Jupyter Notebook は /handson/mnist/pytorch/pytorch_get_started.ipynb にある． Jupyter の画面右上の "Upload" からこのファイルをアップロードして，コードを走らせることが可能である．
しなしながら，勉強のときにはコードはすべて自分の手で打つことが，記憶に残りやすくより効果的である，というのが筆者の意見である．
実際にベンチマークを取ることで GPU と CPU の速度を比較をしてみよう． 実行時間を計測するツールとして， Jupyter の提供する %time マジックコマンドを利用する．
まずは CPU を使用して，10000x10000 の行列の行列積を計算した場合の速度を測ってみよう． 先ほどのノートブックの続きに，次のコードを実行する．
python
s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
ハンズオン 1 で作成した SSH 鍵の削除を行わなかった場合は， SSH 鍵を改めて作成する必要はない． 逆に言うと，同じ名前の SSH がすでに存在する場合は，鍵生成のコマンドはエラーを出力する．
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．AWS により割り振られた IP アドレス (InstancePublicIp に続く文字列) をメモしておこう．
CDKデプロイ実行後の出力
ログイン ​
早速，デプロイしたインスタンスに SSH でログインしてみよう． ここでは，この後で使う Jupyter Notebook に接続するため，ポートフォワーディング (port forwarding) のオプション (-L) をつけてログインする．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
ポートフォワーディングとは，クライアントマシンの特定のアドレスへの接続を， SSH の暗号化された通信を介して，リモートマシンの特定のアドレスへ転送する，という意味である． このコマンドの -L localhost:8931:localhost:8888 は，自分のローカルマシンの localhost:8931 へのアクセスを，リモートサーバーの localhost:8888 のアドレスに転送せよ，という意味である (: につづく数字は TCP/IP ポートの番号を意味している)． リモートサーバーのポート 8888 には，後述する Jupyter Notebook が起動している． したがって，ローカルマシンの localhost:8931 にアクセスすることで，リモートサーバーの Jupyter Notebook にアクセスすることができるのである (figure_title)． このような SSH による接続方式をトンネル接続とよぶ．
SSH のポートフォワーディングによる Jupyter Notebook へのアクセス
ポートフォワーディングのオプションで，ポートの番号 (:8931, :8888 など) には 1 から 65535 までの任意の整数を指定できる． しかし，たとえば ポート 22 (SSH) やポート 80 (HTTP) など，いくつかすでに使われているポート番号もあることに注意する． また， Jupyter Notebook はデフォルトではポート 8888 番を使用する． したがって，リモート側のポート番号は，8888 を使うのがよい．
SSH ログインコマンドの <IP address> 部分は自身のインスタンスの IP アドレスを代入することを忘れずに．
本書の提供している Docker を使ってデプロイを実行した人へ
SSH によるログインは， Docker の外 (すなわちクライアントマシン本体) から行わなければならない． なぜなら，Jupyter を開くウェブブラウザは Docker の外にあるからである．
その際，秘密鍵を Docker の外にもってこなければならない． 手っ取り早い方法は， cat ~/.ssh/HirakeGoma と打って，出力結果をコピーしてホストマシンのファイルに書き込む方法である． あるいは -v オプションをつけて，ファイルシステムをマウントしてもよい (詳しくは Docker 公式ドキュメンテーション "Use volumes" を参照)．
SSH によるログインができたら，早速， GPU の状態を確認してみよう． 次のコマンドを実行する．
sh
$ nvidia-smi
$ nvidia-smi
figure_title のような出力が得られるはずである． 出力を見ると， Tesla T4 型の GPU が 1 台搭載されていることが確認できる． その他，GPU Driver や CUDA のバージョン， GPU の負荷・メモリー使用率などの情報を確認することができる．
nvidia-smi の出力
Jupyter Notebook の起動 ​
Jupyter Notebook とは，インタラクティブに Python のプログラムを書いたり実行したりするためのツールである． Jupyter は GUI としてウェブブラウザを介してアクセスする形式をとっており，まるでノートを書くように，プロットやテーブルのデータも美しく表示することができる (figure_title)． Python に慣れている読者は，きっと一度は使ったことがあるだろう．
Jupyter Notebook の画面
このハンズオンでは， Jupyter Notebook を使ってディープラーニングのプログラムをインタラクティブに実行していく． DLAMI には既に Jupyter がインストールされているので，特段の設定なしに使い始めることができる．
早速， Jupyter を起動しよう． SSH でログインした先の EC2 インスタンスで，次のコマンドを実行すればよい．
sh
$ cd ~ # go to home directory
+$ jupyter notebook
$ cd ~ # go to home directory
+$ jupyter notebook
このコマンドを実行すると， figure_title のような出力が確認できるだろう． この出力から，Jupyter のサーバーが EC2 インスタンスの localhost:8888 というアドレスに起動していることがわかる． また， localhost:8888 に続く ?token=XXXX は，アクセスに使うための一時的なトークンである．
Jupyter Notebook サーバーを起動
Jupyter Notebook を初回に起動するときは，起動に数分程度の時間がかかることがある． ほかの動作も起動直後は遅く，いくつかプログラムを走らせていくうちに俊敏に反応するようになってくる． これは， AWS の GPU 搭載型仮想マシンの運用方法に起因する現象だと考えられる．
先ほど，ポートフォワーディングのオプションをつけて SSH 接続をしているので， Jupyter の起動している localhost:8888 には，ローカルマシンの localhost:8931 からアクセスすることができる． したがって，ローカルマシンから Jupyter にアクセスするには，ウェブブラウザ (Chrome, FireFox など)から次のアドレスにアクセスすれば良い．
http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
?token=XXXX の部分は，上で Jupyter を起動したときに発行されたトークンの値に置き換える．
上のアドレスにアクセスすると， Jupyter のホーム画面が起動するはずである (figure_title)． これで， Jupyter の準備が整った！
Jupyter ホーム画面
Jupyter Notebook の使い方 (超簡易版)
  • Shift + Enter: セルを実行
  • Esc: Command mode に遷移
  • メニューバーの "+" ボタン または Command mode で A ⇒ セルを追加
  • メニューバーの "ハサミ" ボタン または Command mode で X ⇒ セルを削除
ショートカットの一覧などは Ventsislav Yordanov 氏によるブログ が参考になる．
PyTorch はじめの一歩 ​
PyTorch は Facebook AI Research LAB (FAIR) が中心となって開発を進めている，オープンソースのディープラーニングのライブラリである． PyTorch は 有名な例で言えば Tesla 社の自動運転プロジェクトなどで使用されており，執筆時点において最も人気の高いディープラーニングライブラリの一つである． 本ハンズオンでは， PyTorch を使ってディープラーニングの実践を行う．
PyTorch の歴史のお話
Facebook は PyTorch のほかに Caffe2 とよばれるディープラーニングのフレームワークを開発していた (初代 Caffe は UC Berkley の博士課程学生だった Yangqing Jia によって創られた)． Caffe2 は 2018 年に PyTorch プロジェクトに合併された．
また，2019 年 12 月，日本の Preferred Networks 社が開発していた Chainer も開発を終了し，PyTorch の開発チームと協業していくことが発表された (詳しくは プレスリリース を参照)． PyTorch には，開発統合前から Chainer からインスパイアされた API がいくつもあり， Chainer の DNA は今も PyTorch に引き継がれているのである…!
本格的なディープラーニングの計算に移る前に， PyTorch ライブラリを使って， GPU で計算を行うとはどういうものか，その入り口に触れてみよう．
まずは，新しいノートブックを作成する． Jupyter のホーム画面の右上の "New" を押し，"conda_pytorch_p36" という環境を選択したうえで，新規ノートブックを作成する (figure_title)． "conda_pytorch_p36" の仮想環境には， PyTorch がインストール済みである．
新規ノートブックの作成． "conda_pytorch_p36" の環境を選択する．
ここでは，次のようなプログラムを書いて，実行していく． (figure_title)．
PyTorch始めの一歩
まずは， PyTorch をインポートする．さらに， GPU が使える環境にあるか，確認する．
python
import torch
+print("Is CUDA ready?", torch.cuda.is_available())
import torch
+print("Is CUDA ready?", torch.cuda.is_available())
出力:
Is CUDA ready? True</programlisting>
次に，3x3 のランダムな行列を CPU 上に作ってみよう．
python
x = torch.rand(3,3)
+print(x)
x = torch.rand(3,3)
+print(x)
出力:
tensor([[0.6896, 0.2428, 0.3269], [0.0533, 0.3594, 0.9499], [0.9764, 0.5881, 0.0203]])</programlisting>
次に，行列を GPU 上に作成する．
python
y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
そして，行列 x と y の加算を，GPU 上で実行する．
python
z = x + y
+print(z)
z = x + y
+print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]], device='cuda:0')</programlisting>
最後に， GPU 上にある行列を， CPU に戻す．
python
z = z.to("cpu")
+print(z)
z = z.to("cpu")
+print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]])</programlisting>
以上の例は， GPU を使った計算の初歩の初歩であるが，雰囲気はつかめただろうか？ CPU と GPU で明示的にデータを交換するのが肝である． この例はたった 3x3 の行列の足し算なので， GPU を使う意味はまったくないが，これが数千，数万のサイズの行列になったとき， GPU は格段の威力を発揮する．
完成した Jupyter Notebook は /handson/mnist/pytorch/pytorch_get_started.ipynb にある． Jupyter の画面右上の "Upload" からこのファイルをアップロードして，コードを走らせることが可能である．
しなしながら，勉強のときにはコードはすべて自分の手で打つことが，記憶に残りやすくより効果的である，というのが筆者の意見である．
実際にベンチマークを取ることで GPU と CPU の速度を比較をしてみよう． 実行時間を計測するツールとして， Jupyter の提供する %time マジックコマンドを利用する．
まずは CPU を使用して，10000x10000 の行列の行列積を計算した場合の速度を測ってみよう． 先ほどのノートブックの続きに，次のコードを実行する．
python
s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
 
-%time z = torch.matmul(x,y)
s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
+%time z = torch.matmul(x,y)
s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
 
-%time z = torch.matmul(x,y)
出力は以下のようなものが得られるだろう． これは，行列積の計算に実時間で 5.8 秒かかったことを意味する (実行のたびに計測される時間はばらつくことに留意)．
CPU times: user 11.5 s, sys: 140 ms, total: 11.6 s Wall time: 5.8 s</programlisting>
次に， GPU を使用して，同じ演算を行った場合の速度を計測しよう．
python
s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
+%time z = torch.matmul(x,y)
出力は以下のようなものが得られるだろう． これは，行列積の計算に実時間で 5.8 秒かかったことを意味する (実行のたびに計測される時間はばらつくことに留意)．
CPU times: user 11.5 s, sys: 140 ms, total: 11.6 s Wall time: 5.8 s</programlisting>
次に， GPU を使用して，同じ演算を行った場合の速度を計測しよう．
python
s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
 
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
 
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
出力は以下のようなものになるだろう． GPU では 553 ミリ秒 で計算を終えることができた！
CPU times: user 334 ms, sys: 220 ms, total: 554 ms Wall time: 553 ms</programlisting>
PyTorch において， GPU での演算は asynchronous (非同期) で実行される． その理由で，上のベンチマークコードでは， torch.cuda.synchronize() というステートメントを埋め込んである．
このベンチマークでは， dtype=torch.float32 と指定することで，32bit の浮動小数点型を用いている． ディープラーニングの学習および推論の計算には，32bit 型，場合によっては 16bit 型が使われるのが一般的である． これの主な理由として，教師データやミニバッチに起因するノイズが，浮動小数点の精度よりも大きいことがあげられる． 32bit/16bit を採用することで，メモリー消費を抑えたり，計算速度の向上が達成できる．
上記のベンチマークから，GPU を用いることで，約 10 倍のスピードアップを実現することができた． スピードアップの性能は，演算の種類や行列のサイズに依存する． 行列積は，そのなかでも最も速度向上が見込まれる演算の一つである．
実践ディープラーニング! MNIST 手書き数字認識タスク ​
ここまで，AWS 上でディープラーニングの計算をするための概念や前提知識をながながと説明してきたが，ついにここからディープラーニングの計算を実際に走らせてみる．
ここでは，機械学習のタスクで最も初歩的かつ有名な MNIST データセットを使った数字認識を扱う (figure_title)． これは，0 から 9 までの手書きの数字の画像が与えられ，その数字が何の数字なのかを当てる，というシンプルなタスクである．
MNIST 手書き数字データセット
今回は， MNIST 文字認識タスクを，畳み込みニューラルネットワーク (Convolutional Neural Network; CNN) を使って解く． ソースコードは /handson/minist/pytorch/ にある mnist.ipynb と simple_mnist.py である． なお，このプログラムは， PyTorch の公式 Example Project 集 を参考に，多少の改変を行ったものである．
まずは，カスタムのクラスや関数が定義された simple_mnist.py をアップロードしよう (figure_title)． 画面右上の "Upload" ボタンをクリックし，ファイルを選択することでアップロードができる． この Python プログラムの中に，CNN のモデルや，学習の各イテレーションにおけるパラメータの更新などが記述されている． 今回はこの中身を説明することはしないが，興味のある読者は自身でソースコードを読んでみるとよい．
 をアップロード
simple_mnist.py をアップロードできたら，次に新しい notebook を作成しよう． "conda_pytorch_p36" の環境を選択することを忘れずに．
新しいノートブックが起動したら，まずは必要なライブラリをインポートしよう．
python
import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
出力は以下のようなものになるだろう． GPU では 553 ミリ秒 で計算を終えることができた！
CPU times: user 334 ms, sys: 220 ms, total: 554 ms Wall time: 553 ms</programlisting>
PyTorch において， GPU での演算は asynchronous (非同期) で実行される． その理由で，上のベンチマークコードでは， torch.cuda.synchronize() というステートメントを埋め込んである．
このベンチマークでは， dtype=torch.float32 と指定することで，32bit の浮動小数点型を用いている． ディープラーニングの学習および推論の計算には，32bit 型，場合によっては 16bit 型が使われるのが一般的である． これの主な理由として，教師データやミニバッチに起因するノイズが，浮動小数点の精度よりも大きいことがあげられる． 32bit/16bit を採用することで，メモリー消費を抑えたり，計算速度の向上が達成できる．
上記のベンチマークから，GPU を用いることで，約 10 倍のスピードアップを実現することができた． スピードアップの性能は，演算の種類や行列のサイズに依存する． 行列積は，そのなかでも最も速度向上が見込まれる演算の一つである．
実践ディープラーニング! MNIST 手書き数字認識タスク ​
ここまで，AWS 上でディープラーニングの計算をするための概念や前提知識をながながと説明してきたが，ついにここからディープラーニングの計算を実際に走らせてみる．
ここでは，機械学習のタスクで最も初歩的かつ有名な MNIST データセットを使った数字認識を扱う (figure_title)． これは，0 から 9 までの手書きの数字の画像が与えられ，その数字が何の数字なのかを当てる，というシンプルなタスクである．
MNIST 手書き数字データセット
今回は， MNIST 文字認識タスクを，畳み込みニューラルネットワーク (Convolutional Neural Network; CNN) を使って解く． ソースコードは /handson/minist/pytorch/ にある mnist.ipynb と simple_mnist.py である． なお，このプログラムは， PyTorch の公式 Example Project 集 を参考に，多少の改変を行ったものである．
まずは，カスタムのクラスや関数が定義された simple_mnist.py をアップロードしよう (figure_title)． 画面右上の "Upload" ボタンをクリックし，ファイルを選択することでアップロードができる． この Python プログラムの中に，CNN のモデルや，学習の各イテレーションにおけるパラメータの更新などが記述されている． 今回はこの中身を説明することはしないが，興味のある読者は自身でソースコードを読んでみるとよい．
 をアップロード
simple_mnist.py をアップロードできたら，次に新しい notebook を作成しよう． "conda_pytorch_p36" の環境を選択することを忘れずに．
新しいノートブックが起動したら，まずは必要なライブラリをインポートしよう．
python
import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
 
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
 
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
torchvision パッケージには，MNIST データセットをロードするなどの便利な関数が含まれている． また，今回のハンズオンで使うカスタムのクラス・関数 (Model, train, evaluate) のインポートを行っている．
次に，MNIST テストデータをダウンロードしよう． 同時に，画像データの輝度の正規化も行っている．
python
transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
torchvision パッケージには，MNIST データセットをロードするなどの便利な関数が含まれている． また，今回のハンズオンで使うカスタムのクラス・関数 (Model, train, evaluate) のインポートを行っている．
次に，MNIST テストデータをダウンロードしよう． 同時に，画像データの輝度の正規化も行っている．
python
transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
 
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
 
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
 
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
 
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
今回扱う MNIST データは 28x28 ピクセルの正方形の画像(モノクロ)と，それぞれのラベル(0 - 9 の数字)の組で構成されている． いくつかのデータを抽出して，可視化してみよう． figure_title のような出力が得られるはずである．
python
examples = iter(testloader)
-example_data, example_targets = examples.next()
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
今回扱う MNIST データは 28x28 ピクセルの正方形の画像(モノクロ)と，それぞれのラベル(0 - 9 の数字)の組で構成されている． いくつかのデータを抽出して，可視化してみよう． figure_title のような出力が得られるはずである．
python
examples = iter(testloader)
+example_data, example_targets = examples.next()
 
-print("Example data size:", example_data.shape)
+print("Example data size:", example_data.shape)
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
examples = iter(testloader)
-example_data, example_targets = examples.next()
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
examples = iter(testloader)
+example_data, example_targets = examples.next()
 
-print("Example data size:", example_data.shape)
+print("Example data size:", example_data.shape)
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
MNIST の手書き数字画像とその教師ラベル
次に， CNN のモデルを定義する．
python
model = Model()
-model.to("cuda") # load to GPU
model = Model()
-model.to("cuda") # load to GPU
今回使う Model は simple_mnist.py の中で定義されている． このモデルは，figure_title に示したような，２層の畳み込み層と 2 層の全結合層からなるネットワークである． 出力層 (output layer) には Softmax 関数を使用し，損失関数 (Loss function) には 負の対数尤度関数 (Negative log likelyhood; NLL) を使用している．
本ハンズオンで使用するニューラルネットの構造．
続いて， CNN のパラメータを更新する最適化アルゴリズムを定義する． ここでは， 確率的勾配降下法 (Stochastic Gradient Descent; SGD) を使用している．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
これで，準備が整った． CNN の学習ループを開始しよう!
python
train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
MNIST の手書き数字画像とその教師ラベル
次に， CNN のモデルを定義する．
python
model = Model()
+model.to("cuda") # load to GPU
model = Model()
+model.to("cuda") # load to GPU
今回使う Model は simple_mnist.py の中で定義されている． このモデルは，figure_title に示したような，２層の畳み込み層と 2 層の全結合層からなるネットワークである． 出力層 (output layer) には Softmax 関数を使用し，損失関数 (Loss function) には 負の対数尤度関数 (Negative log likelyhood; NLL) を使用している．
本ハンズオンで使用するニューラルネットの構造．
続いて， CNN のパラメータを更新する最適化アルゴリズムを定義する． ここでは， 確率的勾配降下法 (Stochastic Gradient Descent; SGD) を使用している．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
これで，準備が整った． CNN の学習ループを開始しよう!
python
train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
 
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
 
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
ここでは 5 エポック分の学習を行っている． GPU を使えば，これくらいの計算であれば 1 分程度で完了するだろう．
出力として， figure_title のようなプロットが得られるはずである． イテレーションを重ねるにつれて，損失関数 (Loss function) の値が減少している (=精度が向上している) ことがわかる．
学習の進行に対する Train loss の変化
出力にはテキスト形式で各エポック終了後のテストデータに対する精度も表示されている． 最終的には 98% 以上の極めて高い精度を実現できていることが確認できるだろう (figure_title)．
学習したCNNのテストデータに対するスコア (5エポック後)
学習した CNN の推論結果を可視化してみよう． 次のコードを実行することで， figure_title のような出力が得られるだろう． この図で，下段右から二番目は，"1"に近い見た目をしているが，きちんと"9"と推論できている． なかなか賢い CNN を作り出すことができたようだ！
python
model.eval()
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
ここでは 5 エポック分の学習を行っている． GPU を使えば，これくらいの計算であれば 1 分程度で完了するだろう．
出力として， figure_title のようなプロットが得られるはずである． イテレーションを重ねるにつれて，損失関数 (Loss function) の値が減少している (=精度が向上している) ことがわかる．
学習の進行に対する Train loss の変化
出力にはテキスト形式で各エポック終了後のテストデータに対する精度も表示されている． 最終的には 98% 以上の極めて高い精度を実現できていることが確認できるだろう (figure_title)．
学習したCNNのテストデータに対するスコア (5エポック後)
学習した CNN の推論結果を可視化してみよう． 次のコードを実行することで， figure_title のような出力が得られるだろう． この図で，下段右から二番目は，"1"に近い見た目をしているが，きちんと"9"と推論できている． なかなか賢い CNN を作り出すことができたようだ！
python
model.eval()
 
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
model.eval()
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
model.eval()
 
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
学習した CNN による，MNIST画像の推論結果
最後に，学習したニューラルネットワークのパラメータを mnist_cnn.pt というファイル名で保存しておこう． これで，将来いつでも今回学習したモデルを再現し，別の実験に使用することができる．
python
torch.save(model.state_dict(), "mnist_cnn.pt")
torch.save(model.state_dict(), "mnist_cnn.pt")
以上が， AWS クラウドの仮想サーバーを立ち上げ，最初のディープラーニングの計算を行う一連の流れである． MNIST 文字認識のタスクを行うニューラルネットを，クラウド上の GPU を使って高速に学習させ，現実的な問題を一つ解くことができたのである． 興味のある読者は，今回のハンズオンを雛形に，自分の所望の計算を走らせてみるとよいだろう．
スタックの削除 ​
これにて，ハンズオン第二回の内容はすべて説明した． クラウドの利用料金を最小化するため，使い終わった EC2 インスタンスはすぐさま削除しよう．
ハンズオン第一回と同様に， AWS の CloudFormation コンソールか， AWS CLI により削除を実行する (詳細は (#handson_01_delete_stack) 参照)．
sh
$ cdk destroy
$ cdk destroy
スタックの削除は各自で必ず行うこと！ 行わなかった場合，EC2 インスタンスの料金が発生し続けることになる！ g4dn.xlarge は $0.71 / hour の料金設定なので，一日起動しつづけると約$17 の請求が発生することになる！
AWS のバジェットアラート
AWS の初心者が (あるいは経験者も) しばしば陥る失敗が，インスタンスの停止忘れなどで無駄なリソースがクラウドで放置されてしまい，巨大な額の請求が届く，というミスだ． 特に，開発を行っている間はこのような事態は起こりうるものだと思って，備えておかなければならない． このような事態を未然に防ぐため， AWS Budgets という機能が無料で提供されている． AWS Budgets を利用することで，月の利用金額がある閾値を超えた場合にユーザーにメールが送信される，などのアラートを設定することができる． 詳細な手順は AWS の公式ブログ "Getting Started with AWS Budgets" を参照のこと． 本書の読者も，ぜひこのタイミングでアラートを設定しておくことを推奨する．

-    
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
学習した CNN による，MNIST画像の推論結果
最後に，学習したニューラルネットワークのパラメータを mnist_cnn.pt というファイル名で保存しておこう． これで，将来いつでも今回学習したモデルを再現し，別の実験に使用することができる．
python
torch.save(model.state_dict(), "mnist_cnn.pt")
torch.save(model.state_dict(), "mnist_cnn.pt")
以上が， AWS クラウドの仮想サーバーを立ち上げ，最初のディープラーニングの計算を行う一連の流れである． MNIST 文字認識のタスクを行うニューラルネットを，クラウド上の GPU を使って高速に学習させ，現実的な問題を一つ解くことができたのである． 興味のある読者は，今回のハンズオンを雛形に，自分の所望の計算を走らせてみるとよいだろう．
スタックの削除 ​
これにて，ハンズオン第二回の内容はすべて説明した． クラウドの利用料金を最小化するため，使い終わった EC2 インスタンスはすぐさま削除しよう．
ハンズオン第一回と同様に， AWS の CloudFormation コンソールか， AWS CLI により削除を実行する (詳細は (#handson_01_delete_stack) 参照)．
sh
$ cdk destroy
$ cdk destroy
スタックの削除は各自で必ず行うこと！ 行わなかった場合，EC2 インスタンスの料金が発生し続けることになる！ g4dn.xlarge は $0.71 / hour の料金設定なので，一日起動しつづけると約$17 の請求が発生することになる！
AWS のバジェットアラート
AWS の初心者が (あるいは経験者も) しばしば陥る失敗が，インスタンスの停止忘れなどで無駄なリソースがクラウドで放置されてしまい，巨大な額の請求が届く，というミスだ． 特に，開発を行っている間はこのような事態は起こりうるものだと思って，備えておかなければならない． このような事態を未然に防ぐため， AWS Budgets という機能が無料で提供されている． AWS Budgets を利用することで，月の利用金額がある閾値を超えた場合にユーザーにメールが送信される，などのアラートを設定することができる． 詳細な手順は AWS の公式ブログ "Getting Started with AWS Budgets" を参照のこと． 本書の読者も，ぜひこのタイミングでアラートを設定しておくことを推奨する．

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/handson-qabot.html b/development/aws/handson-qabot.html
index 33d6f667..a7f49f73 100644
--- a/development/aws/handson-qabot.html
+++ b/development/aws/handson-qabot.html
@@ -5,16 +5,16 @@
     
     Hands-on #3: AWS で自動質問回答ボットを走らせる | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
-    
+    
     
     
     
@@ -37,179 +37,179 @@
     
   
   
-    
Toshiki's Note
Appearance
Hands-on #3: AWS で自動質問回答ボットを走らせる ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:2.5k
 Reading:11 min
ハンズオン第三回では， Docker と ECS を駆使した機械学習アプリケーションを実装しよう． 具体的には，深層学習による自然言語処理を行うことで，クライアントから与えられた文章題に対して回答を生成する，自動 Question & Answering ボットを作成しよう． ECS を利用することで，ジョブの数によって動的にインスタンスの数を制御し，並列にタスクを実行するようなシステムを構築しよう．
通常の機械学習のワークフローでは，モデルの訓練 ⇒ 推論 (データへの適用) が基本的な流れである． しかしながら， GPU 搭載型の EC2 クラスターを使ったモデルの訓練はやや難易度が高いため，次章 ( (#sec_aws_batch)) で取り扱う． 本章は，クラウド上でのクラスターの構築・タスクの管理などの概念に慣れるため，よりシンプルな実装で実現できる Fargate クラスターを用いた推論計算の並列化を紹介する．
Fargate ​
ハンズオンに入っていく前に， Fargate という AWS の機能を知っておく必要がある (figure_title)．
Fargate のアイコン
ECS の概要を示した (#ecs_overview) をもう一度見てみよう． この図で， ECS の管理下にあるクラスターが示されているが，このクラスターの中で計算を行う実体としては二つの選択肢がある． EC2 あるいは Fargate のいずれかである． EC2 を用いた場合は，先の章 ( (#sec_first_ec2), (#sec_jupyter_and_deep_learning)) で説明したような流れでインスタンスが起動し，計算が実行される． しかし， EC2 を用いた計算機クラスターの作成・管理は技術的な難易度がやや高いので，次章 ( (#sec_aws_batch)) で説明することにする．
Fargate とは， ECS での利用に特化して設計された，コンテナを使用した計算タスクを走らせるための仕組みである． 計算を走らせるという点では EC2 と役割は似ているが， Fargate は EC2 インスタンスのような物理的実体はもたない． 物理的実体をもたないというのは，たとえば SSH でログインすることは基本的に想定されていないし，なにかのソフトウェアをインストールしたりなどの概念も存在しない． Fargate ではすべての計算は Docker コンテナを介して行われる． すなわち， Fargate を利用するには，ユーザーは最初に所望の Docker イメージを指定しておき， Fargate は docker run のコマンドを使用することで計算タスクを実行する． Fargate を用いる利点は， Fargate を ECS のクラスターに指定すると，スケーリングなどの操作が簡単な設定・プログラムで構築できる点である．
Fargate では， EC2 と同様に CPU とメモリーのサイズを必要な分だけ指定できる． 執筆時点では， CPU は 0.25 - 4 コア， RAM は 0.5 - 30 GB の間で選択することができる (詳しくは 公式ドキュメンテーション "Amazon ECS on AWS Fargate" 参照)． クラスターのスケーリングが容易な分， Fargate では EC2 ほど大きな CPU コア・ RAM 容量を単一インスタンスに付与することができず，また GPU を利用することもできない．
以上が Fargate の概要であったが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは実際に手を動かしながら， ECS と Fargate を使った並列タスクの処理の仕方を学んでいこう．
厳密には， ECS に付与するクラスターには EC2 と Fargate のハイブリッドを使用することも可能である．
準備 ​
ハンズオンのソースコードは GitHub の handson/qa-bot にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンでは 1CPU/4GB RAM の Fargate インスタンスを使用する． 計算の実行には 0.025 $/hour のコストが発生することに注意．
Transformer を用いた question-answering プログラム ​
このハンズオンで開発する，自動質問回答システムをより具体的に定義しよう． 次のような文脈 (context) と質問 (question) が与えられた状況を想定する．
txt
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
今回作成する自動回答システムは，このような問題に対して， context に含まれる文字列から正解となる言葉を見つけ出すものとする． 上の問題では，次のような回答を返すべきである．
answer: 1921
-
人間にとっては，このような文章を理解することは容易であるが，コンピュータにそれを解かせるのは難しいことは容易に想像ができるだろう． しかし，近年の深層学習を使った自然言語処理の進歩は著しく，上で示したような例題などは極めて高い正答率で回答できるモデルを作ることができる．
今回は， huggingface/transformers で公開されている学習済みの言語モデルを利用することで，上で定義した問題を解く Q&A ボットを作る． この Q&A ボットは Transformer とよばれるモデルを使った自然言語処理に支えられえている (figure_title)． このプログラムを， Docker にパッケージしたものが 著者の Docker Hub リポジトリ に用意してある． クラウドの設計に入る前に，まずはこのプログラムを単体で動かしてみよう．
Transformer モデルアーキテクチャ (画像出典: Vaswani+ 2017)
なお，今回は学習済みのモデルを用いているので，私達が行うのは与えられた入力をモデルに投入して予測を行う (推論) のみである． 推論の演算は， CPU だけでも十分高速に行うことができるので，コストの削減と，実装をシンプルにする目的で，このハンズオンでは GPU は利用しない． 一般的に， ニューラルネットは学習のほうが圧倒的に計算コストが大きく，そのような場合に GPU はより威力を発揮する．
次のコマンドで，今回使う Docker image を ローカルにダウンロード (pull) してこよう．
sh
$ docker pull tomomano/qabot:latest
$ docker pull tomomano/qabot:latest
pull できたら，早速この Docker に質問を投げかけてみよう． まずは context と question をコマンドラインの変数として定義する．
sh
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
そうしたら，次のコマンドによってコンテナを実行する．
sh
$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
今回用意した Docker image は，第一引数に context となる文字列を，第二引数に question に相当する文字列を受けつける． 第三引数，第四引数については，クラウドに展開するときの実装上の都合なので，いまは気にしなくてよい．
このコマンドを実行すると，次のような出力が得られるはずである．
json
{ "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
{ "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
"score" は正解の自信度を表す数字で， [0,1] の範囲で与えられる． "start", "end" は， context 中の何文字目が正解に相当するかを示しており， "answer" が正解と予測された文字列である． 1921 年という，正しい答えが返ってきていることに注目してほしい．
もう少し難しい質問を投げかけてみよう．
sh
$ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
$ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
出力：
json
{
-    "score": 0.5235594527494207,
-    "start": 470,
-    "end": 506,
-    "answer": "his services to theoretical physics,"
-}
{
-    "score": 0.5235594527494207,
-    "start": 470,
-    "end": 506,
-    "answer": "his services to theoretical physics,"
-}
今度は， score が 0.52 と，少し自信がないようだが，それでも正しい答えにたどりつけていることがわかる．
このように， 深層学習に支えられた言語モデルを用いることで，実用にも役に立ちそうな Q&A ボットを実現できていることがわかる． 以降では，このプログラムをクラウドに展開することで，大量の質問に自動で対応できるようなシステムを設計していく．
今回使用する Question & Answering システムには， DistilBERT という Transformer を基にした言語モデルが用いられている． 興味のある読者は， 原著論文 を参照してもらいたい． また， huggingface/transformers による DistilBert の実装のドキュメンテーションは 公式ドキュメンテーション を参照のこと．
今回提供する Q-A ボットの Docker のソースコードは https://github.com/andatoshiki/toshiki-notebookblob/main/handson/qa-bot/docker/Dockerfile にある．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，以下のような設計である．
  • クライアントは，質問を AWS 上のアプリケーションに送信する．
  • 質問のタスクは ECS によって処理される．
  • ECS は， Docker Hub から，イメージをダウンロードする．
  • 次に，ECS はクラスター内に新たな Fargate インスタンスを立ち上げ，ダウンロードされた Docker イメージをこの新規インスタンスに配置する．
    • このとき，一つの質問に対し一つの Fargate インスタンスを立ち上げることで，複数の質問を並列的に処理できるようにする．
  • ジョブが実行される．
  • ジョブの実行結果 (質問への回答) は， データベース (DynamoDB) に書き込まれる．
  • 最後に，クライアントは DynamoDB から質問への回答を読み取る．
それでは，プログラムのソースコードを見てみよう (handson/qa-bot/app.py)．
python
class EcsClusterQaBot(core.Stack):
+    
Toshiki's Note
Appearance
Hands-on #3: AWS で自動質問回答ボットを走らせる ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:2.5k
 Reading:11 min
ハンズオン第三回では， Docker と ECS を駆使した機械学習アプリケーションを実装しよう． 具体的には，深層学習による自然言語処理を行うことで，クライアントから与えられた文章題に対して回答を生成する，自動 Question & Answering ボットを作成しよう． ECS を利用することで，ジョブの数によって動的にインスタンスの数を制御し，並列にタスクを実行するようなシステムを構築しよう．
通常の機械学習のワークフローでは，モデルの訓練 ⇒ 推論 (データへの適用) が基本的な流れである． しかしながら， GPU 搭載型の EC2 クラスターを使ったモデルの訓練はやや難易度が高いため，次章 ( (#sec_aws_batch)) で取り扱う． 本章は，クラウド上でのクラスターの構築・タスクの管理などの概念に慣れるため，よりシンプルな実装で実現できる Fargate クラスターを用いた推論計算の並列化を紹介する．
Fargate ​
ハンズオンに入っていく前に， Fargate という AWS の機能を知っておく必要がある (figure_title)．
Fargate のアイコン
ECS の概要を示した (#ecs_overview) をもう一度見てみよう． この図で， ECS の管理下にあるクラスターが示されているが，このクラスターの中で計算を行う実体としては二つの選択肢がある． EC2 あるいは Fargate のいずれかである． EC2 を用いた場合は，先の章 ( (#sec_first_ec2), (#sec_jupyter_and_deep_learning)) で説明したような流れでインスタンスが起動し，計算が実行される． しかし， EC2 を用いた計算機クラスターの作成・管理は技術的な難易度がやや高いので，次章 ( (#sec_aws_batch)) で説明することにする．
Fargate とは， ECS での利用に特化して設計された，コンテナを使用した計算タスクを走らせるための仕組みである． 計算を走らせるという点では EC2 と役割は似ているが， Fargate は EC2 インスタンスのような物理的実体はもたない． 物理的実体をもたないというのは，たとえば SSH でログインすることは基本的に想定されていないし，なにかのソフトウェアをインストールしたりなどの概念も存在しない． Fargate ではすべての計算は Docker コンテナを介して行われる． すなわち， Fargate を利用するには，ユーザーは最初に所望の Docker イメージを指定しておき， Fargate は docker run のコマンドを使用することで計算タスクを実行する． Fargate を用いる利点は， Fargate を ECS のクラスターに指定すると，スケーリングなどの操作が簡単な設定・プログラムで構築できる点である．
Fargate では， EC2 と同様に CPU とメモリーのサイズを必要な分だけ指定できる． 執筆時点では， CPU は 0.25 - 4 コア， RAM は 0.5 - 30 GB の間で選択することができる (詳しくは 公式ドキュメンテーション "Amazon ECS on AWS Fargate" 参照)． クラスターのスケーリングが容易な分， Fargate では EC2 ほど大きな CPU コア・ RAM 容量を単一インスタンスに付与することができず，また GPU を利用することもできない．
以上が Fargate の概要であったが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは実際に手を動かしながら， ECS と Fargate を使った並列タスクの処理の仕方を学んでいこう．
厳密には， ECS に付与するクラスターには EC2 と Fargate のハイブリッドを使用することも可能である．
準備 ​
ハンズオンのソースコードは GitHub の handson/qa-bot にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 ( (#handson_01_prep)) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンでは 1CPU/4GB RAM の Fargate インスタンスを使用する． 計算の実行には 0.025 $/hour のコストが発生することに注意．
Transformer を用いた question-answering プログラム ​
このハンズオンで開発する，自動質問回答システムをより具体的に定義しよう． 次のような文脈 (context) と質問 (question) が与えられた状況を想定する．
txt
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
今回作成する自動回答システムは，このような問題に対して， context に含まれる文字列から正解となる言葉を見つけ出すものとする． 上の問題では，次のような回答を返すべきである．
answer: 1921
+
人間にとっては，このような文章を理解することは容易であるが，コンピュータにそれを解かせるのは難しいことは容易に想像ができるだろう． しかし，近年の深層学習を使った自然言語処理の進歩は著しく，上で示したような例題などは極めて高い正答率で回答できるモデルを作ることができる．
今回は， huggingface/transformers で公開されている学習済みの言語モデルを利用することで，上で定義した問題を解く Q&A ボットを作る． この Q&A ボットは Transformer とよばれるモデルを使った自然言語処理に支えられえている (figure_title)． このプログラムを， Docker にパッケージしたものが 著者の Docker Hub リポジトリ に用意してある． クラウドの設計に入る前に，まずはこのプログラムを単体で動かしてみよう．
Transformer モデルアーキテクチャ (画像出典: Vaswani+ 2017)
なお，今回は学習済みのモデルを用いているので，私達が行うのは与えられた入力をモデルに投入して予測を行う (推論) のみである． 推論の演算は， CPU だけでも十分高速に行うことができるので，コストの削減と，実装をシンプルにする目的で，このハンズオンでは GPU は利用しない． 一般的に， ニューラルネットは学習のほうが圧倒的に計算コストが大きく，そのような場合に GPU はより威力を発揮する．
次のコマンドで，今回使う Docker image を ローカルにダウンロード (pull) してこよう．
sh
$ docker pull tomomano/qabot:latest
$ docker pull tomomano/qabot:latest
pull できたら，早速この Docker に質問を投げかけてみよう． まずは context と question をコマンドラインの変数として定義する．
sh
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
そうしたら，次のコマンドによってコンテナを実行する．
sh
$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
今回用意した Docker image は，第一引数に context となる文字列を，第二引数に question に相当する文字列を受けつける． 第三引数，第四引数については，クラウドに展開するときの実装上の都合なので，いまは気にしなくてよい．
このコマンドを実行すると，次のような出力が得られるはずである．
json
{ "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
{ "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
"score" は正解の自信度を表す数字で， [0,1] の範囲で与えられる． "start", "end" は， context 中の何文字目が正解に相当するかを示しており， "answer" が正解と予測された文字列である． 1921 年という，正しい答えが返ってきていることに注目してほしい．
もう少し難しい質問を投げかけてみよう．
sh
$ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
$ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
出力：
json
{
+    "score": 0.5235594527494207,
+    "start": 470,
+    "end": 506,
+    "answer": "his services to theoretical physics,"
+}
{
+    "score": 0.5235594527494207,
+    "start": 470,
+    "end": 506,
+    "answer": "his services to theoretical physics,"
+}
今度は， score が 0.52 と，少し自信がないようだが，それでも正しい答えにたどりつけていることがわかる．
このように， 深層学習に支えられた言語モデルを用いることで，実用にも役に立ちそうな Q&A ボットを実現できていることがわかる． 以降では，このプログラムをクラウドに展開することで，大量の質問に自動で対応できるようなシステムを設計していく．
今回使用する Question & Answering システムには， DistilBERT という Transformer を基にした言語モデルが用いられている． 興味のある読者は， 原著論文 を参照してもらいたい． また， huggingface/transformers による DistilBert の実装のドキュメンテーションは 公式ドキュメンテーション を参照のこと．
今回提供する Q-A ボットの Docker のソースコードは https://github.com/andatoshiki/toshiki-notebookblob/main/handson/qa-bot/docker/Dockerfile にある．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，以下のような設計である．
  • クライアントは，質問を AWS 上のアプリケーションに送信する．
  • 質問のタスクは ECS によって処理される．
  • ECS は， Docker Hub から，イメージをダウンロードする．
  • 次に，ECS はクラスター内に新たな Fargate インスタンスを立ち上げ，ダウンロードされた Docker イメージをこの新規インスタンスに配置する．
    • このとき，一つの質問に対し一つの Fargate インスタンスを立ち上げることで，複数の質問を並列的に処理できるようにする．
  • ジョブが実行される．
  • ジョブの実行結果 (質問への回答) は， データベース (DynamoDB) に書き込まれる．
  • 最後に，クライアントは DynamoDB から質問への回答を読み取る．
それでは，プログラムのソースコードを見てみよう (handson/qa-bot/app.py)．
python
class EcsClusterQaBot(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
 
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
 
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
 
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
 
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
class EcsClusterQaBot(core.Stack):
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
class EcsClusterQaBot(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
 
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
 
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
 
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
 
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
  • ここでは，回答の結果を書き込むためのデータベースを用意している． DynamoDB については，サーバーレスアーキテクチャの章で扱うので，今は気にしなくてよい．
  • ここでは，ハンズオン #1, #2 で行ったのと同様に， VPC を定義している．
  • ここで， ECS のクラスター (cluster) を定義している． クラスターとは，仮想サーバーのプールのことであり，クラスターの中に複数の仮想インスタンスを配置する．
  • ここで，実行するタスクを定義している (task definition)．
  • ここで， タスクの実行で使用する Docker イメージを定義している．
ECS と Fargate ​
ECS と Fargate の部分について，コードをくわしく見てみよう．
python
cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
  • ここでは，回答の結果を書き込むためのデータベースを用意している． DynamoDB については，サーバーレスアーキテクチャの章で扱うので，今は気にしなくてよい．
  • ここでは，ハンズオン #1, #2 で行ったのと同様に， VPC を定義している．
  • ここで， ECS のクラスター (cluster) を定義している． クラスターとは，仮想サーバーのプールのことであり，クラスターの中に複数の仮想インスタンスを配置する．
  • ここで，実行するタスクを定義している (task definition)．
  • ここで， タスクの実行で使用する Docker イメージを定義している．
ECS と Fargate ​
ECS と Fargate の部分について，コードをくわしく見てみよう．
python
cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
 
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
 
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
 
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
 
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
cluster = の箇所で，空の ECS クラスターを定義している．
次に， taskdef=ecs.FargateTaskDefinition の箇所で， Fargate インスタンスを使ったタスクを定義しており，とくにここでは 1 CPU, 4GB RAM というマシンスペックを指定している． また，このようにして定義されたタスクは，デフォルトで 1 タスクにつき 1 インスタンスが使用される．
最後に， container = の箇所で，タスクの実行で使用する Docker image を定義している． ここでは， Docker Hub に置いてある image をダウンロードしてくるよう指定している．
このようにわずか数行のコードであるが，これだけで前述したような，タスクのスケジューリングなどが自動で実行される．
このコードで cpu=1024 と指定されているのに注目してほしい． これは CPU ユニットと呼ばれる数で， 以下の換算表に従って仮想 CPU (virtual CPU; vCPU) が割り当てられる． 1024 が 1 CPU に相当する． 0.25 や 0.5 vCPU などの数字は，それぞれ実効的に 1/4, 1/2 の CPU 時間が割り当てられることを意味する． また， CPU ユニットによって使用できるメモリー量も変わってくる． たとえば， 1024 CPU ユニットを選択した場合は， 2 から 8 GB の範囲でのみメモリー量を指定することができる． 最新の情報は 公式ドキュメンテーション "Amazon ECS on AWS Fargate" を参照のこと．
CPU　ユニットと 指定可能なメモリー量の換算表
CPU ユニット
メモリーの値
256 (.25 vCPU)
0.5 GB, 1 GB, 2 GB
512 (.5 vCPU)
1 GB, 2 GB, 3 GB, 4 GB
1024 (1 vCPU)
2 GB, 3 GB, 4 GB, 5 GB, 6 GB, 7 GB, 8 GB
2048 (2 vCPU)
Between 4 GB and 16 GB in 1-GB increments
4096 (4 vCPU)
Between 8 GB and 30 GB in 1-GB increments
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． SSH によるログインの必要がないので，むしろ単純なくらいである． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
cluster = の箇所で，空の ECS クラスターを定義している．
次に， taskdef=ecs.FargateTaskDefinition の箇所で， Fargate インスタンスを使ったタスクを定義しており，とくにここでは 1 CPU, 4GB RAM というマシンスペックを指定している． また，このようにして定義されたタスクは，デフォルトで 1 タスクにつき 1 インスタンスが使用される．
最後に， container = の箇所で，タスクの実行で使用する Docker image を定義している． ここでは， Docker Hub に置いてある image をダウンロードしてくるよう指定している．
このようにわずか数行のコードであるが，これだけで前述したような，タスクのスケジューリングなどが自動で実行される．
このコードで cpu=1024 と指定されているのに注目してほしい． これは CPU ユニットと呼ばれる数で， 以下の換算表に従って仮想 CPU (virtual CPU; vCPU) が割り当てられる． 1024 が 1 CPU に相当する． 0.25 や 0.5 vCPU などの数字は，それぞれ実効的に 1/4, 1/2 の CPU 時間が割り当てられることを意味する． また， CPU ユニットによって使用できるメモリー量も変わってくる． たとえば， 1024 CPU ユニットを選択した場合は， 2 から 8 GB の範囲でのみメモリー量を指定することができる． 最新の情報は 公式ドキュメンテーション "Amazon ECS on AWS Fargate" を参照のこと．
CPU　ユニットと 指定可能なメモリー量の換算表
CPU ユニット
メモリーの値
256 (.25 vCPU)
0.5 GB, 1 GB, 2 GB
512 (.5 vCPU)
1 GB, 2 GB, 3 GB, 4 GB
1024 (1 vCPU)
2 GB, 3 GB, 4 GB, 5 GB, 6 GB, 7 GB, 8 GB
2048 (2 vCPU)
Between 4 GB and 16 GB in 1-GB increments
4096 (4 vCPU)
Between 8 GB and 30 GB in 1-GB increments
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． SSH によるログインの必要がないので，むしろ単純なくらいである． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックの中身を確認してみよう． コンソールから，ECS のページに行くと figure_title のような画面が表示されるはずである． EcsClusterQaBot-XXXX という名前ついたクラスターを見つけよう．
Cluster というのが，先ほど説明したとおり，複数の仮想インスタンスを束ねる一つの単位である． figure_title で， FARGATE という文字の下に 0 Running tasks, 0 Pending tasks と表示されていることを確認しよう． この時点では一つもタスクが走っていないので，数字はすべて 0 になっている．
ECS コンソール画面
続いて，この画面の左のメニューバーから Task Definitions という項目を見つけ，クリックしよう． 移動した先のページで EcsClusterQaBotEcsClusterQaBotTaskDefXXXX という項目が見つかるので，開く． 開いた先のページをスクロールすると figure_title に示したような情報が見つかるだろう． 使用する CPU ・メモリーの量や， Docker container の実行に関する設定などが，この Task Definition の画面から確認することができる．
Task definition の確認
タスクの実行 ​
それでは，質問をデプロイしたクラウドに提出してみよう．
ECS にタスクを投入するのはやや複雑なので，タスクの投入を簡単にするプログラム (run_task.py) を用意した (handson/qa-bot/run_task.py)．
次のようなコマンドで，ECS クラスターに新しい質問を投入することができる．
sh
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
run_task.py を実行するには， コマンドラインで AWS の認証情報が設定されていることが前提である．
"ask" の引数に続き，文脈 (context) と質問 (question) を引数として渡している．
このコマンドを実行すると， "Waiting for the task to finish…" と出力が表示され，回答を得るまでしばらく待たされる． この間， AWS では ECS がタスクを受理し，新しい Fargate のインスタンスを起動し， Docker イメージをそのインスタンスに配置する，という一連の処理がなされている． AWS コンソールから，この一連の様子をモニタリングしてみよう．
先ほどの ECS コンソール画面にもどり，クラスターの名前をクリックすることで，クラスターの詳細画面を開く． 次に， "Tasks" という名前のタブがあるので，それを開く (figure_title)． すると，実行中のタスクの一覧が表示されるだろう．
ECS のタスクの実行状況をモニタリング
figure_title で見て取れるように， "Last status = Pending" となっていることから，この時点では，タスクを実行する準備をしている段階である，ということがわかる． Fargate のインスタンスを起動し， Docker image を配置するまでおよそ 1-2 分の時間がかかる．
しばらく待つうちに， Status が "RUNNING" に遷移し，計算が始まる． 計算が終わると， Status は "STOPPED" に遷移し， ECS によって Fargate インスタンスは自動的にシャットダウンされる．
figure_title の画面から， "Task" の列にあるタスク ID クリックすることで，タスクの詳細画面を開いてみよう (figure_title)． "Last status", "Platform version" など，タスクの情報が表示されている． また， "Logs" のタブを開くことで，コンテナの吐き出した実行ログを閲覧することができる．
質問タスクの実行結果
さて， run_task.py を実行したコマンドラインに戻ってきてみると， figure_title のような出力が得られているはずである． "Momotaro" という正しい回答が返ってきている！
質問タスクの実行結果
タスクの同時実行 ​
さて，先ほどはたった一つの質問を投入したわけだが，今回設計したアプリケーションは， ECS と Fargate を使うことで同時にたくさんの質問を処理することができる． 実際に，たくさんの質問を一度に投入してみよう． run_task.py に ask_many というオプションを付けることで，複数の質問を一度に送信できる． 質問の内容は handson/qa-bot/problems.json に定義されている．
次のようなコマンドを実行しよう．
sh
$ python run_task.py ask_many
$ python run_task.py ask_many
このコマンドを実行した後で，先ほどの ECS コンソールに行き，タスクの一覧を見てみよう (figure_title)． 複数の Fargate インスタンスが起動され，タスクが並列に実行されているのがわかる．
複数の質問タスクを同時に投入する
すべてのタスクのステータスが "STOPPED" になったことを確認した上で，質問への回答を取得しよう． それには，次のコマンドを実行する．
sh
$ python run_task.py list_answers
$ python run_task.py list_answers
結果として， figure_title のような出力が得られるだろう． 複雑な文章問題に対し，高い正答率で回答できていることがわかるだろう．
 の実行結果
おめでとう！ ここまでついてこれた読者はとても初歩的ながらも，深層学習による言語モデルを使って自動で質問への回答を生成するシステムを創り上げることができた！ それも，数百の質問にも同時に対応できるような，とても高いスケーラビリティーをもったシステムである！ 今回は GUI (Graphical User Interface) を用意することはしなかったが，このシステムに簡単な GUI を追加すればなかなか立派なウェブサービスとして運用できるだろう．
run_task.py で質問を投入し続けると，回答を記録しているデータベースにどんどんエントリーが溜まっていく． これらのエントリーをすべて消去するには，次のコマンドを使う．
sh
$ python run_task.py clear
$ python run_task.py clear
スタックの削除 ​
これにて，今回のハンズオンは終了である． 最後にスタックを削除しよう．
スタックを削除するには，前回までと同様に， AWS コンソールにログインし CloudFormation の画面から DELETE ボタンをクリックするか，コマンドラインからコマンドを実行する． コマンドラインから行う場合は，次のコマンドを使用する．
sh
$ cdk destroy
$ cdk destroy

-    
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックの中身を確認してみよう． コンソールから，ECS のページに行くと figure_title のような画面が表示されるはずである． EcsClusterQaBot-XXXX という名前ついたクラスターを見つけよう．
Cluster というのが，先ほど説明したとおり，複数の仮想インスタンスを束ねる一つの単位である． figure_title で， FARGATE という文字の下に 0 Running tasks, 0 Pending tasks と表示されていることを確認しよう． この時点では一つもタスクが走っていないので，数字はすべて 0 になっている．
ECS コンソール画面
続いて，この画面の左のメニューバーから Task Definitions という項目を見つけ，クリックしよう． 移動した先のページで EcsClusterQaBotEcsClusterQaBotTaskDefXXXX という項目が見つかるので，開く． 開いた先のページをスクロールすると figure_title に示したような情報が見つかるだろう． 使用する CPU ・メモリーの量や， Docker container の実行に関する設定などが，この Task Definition の画面から確認することができる．
Task definition の確認
タスクの実行 ​
それでは，質問をデプロイしたクラウドに提出してみよう．
ECS にタスクを投入するのはやや複雑なので，タスクの投入を簡単にするプログラム (run_task.py) を用意した (handson/qa-bot/run_task.py)．
次のようなコマンドで，ECS クラスターに新しい質問を投入することができる．
sh
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
run_task.py を実行するには， コマンドラインで AWS の認証情報が設定されていることが前提である．
"ask" の引数に続き，文脈 (context) と質問 (question) を引数として渡している．
このコマンドを実行すると， "Waiting for the task to finish…" と出力が表示され，回答を得るまでしばらく待たされる． この間， AWS では ECS がタスクを受理し，新しい Fargate のインスタンスを起動し， Docker イメージをそのインスタンスに配置する，という一連の処理がなされている． AWS コンソールから，この一連の様子をモニタリングしてみよう．
先ほどの ECS コンソール画面にもどり，クラスターの名前をクリックすることで，クラスターの詳細画面を開く． 次に， "Tasks" という名前のタブがあるので，それを開く (figure_title)． すると，実行中のタスクの一覧が表示されるだろう．
ECS のタスクの実行状況をモニタリング
figure_title で見て取れるように， "Last status = Pending" となっていることから，この時点では，タスクを実行する準備をしている段階である，ということがわかる． Fargate のインスタンスを起動し， Docker image を配置するまでおよそ 1-2 分の時間がかかる．
しばらく待つうちに， Status が "RUNNING" に遷移し，計算が始まる． 計算が終わると， Status は "STOPPED" に遷移し， ECS によって Fargate インスタンスは自動的にシャットダウンされる．
figure_title の画面から， "Task" の列にあるタスク ID クリックすることで，タスクの詳細画面を開いてみよう (figure_title)． "Last status", "Platform version" など，タスクの情報が表示されている． また， "Logs" のタブを開くことで，コンテナの吐き出した実行ログを閲覧することができる．
質問タスクの実行結果
さて， run_task.py を実行したコマンドラインに戻ってきてみると， figure_title のような出力が得られているはずである． "Momotaro" という正しい回答が返ってきている！
質問タスクの実行結果
タスクの同時実行 ​
さて，先ほどはたった一つの質問を投入したわけだが，今回設計したアプリケーションは， ECS と Fargate を使うことで同時にたくさんの質問を処理することができる． 実際に，たくさんの質問を一度に投入してみよう． run_task.py に ask_many というオプションを付けることで，複数の質問を一度に送信できる． 質問の内容は handson/qa-bot/problems.json に定義されている．
次のようなコマンドを実行しよう．
sh
$ python run_task.py ask_many
$ python run_task.py ask_many
このコマンドを実行した後で，先ほどの ECS コンソールに行き，タスクの一覧を見てみよう (figure_title)． 複数の Fargate インスタンスが起動され，タスクが並列に実行されているのがわかる．
複数の質問タスクを同時に投入する
すべてのタスクのステータスが "STOPPED" になったことを確認した上で，質問への回答を取得しよう． それには，次のコマンドを実行する．
sh
$ python run_task.py list_answers
$ python run_task.py list_answers
結果として， figure_title のような出力が得られるだろう． 複雑な文章問題に対し，高い正答率で回答できていることがわかるだろう．
 の実行結果
おめでとう！ ここまでついてこれた読者はとても初歩的ながらも，深層学習による言語モデルを使って自動で質問への回答を生成するシステムを創り上げることができた！ それも，数百の質問にも同時に対応できるような，とても高いスケーラビリティーをもったシステムである！ 今回は GUI (Graphical User Interface) を用意することはしなかったが，このシステムに簡単な GUI を追加すればなかなか立派なウェブサービスとして運用できるだろう．
run_task.py で質問を投入し続けると，回答を記録しているデータベースにどんどんエントリーが溜まっていく． これらのエントリーをすべて消去するには，次のコマンドを使う．
sh
$ python run_task.py clear
$ python run_task.py clear
スタックの削除 ​
これにて，今回のハンズオンは終了である． 最後にスタックを削除しよう．
スタックを削除するには，前回までと同様に， AWS コンソールにログインし CloudFormation の画面から DELETE ボタンをクリックするか，コマンドラインからコマンドを実行する． コマンドラインから行う場合は，次のコマンドを使用する．
sh
$ cdk destroy
$ cdk destroy

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/handson-serverless.html b/development/aws/handson-serverless.html
index 568b8319..64ad94c0 100644
--- a/development/aws/handson-serverless.html
+++ b/development/aws/handson-serverless.html
@@ -5,16 +5,16 @@
     
     Hands-on #5: サーバーレス入門 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
-    
+    
     
     
     
@@ -37,226 +37,226 @@
     
   
   
-    
Toshiki's Note
Appearance
Hands-on #5: サーバーレス入門 ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:2.4k
 Reading:10 min
前章ではサーバーレスアーキテクチャの概要の説明を行った． 本章では，ハンズオン形式でサーバーレスクラウドを実際に動かしながら，具体的な使用方法を学んでいこう． 今回のハンズオンでは Lambda, S3, DynamoDB の三つのサーバーレスクラウドの構成要素に触れていく． それぞれについて，短いチュートリアルを用意してある．
Lambda ハンズオン ​
まずは， Lambda を実際に動かしてみよう． ハンズオンのソースコードは GitHub の handson/serverless/lambda に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して Python で書かれたコードを Lambda に登録する． 続いて STEP 2 では， Invoke API を使用して，同時にいくつもの Lambda を起動し，並列な計算を行う． Lambda のワークフローを体験する目的で最小限の設定である．
Lambda チュートリアルの概要
このハンズオンは，基本的に AWS Lambda の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
#
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
+    
Toshiki's Note
Appearance
Hands-on #5: サーバーレス入門 ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:2.4k
 Reading:10 min
前章ではサーバーレスアーキテクチャの概要の説明を行った． 本章では，ハンズオン形式でサーバーレスクラウドを実際に動かしながら，具体的な使用方法を学んでいこう． 今回のハンズオンでは Lambda, S3, DynamoDB の三つのサーバーレスクラウドの構成要素に触れていく． それぞれについて，短いチュートリアルを用意してある．
Lambda ハンズオン ​
まずは， Lambda を実際に動かしてみよう． ハンズオンのソースコードは GitHub の handson/serverless/lambda に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して Python で書かれたコードを Lambda に登録する． 続いて STEP 2 では， Invoke API を使用して，同時にいくつもの Lambda を起動し，並列な計算を行う． Lambda のワークフローを体験する目的で最小限の設定である．
Lambda チュートリアルの概要
このハンズオンは，基本的に AWS Lambda の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
#
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
 
-class SimpleLambda(core.Stack):
+class SimpleLambda(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
#
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
#
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
 
-class SimpleLambda(core.Stack):
+class SimpleLambda(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
  • ここで， Lambda で実行されるべき関数を定義している． これは非常に単純な関数で，2-5 秒のランダムな時間スリープした後，["salmon", "tuna", "squid"] のいずれかの文字列をランダムに選択し， "Welcome to Cloud Sushi. Your order is XXXX" (XXXX は選ばれた寿司のネタ) というメッセージをリターンする．
  • 次に， Lambda に <1> で書いた関数を配置している． パラメータの意味は，文字どおりの意味なので難しくはないが，以下に解説する．
    • runtime=_lambda.Runtime.PYTHON_3_7: ここでは， Python3.7 を使って上記で定義された関数を実行せよ，と指定している． Python3.7 のほかに， Node.js, Java, Ruby, Go などの言語を指定することが可能である．
    • code=_lambda.Code.from_inline(FUNC): 実行されるべき関数が書かれたコードを指定する． ここでは， FUNC=... で定義した文字列を渡しているが，文字列以外にもファイルのパスを渡すことも可能である．
    • handler="index.handler": これは，コードの中にいくつかのサブ関数が含まれているときに，メインとサブを区別するためのパラメータである． handler という名前の関数をメイン関数として実行せよ，という意味である．
    • memory_size=128: メモリーは 128MB を最大で使用することを指定している．
    • timeout=core.Duration.seconds(10) タイムアウト時間を 10 秒に設定している． 10 秒以内に関数の実行が終了しなかった場合，エラーが返される．
    • dead_letter_queue_enabled=True: アドバンストな設定なので説明は省略する．
上記のプログラムを実行することで， Lambda 関数がクラウド上に作成される． 早速デプロイしてみよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
  • ここで， Lambda で実行されるべき関数を定義している． これは非常に単純な関数で，2-5 秒のランダムな時間スリープした後，["salmon", "tuna", "squid"] のいずれかの文字列をランダムに選択し， "Welcome to Cloud Sushi. Your order is XXXX" (XXXX は選ばれた寿司のネタ) というメッセージをリターンする．
  • 次に， Lambda に <1> で書いた関数を配置している． パラメータの意味は，文字どおりの意味なので難しくはないが，以下に解説する．
    • runtime=_lambda.Runtime.PYTHON_3_7: ここでは， Python3.7 を使って上記で定義された関数を実行せよ，と指定している． Python3.7 のほかに， Node.js, Java, Ruby, Go などの言語を指定することが可能である．
    • code=_lambda.Code.from_inline(FUNC): 実行されるべき関数が書かれたコードを指定する． ここでは， FUNC=... で定義した文字列を渡しているが，文字列以外にもファイルのパスを渡すことも可能である．
    • handler="index.handler": これは，コードの中にいくつかのサブ関数が含まれているときに，メインとサブを区別するためのパラメータである． handler という名前の関数をメイン関数として実行せよ，という意味である．
    • memory_size=128: メモリーは 128MB を最大で使用することを指定している．
    • timeout=core.Duration.seconds(10) タイムアウト時間を 10 秒に設定している． 10 秒以内に関数の実行が終了しなかった場合，エラーが返される．
    • dead_letter_queue_enabled=True: アドバンストな設定なので説明は省略する．
上記のプログラムを実行することで， Lambda 関数がクラウド上に作成される． 早速デプロイしてみよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleLambda.FunctionName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから，Lambda のページに行くと figure_title のような画面から Lambda の関数の一覧が確認できる．
Lambda コンソール - 関数の一覧
今回のアプリケーションで作成したのが SimpleLambda で始まるランダムな名前のついた関数だ． 関数の名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． 先ほどプログラムの中で定義した Python の関数がエディターから確認できる． さらに下の方にスクロールすると，関数の各種設定も確認できる．
Lambda コンソール - 関数の詳細
Lambda で実行されるコードは， Lambda のコンソール画面 (figure_title) のエディターで編集することもできる． デバッグをするときなどは，こちらを直接いじる方が早い場合もある． その場合は， CDK のコードに行った編集を反映させなおすことを忘れずに．
Lambda 関数の実行 ​
それでは，作成した Lambda 関数を実行 (invoke) してみよう． AWS の API を使うことで，関数の実行をスタートすることができる． 今回は， handson/serverless/lambda/invoke_one.py に関数を実行するための簡単なプログラムを提供している． 興味のある読者はコードを読んでもらいたい．
以下のコマンドで，Lambda の関数を実行する． コマンドの XXXX の部分は，先ほどデプロイしたときに SimpleLambda.FunctionName = XXXX で得られた XXXX の文字列で置換する．
sh
$ python invoke_one.py XXXX
$ python invoke_one.py XXXX
すると， "Welcome to Cloud Sushi. Your order is salmon" という出力が得られるはずだ． とてもシンプルではあるが，クラウド上で先ほどの関数が走り，乱数が生成されたうえで，ランダムな寿司ネタが選択されて出力が返されている． このコマンドを何度か打ってみて，実行ごとに異なる寿司ネタが返されることを確認しよう．
さて，このコマンドは，一度につき一回の関数を実行したわけであるが， Lambda の本領は一度に大量のタスクを同時に実行できる点である． そこで，今度は一度に 100 個のタスクを同時に送信してみよう． handson/serverless/lambda/invoke_many.py のスクリプトを使用する．
次のコマンドを実行しよう． XXXX の部分は前述と同様に置き換える． 第二引数の 100 は 100 個のタスクを投入せよ，という意味である．
sh
$ python invoke_many.py XXXX 100
$ python invoke_many.py XXXX 100
すると次のような出力が得られるはずだ．
sh
....................................................................................................
-Submitted 100 tasks to Lambda!
....................................................................................................
-Submitted 100 tasks to Lambda!
実際に，100 個のタスクが同時に実行されていることを確認しよう． figure_title の画面に戻り， "Monitoring" というタブがあるので，それをクリックする． すると， figure_title のようなグラフが表示されるだろう．
Lambda コンソール - 関数の実行のモニタリング
figure_title のグラフの更新には数分かかることがあるので，なにも表示されない場合は少し待つ．
figure_title で "Invocations" が関数が何度実行されたかを意味している． たしかに 100 回実行されていることがわかる． さらに， "Concurrent executions" は何個のタスクが同時に行われたかを示している． ここでは 96 となっていることから，96 個のタスクが並列的に実行されたことを意味している (これが 100 とならないのは，タスクの開始のコマンドが送られたのが完全には同タイミングではないことに起因する)．
このように，非常にシンプルではあるが， Lambda を使うことで，同時並列的に処理を実行することのできるクラウドシステムを簡単に作ることができた．
もしこのようなことを従来的な serverful なクラウドで行おうとした場合，クラスターのスケーリングなど多くのコードを書くことに加えて，いろいろなパラメータを調節する必要がある．
興味がある人は，一気に 1000 個などのジョブを投入してみるとよい． Lambda はそのような大量のリクエストにも対応できることが確認できるだろう． が，あまりやりすぎると Lambda の無料利用枠を超えて料金が発生してしまうので注意．
スタックの削除 ​
最後にスタックを削除しよう． スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
DynamoDB ハンズオン ​
続いて， DynamoDB の簡単なチュートリアルをやってみよう． ハンズオンのソースコードは GitHub の /handson/serverless/dynamodb に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して DynamoDB のテーブルを初期化し，デプロイする． 続いて STEP 2 では， API を使用してデータベースのデータの書き込み・読み出し・削除などの操作を練習する．
DynamoDB チュートリアルの概要
このハンズオンは，基本的に AWS DynamoDB の無料枠 の範囲内で実行できる．
handson/serverless/dynamodb/app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleLambda.FunctionName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから，Lambda のページに行くと figure_title のような画面から Lambda の関数の一覧が確認できる．
Lambda コンソール - 関数の一覧
今回のアプリケーションで作成したのが SimpleLambda で始まるランダムな名前のついた関数だ． 関数の名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． 先ほどプログラムの中で定義した Python の関数がエディターから確認できる． さらに下の方にスクロールすると，関数の各種設定も確認できる．
Lambda コンソール - 関数の詳細
Lambda で実行されるコードは， Lambda のコンソール画面 (figure_title) のエディターで編集することもできる． デバッグをするときなどは，こちらを直接いじる方が早い場合もある． その場合は， CDK のコードに行った編集を反映させなおすことを忘れずに．
Lambda 関数の実行 ​
それでは，作成した Lambda 関数を実行 (invoke) してみよう． AWS の API を使うことで，関数の実行をスタートすることができる． 今回は， handson/serverless/lambda/invoke_one.py に関数を実行するための簡単なプログラムを提供している． 興味のある読者はコードを読んでもらいたい．
以下のコマンドで，Lambda の関数を実行する． コマンドの XXXX の部分は，先ほどデプロイしたときに SimpleLambda.FunctionName = XXXX で得られた XXXX の文字列で置換する．
sh
$ python invoke_one.py XXXX
$ python invoke_one.py XXXX
すると， "Welcome to Cloud Sushi. Your order is salmon" という出力が得られるはずだ． とてもシンプルではあるが，クラウド上で先ほどの関数が走り，乱数が生成されたうえで，ランダムな寿司ネタが選択されて出力が返されている． このコマンドを何度か打ってみて，実行ごとに異なる寿司ネタが返されることを確認しよう．
さて，このコマンドは，一度につき一回の関数を実行したわけであるが， Lambda の本領は一度に大量のタスクを同時に実行できる点である． そこで，今度は一度に 100 個のタスクを同時に送信してみよう． handson/serverless/lambda/invoke_many.py のスクリプトを使用する．
次のコマンドを実行しよう． XXXX の部分は前述と同様に置き換える． 第二引数の 100 は 100 個のタスクを投入せよ，という意味である．
sh
$ python invoke_many.py XXXX 100
$ python invoke_many.py XXXX 100
すると次のような出力が得られるはずだ．
sh
....................................................................................................
+Submitted 100 tasks to Lambda!
....................................................................................................
+Submitted 100 tasks to Lambda!
実際に，100 個のタスクが同時に実行されていることを確認しよう． figure_title の画面に戻り， "Monitoring" というタブがあるので，それをクリックする． すると， figure_title のようなグラフが表示されるだろう．
Lambda コンソール - 関数の実行のモニタリング
figure_title のグラフの更新には数分かかることがあるので，なにも表示されない場合は少し待つ．
figure_title で "Invocations" が関数が何度実行されたかを意味している． たしかに 100 回実行されていることがわかる． さらに， "Concurrent executions" は何個のタスクが同時に行われたかを示している． ここでは 96 となっていることから，96 個のタスクが並列的に実行されたことを意味している (これが 100 とならないのは，タスクの開始のコマンドが送られたのが完全には同タイミングではないことに起因する)．
このように，非常にシンプルではあるが， Lambda を使うことで，同時並列的に処理を実行することのできるクラウドシステムを簡単に作ることができた．
もしこのようなことを従来的な serverful なクラウドで行おうとした場合，クラスターのスケーリングなど多くのコードを書くことに加えて，いろいろなパラメータを調節する必要がある．
興味がある人は，一気に 1000 個などのジョブを投入してみるとよい． Lambda はそのような大量のリクエストにも対応できることが確認できるだろう． が，あまりやりすぎると Lambda の無料利用枠を超えて料金が発生してしまうので注意．
スタックの削除 ​
最後にスタックを削除しよう． スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
DynamoDB ハンズオン ​
続いて， DynamoDB の簡単なチュートリアルをやってみよう． ハンズオンのソースコードは GitHub の /handson/serverless/dynamodb に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して DynamoDB のテーブルを初期化し，デプロイする． 続いて STEP 2 では， API を使用してデータベースのデータの書き込み・読み出し・削除などの操作を練習する．
DynamoDB チュートリアルの概要
このハンズオンは，基本的に AWS DynamoDB の無料枠 の範囲内で実行できる．
handson/serverless/dynamodb/app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
このコードで，最低限の設定がなされた空の DynamoDB テーブルが作成される． それぞれのパラメータの意味を簡単に解説しよう．
  • partition_key: すべての DynamoDB テーブルには Partition key が定義されていなければならない． Partition key とは，テーブル内の要素 (レコード) ごとに存在する固有の ID のことである． 同一の Partition key をもった要素がテーブルの中に二つ以上存在することはできない (注: Sort Key を使用している場合は除く．詳しくは 公式ドキュメンテーション "Core Components of Amazon DynamoDB" 参照)． また， Partition key が定義されていない要素はテーブルの中に存在することはできない． ここでは， Partition key に item_id という名前をつけている．
  • billing_mode: ddb.BillingMode.PAY_PER_REQUEST を指定することで， On-demand Capacity Mode の DynamoDB が作成される． ほかに PROVISIONED というモードがあるが，これはかなり高度なケースを除いて使用しないだろう．
  • removal_policy: CloudFormation のスタックが消去されたときに， DynamoDB も一緒に消去されるかどうかを指定する． このコードでは DESTROY を選んでいるので，すべて消去される． ほかのオプションを選択すると，スタックを消去しても DynamoDB のバックアップを残す，などの動作を定義することができる．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
このコードで，最低限の設定がなされた空の DynamoDB テーブルが作成される． それぞれのパラメータの意味を簡単に解説しよう．
  • partition_key: すべての DynamoDB テーブルには Partition key が定義されていなければならない． Partition key とは，テーブル内の要素 (レコード) ごとに存在する固有の ID のことである． 同一の Partition key をもった要素がテーブルの中に二つ以上存在することはできない (注: Sort Key を使用している場合は除く．詳しくは 公式ドキュメンテーション "Core Components of Amazon DynamoDB" 参照)． また， Partition key が定義されていない要素はテーブルの中に存在することはできない． ここでは， Partition key に item_id という名前をつけている．
  • billing_mode: ddb.BillingMode.PAY_PER_REQUEST を指定することで， On-demand Capacity Mode の DynamoDB が作成される． ほかに PROVISIONED というモードがあるが，これはかなり高度なケースを除いて使用しないだろう．
  • removal_policy: CloudFormation のスタックが消去されたときに， DynamoDB も一緒に消去されるかどうかを指定する． このコードでは DESTROY を選んでいるので，すべて消去される． ほかのオプションを選択すると，スタックを消去しても DynamoDB のバックアップを残す，などの動作を定義することができる．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleDynamoDb.TableName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから， DynamoDB のページに行き，左のメニューバーから "Tables" を選択する． すると， figure_title のような画面からテーブルの一覧が確認できる．
DynamoDB のコンソール (テーブルの一覧)
今回のアプリケーションで作成したのが SimpleDynamoDb で始まるランダムな名前のついたテーブルだ． テーブルの名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． "Items" のタブをクリックすると，テーブルの中のレコードを確認できる． 現時点ではなにもデータを書き込んでいないので，空である．
DynamoDB のコンソール (テーブルの詳細画面)
データの読み書き ​
それでは， デプロイ で作ったテーブルを使ってデータの読み書きを実践してみよう． ここでは Python と boto3 ライブラリを用いた方法を紹介する．
まずは，テーブルに新しい要素を追加してみよう． ハンズオンのディレクトリにある simple_write.py を開いてみよう． 中には次のような関数が書かれている．
python
import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleDynamoDb.TableName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから， DynamoDB のページに行き，左のメニューバーから "Tables" を選択する． すると， figure_title のような画面からテーブルの一覧が確認できる．
DynamoDB のコンソール (テーブルの一覧)
今回のアプリケーションで作成したのが SimpleDynamoDb で始まるランダムな名前のついたテーブルだ． テーブルの名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． "Items" のタブをクリックすると，テーブルの中のレコードを確認できる． 現時点ではなにもデータを書き込んでいないので，空である．
DynamoDB のコンソール (テーブルの詳細画面)
データの読み書き ​
それでは， デプロイ で作ったテーブルを使ってデータの読み書きを実践してみよう． ここでは Python と boto3 ライブラリを用いた方法を紹介する．
まずは，テーブルに新しい要素を追加してみよう． ハンズオンのディレクトリにある simple_write.py を開いてみよう． 中には次のような関数が書かれている．
python
import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
 
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
 
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
コードを上から読んでいくと，まず最初に boto3 ライブラリをインポートし， dynamodb のリソースを呼び出している． write_item() 関数は， DynamoDB のテーブルの名前 (上で見た SimpleDynamoDb-XXXX) を引数として受け取る． そして， put_item() メソッドを呼ぶことで，新しいアイテムを DB に書き込んでいる． アイテムには item_id, first_name, last_name, age の 4 つの属性が定義されている． ここで， item_id は先ほど説明した Partition key に相当しており， UUID4 を用いたランダムな文字列を割り当てている．
では， simple_write.py を実行してみよう． "XXXX" の部分を自分がデプロイしたテーブルの名前 (SimpleDynamoDb で始まる文字列) に置き換えたうえで，次のコマンドを実行する．
sh
$ python simple_write.py XXXX
$ python simple_write.py XXXX
新しい要素が正しく書き込めたか， AWS コンソールから確認してみよう． figure_title と同じ手順で，テーブルの中身の要素の一覧を表示する． すると figure_title のように，期待通り新しい要素が見つかるだろう．
DynamoDB に新しい要素が追加されたことを確認
boto3 を使ってテーブルから要素を読みだすことも可能である． ハンズオンのディレクトリにある simple_read.py を見てみよう．
python
import boto3
-ddb = boto3.resource('dynamodb')
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
コードを上から読んでいくと，まず最初に boto3 ライブラリをインポートし， dynamodb のリソースを呼び出している． write_item() 関数は， DynamoDB のテーブルの名前 (上で見た SimpleDynamoDb-XXXX) を引数として受け取る． そして， put_item() メソッドを呼ぶことで，新しいアイテムを DB に書き込んでいる． アイテムには item_id, first_name, last_name, age の 4 つの属性が定義されている． ここで， item_id は先ほど説明した Partition key に相当しており， UUID4 を用いたランダムな文字列を割り当てている．
では， simple_write.py を実行してみよう． "XXXX" の部分を自分がデプロイしたテーブルの名前 (SimpleDynamoDb で始まる文字列) に置き換えたうえで，次のコマンドを実行する．
sh
$ python simple_write.py XXXX
$ python simple_write.py XXXX
新しい要素が正しく書き込めたか， AWS コンソールから確認してみよう． figure_title と同じ手順で，テーブルの中身の要素の一覧を表示する． すると figure_title のように，期待通り新しい要素が見つかるだろう．
DynamoDB に新しい要素が追加されたことを確認
boto3 を使ってテーブルから要素を読みだすことも可能である． ハンズオンのディレクトリにある simple_read.py を見てみよう．
python
import boto3
+ddb = boto3.resource('dynamodb')
 
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
import boto3
-ddb = boto3.resource('dynamodb')
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
import boto3
+ddb = boto3.resource('dynamodb')
 
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
table.scan().get("Items") によって，テーブルの中にあるすべての要素を読みだしている．
次のコマンドで，このスクリプトを実行してみよう ("XXXX" の部分を正しく置き換えることを忘れずに）．
sh
$ python simple_read.py XXXX
$ python simple_read.py XXXX
先ほど書き込んだ要素が出力されることを確認しよう．
大量のデータの読み書き ​
DynamoDB の利点は，最初に述べたとおり，負荷に応じて自在にその処理能力を拡大できる点である．
そこで，ここでは一度に大量のデータを書き込む場合をシミュレートしてみよう． batch_rw.py に，一度に大量の書き込みを実行するためのプログラムが書いてある．
次のコマンドを実行してみよう (XXXX は自分のテーブルの名前に置き換える)．
sh
$ python batch_rw.py XXXX write 1000
$ python batch_rw.py XXXX write 1000
このコマンドを実行することで，ランダムなデータが 1000 個データベースに書き込まれる．
さらに，データベースの検索をかけてみよう． 今回書き込んだデータには age という属性に 1 から 50 のランダムな整数が割り当てられている． age が 2 以下であるような要素だけを検索し拾ってくるには，次のコマンドを実行すればよい．
sh
$ python batch_rw.py XXXX search_under_age 2
$ python batch_rw.py XXXX search_under_age 2
上の 2 つのコマンドを何回か繰り返し実行してみて，データベースに負荷をかけてみよう． とくに大きな遅延なく結果が返ってくることが確認できるだろう．
スタックの削除 ​
DynamoDB で十分に遊ぶことができたら，忘れずにスタックを削除しよう．
これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
S3 ハンズオン ​
最後に， S3 の簡単なチュートリアルを紹介する． ハンズオンのソースコードは GitHub の handson/serverless/s3 に置いてある．
figure_title が今回提供する S3 チュートリアルの概要である． STEP 1 として， AWS CDK を用いて S3 に新しい空のバケット (Bucket) を作成する． 続いて STEP 2 では，データのアップロード・ダウンロードの方法を解説する．
S3 チュートリアルの概要
このハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
table.scan().get("Items") によって，テーブルの中にあるすべての要素を読みだしている．
次のコマンドで，このスクリプトを実行してみよう ("XXXX" の部分を正しく置き換えることを忘れずに）．
sh
$ python simple_read.py XXXX
$ python simple_read.py XXXX
先ほど書き込んだ要素が出力されることを確認しよう．
大量のデータの読み書き ​
DynamoDB の利点は，最初に述べたとおり，負荷に応じて自在にその処理能力を拡大できる点である．
そこで，ここでは一度に大量のデータを書き込む場合をシミュレートしてみよう． batch_rw.py に，一度に大量の書き込みを実行するためのプログラムが書いてある．
次のコマンドを実行してみよう (XXXX は自分のテーブルの名前に置き換える)．
sh
$ python batch_rw.py XXXX write 1000
$ python batch_rw.py XXXX write 1000
このコマンドを実行することで，ランダムなデータが 1000 個データベースに書き込まれる．
さらに，データベースの検索をかけてみよう． 今回書き込んだデータには age という属性に 1 から 50 のランダムな整数が割り当てられている． age が 2 以下であるような要素だけを検索し拾ってくるには，次のコマンドを実行すればよい．
sh
$ python batch_rw.py XXXX search_under_age 2
$ python batch_rw.py XXXX search_under_age 2
上の 2 つのコマンドを何回か繰り返し実行してみて，データベースに負荷をかけてみよう． とくに大きな遅延なく結果が返ってくることが確認できるだろう．
スタックの削除 ​
DynamoDB で十分に遊ぶことができたら，忘れずにスタックを削除しよう．
これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
S3 ハンズオン ​
最後に， S3 の簡単なチュートリアルを紹介する． ハンズオンのソースコードは GitHub の handson/serverless/s3 に置いてある．
figure_title が今回提供する S3 チュートリアルの概要である． STEP 1 として， AWS CDK を用いて S3 に新しい空のバケット (Bucket) を作成する． 続いて STEP 2 では，データのアップロード・ダウンロードの方法を解説する．
S3 チュートリアルの概要
このハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
s3.Bucket() を呼ぶことによって空のバケットが新規に作成される． 上記のコードだと，バケットの名前は自動生成される． もし，自分の指定した名前を与えたい場合は， bucket_name というパラメータを指定すればよい． その際， バケットの名前はユニークでなければならない (i.e. AWS のデプロイが行われるリージョン内で名前の重複がない) 点に注意しよう． もし，同じ名前のバケットが既に存在する場合はエラーが返ってくる．
デフォルトでは， CloudFormation スタックが削除されたとき， S3 バケットとその中に保存されたファイルは削除されない． これは，大切なデータを誤って消してしまうことを防止するための安全策である． cdk destroy を実行したときにバケットも含めてすべて削除されるようにするには， removal_policy=core.RemovalPolicy.DESTROY, auto_delete_objects=True とパラメータを設定する． 結果もよく理解したうえで，自分の用途にあった適切なパラメータを設定しよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
s3.Bucket() を呼ぶことによって空のバケットが新規に作成される． 上記のコードだと，バケットの名前は自動生成される． もし，自分の指定した名前を与えたい場合は， bucket_name というパラメータを指定すればよい． その際， バケットの名前はユニークでなければならない (i.e. AWS のデプロイが行われるリージョン内で名前の重複がない) 点に注意しよう． もし，同じ名前のバケットが既に存在する場合はエラーが返ってくる．
デフォルトでは， CloudFormation スタックが削除されたとき， S3 バケットとその中に保存されたファイルは削除されない． これは，大切なデータを誤って消してしまうことを防止するための安全策である． cdk destroy を実行したときにバケットも含めてすべて削除されるようにするには， removal_policy=core.RemovalPolicy.DESTROY, auto_delete_objects=True とパラメータを設定する． 結果もよく理解したうえで，自分の用途にあった適切なパラメータを設定しよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
デプロイを実行すると， figure_title のような出力が得られるはずである． ここで表示されている SimpleS3.BucketName = XXXX が，新しく作られたバケットの名前である (今回提供しているコードを使うとランダムな名前がバケットに割り当てられる）． これはあとで使うのでメモしておこう．
デプロイ実行後の出力
データの読み書き ​
スタックのデプロイが完了したら，早速バケットにデータをアップロードしてみよう．
まずは，以下のコマンドを実行して， tmp.txt という仮のファイルを生成する．
sh
$ echo "Hello world!" >> tmp.txt
$ echo "Hello world!" >> tmp.txt
ハンズオンのディレクトリにある simple_s3.py に boto3 ライブラリを使用した S3 のファイルのアップロード・ダウンロードのスクリプトが書いてある． simple_s3.py を使って，上で作成した tmp.txt を以下のコマンドによりバケットにアップロードする． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX upload tmp.txt
$ python simple_s3.py XXXX upload tmp.txt
simple_s3.py のアップロードを担当している部分を以下に抜粋する．
python
def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
+# デプロイを実行
+$ cdk deploy
デプロイを実行すると， figure_title のような出力が得られるはずである． ここで表示されている SimpleS3.BucketName = XXXX が，新しく作られたバケットの名前である (今回提供しているコードを使うとランダムな名前がバケットに割り当てられる）． これはあとで使うのでメモしておこう．
デプロイ実行後の出力
データの読み書き ​
スタックのデプロイが完了したら，早速バケットにデータをアップロードしてみよう．
まずは，以下のコマンドを実行して， tmp.txt という仮のファイルを生成する．
sh
$ echo "Hello world!" >> tmp.txt
$ echo "Hello world!" >> tmp.txt
ハンズオンのディレクトリにある simple_s3.py に boto3 ライブラリを使用した S3 のファイルのアップロード・ダウンロードのスクリプトが書いてある． simple_s3.py を使って，上で作成した tmp.txt を以下のコマンドによりバケットにアップロードする． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX upload tmp.txt
$ python simple_s3.py XXXX upload tmp.txt
simple_s3.py のアップロードを担当している部分を以下に抜粋する．
python
def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if key is None:
-        key = os.path.basename(filename)
+    if key is None:
+        key = os.path.basename(filename)
 
-    bucket.upload_file(filename, key)
def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
+    bucket.upload_file(filename, key)
def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if key is None:
-        key = os.path.basename(filename)
+    if key is None:
+        key = os.path.basename(filename)
 
-    bucket.upload_file(filename, key)
bucket = s3.Bucket(bucket_name) の行で Bucket() オブジェクトを呼び出している． そして， upload_file() メソッドを呼ぶことでファイルのアップロードを実行している．
S3 においてファイルの識別子として使われるのが Key である． これは，従来的なファイルシステムにおけるパス (Path) と相同な概念で，それぞれのファイルに固有な Key が割り当てられる必要がある． Key という呼び方は， S3 が Object storage と呼ばれるシステムに立脚していることに由来する． --key のオプションを追加して simple_s3.py を実行することで， Key を指定してアップロードを実行することができる．
sh
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
ここではアップロードされたファイルに a/b/tmp.txt という Key を割り当てている．
ここまでコマンドを実行し終えたところで，一度 AWS コンソールに行き S3 の中身を確認してみよう． S3 のコンソールに行くと，バケットの一覧が見つかるはずである． その中から， simples3-bucket から始まるランダムな名前のついたバケットを探し，クリックする． するとバケットの中に含まれるファイルの一覧が表示される (figure_title)．
S3 バケットの中のファイル一覧
ここで実行した 2 つのコマンドによって， tmp.txt というファイルと， a/b/tmp.txt というファイルが見つかることに注目しよう． 従来的なファイルシステムと似た体験を提供するため， S3 では Key が "/" (スラッシュ) によって区切られていた場合，ツリー状の階層構造によってファイルを管理することができる．
オブジェクトストレージには本来ディレクトリという概念はない． 上で紹介した "/" による階層づけはあくまでユーザー体験向上の目的のお化粧的な機能である．
次に，バケットからファイルのダウンロードを実行してみよう． simple_s3.py を使って，以下のコマンドを実行すればよい． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX download tmp.txt
$ python simple_s3.py XXXX download tmp.txt
simple_s3.py のダウンロードを担当している部分を以下に抜粋する．
python
def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
+    bucket.upload_file(filename, key)
bucket = s3.Bucket(bucket_name) の行で Bucket() オブジェクトを呼び出している． そして， upload_file() メソッドを呼ぶことでファイルのアップロードを実行している．
S3 においてファイルの識別子として使われるのが Key である． これは，従来的なファイルシステムにおけるパス (Path) と相同な概念で，それぞれのファイルに固有な Key が割り当てられる必要がある． Key という呼び方は， S3 が Object storage と呼ばれるシステムに立脚していることに由来する． --key のオプションを追加して simple_s3.py を実行することで， Key を指定してアップロードを実行することができる．
sh
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
ここではアップロードされたファイルに a/b/tmp.txt という Key を割り当てている．
ここまでコマンドを実行し終えたところで，一度 AWS コンソールに行き S3 の中身を確認してみよう． S3 のコンソールに行くと，バケットの一覧が見つかるはずである． その中から， simples3-bucket から始まるランダムな名前のついたバケットを探し，クリックする． するとバケットの中に含まれるファイルの一覧が表示される (figure_title)．
S3 バケットの中のファイル一覧
ここで実行した 2 つのコマンドによって， tmp.txt というファイルと， a/b/tmp.txt というファイルが見つかることに注目しよう． 従来的なファイルシステムと似た体験を提供するため， S3 では Key が "/" (スラッシュ) によって区切られていた場合，ツリー状の階層構造によってファイルを管理することができる．
オブジェクトストレージには本来ディレクトリという概念はない． 上で紹介した "/" による階層づけはあくまでユーザー体験向上の目的のお化粧的な機能である．
次に，バケットからファイルのダウンロードを実行してみよう． simple_s3.py を使って，以下のコマンドを実行すればよい． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX download tmp.txt
$ python simple_s3.py XXXX download tmp.txt
simple_s3.py のダウンロードを担当している部分を以下に抜粋する．
python
def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if filename is None:
-        filename = os.path.basename(key)
+    if filename is None:
+        filename = os.path.basename(key)
 
-    bucket.download_file(key, filename)
def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
+    bucket.download_file(key, filename)
def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if filename is None:
-        filename = os.path.basename(key)
+    if filename is None:
+        filename = os.path.basename(key)
 
-    bucket.download_file(key, filename)
S3 からのダウンロードはシンプルで， download_file() メソッドを使って，ダウンロードしたい対象の Key を指定すればよい． ローカルのコンピュータでの保存先のパスを 2 個目の引数として渡している．
スタックの削除 ​
以上のハンズオンで， S3 の一番基本的な使い方を紹介した． ここまでのハンズオンが理解できたら，忘れずにスタックを削除しよう． これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy

-    
+    bucket.download_file(key, filename)
S3 からのダウンロードはシンプルで， download_file() メソッドを使って，ダウンロードしたい対象の Key を指定すればよい． ローカルのコンピュータでの保存先のパスを 2 個目の引数として渡している．
スタックの削除 ​
以上のハンズオンで， S3 の一番基本的な使い方を紹介した． ここまでのハンズオンが理解できたら，忘れずにスタックを削除しよう． これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/index.html b/development/aws/index.html
index b1baf647..5434ddb3 100644
--- a/development/aws/index.html
+++ b/development/aws/index.html
@@ -5,16 +5,16 @@
     
     はじめに | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
-    
+    
     
     
     
@@ -37,8 +37,8 @@
     
   
   
-    
Toshiki's Note
Appearance
はじめに ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:1.3k
 Reading:4 min
本書の目的・内容 ​
本書は，東京大学計数工学科で 2021 年度 S1/S2 タームに開講されている"システム情報工学特論"の講義資料として作成された．
本書の目的は，クラウドの初心者を対象とし，クラウドの基礎的な知識・概念を解説する． また， Amazon Web Services (以下， AWS) の提供するクラウド環境を実例として，具体的なクラウドの利用方法をハンズオンを通して学ぶ．
とくに，科学・エンジニアリングの学生を対象として，研究などの目的でクラウドを利用するための実践的な手順を紹介する． 知識・理論の説明は最小限に留め，実践を行う中で必要な概念の解説を行う予定である． 読者が今後，研究などでクラウドを利用する際の，足がかりとなれば本書の目的は十分達成されたことになる．
本書は以下のような三部構成になっている．
本書の構成
テーマハンズオン
第一部 (1章-4章)
クラウドの基礎
  • AWSに自分のサーバーを立ち上げる
第二部 (5章-9章)
クラウドを活用した機械学習
  • AWS と Jupyter を使って始めるディープラーニング
  • スケーラブルな自動質問回答ボットを作る
  • 並列化されたハイパーパラメータサーチの実装
第三部 (10章-13章)
サーバーレスアーキテクチャ入門
  • Lambda, DynamoDB, S3 の演習
  • 俳句を投稿する SNS "Bashoutter" を作る
第一部は，クラウドの基礎となる概念・知識を解説する． セキュリティやネットワークなど，クラウドを利用する上で最低限おさえなければいけないポイントを説明する． ハンズオンでは，はじめての仮想サーバーを AWS に立ち上げる演習を行う．
第二部では，クラウド上で科学計算 (とくに機械学習) を走らせるための入門となる知識・技術を解説する． あわせて， Docker とよばれる仮想計算環境の使用方法を紹介する． 一つ目のハンズオンでは， AWS のクラウドで Jupyter Notebook を起動し簡単な機械学習の計算を走らせる課題を実践する． 二つ目のハンズオンでは，深層学習を用いた自然言語処理により，質問に自動で回答を生成するボットを作成する． 最後に，複数台の GPU インスタンスからなるクラスターを起動し，並列に深層学習のハイパーパラメータサーチを行う方法を紹介する．
第三部では，サーバーレスアーキテクチャとよばれる最新のクラウドのアーキテクチャを紹介する． これは，サーバーの処理能力を負荷に応じてより柔軟に拡大・縮小するための概念であり，それ以前 (Serverful としばしばよばれる) と質的に異なる設計思想をクラウドに導入するものである． ハンズオンでは，サーバーレスクラウドの主要なコンポーネントである Lambda, DynamoDB, S3 の演習を提供する． さらに，サーバーレスの技術を使用して簡単な SNS をクラウド上に作成する．
これらの豊富なハンズオンにより， AWS 上にクラウドシステムを開発するための知識と技術が身につくはずである． いずれのハンズオンも，実用性を重視したものになっており，これらをベースにカスタマイズを施すことで様々な応用が可能である．
本書のフィロソフィー ​
本書のフィロソフィーを一言で表すなら， "ロケットで宇宙まで飛んでいって一度地球を眺めてみよう！" である．
どういうことか？
ここでいう"地球"とは，クラウドコンピューティングの全体像のことである． 言うまでもなく，クラウドという技術は非常に広範かつ複雑な概念で，幾多の情報技術・ハードウェア・アルゴリズムが精緻に組み合わさってできた総体である． そして，今日では科学研究から日常のインフラ設備に至るまで，我々の社会の多くの部分がクラウド技術によって支えられている．
ここでいう"ロケット"とはこの講義のことである． この講義では，ロケットに乗って宇宙まで飛び立ち，地球(クラウド)の全体を自身の目で眺めてもらう． その際，ロケットの成り立ちや仕組み (背後にある要素技術やプログラムのソースコード) を深くは問わない． 将来，自分が研究などの目的でクラウドを利用することになった際に，改めて学んでもらえば良い． 本書の目的はむしろ，クラウドの最先端に実際に触れ，そこからどんな景色が見えるか(どんな応用が可能か)を実感してもらうことである．
そのような理由で，本書はクラウドの基礎から応用まで幅広いテーマを取り扱う． 第一部はクラウドの基礎から始め，第二部では一気にレベルアップし機械学習(深層学習)をクラウドで実行する手法を解説する． さらに第三部では，サーバーレス・アーキテクチャというここ数年のうちに確立した全く新しいクラウドの設計について解説する． それぞれで本一冊分以上の内容に相当するものであるが，本書はあえてこれらを一冊にまとめ連続的に俯瞰するという野心的な意図をもって執筆された．
決して楽な搭乗体験ではないかもしれないが，このロケットにしがみついてきてもらえれば，とてもエキサイティングな景色が見られることを約束したい．
宇宙からみた地球 (Image from NASA https://www.nasa.gov/image-feature/planet-of-clouds)
AWS アカウント ​
本書では，ハンズオン形式で AWS のクラウドを実際に動かす演習を提供する． 自分でハンズオンを実行してみたい読者は，各自で AWS のアカウントの作成をしていただく． AWS のアカウントの作成の仕方は巻末付録 ( (#sec:create_aws_account)) に簡単に記載したので，必要に応じて参照していただきたい．
AWS にはいくつかの機能に対して無料利用枠が設定されており，いくつかのハンズオンは無料の範囲内で実行できる． 一方，ほかのハンズオン (とくに機械学習を扱うもの) では数ドル程度のコストが発生する． ハンズオンごとに発生するおおよそのコストについて記述があるので，注意をしながらハンズオンに取り組んでいただきたい．
また，大学などの教育機関における講義で AWS を使用する際は， AWS Educate というプログラムを利用することも可能である． これは，講義の担当者が申請を行うことで，受講する学生に対し AWS クレジットが提供されるというプログラムである． AWS Educate を利用することで金銭的な負担なしに AWS を体験することができる． また，講義を経由せず個人でも AWS Educate に参加することも可能である． AWS Educate からは様々な学習教材が提供されているので，ぜひ活用してもらいたい．
環境構築 ​
本書では， AWS 上にクラウドアプリケーションを展開するハンズオンを実施する． そこで紹介するプログラムを実行するためには，以下の計算機環境が必要である． インストールの方法については，巻末付録 ( (#sec:appendix_settingup)) に記してある． 必要に応じて参照し，環境構築を各自実施していただきたい．
  • UNIX 系コンソール: ハンズオンで紹介するコマンドを実行したり， SSH でサーバーにアクセスするため， UNIX 系のコンソール環境が必要である． Mac または Linux のユーザーは， OS に標準搭載のコンソール(ターミナルとも呼ばれる)を使用すればよい． Windows のユーザーは， Windows Subsystem for Linux (WSL) を使い， Linux の仮想環境のインストールを推奨する ( (#sec:install_wsl) 参照)．
  • Docker: 本書では Docker とよばれる仮想計算環境の利用方法を解説する． インストール手順については (#sec:install_docker) を参照のこと．
  • Python: Version 3.6 以上をインストールする． とくに，ハンズオンでは venv モジュールを使用する． venv の使い方は (#venv_quick_guide) 参照のこと．
  • Node.js: version 12.0 以上 をインストールする．
  • AWS CLI: Version 2 をインストールする． インストール手順については (#aws_cli_install) 参照のこと．
  • AWS CDK: Version 1.100 以上をインストールする． Version 2 以降には未対応である． インストール手順については (#aws_cdk_install) 参照のこと．
  • AWS 認証鍵の設定: AWS API をコマンドラインから呼ぶには，認証鍵 (secret key) が設定されている必要がある． 認証鍵の設定については (#aws_cli_install) 参照のこと．
ハンズオン実行用の Docker Image ​
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもクローン済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
次のコマンドで起動する．
sh
$ docker run -it tomomano/labc
$ docker run -it tomomano/labc
この Docker image の使い方や詳細は (#sec_handson_docker) に記載している．
前提知識 ​
本書を読むにあたり，要求する前提知識は大学初等程度の計算機科学の知識 (OS，プログラミングなど)のみである． それ以上の前提知識はとくに仮定しない． クラウドの利用経験もゼロで問題ない． が，以下の事前知識があるとよりスムーズに理解をすることができるだろう．
  • Python の基本的な理解: 本書では Python を使ってプログラムの作成を行う． 使用するライブラリは十分抽象化されており，関数の名前を見ただけで意味が明瞭なものがほとんどであるので， Python に詳しくなくても心配する必要はない．
  • Linux コマンドラインの基礎的な理解: クラウドを利用する際，クラウド上に立ち上がるサーバーは基本的に Linux である． Linux のコマンドラインについて知識があると，トラブルシュートなどが容易になる． 筆者のおすすめの参考書は The Linux Command Line by William Shotts である． ウェブで無料で読むことができるので，読んだことのない人はぜひ一読を．
講義に関連する資料 ​
ハンズオンで使うプログラムや教科書のソースコードは以下のウェブページで公開している．
本書で使用するノーテーションなど ​
  • コードやシェルのコマンドは monospace letter で記述する．
  • シェルに入力するコマンドは，それがシェルコマンドであると明示する目的で，先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力には $ はついていない点に留意する．
また，以下のような形式で注意やチップスを提供する．
追加のコメントなどを記す．
発展的な議論やアイディアなどを紹介する．
陥りやすいミスなどの注意事項を述べる．
絶対に犯してはならないミスを指摘する．

-    
+    
Toshiki's Note
Appearance
はじめに ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:1.3k
 Reading:4 min
本書の目的・内容 ​
本書は，東京大学計数工学科で 2021 年度 S1/S2 タームに開講されている"システム情報工学特論"の講義資料として作成された．
本書の目的は，クラウドの初心者を対象とし，クラウドの基礎的な知識・概念を解説する． また， Amazon Web Services (以下， AWS) の提供するクラウド環境を実例として，具体的なクラウドの利用方法をハンズオンを通して学ぶ．
とくに，科学・エンジニアリングの学生を対象として，研究などの目的でクラウドを利用するための実践的な手順を紹介する． 知識・理論の説明は最小限に留め，実践を行う中で必要な概念の解説を行う予定である． 読者が今後，研究などでクラウドを利用する際の，足がかりとなれば本書の目的は十分達成されたことになる．
本書は以下のような三部構成になっている．
本書の構成
テーマハンズオン
第一部 (1章-4章)
クラウドの基礎
  • AWSに自分のサーバーを立ち上げる
第二部 (5章-9章)
クラウドを活用した機械学習
  • AWS と Jupyter を使って始めるディープラーニング
  • スケーラブルな自動質問回答ボットを作る
  • 並列化されたハイパーパラメータサーチの実装
第三部 (10章-13章)
サーバーレスアーキテクチャ入門
  • Lambda, DynamoDB, S3 の演習
  • 俳句を投稿する SNS "Bashoutter" を作る
第一部は，クラウドの基礎となる概念・知識を解説する． セキュリティやネットワークなど，クラウドを利用する上で最低限おさえなければいけないポイントを説明する． ハンズオンでは，はじめての仮想サーバーを AWS に立ち上げる演習を行う．
第二部では，クラウド上で科学計算 (とくに機械学習) を走らせるための入門となる知識・技術を解説する． あわせて， Docker とよばれる仮想計算環境の使用方法を紹介する． 一つ目のハンズオンでは， AWS のクラウドで Jupyter Notebook を起動し簡単な機械学習の計算を走らせる課題を実践する． 二つ目のハンズオンでは，深層学習を用いた自然言語処理により，質問に自動で回答を生成するボットを作成する． 最後に，複数台の GPU インスタンスからなるクラスターを起動し，並列に深層学習のハイパーパラメータサーチを行う方法を紹介する．
第三部では，サーバーレスアーキテクチャとよばれる最新のクラウドのアーキテクチャを紹介する． これは，サーバーの処理能力を負荷に応じてより柔軟に拡大・縮小するための概念であり，それ以前 (Serverful としばしばよばれる) と質的に異なる設計思想をクラウドに導入するものである． ハンズオンでは，サーバーレスクラウドの主要なコンポーネントである Lambda, DynamoDB, S3 の演習を提供する． さらに，サーバーレスの技術を使用して簡単な SNS をクラウド上に作成する．
これらの豊富なハンズオンにより， AWS 上にクラウドシステムを開発するための知識と技術が身につくはずである． いずれのハンズオンも，実用性を重視したものになっており，これらをベースにカスタマイズを施すことで様々な応用が可能である．
本書のフィロソフィー ​
本書のフィロソフィーを一言で表すなら， "ロケットで宇宙まで飛んでいって一度地球を眺めてみよう！" である．
どういうことか？
ここでいう"地球"とは，クラウドコンピューティングの全体像のことである． 言うまでもなく，クラウドという技術は非常に広範かつ複雑な概念で，幾多の情報技術・ハードウェア・アルゴリズムが精緻に組み合わさってできた総体である． そして，今日では科学研究から日常のインフラ設備に至るまで，我々の社会の多くの部分がクラウド技術によって支えられている．
ここでいう"ロケット"とはこの講義のことである． この講義では，ロケットに乗って宇宙まで飛び立ち，地球(クラウド)の全体を自身の目で眺めてもらう． その際，ロケットの成り立ちや仕組み (背後にある要素技術やプログラムのソースコード) を深くは問わない． 将来，自分が研究などの目的でクラウドを利用することになった際に，改めて学んでもらえば良い． 本書の目的はむしろ，クラウドの最先端に実際に触れ，そこからどんな景色が見えるか(どんな応用が可能か)を実感してもらうことである．
そのような理由で，本書はクラウドの基礎から応用まで幅広いテーマを取り扱う． 第一部はクラウドの基礎から始め，第二部では一気にレベルアップし機械学習(深層学習)をクラウドで実行する手法を解説する． さらに第三部では，サーバーレス・アーキテクチャというここ数年のうちに確立した全く新しいクラウドの設計について解説する． それぞれで本一冊分以上の内容に相当するものであるが，本書はあえてこれらを一冊にまとめ連続的に俯瞰するという野心的な意図をもって執筆された．
決して楽な搭乗体験ではないかもしれないが，このロケットにしがみついてきてもらえれば，とてもエキサイティングな景色が見られることを約束したい．
宇宙からみた地球 (Image from NASA https://www.nasa.gov/image-feature/planet-of-clouds)
AWS アカウント ​
本書では，ハンズオン形式で AWS のクラウドを実際に動かす演習を提供する． 自分でハンズオンを実行してみたい読者は，各自で AWS のアカウントの作成をしていただく． AWS のアカウントの作成の仕方は巻末付録 ( (#sec:create_aws_account)) に簡単に記載したので，必要に応じて参照していただきたい．
AWS にはいくつかの機能に対して無料利用枠が設定されており，いくつかのハンズオンは無料の範囲内で実行できる． 一方，ほかのハンズオン (とくに機械学習を扱うもの) では数ドル程度のコストが発生する． ハンズオンごとに発生するおおよそのコストについて記述があるので，注意をしながらハンズオンに取り組んでいただきたい．
また，大学などの教育機関における講義で AWS を使用する際は， AWS Educate というプログラムを利用することも可能である． これは，講義の担当者が申請を行うことで，受講する学生に対し AWS クレジットが提供されるというプログラムである． AWS Educate を利用することで金銭的な負担なしに AWS を体験することができる． また，講義を経由せず個人でも AWS Educate に参加することも可能である． AWS Educate からは様々な学習教材が提供されているので，ぜひ活用してもらいたい．
環境構築 ​
本書では， AWS 上にクラウドアプリケーションを展開するハンズオンを実施する． そこで紹介するプログラムを実行するためには，以下の計算機環境が必要である． インストールの方法については，巻末付録 ( (#sec:appendix_settingup)) に記してある． 必要に応じて参照し，環境構築を各自実施していただきたい．
  • UNIX 系コンソール: ハンズオンで紹介するコマンドを実行したり， SSH でサーバーにアクセスするため， UNIX 系のコンソール環境が必要である． Mac または Linux のユーザーは， OS に標準搭載のコンソール(ターミナルとも呼ばれる)を使用すればよい． Windows のユーザーは， Windows Subsystem for Linux (WSL) を使い， Linux の仮想環境のインストールを推奨する ( (#sec:install_wsl) 参照)．
  • Docker: 本書では Docker とよばれる仮想計算環境の利用方法を解説する． インストール手順については (#sec:install_docker) を参照のこと．
  • Python: Version 3.6 以上をインストールする． とくに，ハンズオンでは venv モジュールを使用する． venv の使い方は (#venv_quick_guide) 参照のこと．
  • Node.js: version 12.0 以上 をインストールする．
  • AWS CLI: Version 2 をインストールする． インストール手順については (#aws_cli_install) 参照のこと．
  • AWS CDK: Version 1.100 以上をインストールする． Version 2 以降には未対応である． インストール手順については (#aws_cdk_install) 参照のこと．
  • AWS 認証鍵の設定: AWS API をコマンドラインから呼ぶには，認証鍵 (secret key) が設定されている必要がある． 認証鍵の設定については (#aws_cli_install) 参照のこと．
ハンズオン実行用の Docker Image ​
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもクローン済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
次のコマンドで起動する．
sh
$ docker run -it tomomano/labc
$ docker run -it tomomano/labc
この Docker image の使い方や詳細は (#sec_handson_docker) に記載している．
前提知識 ​
本書を読むにあたり，要求する前提知識は大学初等程度の計算機科学の知識 (OS，プログラミングなど)のみである． それ以上の前提知識はとくに仮定しない． クラウドの利用経験もゼロで問題ない． が，以下の事前知識があるとよりスムーズに理解をすることができるだろう．
  • Python の基本的な理解: 本書では Python を使ってプログラムの作成を行う． 使用するライブラリは十分抽象化されており，関数の名前を見ただけで意味が明瞭なものがほとんどであるので， Python に詳しくなくても心配する必要はない．
  • Linux コマンドラインの基礎的な理解: クラウドを利用する際，クラウド上に立ち上がるサーバーは基本的に Linux である． Linux のコマンドラインについて知識があると，トラブルシュートなどが容易になる． 筆者のおすすめの参考書は The Linux Command Line by William Shotts である． ウェブで無料で読むことができるので，読んだことのない人はぜひ一読を．
講義に関連する資料 ​
ハンズオンで使うプログラムや教科書のソースコードは以下のウェブページで公開している．
本書で使用するノーテーションなど ​
  • コードやシェルのコマンドは monospace letter で記述する．
  • シェルに入力するコマンドは，それがシェルコマンドであると明示する目的で，先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力には $ はついていない点に留意する．
また，以下のような形式で注意やチップスを提供する．
追加のコメントなどを記す．
発展的な議論やアイディアなどを紹介する．
陥りやすいミスなどの注意事項を述べる．
絶対に犯してはならないミスを指摘する．

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/license.html b/development/aws/license.html
index 3fd2b202..1baed3e4 100644
--- a/development/aws/license.html
+++ b/development/aws/license.html
@@ -5,15 +5,15 @@
     
     ライセンス | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,8 +36,8 @@
     
   
   
-    
Toshiki's Note
Appearance
ライセンス ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:62
 Reading:1 min
本教科書およびハンズオンのソースコードは CC BY-NC-ND 4.0 に従うライセンスで公開しています．
教育など非商用の目的での本教科書の使用や再配布は自由に行うことが可能です． 商用目的で本書の全体またはその一部を無断で転載する行為は，これを固く禁じます．
cc_by_nc_nd

-    
+    
Toshiki's Note
Appearance
ライセンス ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:62
 Reading:1 min
本教科書およびハンズオンのソースコードは CC BY-NC-ND 4.0 に従うライセンスで公開しています．
教育など非商用の目的での本教科書の使用や再配布は自由に行うことが可能です． 商用目的で本書の全体またはその一部を無断で転載する行為は，これを固く禁じます．
cc_by_nc_nd

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/main.html b/development/aws/main.html
index 2450b74c..49af3e00 100644
--- a/development/aws/main.html
+++ b/development/aws/main.html
@@ -5,12 +5,12 @@
     
     はじめに! | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
@@ -28,7 +28,7 @@
     
     
     
-    
+    
     
     
     
@@ -51,1924 +51,1924 @@
     
   
   
-    
Toshiki's Note
Appearance
はじめに! ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:34.3k
 Reading:141 min
本書の目的・内容 ​
本書は，東京大学計数工学科で 2021 年度 S1/S2 タームに開講されている"システム情報工学特論"の講義資料として作成された．
本書の目的は，クラウドの初心者を対象とし，クラウドの基礎的な知識・概念を解説する． また， Amazon Web Services (以下， AWS) の提供するクラウド環境を実例として，具体的なクラウドの利用方法をハンズオンを通して学ぶ．
とくに，科学・エンジニアリングの学生を対象として，研究などの目的でクラウドを利用するための実践的な手順を紹介する． 知識・理論の説明は最小限に留め，実践を行う中で必要な概念の解説を行う予定である． 読者が今後，研究などでクラウドを利用する際の，足がかりとなれば本書の目的は十分達成されたことになる．
本書は以下のような三部構成になっている．
本書の構成
テーマハンズオン
第一部 (1章-4章)
クラウドの基礎
  • AWSに自分のサーバーを立ち上げる
第二部 (5章-9章)
クラウドを活用した機械学習
  • AWS と Jupyter を使って始めるディープラーニング
  • スケーラブルな自動質問回答ボットを作る
  • 並列化されたハイパーパラメータサーチの実装
第三部 (10章-13章)
サーバーレスアーキテクチャ入門
  • Lambda, DynamoDB, S3 の演習
  • 俳句を投稿する SNS "Bashoutter" を作る
第一部は，クラウドの基礎となる概念・知識を解説する． セキュリティやネットワークなど，クラウドを利用する上で最低限おさえなければいけないポイントを説明する． ハンズオンでは，はじめての仮想サーバーを AWS に立ち上げる演習を行う．
第二部では，クラウド上で科学計算 (とくに機械学習) を走らせるための入門となる知識・技術を解説する． あわせて， Docker とよばれる仮想計算環境の使用方法を紹介する． 一つ目のハンズオンでは， AWS のクラウドで Jupyter Notebook を起動し簡単な機械学習の計算を走らせる課題を実践する． 二つ目のハンズオンでは，深層学習を用いた自然言語処理により，質問に自動で回答を生成するボットを作成する． 最後に，複数台の GPU インスタンスからなるクラスターを起動し，並列に深層学習のハイパーパラメータサーチを行う方法を紹介する．
第三部では，サーバーレスアーキテクチャとよばれる最新のクラウドのアーキテクチャを紹介する． これは，サーバーの処理能力を負荷に応じてより柔軟に拡大・縮小するための概念であり，それ以前 (Serverful としばしばよばれる) と質的に異なる設計思想をクラウドに導入するものである． ハンズオンでは，サーバーレスクラウドの主要なコンポーネントである Lambda, DynamoDB, S3 の演習を提供する． さらに，サーバーレスの技術を使用して簡単な SNS をクラウド上に作成する．
これらの豊富なハンズオンにより， AWS 上にクラウドシステムを開発するための知識と技術が身につくはずである． いずれのハンズオンも，実用性を重視したものになっており，これらをベースにカスタマイズを施すことで様々な応用が可能である．
本書のフィロソフィー ​
本書のフィロソフィーを一言で表すなら， "ロケットで宇宙まで飛んでいって一度地球を眺めてみよう！" である．
どういうことか？
ここでいう"地球"とは，クラウドコンピューティングの全体像のことである． 言うまでもなく，クラウドという技術は非常に広範かつ複雑な概念で，幾多の情報技術・ハードウェア・アルゴリズムが精緻に組み合わさってできた総体である． そして，今日では科学研究から日常のインフラ設備に至るまで，我々の社会の多くの部分がクラウド技術によって支えられている．
ここでいう"ロケット"とはこの講義のことである． この講義では，ロケットに乗って宇宙まで飛び立ち，地球(クラウド)の全体を自身の目で眺めてもらう． その際，ロケットの成り立ちや仕組み (背後にある要素技術やプログラムのソースコード) を深くは問わない． 将来，自分が研究などの目的でクラウドを利用することになった際に，改めて学んでもらえば良い． 本書の目的はむしろ，クラウドの最先端に実際に触れ，そこからどんな景色が見えるか(どんな応用が可能か)を実感してもらうことである．
そのような理由で，本書はクラウドの基礎から応用まで幅広いテーマを取り扱う． 第一部はクラウドの基礎から始め，第二部では一気にレベルアップし機械学習(深層学習)をクラウドで実行する手法を解説する． さらに第三部では，サーバーレス・アーキテクチャというここ数年のうちに確立した全く新しいクラウドの設計について解説する． それぞれで本一冊分以上の内容に相当するものであるが，本書はあえてこれらを一冊にまとめ連続的に俯瞰するという野心的な意図をもって執筆された．
決して楽な搭乗体験ではないかもしれないが，このロケットにしがみついてきてもらえれば，とてもエキサイティングな景色が見られることを約束したい．
宇宙からみた地球 (Image from NASA https://www.nasa.gov/image-feature/planet-of-clouds)
AWS アカウント ​
本書では，ハンズオン形式で AWS のクラウドを実際に動かす演習を提供する． 自分でハンズオンを実行してみたい読者は，各自で AWS のアカウントの作成をしていただく． AWS のアカウントの作成の仕方は巻末付録 (AWS アカウントの取得) に簡単に記載したので，必要に応じて参照していただきたい．
AWS にはいくつかの機能に対して無料利用枠が設定されており，いくつかのハンズオンは無料の範囲内で実行できる． 一方，ほかのハンズオン (とくに機械学習を扱うもの) では数ドル程度のコストが発生する． ハンズオンごとに発生するおおよそのコストについて記述があるので，注意をしながらハンズオンに取り組んでいただきたい．
また，大学などの教育機関における講義で AWS を使用する際は， AWS Educate というプログラムを利用することも可能である． これは，講義の担当者が申請を行うことで，受講する学生に対し AWS クレジットが提供されるというプログラムである． AWS Educate を利用することで金銭的な負担なしに AWS を体験することができる． また，講義を経由せず個人でも AWS Educate に参加することも可能である． AWS Educate からは様々な学習教材が提供されているので，ぜひ活用してもらいたい．
環境構築 ​
本書では， AWS 上にクラウドアプリケーションを展開するハンズオンを実施する． そこで紹介するプログラムを実行するためには，以下の計算機環境が必要である． インストールの方法については，巻末付録 (Appendix: 環境構築) に記してある． 必要に応じて参照し，環境構築を各自実施していただきたい．
  • UNIX 系コンソール: ハンズオンで紹介するコマンドを実行したり， SSH でサーバーにアクセスするため， UNIX 系のコンソール環境が必要である． Mac または Linux のユーザーは， OS に標準搭載のコンソール(ターミナルとも呼ばれる)を使用すればよい． Windows のユーザーは， Windows Subsystem for Linux (WSL) を使い， Linux の仮想環境のインストールを推奨する (WSL のインストール 参照)．
  • Docker: 本書では Docker とよばれる仮想計算環境の利用方法を解説する． インストール手順については Docker のインストール を参照のこと．
  • Python: Version 3.6 以上をインストールする． とくに，ハンズオンでは venv モジュールを使用する． venv の使い方は Python クイックガイド 参照のこと．
  • Node.js: version 12.0 以上 をインストールする．
  • AWS CLI: Version 2 をインストールする． インストール手順については AWS CLI のインストール 参照のこと．
  • AWS CDK: Version 1.100 以上をインストールする． Version 2 以降には未対応である． インストール手順については AWS CDK のインストール 参照のこと．
  • AWS 認証鍵の設定: AWS API をコマンドラインから呼ぶには，認証鍵 (secret key) が設定されている必要がある． 認証鍵の設定については AWS CLI のインストール 参照のこと．
ハンズオン実行用の Docker Image ​
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもクローン済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
次のコマンドで起動する．
sh
$ docker run -it tomomano/labc
$ docker run -it tomomano/labc
この Docker image の使い方や詳細は ハンズオン実行用の Docker image の使い方 に記載している．
前提知識 ​
本書を読むにあたり，要求する前提知識は大学初等程度の計算機科学の知識 (OS，プログラミングなど)のみである． それ以上の前提知識はとくに仮定しない． クラウドの利用経験もゼロで問題ない． が，以下の事前知識があるとよりスムーズに理解をすることができるだろう．
  • Python の基本的な理解: 本書では Python を使ってプログラムの作成を行う． 使用するライブラリは十分抽象化されており，関数の名前を見ただけで意味が明瞭なものがほとんどであるので， Python に詳しくなくても心配する必要はない．
  • Linux コマンドラインの基礎的な理解: クラウドを利用する際，クラウド上に立ち上がるサーバーは基本的に Linux である． Linux のコマンドラインについて知識があると，トラブルシュートなどが容易になる． 筆者のおすすめの参考書は The Linux Command Line by William Shotts である． ウェブで無料で読むことができるので，読んだことのない人はぜひ一読を．
講義に関連する資料 ​
ハンズオンで使うプログラムや教科書のソースコードは以下のウェブページで公開している．
https://github.com/tomomano/learn-aws-by-coding
本書で使用するノーテーションなど ​
  • コードやシェルのコマンドは monospace letter で記述する．
  • シェルに入力するコマンドは，それがシェルコマンドであると明示する目的で，先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力には $ はついていない点に留意する．
また，以下のような形式で注意やチップスを提供する．
追加のコメントなどを記す．
発展的な議論やアイディアなどを紹介する．
陥りやすいミスなどの注意事項を述べる．
絶対に犯してはならないミスを指摘する．
クラウド概論 ​
クラウドとは？ ​
Cloud
クラウドとはなにか？ クラウドという言葉は，それ自身がとても広い意味をもつので，厳密な定義付けを行うことは難しい．
学術的な意味でのクラウドの定義づけをするとしたら，NIST(米国・国立標準技術研究所) による The NIST Definition of Cloud Computing が引用されることが多い． ここに記載されたクラウドの定義・モデルを図示したのが figure_title である．
The NIST Definition of Cloud Computing
これによると，クラウドとは以下の要件が満たされたハードウェア/ソフトウェアの総体のことをいう．
  • On-demand self-service 利用者のリクエストに応じて計算資源が自動的に割り当てられる．
  • Broad network access 利用者はネットワークを通じてクラウドにアクセスできる．
  • Resource pooling クラウドプロバイダーは，所有する計算資源を分割することで複数の利用者に計算資源を割り当てる．
  • Rapid elasticity 利用者のリクエストに応じて，迅速に計算資源の拡大あるいは縮小を行うことができる．
  • Measured service 計算資源の利用量を計測・監視することができる．
…と，いわれても抽象的でよくわからないかもしれない．もう少し具体的な話をする．
個人が所有する計算機で， CPU をアップグレードしようと思ったら，物理的に筐体を開け，CPU ソケットを露出させ，新しい CPU に交換する必要があるだろう． あるいは，ストレージがいっぱいになってしまったら，古いディスクを抜き取り，新しいディスクを挿入する必要がある． 計算機の場所を移動させたときには，新しい部屋の LAN ケーブルを差し込まないとネットワークには接続できない．
クラウドでは，これらの操作がプログラムからのコマンドによって実行できる． CPU が 1000 個欲しいと思ったならば，そのようにクラウドプロバイダーにリクエストを送れば良い． すると，数分もしないうちに 1000 CPU の計算資源が割り当てられる． ストレージを 1TB から 10TB に拡張しようと思ったならば，そのようにコマンドを送ればよい (これは，Google Drive や Dropbox などのサービスなどで馴染みのある人も多いだろう)． 計算資源を使い終わったら，そのことをプロバイダーに伝えれば，割り当て分はすぐさま削除される． クラウドプロバイダーは，使った計算資源の量を正確にモニタリングしており，その量をもとに利用料金の計算が行われる．
このように，クラウドの本質は物理的なハードウェアの仮想化・抽象化であり，利用者はコマンドを通じて，まるでソフトウェアの一部かのように，物理的なハードウェアの管理・運用を行うことができる． もちろん，背後では，データセンターに置かれた膨大な数の計算機が大量の電力を消費しながら稼働している． クラウドプロバイダーはデータセンターの計算資源を上手にやりくりし，ソフトウェアとしてのインターフェースをユーザーに提供することで，このような仮想化・抽象化を達成しているわけである． クラウドプロバイダーの視点からすると，大勢のユーザーに計算機を貸し出し，データセンターの稼働率を常時 100%に近づけることで，利益率の最大化を図っているのである．
著者の言葉で，クラウドの重要な特性を定義するならば，以下のようになる．
クラウドとは計算機ハードウェアの抽象化である．つまり，物理的なハードウェアをソフトウェアの一部かのように自在に操作・拡大・接続することを可能にする技術である．
先述の The NIST Definition of Cloud Computing に戻ると，クラウドプロバイダーによるクラウドサービスの形態としては，次の三つが定義されている (figure_title)．
  • Software as a Service (SaaS): クラウド上で実行されるアプリケーションをサービスとして利用者に提供する形態． 例として， Google Drive や Slack などが挙げられる． 利用者は，背後にあるクラウドのインフラ (ネットワークやサーバーなど) には直接触れず，アプリケーションとして提供されているクラウドサービスを享受する．
  • Platform as a Service (PaaS): 顧客の作成したアプリケーション (多くの場合データベースと API リクエスト処理を行うサーバーのコードから構成される) をデプロイする環境をサービスとして利用者に提供する形態． PaaS では利用者はクラウドのインフラに直接触れることはなく，計算負荷が増減した際のサーバーのスケーリングはクラウドプロバイダーによってなされる． 例としては， Google App Engine や Heroku などがある．
  • Infrastructure as a Service (IaaS): クラウド上の計算インフラストラクチャーを従量課金制で利用者に提供する形態． 利用者は必要なネットワーク・サーバー・ストレージをプロバイダーから借り受け，そこに自身のアプリケーションを展開し運用する． IaaS の例としては AWS EC2 などが挙げられる．
本書が扱うのは，主に IaaS におけるクラウド開発である． すなわち，開発者がクラウドのインフラを直接操作し，所望のネットワーク・サーバー・ストレージなどを一から構成し，そこにアプリケーションを展開するというクラウド開発である． この意味において，クラウドの開発とはクラウドインフラストラクチャーを定義・展開するプログラムを構築するステップとインフラ上で実際に走るアプリケーションを作成するステップの二つに分けることができる． この二つは，プログラマーの技術としてはある程度分業を行うことが可能であるが，最も効率化・最適化されたクラウドシステムを構築するためには両方の理解が必須である． 本書では，前者 (クラウドインフラの記述) に重きを置きつつ，アプリケーションレイヤーの話題も取り扱う． PaaS とは，開発者はアプリケーションレイヤーの開発に注力し，クラウドインフラの部分はクラウドプロバイダーに依存するという概念である． PaaS は，クラウドインフラの開発が不要になることで開発の時間が短縮されるが，細かなインフラの挙動はコントロールできないという限界がある． 本書では PaaS についてはとくに取り扱わない．
SaaS は本書の文脈では開発による"成果物"と捉えられるだろう． すなわち， IaaS を構成するプログラムを作成し展開することによって，一般の人が利用できるようなウェブ上の計算サービスやデータベースを提供することが開発の最終ゴールである． 本書のハンズオンではその実例として，シンプルな SNS の作成 (Hands-on #6: Bashoutter) などの演習を提供する．
なお，最近では Function as a Service (FaaS) やサーバーレスコンピューティングなども新たなクラウドのカテゴリとして認知されている． これらの概念については Hands-on #5: サーバーレス入門 などの章で詳しく触れていく． 本書を読み進める中で明らかになるように，クラウドの技術は日進月歩である． 本書では実用的・教育的な観点から，従来的なクラウドの設計概念に触れたあと，サーバーレスなどの最新の技術も網羅するので，楽しみにしながら読み進めていただきたい．
最後に，The NIST Definition of Cloud Computing によると，クラウドの運用形態について次のような定義がなされている (figure_title)． 特定の組織・団体・企業の内部のみで使用されるクラウドを，プライベートクラウド (private cloud) とよぶ． 例えば，大学や研究機関では，その機関の構成員向けの大規模計算機サーバーが運用されていることが多い． プライベートクラウドは，組織の構成員ならば無料もしくは極めて割安のコストで計算を実行できる． しかし，使用できる計算資源の上限は限られる場合が多く，拡張時の柔軟性に欠ける場合もある．
一方，商用のサービスとして一般の顧客に向けたクラウドのことを，パブリッククラウド (public cloud) とよぶ． 有名なパブリッククラウドプラットフォームの例を挙げると， Google 社が提供する Google Cloud Platform (GCP)， Microsoft 社が提供する Azure， Amazon 社が提供する Amazon Web Services (AWS) などがある． パブリッククラウドを利用する場合は，プロバイダーの設定した利用料金を支払うことになる． その分，巨大なデータセンターを運用する企業の計算資源にアクセスすることができるので，計算のキャパシティは無尽蔵にあるといって過言でない．
第三のクラウドの運用形態として，コミュニティクラウド (community cloud) が挙げられる． これは，例えば政府の省庁・機関など目的・役割を共有する団体・組織が共有して運用するクラウドを指す． 最後に，ハイブリッドクラウド (hybrid cloud) という形態もあり，これはプライベート・パブリック・コミュニティクラウドの二つ以上の組み合わせによって構成されるクラウドのことである． データ保護の観点から，いくつかの機密データやプライバシーに関わる情報はプライベートクラウドに保持し，残りのシステムをパブリッククラウドに依存する，などの形態が想定される．
本書で説明するのは，基本的にパブリッククラウドを使ったクラウド開発である． 特に，Amazon Web Services (AWS) を使用して，具体的な技術と概念を学んでいく． 一方で，サーバーのスケーリングや仮想計算環境などのテクニックはすべてのクラウドに共通な概念であるので，クラウドのプラットフォームが変わろうと一般に通用する知識も同時に身につくはずだ．
なぜクラウドを使うのか？ ​
上述のように，クラウドとはプログラムを通じて自由に計算資源を操作することのできる計算環境である． ここでは，リアルなローカル計算環境と比べて，なぜクラウドを使うと良いことがあるのかについて述べたい．
  1. 自由にサーバーのサイズをスケールできる
    なにか新しいプロジェクトを始めるとき，あらかじめ必要なサーバーのスペックを知るのは難しい． いきなり大きなサーバーを買うのはリスクが高い． 一方で，小さすぎるサーバーでは，後のアップグレードが面倒である． クラウドを利用すれば，プロジェクトを進めながら，必要な分だけの計算資源を確保することができる． 2. 自分でサーバーをメンテナンスする必要がない
    悲しいことに，コンピュータとは古くなるものである．最近の技術の進歩の速度からすると，5 年も経てば，もはや当時の最新コンピュータも化石と同じである． 5 年ごとにサーバーを入れ替えるのは相当な手間である． またサーバーの停電や故障など不意の障害への対応も必要である． クラウドでは，そのようなインフラの整備やメンテナンスはプロバイダーが自動でやってくれるので，ユーザーが心配する必要がない． 3. 初期コスト 0
    自前の計算環境とクラウドの，経済的なコストのイメージを示したのが figure_title である． クラウドを利用する場合の初期コストは基本的に 0 である． その後，使った利用量に応じてコストが増大していく． 一方，自前の計算環境では，大きな初期コストが生じる． その分，初期投資後のコストの増加は，電気利用料やサーバー維持費などに留まるため，クラウドを利用した場合よりも傾きは小さくなる． 自前の計算機では，ある一定期間後，サーバーのアップグレードなどによる支出が生じることがある． 一方，クラウドを利用する場合は，そのような非連続なコストの増大は基本的に生じない． クラウドのコストのカーブが，自前計算環境のコストのカーブの下にある範囲においては，クラウドを使うことは経済的なコスト削減につながる．
    クラウドと自前計算機環境の経済的コストの比較
とくに，**1.**の点は研究の場面では重要であると筆者は感じる． 研究をやっていて，四六時中計算を走らせ続けるという場合は少ない． むしろ，新しいアルゴリズムが完成したとき・新しいデータが届いたとき，集中的・突発的に計算タスクが増大することが多いだろう． そういったときに，フレキシブルに計算力を増強させることができるのは，クラウドを使う大きなメリットである．
ここまでクラウドを使うメリットを述べたが，逆に，デメリットというのも当然存在する．
  1. クラウドは賢く使わないといけない
    figure_title で示したコストのカーブにあるとおり，使い方によっては自前の計算環境のほうがコスト的に有利な場面は存在しうる． クラウドを利用する際は，使い終わった計算資源はすぐに削除するなど，利用者が賢く管理を行う必要があり，これを怠ると思いもしない額の請求が届く可能性がある． 2. セキュリティ
    クラウドは，インターネットを通じて世界のどこからでもアクセスできる状態にあり，セキュリティ管理を怠ると簡単にハッキングの対象となりうる． ハッキングを受けると，情報流出だけでなく，経済的な損失を被る可能性がある． 3. ラーニングカーブ
    上記のように，コスト・セキュリティなど，クラウドを利用する際に留意しなければならない点は多い． 賢くクラウドを使うには，十分なクラウドの理解が必要であり，そのラーニングカーブを乗り越える必要がある．
Mac/Linux などでコマンドを入力するときに使用する，あの黒い画面のことを Terminal とよんだりする． この言葉の語源をご存知だろうか？
Terminal
この言葉の語源は，コンピュータが誕生して間もない頃の時代に遡る． その頃のコンピュータというと，何千何万のという数の真空管が接続された，会議室一個分くらいのサイズのマシンであった． そのような高価でメンテが大変な機材であるから，当然みんなでシェアして使うことが前提となる． ユーザーがコンピュータにアクセスするため，マシンからは何本かのケーブルが伸び，それぞれにキーボードとスクリーンが接続されていた… これを Terminal とよんでいたのである． 人々は，代わる代わる Terminal の前に座って，計算機との対話を行っていた.
時代は流れ，Windows や Mac などのいわゆるパーソナルコンピュータの出現により，コンピュータはみんなで共有するものではなく，個人が所有するものになった．
最近のクラウドの台頭は，みんなで大きなコンピュータをシェアするという，最初のコンピュータの使われ方に原点回帰していると捉えることもできる． 一方で，スマートフォンやウェアラブルなどのエッジデバイスの普及も盛んであり，個人が複数の"小さな"コンピュータを所有する，という流れも同時に進行しているのである．
AWS 入門 ​
AWS とは？ ​
本書では，クラウドの実践を行うプラットフォームとして， AWS を用いる． 実践にあたって，最低限必要な AWS の知識を本章では解説しよう．
AWS (Amazon Web Services) は Amazon 社が提供する総合的なクラウドプラットフォームである． AWS は Amazon 社が持つ膨大な計算リソースを貸し出すクラウドサービスとして，2006 年に誕生した． 2021 年では，クラウドプロバイダーとして最大のマーケットシェア (約 32%) を保持している (参照)． Netflix や Slack をはじめとした多くのウェブ関連のサービスで，一部または全てのサーバーリソースが AWS から提供されているとのことである． よって，知らないうちに AWS の恩恵にあずかっている人も少なくないはずだ．
最大のシェアをもつだけに，機能・サービスの幅広さはほかのクラウドプラットフォームと比べ抜きんでている． また，利用者数が多いことを反映して，公式あるいはサードパーティによる技術紹介記事が数多くウェブ上に存在しているだけでなく，ライブラリのユーザーコミュニティも大きく問題解決が捗るのも魅力の一つだ． 初期のころウェブビジネスを行う企業がユーザーの大半を占めていたが，最近は大学などでの科学研究用途としても頻繁に用いられるようになってきている．
AWS の機能・サービス ​
figure_title は，執筆時点において AWS で提供されている主要な機能・サービスの一覧である．
AWSで提供されている主要なサービス一覧
計算，ストレージ，データベース，ネットワーク，セキュリティなど，クラウドの構築に必要な様々な要素が独立したコンポーネントとして提供されている． 基本的に，これらを組み合わせることで一つのクラウドシステムができあがる．
また，機械学習・音声認識・AR/VR など，特定のアプリケーションにパッケージ済みのサービスも提供されている． これらを合計すると全部で 170 個以上のサービスが提供されているとのことである (参照)．
AWS の初心者が陥りがちなのは，大量のサービスの数に圧倒され，どこから手をつけたらよいのかわからなくなる，という状況である． たくさんのサービスの中から，どのサービスをどの順番で学んでいったらいいのか，その道筋すら明らかでなく，大きな参入障壁となっていることは間違いない． だが実のところ， AWS の基本的な構成要素はそのうちの数個のみに限られる． 基本要素となる機能の使い方を知れば， AWS のおおよそのリソースを使いこなすことが可能になる． ほかの機能の多くは，基本の要素を組み合わせて特定のアプリケーションに特化したパッケージとして AWS が用意したものである． そのポイントを認知することが， AWS の学習の最初のステップである．
ここでは， AWS 上でクラウドシステムを構築するときの基本となる構成要素を列挙する． これらは後のハンズオンで実際にプログラムを書きながら体験する． 現時点では，名前だけでも頭の片隅に記憶してもらえればよい．
計算 ​
S3 EC2 (Elastic Compute Cloud) 様々なスペックの仮想マシンを作成し，計算を実行することができる． クラウドの最も基本となる構成要素である． Hands-on #1: 初めての EC2 インスタンスを起動する, Hands-on #2: AWS でディープラーニングを実践, Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する で詳しく触れる．
S3 Lambda Function as a Service (FaaS) とよばれる，小さな計算をサーバーなしで実行するためのサービス． サーバーレスアーキテクチャの章 (Serverless architecture) で詳しく解説する．
ストレージ ​
S3 EBS (Elastic Block Store) EC2 に付与することのできる仮想データドライブ． いわゆる"普通の"(一般的な OS で使われている)ファイルシステムを思い浮かべてくれたらよい．
S3 S3 (Simple Storage Service) Object Storage とよばれる，API を使ってデータの読み書きを行う，いうなれば”クラウド・ネイティブ”なデータの格納システムである． サーバーレスアーキテクチャの章 (Serverless architecture) で詳しく解説する．
データベース ​
S3 DynamoDB NoSQL 型のデータベースサービス (知っている人は mongoDB などを思い浮かべたらよい)． サーバーレスアーキテクチャの章 (Serverless architecture) で詳しく解説する．
ネットワーク ​
S3 VPC(Virtual Private Cloud) AWS 上に仮想ネットワーク環境を作成し，仮想サーバー間の接続を定義したり，外部からのアクセスなどを管理する． EC2 は VPC の内部に配置されなければならない．
API Gateway S3 API のエンドポイントとバックエンドのサービス (Lambda など) を接続する際に用いる，リバースプロキシとしての役割を担う． Hands-on #6: Bashoutter で詳しく解説する．
Region と Availability Zone ​
AWS を使用する際に知っておかなければならない重要な概念として， リージョン (Region) と Availability Zone (AZ) がある (figure_title)． 以下ではこの概念について簡単に記述する．
AWSにおける Region と Availability Zones
リージョン (Region) とは，おおまかに言うとデータセンターの所在地のことである． 執筆時点において， AWS は世界の 25 の国と地域でデータセンターを所有している． figure_title は執筆時点で利用できるリージョンの世界地図を示している． 日本では東京と大阪にデータセンターがある． 各リージョンには固有の ID がついており，例えば東京は ap-northeast-1, 米国オハイオ州は us-east-2，などと定義されている．
Regions in AWS(出典: https://aws.amazon.com/about-aws/global-infrastructure/)
AWS コンソールにログインすると，画面右上のメニューバーでリージョンを選択することができる(figure_title, 赤丸で囲った箇所)． EC2, S3 などの AWS のリソースは，リージョンごとに完全に独立である． したがって，リソースを新たにデプロイする際，あるいはデプロイ済みのリソースを閲覧する際は，コンソールのリージョンが正しく設定されているか，確認する必要がある． ウェブビジネスを展開する場合などは，世界の各地にクラウドを展開する必要があるが，個人的な研究用途として用いる場合は，最寄りのリージョン (i.e. 東京) を使えば基本的に問題ない．
AWSコンソールでリージョンを選択
Avaialibity Zone (AZ) とは，リージョン内で地理的に隔離されたデータセンターのことである． それぞれのリージョンは 2 個以上の AZ を有しており，もし一つの AZ で火災や停電などが起きた場合でも，ほかの AZ がその障害をカバーすることができる． また， AZ 間は高速な AWS 専用ネットワーク回線で結ばれているため， AZ 間のデータ転送は極めて早い． AZ は，ビジネスなどでサーバーダウンが許容されない場合などに注意すべき概念であり，個人的な用途で使う限りにおいてはあまり深く考慮する必要はない．言葉の意味だけ知っておけば十分である．
AWS を使用する際，どこのリージョンを指定するのがよいのだろうか？ インターネットの接続速度の観点からは，地理的に一番近いリージョンを使用するのが一般的によいだろう． 一方， EC2 の利用料などはリージョンごとに価格設定が若干 (10-20%程度) 異なる． したがって，自分が最も頻繁に利用するサービスの価格が最も安く設定されているリージョンを選択する，というのも重要な視点である． また，いくつかのサービスは，特定のリージョンで利用できない場合もある． これらのポイントから総合的に判断して使用するリージョンを決めると良い．
AWS Educate を利用している読者へ
執筆時点において，AWS Educate による Starter Account を使用している場合は us-east-1 region のみ利用できる (参照)．
AWS でのクラウド開発 ​
AWS のクラウドの全体像がわかってきたところで，次のトピックとして，どのようにして AWS 上にクラウドの開発を行い，展開していくかについての概略を解説しよう．
AWS のリソースを追加・編集・削除するなどの操作を実行するには，コンソールを用いる方法と，API を用いる方法の，二つの経路がある．
コンソール画面からリソースを操作する ​
AWS のアカウントにログインすると，まず最初に表示されるのがAWS コンソールである (figure_title)．
AWSマネージメントコンソール画面
コンソールを使うことで， EC2 のインスタンスを立ち上げたり，S3 のデータを追加・削除したり，ログを閲覧したりなど，AWS 上のあらゆるリソースの操作を GUI (Graphical User Interface) を通して実行することができる． 初めて触る機能をポチポチと試したり，デバッグを行うときなどにとても便利である．
コンソールはさらっと機能を試したり，開発中のクラウドのデバッグをするときには便利なのであるが，実際にクラウドの開発をする場面でこれを直接いじることはあまりない． むしろ，次に紹介する API を使用して，プログラムとしてクラウドのリソースを記述することで開発を行うのが一般的である． そのような理由で，本書では AWS コンソールを使った AWS の使い方はあまり触れない． AWS のドキュメンテーションには，たくさんの チュートリアル が用意されており，コンソール画面から様々な操作を行う方法が記述されているので，興味がある読者はそちらを参照されたい．
API からリソースを操作する ​
API (Application Programming Interface) を使うことで，コマンドを AWS に送信し，クラウドのリソースの操作をすることができる． API とは，端的に言えば AWS が公開しているコマンドの一覧であり，GET, POST, DELETE などの REST API から構成されている (REST API については REST API で簡単に解説する)． が，直接 REST API を入力するのは面倒であるので，その手間を解消するための様々なツールが提供されている．
例えば， AWS CLI は， UNIX コンソールから AWS API を実行するための CLI (Command Line Interface) である． CLI に加えて，いろいろなプログラミング言語での SDK (Software Development Kit) が提供されている．以下に一例を挙げる．
具体的な API の使用例を見てみよう．
S3 に新しい保存領域 (Bucket (バケット) とよばれる) を追加したいとしよう． AWS CLI を使った場合は，次のようなコマンドを打てばよい．
sh
$ aws s3 mb s3://my-bucket --region ap-northeast-1
$ aws s3 mb s3://my-bucket --region ap-northeast-1
上記のコマンドは， my-bucket という名前のバケットを， ap-northeast-1 のリージョンに作成する．
Python からこれと同じ操作を実行するには， boto3 ライブラリを使って，次のようなスクリプトを実行する．
python
import boto3
-
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
import boto3
-
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
もう一つ例をあげよう．
新しい EC2 のインスタンス(インスタンスとは，起動状態にある仮想サーバーの意味である)を起動するには，次のようなコマンドを打てば良い．
sh
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
このコマンドにより， t2.micro というタイプ (1 vCPU, 1.0 GB RAM) のインスタンスが起動する． ここではその他のパラメータの詳細の説明は省略する (ハンズオン (Hands-on #1: 初めての EC2 インスタンスを起動する) で詳しく解説する)．
Python から上記と同じ操作を実行するには，以下のようなスクリプトを使う．
python
import boto3
-
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
import boto3
-
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
以上の例を通じて，API によるクラウドのリソースの操作のイメージがつかめてきただろうか？ コマンド一つで，新しい仮想サーバーを起動したり，データの保存領域を追加したり，任意の操作を実行できるわけである． 基本的に，このようなコマンドを複数組み合わせていくことで，自分の望む CPU・RAM・ネットワーク・ストレージが備わった計算環境を構築することができる． もちろん，逆の操作 (リソースの削除) も API を使って実行できる．
ミニ・ハンズオン: AWS CLI を使ってみよう ​
ここでは，ミニ・ハンズオンとして，AWS CLI を実際に使ってみる． AWS CLI は先述のとおり， AWS 上の任意のリソースの操作が可能であるが，ここでは一番シンプルな，S3 を使ったファイルの読み書きを実践する (EC2 の操作は少し複雑なので，第一回ハンズオンで行う)． aws s3 コマンドの詳しい使い方は 公式ドキュメンテーションを参照．
AWS CLI のインストールについては， AWS CLI のインストール を参照．
以下に紹介するハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
以下のコマンドを実行する前に，AWS の認証情報が正しく設定されていることを確認する． これには ~/.aws/credentials のファイルに設定が書き込まれているか，環境変数 (AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION) が定義されている必要がある． 詳しくは AWS CLI のインストール を参照．
まずは，S3 にデータの格納領域 (Bucket とよばれる．一般的な OS での"ドライブ"に相当する) を作成するところから始めよう．
sh
$ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://${bucketName}"
$ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://${bucketName}"
S3 のバケットの名前は， AWS 全体で一意的でなければならないことから，前述のコマンドではランダムな文字列を含んだバケットの名前を生成し，bucketName という変数に格納している． そして， aws s3 mb (mb は make bucket の略) によって，新しいバケットを作成する．
次に，バケットの一覧を取得してみよう．
sh
$ aws s3 ls
-
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
$ aws s3 ls
-
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
先ほど作成したバケットがリストにあることを確認できる．
本書のノーテーションとして，コマンドラインに入力するコマンドは，それがコマンドであると明示する目的で先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力は $ なしで表示されている．
次に，バケットにファイルをアップロードする．
sh
$ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
$ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
上では hello_world.txt というダミーのファイルを作成して，それをアップロードした．
それでは，バケットの中にあるファイルの一覧を取得してみる．
sh
$ aws s3 ls "s3://${bucketName}" --human-readable
-
-2020-06-07 23:54:19   13 Bytes hello_world.txt
$ aws s3 ls "s3://${bucketName}" --human-readable
-
-2020-06-07 23:54:19   13 Bytes hello_world.txt
先ほどアップロードしたファイルがたしかに存在することがわかる．
最後に，使い終わったバケットを削除する．
sh
$ aws s3 rb "s3://${bucketName}" --force
$ aws s3 rb "s3://${bucketName}" --force
rb は remove bucket の略である． デフォルトでは，バケットの中にファイルが存在すると削除できない． 空でないバケットを強制的に削除するには --force のオプションを付ける．
以上のように，AWS CLI を使って S3 バケットに対しての一連の操作を実行できた． EC2 や Lambda, DynamoDB などについても同様に AWS CLI を使ってあらゆる操作を実行できる．
Amazon Resource Name (ARN)
AWS 上のあらゆるリソースには， Amazon Resource Name (ARN) という固有の ID が付与されている． ARN は arn:aws:s3:::my_bucket/ のようなフォーマットで記述され，ARN を使用することで，特定の AWS リソース (S3 のバケットや EC2 のインスタンス) を一意的に参照することができる．
S3 バケットや EC2 インスタンスなどには ARN に加えて，人間が読みやすい名前を定義することも可能である． この場合は，ARN または名前のどちらを用いても同じリソースを参照することが可能である．
CloudFormation と AWS CDK ​
CloudFormation による Infrastructure as Code (IaC) ​
前節で述べたように，AWS API を使うことでクラウドのあらゆるリソースの作成・管理が可能である． よって，原理上は， API のコマンドを組み合わせていくことで，自分の作りたいクラウドを設計することができる．
しかし，ここで実用上考慮しなければならない点が一つある． AWS API には大きく分けて，リソースを操作するコマンドと，タスクを実行するコマンドがあることである (figure_title)．
AWS APIはリソースを操作するコマンドとタスクを実行するコマンドに大きく分けられる．リソースを記述・管理するのに使われるのが， CloudFormation と CDK である．
リソースを操作するとは，EC2 のインスタンスを起動したり，S3 のバケットを作成したり，データベースに新たなテーブルを追加する，などの静的なリソースを準備する 操作を指す． "ハコ"を作る操作とよんでも良いだろう． このようなコマンドは，クラウドのデプロイ時にのみ，一度だけ実行されればよい．
タスクを実行するコマンド とは， EC2 のインスタンスにジョブを投入したり， S3 のバケットにデータを読み書きするなどの操作を指す． これは， EC2 や S3 などのリソース ("ハコ") を前提として，その内部で実行されるべき計算を記述するものである． 前者に比べてこちらは動的な操作を担当する，と捉えることもできる．
そのような観点から，インフラを記述するプログラムとタスクを実行するプログラムはある程度分けて管理されるべきである． クラウドの開発は，クラウドの(静的な)リソースを記述するプログラムを作成するステップと，インフラ上で動く動的な操作を行うプログラムを作成するステップの二段階に分けて考えることができる．
AWS での静的リソースを管理するための仕組みが， CloudFormation である． CloudFormation とは， CloudFormation の文法に従ったテキストファイルを使って，AWS のインフラを記述する仕組みである． CloudFormation を使って，たとえば，EC2 のインスタンスをどれくらいのスペックで，何個起動するか，インスタンス間はどのようなネットワークで結び，どのようなアクセス権限を付与するか，などのリソースの要件を逐次的に記述することができる． 一度 CloudFormation ファイルができ上がれば，それにしたがったクラウドシステムをコマンド一つで AWS 上に展開することができる． また，CloudFormation ファイルを交換することで，全く同一のクラウド環境を他者が簡単に再現することも可能になる． このように，本来は物理的な実体のあるハードウェアを，プログラムによって記述し，管理するという考え方を，**Infrastructure as Code (IaC)**とよぶ．
CloudFormation を記述するには，基本的に JSON (JavaScript Object Notation) とよばれるフォーマットを使う． 次のコードは，JSON で記述された CloudFormation ファイルの一例 (抜粋) である．
json
"Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\n",
-                     "yum update -y aws-cfn-bootstrap\n",
-
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
-
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
"Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\n",
-                     "yum update -y aws-cfn-bootstrap\n",
-
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
-
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
ここでは， "WebServer" という名前のつけられた EC2 インスタンスを定義している．かなり長大で複雑な記述であるが，これによって所望のスペック・OS をもつ EC2 インスタンスを自動的に生成することが可能になる．
AWS CDK ​
前節で紹介した CloudFormation は，見てわかるとおり大変記述が複雑であり，またそれのどれか一つにでも誤りがあってはいけない． また，基本的に"テキスト"を書いていくことになるので，プログラミング言語で使うような変数やクラスといった便利な概念が使えない　(厳密には， CloudFormation にも変数に相当するような機能は存在する)． また，記述の多くの部分は繰り返しが多く，自動化できる部分も多い．
そのような悩みを解決してくれるのが， AWS Cloud Development Kit (CDK) である． CDK は Python などのプログラミング言語を使って CloudFormation を自動的に生成してくれるツールである． CDK は 2019 年にリリースされたばかりの比較的新しいツールで，日々改良が進められている (GitHub リポジトリ のリリースを見ればその開発のスピードの速さがわかるだろう)． CDK は TypeScript (JavaScript), Python, Java など複数の言語でサポートされている．
CDK を使うことで，CloudFormation に相当するクラウドリソースの記述を，より親しみのあるプログラミング言語を使って行うことができる． かつ，典型的なリソース操作に関してはパラメータの多くの部分を自動で決定してくれるので，記述しなければならない量もかなり削減される．
以下に Python を使った CDK のコードの一例 (抜粋) を示す．
python
from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
-
-class MyFirstEc2(core.Stack):
-
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
-
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
-
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
-
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
-
-class MyFirstEc2(core.Stack):
-
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
-
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
-
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
-
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
このコードは，一つ前に示した JSON を使った CloudFormation と実質的に同じことを記述している． とても煩雑だった CloudFormation ファイルに比べて， CDK と Python を使うことで格段に短く，わかりやすく記述できることができるのがわかるだろう．
本書の主題は，CDK を使って，コードを書きながら AWS の概念や開発方法を学んでいくことである． 後の章では CDK を使って様々なハンズオンを実施していく． 早速，最初のハンズオンでは， CDK を使って EC2 インスタンスを作成する方法を学んでいこう．
  • AWS CDK Examples: CDK を使ったプロジェクトの例が多数紹介されている． ここにある例をテンプレートに自分のアプリケーションの開発を進めるとよい．
Hands-on #1: 初めての EC2 インスタンスを起動する ​
ハンズオンの第一回では， CDK を使って EC2 のインスタンス(仮想サーバー)を作成し，SSH でサーバーにログインする，という演習を行う． このハンズオンを終えれば，あなたは自分だけのサーバーを AWS 上に立ち上げ，自由に計算を走らせることができるようになるのである！
準備 ​
ハンズオンのソースコードは GitHub の handson/ec2-get-started に置いてある．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行することができる．
まずは，ハンズオンを実行するための環境を整える． これらの環境整備は，後のハンズオンでも前提となるものなので確実にミスなく行っていただきたい．
  • AWS Account: ハンズオンを実行するには個人の AWS アカウントが必要である． AWS アカウントの取得については AWS アカウントの取得 を参照のこと．
  • Python と Node.js: 本ハンズオンを実行するには，Python (3.6 以上)，Node.js (12.0 以上) がインストールされていなければならない．
  • AWS CLI: AWS CLI のインストールについては， AWS CLI のインストール を参照． ここに記載されている認証鍵の設定も済ませておくこと．
  • AWS CDK: AWS CDK のインストールについては， AWS CDK のインストール を参照．
  • ソースコードのダウンロード: 本ハンズオンで使用するプログラムのソースコードを，以下のコマンドを使って GitHub からダウンロードする．
sh
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
あるいは， https://github.com/tomomano/learn-aws-by-coding のページに行って，右上のダウンロードボタンからダウンロードすることもできる．
Docker を使用する場合
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもパッケージ済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
使用方法については ハンズオン実行用の Docker image の使い方 を参照のこと．
SSH ​
SSH (secure shell) は Unix 系のリモートサーバーに安全にアクセスするためのツールである． 本ハンズオンでは， SSH を使って仮想サーバーにアクセスする． SSH に慣れていない読者のため，簡単な説明をここで行おう．
SSH による通信はすべて暗号化されているので，機密情報をインターネットを介して安全に送受信することができる． 本ハンズオンで，リモートのサーバーにアクセスするための SSH クライアントがローカルマシンにインストールされている必要がある． SSH クライアントは Linux/Mac には標準搭載されている． Windows の場合は WSL をインストールすることで SSH クライアントを利用することを推奨する (環境構築 を参照)．
SSH コマンドの基本的な使い方を次に示す． <host name> はアクセスする先のサーバーの IP アドレスや DNS によるホストネームが入る． <user name> は接続する先のユーザー名である．
sh
$ ssh <user name>@<host name>
$ ssh <user name>@<host name>
SSH は平文のパスワードによる認証を行うこともできるが，より強固なセキュリティを施すため，公開鍵暗号方式(Public Key Cryptography)による認証を行うことが強く推奨されており， EC2 はこの方法でしかアクセスを許していない． 公開鍵暗号方式の仕組みについては各自勉強してほしい． 本ハンズオンにおいて大事なことは，EC2 インスタンスが公開鍵(Public key)を保持し，クライアントとなるコンピュータ(読者自身のコンピュータ)が秘密鍵(Private key)を保持する，という点である． EC2 のインスタンスには秘密鍵を持ったコンピュータのみがアクセスすることができる．逆に言うと，秘密鍵が漏洩すると第三者もサーバーにアクセスできることになるので，秘密鍵は絶対に漏洩することのないよう注意して管理する．
SSH コマンドでは，ログインのために使用する秘密鍵ファイルを -i もしくは --identity_file のオプションで指定することができる． たとえば，次のように使う．
sh
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#1で作製するアプリケーションのアーキテクチャ
このアプリケーションではまず，VPC (Virtual Private Cloud) を使ってプライベートな仮想ネットワーク環境を立ち上げている． その VPC の public subnet の内側に，EC2 (Elatic Compute Cloud) の仮想サーバーを配置する． さらに，セキュリティのため， Security Group による EC2 インスタンスへのアクセス制限を設定している． このようにして作成された仮想サーバーに，SSH を使ってアクセスし，簡単な計算を行う．
figure_title のようなアプリケーションを，CDK を使って構築する．
早速ではあるが，今回のハンズオンで使用するプログラムを見てみよう (handson/ec2-get-started/app.py)．
python
class MyFirstEc2(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
-
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
-
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
class MyFirstEc2(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
-
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
-
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
  • まず最初に，VPC を定義する．
  • 次に， security group (SG) を定義している． ここでは，任意の IPv4 のアドレスからの，ポート 22 (SSH の接続に使用される)への接続を許可している． それ以外の接続は拒絶される．
  • 最後に，上記で作った VPC と SG が付与された EC2 インスタンスを作成している． インスタンスタイプは t2.micro を選択し， Amazon Linux を OS として設定している．
それぞれについて，もう少し詳しく説明しよう．
VPC (Virtual Private Cloud) ​
VPC のアイコン.
VPC
VPC は AWS 上にプライベートな仮想ネットワーク環境を構築するツールである．高度な計算システムを構築するには，複数のサーバーを連動させて計算を行う必要があるが，そのような場合に互いのアドレスなどを管理する必要があり，そういった目的で VPC は有用である．
本ハンズオンでは，サーバーは一つしか起動しないので，VPC の恩恵はよく分からないかもしれない．しかし，EC2 インスタンスは必ず VPC の中に配置されなければならない，という制約があるので，このハンズオンでもミニマルな VPC を構成している．
興味のある読者のために，VPC のコードについてもう少し詳しく説明しよう．
python
vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
  • max_azs=1 : このパラメータは，前章で説明した avaialibility zone (AZ) を設定している． このハンズオンでは，特にデータセンターの障害などを気にする必要はないので 1 にしている．
  • cidr="10.10.0.0/23" : このパラメータは，VPC 内の IPv4 のレンジを指定している． CIDR 記法については， Wikipediaなどを参照． 10.10.0.0/23 は 10.10.0.0 から 10.10.1.255 までの 512 個の連続したアドレス範囲を指している． つまり，この VPC では最大で 512 個のユニークな IPv4 アドレスが使えることになる． 今回はサーバーは一つなので 512 個は明らかに多すぎるが，VPC はアドレスの数はどれだけ作成しても無料なので，多めに作成した．
  • subnet_configuration=... : このパラメータは，VPC にどのようなサブネットを作るか，を決めている． サブネットの種類には private subnet と public subnet の二種類がある． private subnet は基本的にインターネットとは遮断されたサブネット環境である． インターネットと繋がっていないので，セキュリティは極めて高く， VPC 内のサーバーとのみ通信を行えばよい EC2 インスタンスはここに配置する． Public subnet とはインターネットに繋がったサブネットである． 本ハンズオンで作成するサーバーは，外から SSH でログインを行いたいので， Public subnet 内に配置する． より詳細な記述は 公式ドキュメンテーション を参照．
  • natgateways=0 : これは少し高度な内容なので省略する (興味のある読者は 公式ドキュメンテーションを参照)． が，これを 0 にしておかないと，NAT Gateway の利用料金が発生してしまうので，注意！
Security Group ​
Security group (SG) は， EC2 インスタンスに付与することのできる仮想ファイアーウォールである． たとえば，特定の IP アドレスから来た接続を許可・拒絶したり　(インバウンド・トラフィックの制限) ，逆に特定の IP アドレスへのアクセスを禁止したり (アウトバウンド・トラフィックの制限) することができる．
コードの該当部分を見てみよう．
python
sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
本ハンズオンでは， SSH による外部からの接続を許容するため， sg.add_ingress_rule(peer=ec2.Peer.any_ipv4(), connection=ec2.Port.tcp(22)) により，すべての IPv4 アドレスからのポート 22 番へのアクセスを許容している． また， SSH で EC2 インスタンスにログインしたのち，インターネットからプログラムなどをダウンロードできるよう， allow_all_outbound=True のパラメータを設定している．
SSH はデフォルトでは 22 番ポートを使用するのが慣例である．
セキュリティ上の観点からは，SSH の接続は自宅や大学・職場など特定の地点からの接続のみを許す方が望ましい．
EC2 (Elastic Compute Cloud) ​
EC2 のアイコン.
EC2
EC2 は AWS 上に仮想サーバーを立ち上げるサービスである． 個々の起動状態にある仮想サーバーのことをインスタンス (instance) とよぶ (しかし，口語的なコミュニケーションにおいては，サーバーとインスタンスという言葉は相互互換的に用いられることが多い)．
EC2 では用途に応じて様々なインスタンスタイプが提供されている． table_title に，代表的なインスタンスタイプの例を挙げる (執筆時点での情報)． EC2 のインスタンスタイプのすべてのリストは 公式ドキュメンテーション "Amazon EC2 Instance Types" で見ることができる．
EC2 instance types
InstancevCPUMemory (GiB)Network bandwidth (Gbps)Price per hour ($)
t2.micro
1
1
-
0.0116
t2.small
1
2
-
0.023
t2.medium
2
4
-
0.0464
c5.24xlarge
96
192
25
4.08
c5n.18xlarge
72
192
100
3.888
x1e.16xlarge
64
1952
10
13.344
table_title からわかるように， CPU は 1 コアから 96 コアまで，メモリーは 1GB から 2TB 以上まで，ネットワーク帯域は最大で 100Gbps まで，幅広く選択することができる． また，時間あたりの料金は，CPU・メモリーの占有数にほぼ比例する形で増加する． EC2 はサーバーの起動時間を秒単位で記録しており，利用料金は使用時間に比例する形で決定される． 例えば， t2.medium のインスタンスを 10 時間起動した場合，0.0464 * 10 = 0.464 ドルの料金が発生する．
AWS には 無料利用枠 というものがあり， t2.micro であれば月に 750 時間までは無料で利用することができる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
上記で t2.micro の $0.0116 / hour という金額は， On-demand インスタンスというタイプを選択した場合の価格である． EC2 ではほかに， Spot instance とよばれるインスタンスも存在しする． Spot instance は，AWS のデータセンターの負荷が増えた場合，ユーザーのプログラムが実行中であっても AWS の判断により強制シャットダウンされる，という不便さを抱えているのだが，その分大幅に安い料金設定になっている． AWS で一時的に生じた余剰な空き CPU をユーザーに割安で貸し出す，という発想である． 科学計算やウェブサーバーなどの用途でコストを削減する目的で， Spot Instance を活用する事例も多数報告されている．
EC2 インスタンスを定義しているコードの該当部分を見てみよう．
python
host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
ここでは， t2.micro というインスタンスタイプを選択している． さらに， machine_image として， Amazon Linux を選択している (Machine image は OS と似た概念である． Machine image については， Hands-on #2: AWS でディープラーニングを実践 でより詳しく触れる)． さらに，上で定義した VPC, SG をこのインスタンスに付与している．
以上が，今回使用するプログラムの簡単な解説であった． ミニマルな形のプログラムではあるが，仮想サーバーを作成するのに必要なステップがおわかりいただけただろうか？
プログラムを実行する ​
さて，ハンズオンのコードの理解ができたところで，プログラムを実際に実行してみよう．繰り返しになるが， 準備 での準備ができていることが前提である．
Python の依存ライブラリのインストール ​
まずは，Python の依存ライブラリをインストールする．以下では，Python のライブラリを管理するツールとして， venv を使用する．
まずは， handson/ec2-get-started のディレクトリに移動しよう．
sh
$ cd handson/ec2-get-started
$ cd handson/ec2-get-started
ディレクトリを移動したら， venv で新しい仮想環境を作成し，インストールを実行する．
sh
$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
これで Python の環境構築は完了だ．
venv の簡単な説明は Python クイックガイド に記述してある．
環境によっては pip ではなく pip3 あるいは python3 -m pip に置き換える必要がある．
AWS のシークレットキーをセットする ​
AWS CLI および AWS CDK を使うには， AWS のシークレットキーが設定されている必要がある． シークレットキーの発行については AWS のシークレットキーの作成 を参照のこと． シークレットキーを発行したら， AWS CLI のインストール を参照し，コマンドラインの設定を行う．
手順をここに短く要約すると，一つ目の方法は AWS_ACCESS_KEY_ID などの環境変数を設定するやり方である． もう一つの方法は， ~/.aws/credentials に認証情報を保存しておく方式である． シークレットキーの設定は AWS CLI/CDK を使用するうえで共通のステップになるので，しっかりと理解しておくように．
SSH 鍵を生成 ​
EC2 インスタンスには SSH を使ってログインする． EC2 インスタンスを作成するのに先行して，今回のハンズオンで専用に使う SSH の公開鍵・秘密鍵のペアを準備する必要がある．
次の AWS CLI コマンドにより， HirakeGoma という名前のついた鍵を生成する．
sh
$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
このコマンドを実行すると，現在のディレクトリに HirakeGoma.pem というファイルが作成される．これが，サーバーにアクセスするための秘密鍵である． SSH でこの鍵を使うため， ~/.ssh/ のディレクトリに鍵を移動する． さらに，秘密鍵が書き換えられたり第三者に閲覧されないよう，ファイルのアクセス権限を 400 に設定する．
sh
$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
デプロイを実行 ​
これまでのステップで， EC2 インスタンスをデプロイするための準備が整った！ 早速，次のコマンドによりアプリケーションを AWS にデプロイしよう． -c key_name="HirakeGoma" というオプションで，先ほど生成した HirakeGoma という名前の鍵を使うよう指定している．
sh
$ cdk deploy -c key_name="HirakeGoma"
$ cdk deploy -c key_name="HirakeGoma"
このコマンドを実行すると， VPC， EC2 などが AWS 上に展開される． そして，コマンドの出力の最後に figure_title のような出力が得られるはずである． 出力の中で InstancePublicIp に続く数字が，起動したインスタンスのパブリック IP アドレスである． IP アドレスはデプロイごとにランダムなアドレスが割り当てられる．
CDKデプロイ実行後の出力
SSH でログイン ​
早速，SSH 　で接続してみよう．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
-i オプションで，先ほど生成した秘密鍵を指定している． EC2 インスタンスにはデフォルトで ec2-user という名前のユーザーが作られているので，それを使用する． 最後に， <IP address> の部分は自身が作成した EC2 インスタンスの IP アドレスで置き換える (12.345.678.9 など）．
ログインに成功すると， figure_title のような画面が表示される． リモートのサーバーにログインしているので，プロンプトが [ec2-user@ip-10-10-1-217 ~]$ のようになっていることを確認しよう．
SSH で EC2 インスタンスにログイン
おめでとう！これで，めでたく AWS 上に EC2 仮想サーバーを起動し，リモートからアクセスできるようになった！
起動した EC2 インスタンスで遊んでみる ​
せっかく新しいインスタンスを起動したので，少し遊んでみよう．
ログインした EC2 インスタンスで，次のコマンドを実行してみよう． CPU の情報を取得することができる．
sh
$ cat /proc/cpuinfo
-
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
$ cat /proc/cpuinfo
-
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
次に，実行中のプロセスやメモリの消費を見てみよう．
sh
$  top -n 1
-
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
-
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
$  top -n 1
-
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
-
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
t2.micro インスタンスなので， 1009140k = 1GB のメモリーがあることがわかる．
今回起動したインスタンスには Python 2 はインストール済みだが， Python 3 は入っていない． Python 3.6 のインストールを行ってみよう． インストールは簡単である．
sh
$ sudo yum update -y
-$ sudo yum install -y python36
$ sudo yum update -y
-$ sudo yum install -y python36
インストールした Python を起動してみよう．
sh
$ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
$ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
Python のインタープリタが起動した！ Ctrl + D あるいは exit() と入力することで，インタープリタを閉じることができる．
さて，サーバーでのお遊びはこんなところにしておこう (興味があれば各自いろいろと試してみると良い) ． 次のコマンドでログアウトする．
sh
$ exit
$ exit
AWS コンソールから確認 ​
これまでは，すべてコマンドラインから EC2 に関連する操作を行ってきた． EC2 インスタンスの状態を確認したり，サーバーをシャットダウンするなどの操作は，AWS コンソールから実行することもできる． 軽くこれを紹介しよう．
まず，ウェブブラウザを開いて AWS コンソールにログインする． ログインしたら， Services から EC2 を検索(選択)する． 次に，左のサイドバーの Instances とページをたどる. すると， figure_title のような画面が得られるはずである． この画面で，自分のアカウントの管理下にあるインスタンスを確認できる． 同様に，VPC・SG についてもコンソールから確認できる．
EC2 コンソール画面
コンソール右上で，正しいリージョン (今回の場合は ap-northeast-1, Tokyo) が選択されているか，注意する！
前章で CloudFormation について触れたが，今回デプロイしたアプリケーションも，CloudFormation のスタックとして管理されている． スタック (stack) とは， AWS リソースの集合のことを指す． 今回の場合は， VPC/EC2/SG などがスタックの中に含まれている． コンソールで CloudFormation のページに行ってみよう (figure_title)．
CloudFormation コンソール画面
"MyFirstEc2" という名前のスタックがあることが確認できる． クリックをして中身を見てみると，EC2, VPC などのリソースがこのスタックに紐付いていることがわかる．
スタックを削除 ​
これにて，第一回のハンズオンで説明すべき事柄はすべて完了した． 最後に，使わなくなったスタックを削除しよう． スタックの削除には，二つの方法がある．
一つ目の方法は，前節の Cloudformation のコンソール画面で， "Delete" ボタンを押すことである (figure_title)． すると，スタックの状態が "DELETE_IN_PROGRESS" に変わり，削除が完了すると CloudFormation のスタックの一覧から消える．
CloudFormationコンソール画面から，スタックを削除
二つ目の方法は，コマンドラインから行う方法である． 先ほど，デプロイを行ったコマンドラインに戻ろう． そうしたら，次のコマンドを実行する．
sh
$ cdk destroy
$ cdk destroy
このコマンドを実行すると，スタックの削除が始まる． 削除した後は，VPC, EC2 など，すべて跡形もなく消え去っていることを自身で確かめよう． CloudFormation を用いることで関連するすべての AWS リソースを一度に管理・削除することができるので，大変便利である．
スタックの削除は各自で必ず行うこと！ 行わなかった場合， EC2 インスタンスの料金が発生し続けることになる！
また，本ハンズオンのために作成した SSH 鍵ペアも不要なので，削除しておく． まず， EC2 側に登録してある公開鍵を削除する． これも，コンソールおよびコマンドラインの二つの方法で実行できる．
コンソールから実行するには， EC2 の画面に行き，左のサイドバーの Key Pairs を選択する． 鍵の一覧が表示されるので， HirakeGoma とある鍵にチェックを入れ，画面右上の Actions から， Delete を実行する (figure_title)．
EC2でSSH鍵ペアを削除
コマンドラインから実行するには，次のコマンドを使う．
sh
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
最後に，ローカルのコンピュータから鍵を削除する．
sh
$ rm -f ~/.ssh/HirakeGoma.pem
$ rm -f ~/.ssh/HirakeGoma.pem
これで，クラウドの片付けもすべて終了だ．
なお，頻繁に EC2 インスタンスを起動したりする場合は，いちいち SSH 鍵を削除する必要はない．
小括 ​
ここまでが，本書の第一部の内容である． 盛りだくさんの内容であったが，ついてこれたであろうか？
クラウド概論 では，クラウドの定義と用語の説明を行ったあと，なぜクラウドを使うのか，という点を議論した． 続いて AWS 入門 では，クラウドを学ぶ具体的なプラットフォームとして AWS を取り上げ， AWS を使用するにあたり最低限必要な知識と用語の説明を行った． さらに， Hands-on #1: 初めての EC2 インスタンスを起動する のハンズオンでは AWS CLI と AWS CDK を使って，自身のプライベートなサーバーを AWS 上に立ち上げる演習を行った．
これらを通じて，いかに簡単に (たった数行のコマンドで！) 仮想サーバーを立ち上げたり，削除したりすることができるか，体験できただろう． 筆者は，クラウド概論 でクラウドの最も重要な側面はダイナミックに計算リソースを拡大・縮小できることである，と述べた． この言葉の意味が，ハンズオンを通じてより明らかになっただろうか？ ここで学んだ技術を少し応用するだけで，自分のウェブページをホストする仮想サーバーを作成したり，大量のコアを搭載した EC2 インスタンスを用意して科学計算を実行するなど，いろいろなアプリケーションが実現できる．
次章からは，今回学んだクラウドの技術を基に，より現実に即した問題を解くことを体験してもらう． お楽しみに！
クラウドで行う科学計算・機械学習 ​
計算機が発達した現代では，計算機によるシミュレーションやビッグデータの解析は，科学・エンジニアリングの研究の主要な柱である． これらの大規模な計算を実行するには，クラウドは最適である． 本章から始まる第二部では，どのようにしてクラウド上で科学計算を実行するのかを，ハンズオンとともに体験してもらう． 科学計算の具体的な題材として，今回は機械学習(深層学習)を取り上げる．
なお，本書では PyTorch ライブラリを使って深層学習のアルゴリズムを実装するが，深層学習および PyTorch の知識は不要である． 講義ではなぜ・どうやって深層学習をクラウドで実行するかに主眼を置いているので，実行するプログラムの詳細には立ち入らない． 将来，自分で深層学習を使う機会が来たときに，詳しく学んでもらいたい．
なぜ機械学習をクラウドで行うのか？ ​
2010 年頃に始まった第三次 AI ブームのおかげで，学術研究だけでなく社会・ビジネスの文脈でも機械学習に高い関心が寄せられている． とくに，深層学習 (ディープラーニング) とよばれる多層のレイヤーからなるニューラルネットワークを用いたアルゴリズムは，画像認識や自然言語処理などの分野で圧倒的に高い性能を実現し，革命をもたらしている．
深層学習の特徴は，なんといってもそのパラメータの多さである． 層が深くなるほど，層間のニューロンを結ぶ重みパラメータの数が増大していく． たとえば，最新の言語モデルである GPT-3 には1750 億個ものパラメータが含まれている． このような膨大なパラメータを有することで，深層学習は高い表現力と汎化性能を実現しているのである．
GPT-3 に限らず，最近の SOTA (State-of-the-art) の性能を達成するニューラルネットワークでは，百万から億のオーダーのパラメータを内包することは頻繁になってきている． そのような巨大なニューラルネットを訓練 (最適化) させるのは，当然のことながら膨大な計算コストがかかる． 結果として，ひとつの計算機では丸一日以上の時間がかかる場合も珍しくない． 深層学習の発展の速度は目覚ましく，研究・ビジネス両方の観点からも，いかにスループットよくニューラルネットワークの最適化を行えるかが鍵となってくる． そのような問題を解決するのにとても有効な手段が，クラウドである！ Hands-on #1: 初めての EC2 インスタンスを起動する でその片鱗を見たように，クラウドを使用することでゼロから数千に至るまでの数のインスタンスを動的に起動し，並列に計算を実行することができる． さらに，深層学習を加速させる目的で，深層学習の演算に専用設計された計算チップ (GPU など) がある． クラウドを利用すると，そのような専用計算チップも無尽蔵に利用することができる． 事実，先述した GPT-3 の学習も，詳細は明かされていないが，Microsoft 社のクラウドを使って行われたと報告されている．
GPU による深層学習の高速化 ​
深層学習の計算で欠かすことのできない技術として， GPU (Graphics Processing Unit) について少し説明する．
GPU は，その名のとおり，元々はコンピュータグラフィックスを出力するための専用計算チップである． CPU (Central Processing Unit) に対し，グラフィックスの演算に特化した設計がなされている． 身近なところでは， XBox や PS5 などのゲームコンソールなどに搭載されているし，ハイエンドなノート型・デスクトップ型計算機にも搭載されていることがある． コンピュータグラフィックスでは，スクリーンにアレイ状に並んだ数百万個の画素をビデオレート (30 fps) 以上で処理する必要がある． そのため，GPU はコアあたりの演算能力は比較的小さいかわりに，チップあたり数百から数千のコアを搭載しており (figure_title)，スクリーンの画素を並列的に処理することで，リアルタイムでの描画を実現している．
GPUのアーキテクチャ．GPUには数百から数千の独立した計算コアが搭載されている． (画像出典: https://devblogs.nvidia.com/nvidia-turing-architecture-in-depth/)
このように，コンピュータグラフィクスの目的で生まれた GPU だが，2010 年前後から，その高い並列計算能力をグラフィックス以外の計算 (科学計算など) に用いるという流れ (General-purpose computing on GPU; GPGPU) が生まれた． GPU のコアは，その設計から，行列の計算など，単純かつ規則的な演算が得意であり，そのような演算に対しては数個程度のコアしかもたない CPU に比べて圧倒的に高い計算速度を実現することができる． 現在では GPGPU は分子動力学や気象シミュレーション，そして機械学習など多くの分野で使われている．
ディープラーニングで最も頻繁に起こる演算が，ニューロンの出力を次の層のニューロンに伝える畳み込み (Convolution) 演算である (figure_title)． 畳み込み演算は，まさに GPU が得意とする演算であり， CPU ではなく GPU を用いることで学習を飛躍的に (最大で数百倍程度) 加速させることができる．
ニューラルネットワークにおける畳み込み演算．
このように GPU は機械学習の計算で欠かせないものであるが，なかなか高価である． たとえば，科学計算・機械学習に専用設計された NVIDIA 社の Tesla V100 というチップは，一台で約百万円の価格が設定されている． 機械学習を始めるのに，いきなり百万円の投資はなかなか大きい． だが，クラウドを使えば，初期コスト０で GPU を使用することができる．
機械学習を行うのに， V100 が必ずしも必要というわけではない． むしろ，研究者などでしばしば行われるのは，コンピュータゲームに使われるグラフィックス用の GPU を買ってきて (NVIDIA GeForce シリーズなど)，開発のときはをそれを用いる，というアプローチである． グラフィックス用のいわゆる"コンシューマ GPU"は，市場の需要が大きいおかげで，10 万円前後の価格で購入することができる． V100 と比べると，コンシューマ GPU はコアの数が少なかったり，メモリーが小さかったりなどで劣る点があるが， それらを除いては計算能力にとくに制限があるわけではなく，開発の段階では十分な性能である場合がほとんどである． プログラムができあがって，ビッグデータの解析や，モデルをさらに大きくしたいときなどに，クラウドは有効だろう．
クラウドで GPU を使うには， GPU が搭載された EC2 インスタンスタイプ (P3, P2, G3, G4 など) を選択しなければならない． table_title に，代表的な GPU 搭載のインスタンスタイプを挙げる (執筆時点での情報)．
GPUを搭載したEC2インスタンスタイプ
InstanceGPUsGPU modelGPU Mem (GiB)vCPUMem (GiB)Price per hour ($)
p3.2xlarge
1
NVIDIA V100
16
8
61
3.06
p3n.16xlarge
8
NVIDIA V100
128
64
488
24.48
p2.xlarge
1
NVIDIA K80
12
4
61
0.9
g4dn.xlarge
1
NVIDIA T4
16
4
16
0.526
table_title からわかるとおり， CPU のみのインスタンスと比べると少し高い価格設定になっている． また，古い世代の GPU (V100 に対しての K80) はより安価な価格で提供されている． 1 インスタンスあたりの GPU の搭載数は 1 台から最大で 8 台まで選択することが可能である．
GPU を搭載した一番安いインスタンスタイプは， g4dn.xlarge であり，これには廉価かつ省エネルギー設計の NVIDIA T4 が搭載されている． 後のハンズオンでは，このインスタンスを使用して，ディープラーニングの計算を行ってみる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
V100 を一台搭載した p3.2xlarge の利用料金は一時間あたり $3.06 である． V100 が約百万円で売られていることを考えると，約 3000 時間 (= 124 日間)，通算で計算を行った場合に，クラウドを使うよりも V100 を自分で買ったほうがお得になる，という計算になる (実際には，自前で V100 を用意する場合は， V100 だけでなく， CPU やネットワーク機器，電気使用料も必要なので，百万円よりもさらにコストがかかる)．
GPT-3 で使われた計算リソースの詳細は論文でも明かされていないのだが， Lambda 社のブログで興味深い考察が行われている (Lambda 社は機械学習に特化したクラウドサービスを提供している)．
記事によると，1750 億のパラメータを訓練するには，一台の GPU (NVIDIA V100) を用いた場合，342 年の月日と 460 万ドルのクラウド利用料が必要となる，とのことである． GPT-3 のチームは，複数の GPU に処理を分散することで現実的な時間のうちに訓練を完了させたのであろうが，このレベルのモデルになってくるとクラウド技術の限界を攻めないと達成できないことは確かである．
深層学習を詳しく勉強したい人には以下の参考書を推薦したい． 深層学習の基礎的な概念や理論は普遍的であるが，この分野は日進月歩なので，常に最新の情報を取り入れることを忘れずに．
Hands-on #2: AWS でディープラーニングを実践 ​
準備 ​
ハンズオン第二回では， GPU を搭載した EC2 インスタンスを起動し，深層学習モデルの学習と推論を実行する演習を行う．
ハンズオンのソースコードは GitHub の handson/mnist に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． それ以外に必要な準備はない．
初期状態の AWS アカウントでは， GPU 搭載の G タイプのインスタンスの起動上限が 0 になっていることがある． これを確認するには， AWS コンソールから EC2 の画面を開き，左のメニューから Limits を選択する． その中の Running On-Demand All G instances という数字が G インスタンスの起動上限を表している．
もし，これが 0 になっていた場合は， AWS の自動申請フォームから上限緩和のリクエストを送る必要がある． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，東京 (ap-northeast-1) リージョンでは 0.71 $/hour のコストが発生する．
AWS Educate Starter Account を使用している読者へ: 執筆時点においては， Starter Account には GPU 搭載型インスタンスを起動できないという制限が設けられている． したがって， Starter Account のユーザーはこのハンズオンを実行することはできない． 興味のある読者は，制限のない一般アカウントを自分自身で取得する必要があることに注意．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#2で作製するアプリケーションのアーキテクチャ
図の多くの部分が，第一回ハンズオンで作成したアプリケーションと共通していることに気がつくだろう． 少しの変更で，簡単にディープラーニングを走らせる環境を構築することができるのである！主な変更点は次の３点である．
  • GPU を搭載した g4dn.xlarge インスタンスタイプを使用
  • ディープラーニングに使うプログラムがあらかじめインストールされた DLAMI (後述) を使用
  • SSH にポートフォワーディングのオプションつけてサーバーに接続し，サーバーで起動している Jupyter Notebook (後述) を使ってプログラムを書いたり実行したりする
ハンズオンで使用するプログラムのコードをみてみよう handson/mnist/app.py)． コードは第一回目とほとんど共通である．変更点のみ解説を行う．
python
class Ec2ForDl(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
-
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
-
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
class Ec2ForDl(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
-
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
-
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
  • ここで， g4dn.xlarge インスタンスタイプを選択している (第一回では， CPU のみの t2.micro だった)． g4dn.xlarge のインスタンスタイプは， クラウドで行う科学計算・機械学習 ですでに触れた通り， NVIDIA T4 と呼ばれる廉価版モデルの GPU を搭載したインスタンスである． CPU は 4 core, メインメモリーは 16GB が割り当てあられている．
  • ここでは，Deep Learning 用の諸々のソフトウェアがプリンストールされた AMI (Deep Learning Amazon Machine Image; DLAMI) を選択している (第一回では，Amazon Linux という AMI を使用していた)． 使用する AMI の ID は リージョンごとに指定する必要があり，ここでは us-east-1 と ap-northeast-1 でそれぞれ定義している．
DLAMI という新しい概念が出てきたので，説明しよう．
AMI が us-east-1 と ap-northeast-1 でしか定義されていないので，提供されているコードはこの二つのリージョンのみでデプロイ可能である． もしほかのリージョンを利用したい場合は， AMI の ID を自身で検索し，コードに書き込む必要がある．
DLAMI (Deep Learning Amazon Machine Image) ​
AMI (Amazon Machine Image) とは，大まかには OS (Operating System) に相当する概念である． 当然のことながら， OS がなければコンピュータはなにもできないので，EC2 インスタンスを起動するときには必ずなにかの OS を"インストール"する必要がある． EC2 が起動したときにロードされる OS に相当するものが， AMI である． AMI には，たとえば Ubuntu などの Linux 系 OS に加えて，Windows Server を選択することもできる． また， EC2 での使用に最適化された Amazon Linux という AMI も提供されている．
しかしながら， AMI を単なる OS と理解するのは過剰な単純化である． AMI には，ベースとなる (空っぽの) OS を選択することもできるが，それに加えて，各種のプログラムがインストール済みの AMI も定義することができる． 必要なプログラムがインストールされている AMI を見つけることができれば，自身でインストールを行ったり環境設定したりする手間が大幅に省ける． 具体例を挙げると，ハンズオン第一回では EC2 インスタンスに Python 3.6 をインストールする例を示したが，そのような操作をインスタンスが起動するたびに行うのは手間である！
AMI は， AWS 公式のものに加えて，サードパーティから提供されているものもある． また，自分自身の AMI を作って登録することも可能である (参考)． AMI は EC2 のコンソールから検索することが可能である． あるいは，AWS CLI を使って，次のコマンドでリストを取得することができる (参考)．
sh
$ aws ec2 describe-images --owners amazon
$ aws ec2 describe-images --owners amazon
ディープラーニングで頻繁に使われるプログラムがあらかじめインストールしてある AMI が， DLAMI (Deep Learning AMI) である． DLAMI には TensorFlow, PyTorch などの人気の高いディープラーニングのフレームワーク・ライブラリがすでにインストールされているため， EC2 インスタンスを起動してすぐさまディープラーニングの計算を実行できる．
本ハンズオンでは， Amazon Linux 2 をベースにした DLAMI を使用する (AMI ID = ami-09c0c16fc46a29ed9．この AMI は ap-northeast-1 でしか使用できない点に注意)． AWS CLI を使って，この AMI の詳細情報を取得してみよう．
sh
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
AMI ID = ami-09c0c16fc46a29ed9 の詳細情報
figure_title のような出力が得られるはずである．得られた出力から，この DLAMI には PyTorch のバージョン 1.4.0 と 1.5.0 がインストールされていることがわかる． この DLAMI を使って，早速ディープラーニングの計算を実行してみよう．
DLAMI には具体的には何がインストールされているのだろうか？ 興味のある読者のために，簡単な解説をしよう (参考: 公式ドキュメンテーション "What Is the AWS Deep Learning AMI?")．
最も low-level なレイヤーとしては， GPU ドライバー がインストールされている． GPU ドライバーなしには OS は GPU とコマンドのやり取りをすることができない． 次のレイヤーが CUDA と cuDNN である． CUDA は， NVIDIA 社が開発した， GPU 上で汎用コンピューティングを行うための言語であり， C++ 言語を拡張したシンタックスを備える． cuDNN は CUDA で書かれたディープラーニングのライブラリであり，n 次元の畳み込みなどの演算が実装されている． ここまでが， "Base" とよばれるタイプの DLAMI の中身である．
これに加えて， "Conda" とよばれるタイプには， "Base" のプログラム基盤の上に， TensorFlow や PyTorch などのライブラリがインストールされている． さらに， Anaconda による仮想環境を使うことによって， TensorFlow の環境・ PyTorch の環境・ MxNet の環境など，フレームワークを簡単に切り替えることができる (これについては，後のハンズオンで触れる)． また， Jupyter Notebook もインストール済みである．
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，ハンズオン 1 とほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれのコマンドの意味を忘れてしまった場合は，ハンズオン 1 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/mnist
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
-
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
# プロジェクトのディレクトリに移動
-$ cd handson/mnist
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
-
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
ハンズオン 1 で作成した SSH 鍵の削除を行わなかった場合は， SSH 鍵を改めて作成する必要はない． 逆に言うと，同じ名前の SSH がすでに存在する場合は，鍵生成のコマンドはエラーを出力する．
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．AWS により割り振られた IP アドレス (InstancePublicIp に続く文字列) をメモしておこう．
CDKデプロイ実行後の出力
ログイン ​
早速，デプロイしたインスタンスに SSH でログインしてみよう． ここでは，この後で使う Jupyter Notebook に接続するため，ポートフォワーディング (port forwarding) のオプション (-L) をつけてログインする．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
ポートフォワーディングとは，クライアントマシンの特定のアドレスへの接続を， SSH の暗号化された通信を介して，リモートマシンの特定のアドレスへ転送する，という意味である． このコマンドの -L localhost:8931:localhost:8888 は，自分のローカルマシンの localhost:8931 へのアクセスを，リモートサーバーの localhost:8888 のアドレスに転送せよ，という意味である (: につづく数字は TCP/IP ポートの番号を意味している)． リモートサーバーのポート 8888 には，後述する Jupyter Notebook が起動している． したがって，ローカルマシンの localhost:8931 にアクセスすることで，リモートサーバーの Jupyter Notebook にアクセスすることができるのである (figure_title)． このような SSH による接続方式をトンネル接続とよぶ．
SSH のポートフォワーディングによる Jupyter Notebook へのアクセス
ポートフォワーディングのオプションで，ポートの番号 (:8931, :8888 など) には 1 から 65535 までの任意の整数を指定できる． しかし，たとえば ポート 22 (SSH) やポート 80 (HTTP) など，いくつかすでに使われているポート番号もあることに注意する． また， Jupyter Notebook はデフォルトではポート 8888 番を使用する． したがって，リモート側のポート番号は，8888 を使うのがよい．
SSH ログインコマンドの <IP address> 部分は自身のインスタンスの IP アドレスを代入することを忘れずに．
本書の提供している Docker を使ってデプロイを実行した人へ
SSH によるログインは， Docker の外 (すなわちクライアントマシン本体) から行わなければならない． なぜなら，Jupyter を開くウェブブラウザは Docker の外にあるからである．
その際，秘密鍵を Docker の外にもってこなければならない． 手っ取り早い方法は， cat ~/.ssh/HirakeGoma と打って，出力結果をコピーしてホストマシンのファイルに書き込む方法である． あるいは -v オプションをつけて，ファイルシステムをマウントしてもよい (詳しくは Docker 公式ドキュメンテーション "Use volumes" を参照)．
SSH によるログインができたら，早速， GPU の状態を確認してみよう． 次のコマンドを実行する．
sh
$ nvidia-smi
$ nvidia-smi
figure_title のような出力が得られるはずである． 出力を見ると， Tesla T4 型の GPU が 1 台搭載されていることが確認できる． その他，GPU Driver や CUDA のバージョン， GPU の負荷・メモリー使用率などの情報を確認することができる．
nvidia-smi の出力
Jupyter Notebook の起動 ​
Jupyter Notebook とは，インタラクティブに Python のプログラムを書いたり実行したりするためのツールである． Jupyter は GUI としてウェブブラウザを介してアクセスする形式をとっており，まるでノートを書くように，プロットやテーブルのデータも美しく表示することができる (figure_title)． Python に慣れている読者は，きっと一度は使ったことがあるだろう．
Jupyter Notebook の画面
このハンズオンでは， Jupyter Notebook を使ってディープラーニングのプログラムをインタラクティブに実行していく． DLAMI には既に Jupyter がインストールされているので，特段の設定なしに使い始めることができる．
早速， Jupyter を起動しよう． SSH でログインした先の EC2 インスタンスで，次のコマンドを実行すればよい．
sh
$ cd ~ # go to home directory
-$ jupyter notebook
$ cd ~ # go to home directory
-$ jupyter notebook
このコマンドを実行すると， figure_title のような出力が確認できるだろう． この出力から，Jupyter のサーバーが EC2 インスタンスの localhost:8888 というアドレスに起動していることがわかる． また， localhost:8888 に続く ?token=XXXX は，アクセスに使うための一時的なトークンである．
Jupyter Notebook サーバーを起動
Jupyter Notebook を初回に起動するときは，起動に数分程度の時間がかかることがある． ほかの動作も起動直後は遅く，いくつかプログラムを走らせていくうちに俊敏に反応するようになってくる． これは， AWS の GPU 搭載型仮想マシンの運用方法に起因する現象だと考えられる．
先ほど，ポートフォワーディングのオプションをつけて SSH 接続をしているので， Jupyter の起動している localhost:8888 には，ローカルマシンの localhost:8931 からアクセスすることができる． したがって，ローカルマシンから Jupyter にアクセスするには，ウェブブラウザ (Chrome, FireFox など)から次のアドレスにアクセスすれば良い．
http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
?token=XXXX の部分は，上で Jupyter を起動したときに発行されたトークンの値に置き換える．
上のアドレスにアクセスすると， Jupyter のホーム画面が起動するはずである (figure_title)． これで， Jupyter の準備が整った！
Jupyter ホーム画面
Jupyter Notebook の使い方 (超簡易版)
  • Shift + Enter: セルを実行
  • Esc: Command mode に遷移
  • メニューバーの "+" ボタン または Command mode で A ⇒ セルを追加
  • メニューバーの "ハサミ" ボタン または Command mode で X ⇒ セルを削除
ショートカットの一覧などは Ventsislav Yordanov 氏によるブログ が参考になる．
PyTorch はじめの一歩 ​
PyTorch は Facebook AI Research LAB (FAIR) が中心となって開発を進めている，オープンソースのディープラーニングのライブラリである． PyTorch は 有名な例で言えば Tesla 社の自動運転プロジェクトなどで使用されており，執筆時点において最も人気の高いディープラーニングライブラリの一つである． 本ハンズオンでは， PyTorch を使ってディープラーニングの実践を行う．
PyTorch の歴史のお話
Facebook は PyTorch のほかに Caffe2 とよばれるディープラーニングのフレームワークを開発していた (初代 Caffe は UC Berkley の博士課程学生だった Yangqing Jia によって創られた)． Caffe2 は 2018 年に PyTorch プロジェクトに合併された．
また，2019 年 12 月，日本の Preferred Networks 社が開発していた Chainer も開発を終了し，PyTorch の開発チームと協業していくことが発表された (詳しくは プレスリリース を参照)． PyTorch には，開発統合前から Chainer からインスパイアされた API がいくつもあり， Chainer の DNA は今も PyTorch に引き継がれているのである…!
本格的なディープラーニングの計算に移る前に， PyTorch ライブラリを使って， GPU で計算を行うとはどういうものか，その入り口に触れてみよう．
まずは，新しいノートブックを作成する． Jupyter のホーム画面の右上の "New" を押し，"conda_pytorch_p36" という環境を選択したうえで，新規ノートブックを作成する (figure_title)． "conda_pytorch_p36" の仮想環境には， PyTorch がインストール済みである．
新規ノートブックの作成． "conda_pytorch_p36" の環境を選択する．
ここでは，次のようなプログラムを書いて，実行していく． (figure_title)．
PyTorch始めの一歩
まずは， PyTorch をインポートする．さらに， GPU が使える環境にあるか，確認する．
python
import torch
-print("Is CUDA ready?", torch.cuda.is_available())
import torch
-print("Is CUDA ready?", torch.cuda.is_available())
出力:
Is CUDA ready? True</programlisting>
次に，3x3 のランダムな行列を CPU 上に作ってみよう．
python
x = torch.rand(3,3)
-print(x)
x = torch.rand(3,3)
-print(x)
出力:
tensor([[0.6896, 0.2428, 0.3269], [0.0533, 0.3594, 0.9499], [0.9764, 0.5881, 0.0203]])</programlisting>
次に，行列を GPU 上に作成する．
python
y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
そして，行列 x と y の加算を，GPU 上で実行する．
python
z = x + y
-print(z)
z = x + y
-print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]], device='cuda:0')</programlisting>
最後に， GPU 上にある行列を， CPU に戻す．
python
z = z.to("cpu")
-print(z)
z = z.to("cpu")
-print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]])</programlisting>
以上の例は， GPU を使った計算の初歩の初歩であるが，雰囲気はつかめただろうか？ CPU と GPU で明示的にデータを交換するのが肝である． この例はたった 3x3 の行列の足し算なので， GPU を使う意味はまったくないが，これが数千，数万のサイズの行列になったとき， GPU は格段の威力を発揮する．
完成した Jupyter Notebook は /handson/mnist/pytorch/pytorch_get_started.ipynb にある． Jupyter の画面右上の "Upload" からこのファイルをアップロードして，コードを走らせることが可能である．
しなしながら，勉強のときにはコードはすべて自分の手で打つことが，記憶に残りやすくより効果的である，というのが筆者の意見である．
実際にベンチマークを取ることで GPU と CPU の速度を比較をしてみよう． 実行時間を計測するツールとして， Jupyter の提供する %time マジックコマンドを利用する．
まずは CPU を使用して，10000x10000 の行列の行列積を計算した場合の速度を測ってみよう． 先ほどのノートブックの続きに，次のコードを実行する．
python
s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-
-%time z = torch.matmul(x,y)
s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-
-%time z = torch.matmul(x,y)
出力は以下のようなものが得られるだろう． これは，行列積の計算に実時間で 5.8 秒かかったことを意味する (実行のたびに計測される時間はばらつくことに留意)．
CPU times: user 11.5 s, sys: 140 ms, total: 11.6 s Wall time: 5.8 s</programlisting>
次に， GPU を使用して，同じ演算を行った場合の速度を計測しよう．
python
s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
-
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
-
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
出力は以下のようなものになるだろう． GPU では 553 ミリ秒 で計算を終えることができた！
CPU times: user 334 ms, sys: 220 ms, total: 554 ms Wall time: 553 ms</programlisting>
PyTorch において， GPU での演算は asynchronous (非同期) で実行される． その理由で，上のベンチマークコードでは， torch.cuda.synchronize() というステートメントを埋め込んである．
このベンチマークでは， dtype=torch.float32 と指定することで，32bit の浮動小数点型を用いている． ディープラーニングの学習および推論の計算には，32bit 型，場合によっては 16bit 型が使われるのが一般的である． これの主な理由として，教師データやミニバッチに起因するノイズが，浮動小数点の精度よりも大きいことがあげられる． 32bit/16bit を採用することで，メモリー消費を抑えたり，計算速度の向上が達成できる．
上記のベンチマークから，GPU を用いることで，約 10 倍のスピードアップを実現することができた． スピードアップの性能は，演算の種類や行列のサイズに依存する． 行列積は，そのなかでも最も速度向上が見込まれる演算の一つである．
実践ディープラーニング! MNIST 手書き数字認識タスク ​
ここまで，AWS 上でディープラーニングの計算をするための概念や前提知識をながながと説明してきたが，ついにここからディープラーニングの計算を実際に走らせてみる．
ここでは，機械学習のタスクで最も初歩的かつ有名な MNIST データセットを使った数字認識を扱う (figure_title)． これは，0 から 9 までの手書きの数字の画像が与えられ，その数字が何の数字なのかを当てる，というシンプルなタスクである．
MNIST 手書き数字データセット
今回は， MNIST 文字認識タスクを，畳み込みニューラルネットワーク (Convolutional Neural Network; CNN) を使って解く． ソースコードは /handson/minist/pytorch/ にある mnist.ipynb と simple_mnist.py である． なお，このプログラムは， PyTorch の公式 Example Project 集 を参考に，多少の改変を行ったものである．
まずは，カスタムのクラスや関数が定義された simple_mnist.py をアップロードしよう (figure_title)． 画面右上の "Upload" ボタンをクリックし，ファイルを選択することでアップロードができる． この Python プログラムの中に，CNN のモデルや，学習の各イテレーションにおけるパラメータの更新などが記述されている． 今回はこの中身を説明することはしないが，興味のある読者は自身でソースコードを読んでみるとよい．
 をアップロード
simple_mnist.py をアップロードできたら，次に新しい notebook を作成しよう． "conda_pytorch_p36" の環境を選択することを忘れずに．
新しいノートブックが起動したら，まずは必要なライブラリをインポートしよう．
python
import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
-
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
-
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
torchvision パッケージには，MNIST データセットをロードするなどの便利な関数が含まれている． また，今回のハンズオンで使うカスタムのクラス・関数 (Model, train, evaluate) のインポートを行っている．
次に，MNIST テストデータをダウンロードしよう． 同時に，画像データの輝度の正規化も行っている．
python
transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
-
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
-
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
-
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
-
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
今回扱う MNIST データは 28x28 ピクセルの正方形の画像(モノクロ)と，それぞれのラベル(0 - 9 の数字)の組で構成されている． いくつかのデータを抽出して，可視化してみよう． figure_title のような出力が得られるはずである．
python
examples = iter(testloader)
-example_data, example_targets = examples.next()
-
-print("Example data size:", example_data.shape)
-
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
examples = iter(testloader)
-example_data, example_targets = examples.next()
-
-print("Example data size:", example_data.shape)
-
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
MNIST の手書き数字画像とその教師ラベル
次に， CNN のモデルを定義する．
python
model = Model()
-model.to("cuda") # load to GPU
model = Model()
-model.to("cuda") # load to GPU
今回使う Model は simple_mnist.py の中で定義されている． このモデルは，figure_title に示したような，２層の畳み込み層と 2 層の全結合層からなるネットワークである． 出力層 (output layer) には Softmax 関数を使用し，損失関数 (Loss function) には 負の対数尤度関数 (Negative log likelyhood; NLL) を使用している．
本ハンズオンで使用するニューラルネットの構造．
続いて， CNN のパラメータを更新する最適化アルゴリズムを定義する． ここでは， 確率的勾配降下法 (Stochastic Gradient Descent; SGD) を使用している．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
これで，準備が整った． CNN の学習ループを開始しよう!
python
train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
-
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
-
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
ここでは 5 エポック分の学習を行っている． GPU を使えば，これくらいの計算であれば 1 分程度で完了するだろう．
出力として， figure_title のようなプロットが得られるはずである． イテレーションを重ねるにつれて，損失関数 (Loss function) の値が減少している (=精度が向上している) ことがわかる．
学習の進行に対する Train loss の変化
出力にはテキスト形式で各エポック終了後のテストデータに対する精度も表示されている． 最終的には 98% 以上の極めて高い精度を実現できていることが確認できるだろう (figure_title)．
学習したCNNのテストデータに対するスコア (5エポック後)
学習した CNN の推論結果を可視化してみよう． 次のコードを実行することで， figure_title のような出力が得られるだろう． この図で，下段右から二番目は，"1"に近い見た目をしているが，きちんと"9"と推論できている． なかなか賢い CNN を作り出すことができたようだ！
python
model.eval()
-
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
-
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
model.eval()
-
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
-
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
学習した CNN による，MNIST画像の推論結果
最後に，学習したニューラルネットワークのパラメータを mnist_cnn.pt というファイル名で保存しておこう． これで，将来いつでも今回学習したモデルを再現し，別の実験に使用することができる．
python
torch.save(model.state_dict(), "mnist_cnn.pt")
torch.save(model.state_dict(), "mnist_cnn.pt")
以上が， AWS クラウドの仮想サーバーを立ち上げ，最初のディープラーニングの計算を行う一連の流れである． MNIST 文字認識のタスクを行うニューラルネットを，クラウド上の GPU を使って高速に学習させ，現実的な問題を一つ解くことができたのである． 興味のある読者は，今回のハンズオンを雛形に，自分の所望の計算を走らせてみるとよいだろう．
スタックの削除 ​
これにて，ハンズオン第二回の内容はすべて説明した． クラウドの利用料金を最小化するため，使い終わった EC2 インスタンスはすぐさま削除しよう．
ハンズオン第一回と同様に， AWS の CloudFormation コンソールか， AWS CLI により削除を実行する (詳細は スタックを削除 参照)．
sh
$ cdk destroy
$ cdk destroy
スタックの削除は各自で必ず行うこと！ 行わなかった場合，EC2 インスタンスの料金が発生し続けることになる！ g4dn.xlarge は $0.71 / hour の料金設定なので，一日起動しつづけると約$17 の請求が発生することになる！
AWS のバジェットアラート
AWS の初心者が (あるいは経験者も) しばしば陥る失敗が，インスタンスの停止忘れなどで無駄なリソースがクラウドで放置されてしまい，巨大な額の請求が届く，というミスだ． 特に，開発を行っている間はこのような事態は起こりうるものだと思って，備えておかなければならない． このような事態を未然に防ぐため， AWS Budgets という機能が無料で提供されている． AWS Budgets を利用することで，月の利用金額がある閾値を超えた場合にユーザーにメールが送信される，などのアラートを設定することができる． 詳細な手順は AWS の公式ブログ "Getting Started with AWS Budgets" を参照のこと． 本書の読者も，ぜひこのタイミングでアラートを設定しておくことを推奨する．
Docker 入門 ​
ここまでの章で扱ってきたハンズオンでは，単一のサーバーを立ち上げ，それに SSH でログインをして，コマンドを叩くことで計算を行ってきた． いわば，パーソナルコンピュータの延長のような形でクラウドを使ってきたわけである． このような，インターネットのどこからでもアクセスできるパーソナルコンピュータとしてのクラウドという使い方も，もちろん便利であるし，いろいろな応用の可能性がある． しかし，これだけではクラウドの本当の価値は十分に発揮されていないと言うべきだろう． クラウド概論 で述べたように，現代的なクラウドの一番の強みは自由に計算機の規模を拡大できることにある． すなわち，多数のサーバーを同時に起動し，複数のジョブを分散並列的に実行させることで大量のデータを処理してこそ，クラウドの本領が発揮されるのである．
本章からはじまる 3 章分 (Docker 入門, Hands-on #3: AWS で自動質問回答ボットを走らせる, Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する) を使って，クラウドを利用することでどのように大規模な計算システムを構築しビッグデータの解析に立ち向かうのか，その片鱗をお見せしたい． とくに，前章で扱った深層学習をどのようにビッグデータに適用していくかという点に焦点を絞って議論していきたい． そのための前準備として，本章では Docker とよばれる計算機環境の仮想化ソフトウェアを紹介する (figure_title)． 現代のクラウドは Docker なしには成り立たないといっても過言ではないだろう． クラウドに限らず，ローカルで行う計算処理にも Docker は大変便利である． AWS からは少し話が離れるが，しっかりと理解して前に進んでもらいたい．
機械学習の大規模化 ​
先ほどから"計算システムの大規模化"と繰り返し唱えているが，それは具体的にはどのようなものを指しているのか？ ここでは大規模データを処理するための計算機システムを，機械学習を例にとって見てみよう．
クラウドで行う科学計算・機械学習 で紹介した GPT-3 のような，超巨大な数のパラメータを有する深層学習モデルを学習させたいとしよう． そのような計算を行いたい場合，一つのサーバーでは計算力が到底足りない． したがって，典型的には figure_title に示すような計算システムの設計がなされる． すなわち，大量の教師データを小さなチャンクとして複数のマシンに分散し，並列的にニューラルネットのパラメータを最適化していくという構造である．
複数の計算機を使った大規模な深層学習モデルの訓練
あるいは，学習済みのモデルを大量のデータに適用し，解析を行いたいとしよう． たとえば， SNS のプラットフォームで大量の画像が与えられて，それぞれの写真に何が写っているのかをラベルづけする，などのアプリケーションを想定できる． そのような場合は， figure_title のようなアーキテクチャが考えられるだろう． すなわち，大量のデータを複数のマシンで分割し，それぞれのマシンで推論の計算を行うというような構造である．
複数の計算機による深層学習モデルを使った推論計算
このような複数の計算機を同時に走らせるようなアプリケーションをクラウド上で実現するには，どのようにすればよいのだろうか？
重要なポイントとして， figure_title や figure_title で起動している複数のマシンは，基本的に全く同一の OS・計算環境を有している点である． ここで，個人のコンピュータで行うようなインストールの操作を，各マシンで行うこともできるが，それは大変な手間であるし，メンテナンスも面倒だろう． すなわち，大規模な計算システムを構築するには，簡単に計算環境を複製できるような仕組みが必要であるということがわかる．
そのような目的を実現するために使われるのが， Docker とよばれるソフトウェアである．
Docker とは ​
Docker のアイコン
Docker とは， コンテナ (Container) とよばれる仮想環境下で，ホスト OS とは独立した別の計算環境を走らせるためのソフトウェアである． Docker を使うことで， OS を含めたすべてのプログラムをコンパクトにパッケージングすることが可能になる (パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ)． Docker を使うことで，クラウドのサーバー上に瞬時に計算環境を複製することが可能になり， figure_title で見たような複数の計算機を同時に走らせるためのシステムが実現できる．
Docker は 2013 年に Solomon Hykes らを中心に開発され，それ以降爆発的に普及し，クラウドコンピューティングだけでなく，機械学習・科学計算の文脈などでも欠かすことのできないソフトウェアとなった． Docker はエンタープライズ向けの製品を除き無料で使用することができ，コアの部分は オープンソースプロジェクト として公開されている． Docker は Linux, Windows, Mac いずれの OS でも提供されている． 概念としては， Docker は仮想マシン (Virtual machine; VM) にとても近い． ここでは， VM との対比をしながら，Docker とはなにかを簡単に説明しよう．
仮想マシン (VM) とは，ホストとなるマシンの上に，仮想化された OS を走らせる技術である (figure_title)． VM には ハイパーバイザー (Hypervisor) とよばれるレイヤーが存在する． Hypervisor はまず，物理的な計算機リソース (CPU, RAM, network など) を分割し，仮想化する． たとえば， ホストマシンに物理的な CPU が 4 コアあるとして，ハイパーバイザーはそれを (2,2) 個の組に仮想的に分割することができる． VM 上で起動する OS には，ハイパーバイザーによって仮想化されたハードウェアが割り当てられる． VM 上で起動する OS は基本的に完全に独立であり，たとえば OS-A は OS-B に割り当てられた CPU やメモリー領域にアクセスすることはできない (これを isolation とよぶ)． VM を作成するための有名なソフトウェアとしては， VMware， VirtualBox， Xen などがある． また，これまで触ってきた EC2 も，基本的に VM 技術を使うことで所望のスペックをもった仮想マシンがユーザーに提示される．
Docker も， VM と同様に，仮想化された OS をホストの OS 上に走らせるための技術である． VM に対し， Docker ではハードウェアレベルの仮想化は行われておらず，すべての仮想化はソフトウェアレベルで実現されている (figure_title)． Docker で走る仮想 OS は，多くの部分をホストの OS に依存しており，結果として非常にコンパクトである． その結果， Docker で仮想 OS を起動するために要する時間は， VM に比べて圧倒的に早い． また， パッケージ化された環境 (=イメージ) のサイズも完全な OS に比べ圧倒的に小さくなるので，ネットワークを通じたやり取りが非常に高速化される点も重要である 加えて， VM のいくつかの実装では，メタル (仮想化マシンに対して，物理的なハードウェア上で直接起動する場合のこと) と比べ，ハイパーバイザーレイヤーでのオーバーヘッドなどにより性能が低下することが知られているが， Docker ではメタルとほぼ同様の性能を引き出すことができるとされている．
その他， VM との相違点などはたくさんあるのだが，ここではこれ以上詳細には立ち入らない． 大事なのは， Docker とはとてもコンパクトかつハイパフォーマンスな仮想計算環境を作るツールである，という点である． その手軽さゆえに，2013 年の登場以降，クラウドシステムでの利用が急速に増加し，現代のクラウドでは欠くことのできない中心的な技術になっている．
Docker (左) と VM (右) の比較 (画像出典: https://www.docker.com/blog/containers-replacing-virtual-machines/)
職業的プログラマーにとっての"三種の神器"とはなんだろうか？ 多様な意見があると思うが，筆者は Git, Vim そして Docker を挙げたい．
Git は多くの読者がご存じの通り，コードの変更を追跡するためのシステムである． Linux の作成者である Linus Torvalds によって 2005 年に誕生した． チームでの開発を進める際には欠かせないツールだ．
Vim は 1991 年から 30 年以上の間プログラマーたちに愛されてきたテキストエディターである． Stackoverflow が行った 2019 年のアンケート によると，開発環境の部門で 5 位の人気を獲得している． たくさんのショートカットと様々なカスタム設定が提供されているので，初見の人にはなかなかハードルが高いが，一度マスターすれば他のモダンなエディターや統合開発環境に負けない，あるいはそれ以上の開発体験を実現することができる．
これらの十年以上の歴史あるツールに並んで，第三番目の三種の神器として挙げたいのが Docker だ． Docker はプログラマーの開発のワークフローを一変させた． たとえば，プロジェクトごとに Docker イメージを作成することで，どの OS・コンピュータ でも全く同じ計算環境で開発・テストを実行することができるようになった． また， DevOps や CI / CD (Continuous Integration / Continuous Deployment) といった最近の開発ワークフローも Docker のようなコンテナ技術の存在に立脚している． さらにはサーバーレスコンピューティング (Serverless architecture) といった概念も，コンテナ技術の生んだ大きな技術革新といえる．
あなたにとっての三種の神器はなんだろうか？ また，これからの未来ではどんな新しいツールが三種の神器としてプログラマーのワークフローを革新していくだろうか？
Docker チュートリアル ​
Docker とはなにかを理解するためには，実際に触って動かしてみるのが一番有効な手立てである． ここでは， Docker の簡単なチュートリアルを行っていく．
Docker のインストールについては， Docker のインストール および 公式のドキュメンテーション を参照してもらいたい． Docker のインストールが完了している前提で，以下は話を進めるものとする．
Docker 用語集 ​
Docker を使い始めるに当たり，最初に主要な用語を解説しよう． 次のパラグラフで太字で強調された用語を頭に入れた上で，続くチュートリアルに取り組んでいただきたい．
Docker を起動する際の大まかなステップを示したのが figure_title である． パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ． イメージは， Docker Hub などのリポジトリで配布されているものをダウンロードするか，自分でカスタムのイメージを作成することも可能である． イメージを作成するための”レシピ”を記述したファイルが Dockerfile である． Dockerfile からイメージを作成する操作を build とよぶ． イメージがホストマシンのメモリにロードされ，起動状態にある計算環境のことを コンテナ (Container) とよぶ． Container を起動するために使用されるコマンドが run である．
Image と Container
イメージをダウンロード ​
パッケージ化された Docker の仮想環境 (= イメージ (Image)) は， Docker Hub からダウンロードできる． Docker Hub には，個人や企業・団体が作成した Docker イメージが集められており， GitHub などと同じ感覚で，オープンな形で公開されている．
たとえば， Ubuntu のイメージは Ubuntu の公式リポジトリ で公開されており， pull コマンドを使うことでローカルにダウンロードすることができる．
sh
$ docker pull ubuntu:18.04
$ docker pull ubuntu:18.04
ここで，イメージ名の : (コロン) 以降に続く文字列を タグ (tag) と呼び，主にバージョンを指定するなどの目的で使われる．
pull コマンドはデフォルトでは Docker Hub でイメージを検索し，ダウンロードを行う． Docker イメージを公開するためのデータベース (レジストリ (registry) とよぶ) は Docker Hub だけではなく，たとえば GitLab や GitHub は独自のレジストリ機能を提供しているし，個人のサーバーでレジストリを立ち上げることも可能である． Docker Hub 以外のレジストリから pull するには， myregistry.local:5000/testing/test-image のように，イメージ名の先頭につける形でレジストリのアドレス (さらにオプションとしてポート番号) を指定する．
コンテナを起動 ​
Pull してきたイメージを起動するには， run コマンドを使う．
sh
$ docker run -it ubuntu:18.04
$ docker run -it ubuntu:18.04
ここで， -it とは，インタラクティブな shell のセッションを開始するために必要なオプションである．
このコマンドを実行すると，仮想化された Ubuntu が起動され，コマンドラインからコマンドが打ち込めるようになる (figure_title)． このように起動状態にある計算環境 (ランタイム) のことを Container (コンテナ) とよぶ．
Docker を使って ubuntu:18.04 イメージを起動
ここで使用した ubuntu:18.04 のイメージは，空の Ubuntu OS だが，すでにプログラムがインストール済みのものもある． これは， Hands-on #2: AWS でディープラーニングを実践 でみた DLAMI と概念として似ている． たとえば， PyTorch がインストール済みのイメージは PyTorch 公式の Docker Hub リポジトリ で公開されている．
これを起動してみよう．
sh
$ docker run -it pytorch/pytorch
$ docker run -it pytorch/pytorch
docker run を実行したとき，ローカルに該当するイメージが見つからない場合は，自動的に Docker Hub からダウンロードされる．
pytorch のコンテナが起動したら， Python のシェルを立ち上げて， pytorch をインポートしてみよう．
sh
$ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
$ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
このように， Docker を使うことで簡単に特定の OS・プログラムの入った計算環境を再現することが可能になる．
自分だけのイメージを作る ​
自分の使うソフトウェア・ライブラリがインストールされた，自分だけのイメージを作ることも可能である．
たとえば， 本書のハンズオン実行用に提供している docker イメージ には， Python, Node.js, AWS CLI, AWS CDK などのソフトウェアがインストール済みであり，ダウンロードしてくるだけですぐにハンズオンのプログラムが実行できるようになっている．
カスタムの docker イメージを作るには， Dockerfile という名前のついたファイルを用意し，その中にどんなプログラムをインストールするかなどを記述していく．
具体例として，本書で提供している Docker イメージのレシピを見てみよう (docker/Dockerfile)．
python
FROM node:12
-LABEL maintainer="Tomoyuki Mano"
-
-RUN apt-get update \
-    && apt-get install nano
-
-#
-RUN cd /opt \
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
-    && tar -xzf Python-3.7.6.tgz \
-    && cd Python-3.7.6 \
-    && ./configure --enable-optimizations \
-    && make install
-
-RUN cd /opt \
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install
-
-#
-RUN npm install -g aws-cdk@1.100
-
-# clean up unnecessary files
-RUN rm -rf /opt/*
-
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
FROM node:12
-LABEL maintainer="Tomoyuki Mano"
-
-RUN apt-get update \
-    && apt-get install nano
-
-#
-RUN cd /opt \
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
-    && tar -xzf Python-3.7.6.tgz \
-    && cd Python-3.7.6 \
-    && ./configure --enable-optimizations \
-    && make install
-
-RUN cd /opt \
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install
-
-#
-RUN npm install -g aws-cdk@1.100
-
-# clean up unnecessary files
-RUN rm -rf /opt/*
-
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
Dockerfile の中身の説明は詳しくは行わないが，たとえば上のコードで <1> で示したところは， Python 3.7 のインストールを実行している． また， <2> で示したところは， AWS CDK のインストールを行っていることがわかるだろう． このように，リアルな OS で行うのと同じ流れでインストールのコマンドを逐一記述していくことで，自分だけの Docker イメージを作成することができる． 一度イメージを作成すれば，それを配布することで，他者も同一の計算環境を簡単に再構成することができる．
"ぼくの環境ではそのプログラム走ったのにな…" というのは，プログラミング初心者ではよく耳にする会話だが， Docker を使いこなせばそのような心配とは無縁である． そのような意味で，クラウド以外の場面でも， Docker の有用性・汎用性は極めて高い．
コンテナを用いた仮想計算環境ツールとして Docker を紹介したが， ほかに選択肢はないのか？ よくぞ聞いてくれた！ Docker の登場以降，複数のコンテナベースの仮想環境ツールが開発されてきた． いずれのツールも，概念や API については Docker と共通するものが多いが，Docker にはない独自の特徴を提供している． ここではその中でも有名ないくつかを紹介しよう．
Singularity は科学計算や HPC (High Performance Computing) の分野で人気の高いコンテナプラットフォームである． Singularity では大学・研究機関の HPC クラスターでの運用に適したような設計が施されている． たとえば， Docker は基本的には root 権限で実行されるのに対し， Singularity はユーザー権限 (コマンドを実行したユーザー自身) でプログラムが実行される． root 権限での実行は Web サーバーのように個人・企業がある特定のサービスのために運用するサーバーでは問題ないが，多数のユーザーが多様な目的で計算を実行する HPC クラスターでは問題となる． また，Singularity は独自のイメージの作成方法・エコシステムをもっているが， Docker イメージを Singularity のイメージに変換し実行する機能も有している．
podman は Red Hat 社によって開発されたもう一つのコンテナプラットフォームである． podman は基本的に Docker と同一のコマンドを採用しているが，実装は Red Hat によってスクラッチから行われた． podman では， Singularity と同様にユーザー権限でのプログラムの実行を可能であり，クラウドおよび HPC の両方の環境に対応するコンテナプラットフォームを目指して作られた． また，その名前にあるとおり pod とよばれる独自の概念が導入されている．
著者の個人的な意見としては，現時点では Docker をマスターしておけば当面は困ることはないと考えるが，興味のある読者はぜひこれらのツールも試してみてはいかがだろうか？
Elastic Container Service (ECS) ​
ECS のアイコン
ここまでに説明してきたように， Docker を使うことで仮想計算環境を簡単に複製・起動することが可能になる． 本章の最後の話題として， AWS 上で Docker を使った計算システムを構築する方法を解説しよう．
Elastic Container Service (ECS) とは， Docker を使った計算機クラスターを AWS 上に作成するためのツールである (figure_title)． ECS を使用することで， Docker にパッケージされたアプリケーションを計算機クラスターに投入したり，計算機クラスターのインスタンスを追加・削除する操作 (=スケーリング) を行うことができる．
ECS の概要を示したのが figure_title である． ECS は，タスク (Task) と呼ばれる単位で管理された計算ジョブを受け付ける． システムにタスクが投入されると，ECS は最初にタスクで指定された Docker イメージを外部レジストリからダウンロードしてくる． 外部レジストリとしては， Docker Hub や AWS 独自の Docker レジストリである ECR (Elastic Container Registry) を指定することができる．
ECS の次の重要な役割はタスクの配置である． あらかじめ定義されたクラスター内で，計算負荷が小さい仮想インスタンスを選び出し，そこに Docker イメージを配置することで指定された計算タスクが開始される． "計算負荷が小さい仮想インスタンスを選び出す" と言ったが，具体的にどのような戦略・ポリシーでこの選択を行うかは，ユーザーの指定したパラメータに従う．
また，クラスターのスケーリングも ECS における重要な概念である． スケーリングとは，クラスター内のインスタンスの計算負荷をモニタリングし，計算負荷に応じてインスタンスの起動・停止を行う操作を指す． クラスター全体の計算負荷が指定された閾値 (たとえば 80%の稼働率) を超えていた場合，新たな仮想インスタンスをクラスター内に立ち上げる操作を scale-out (スケールアウト) とよび， 負荷が減った場合に不要なインスタンスを停止する操作を scale-in (スケールイン) とよぶ． クラスターのスケーリングは， ECS がほかの AWS のサービスと連携することで実現される． 具体的には， EC2 の Auto scaling group (ASG) や Fargate の２つの選択肢が多くの場合選択される． ASG については Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する, Fargate については Hands-on #3: AWS で自動質問回答ボットを走らせる でより詳細に解説する．
これら一連のタスクの管理を， ECS は自動でやってくれる． クラスターのスケーリングやタスクの配置に関してのパラメータを一度指定してしまえば，ユーザーは (ほとんどなにも考えずに) 大量のタスクを投入することができる． クラスターのスケーリングによってタスクの量にちょうど十分なだけのインスタンスが起動し，タスクが完了した後は不要なインスタンスはすべて停止される．
さて，ここまで説明的な話が続いてしまったが，次章からは早速 Docker と AWS を使って大規模な並列計算システムを構築していこう！
ECS の概要
Hands-on #3: AWS で自動質問回答ボットを走らせる ​
ハンズオン第三回では， Docker と ECS を駆使した機械学習アプリケーションを実装しよう． 具体的には，深層学習による自然言語処理を行うことで，クライアントから与えられた文章題に対して回答を生成する，自動 Question & Answering ボットを作成しよう． ECS を利用することで，ジョブの数によって動的にインスタンスの数を制御し，並列にタスクを実行するようなシステムを構築しよう．
通常の機械学習のワークフローでは，モデルの訓練 ⇒ 推論 (データへの適用) が基本的な流れである． しかしながら， GPU 搭載型の EC2 クラスターを使ったモデルの訓練はやや難易度が高いため，次章 (Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する) で取り扱う． 本章は，クラウド上でのクラスターの構築・タスクの管理などの概念に慣れるため，よりシンプルな実装で実現できる Fargate クラスターを用いた推論計算の並列化を紹介する．
Fargate ​
ハンズオンに入っていく前に， Fargate という AWS の機能を知っておく必要がある (figure_title)．
Fargate のアイコン
ECS の概要を示した figure_title をもう一度見てみよう． この図で， ECS の管理下にあるクラスターが示されているが，このクラスターの中で計算を行う実体としては二つの選択肢がある． EC2 あるいは Fargate のいずれかである． EC2 を用いた場合は，先の章 (Hands-on #1: 初めての EC2 インスタンスを起動する, Hands-on #2: AWS でディープラーニングを実践) で説明したような流れでインスタンスが起動し，計算が実行される． しかし， EC2 を用いた計算機クラスターの作成・管理は技術的な難易度がやや高いので，次章 (Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する) で説明することにする．
Fargate とは， ECS での利用に特化して設計された，コンテナを使用した計算タスクを走らせるための仕組みである． 計算を走らせるという点では EC2 と役割は似ているが， Fargate は EC2 インスタンスのような物理的実体はもたない． 物理的実体をもたないというのは，たとえば SSH でログインすることは基本的に想定されていないし，なにかのソフトウェアをインストールしたりなどの概念も存在しない． Fargate ではすべての計算は Docker コンテナを介して行われる． すなわち， Fargate を利用するには，ユーザーは最初に所望の Docker イメージを指定しておき， Fargate は docker run のコマンドを使用することで計算タスクを実行する． Fargate を用いる利点は， Fargate を ECS のクラスターに指定すると，スケーリングなどの操作が簡単な設定・プログラムで構築できる点である．
Fargate では， EC2 と同様に CPU とメモリーのサイズを必要な分だけ指定できる． 執筆時点では， CPU は 0.25 - 4 コア， RAM は 0.5 - 30 GB の間で選択することができる (詳しくは 公式ドキュメンテーション "Amazon ECS on AWS Fargate" 参照)． クラスターのスケーリングが容易な分， Fargate では EC2 ほど大きな CPU コア・ RAM 容量を単一インスタンスに付与することができず，また GPU を利用することもできない．
以上が Fargate の概要であったが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは実際に手を動かしながら， ECS と Fargate を使った並列タスクの処理の仕方を学んでいこう．
厳密には， ECS に付与するクラスターには EC2 と Fargate のハイブリッドを使用することも可能である．
準備 ​
ハンズオンのソースコードは GitHub の handson/qa-bot にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンでは 1CPU/4GB RAM の Fargate インスタンスを使用する． 計算の実行には 0.025 $/hour のコストが発生することに注意．
Transformer を用いた question-answering プログラム ​
このハンズオンで開発する，自動質問回答システムをより具体的に定義しよう． 次のような文脈 (context) と質問 (question) が与えられた状況を想定する．
txt
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
今回作成する自動回答システムは，このような問題に対して， context に含まれる文字列から正解となる言葉を見つけ出すものとする． 上の問題では，次のような回答を返すべきである．
sh
answer: 1921
answer: 1921
人間にとっては，このような文章を理解することは容易であるが，コンピュータにそれを解かせるのは難しいことは容易に想像ができるだろう． しかし，近年の深層学習を使った自然言語処理の進歩は著しく，上で示したような例題などは極めて高い正答率で回答できるモデルを作ることができる．
今回は， huggingface/transformers で公開されている学習済みの言語モデルを利用することで，上で定義した問題を解く Q&A ボットを作る． この Q&A ボットは Transformer とよばれるモデルを使った自然言語処理に支えられえている (figure_title)． このプログラムを， Docker にパッケージしたものが 著者の Docker Hub リポジトリ に用意してある． クラウドの設計に入る前に，まずはこのプログラムを単体で動かしてみよう．
Transformer モデルアーキテクチャ (画像出典: Vaswani+ 2017)
なお，今回は学習済みのモデルを用いているので，私達が行うのは与えられた入力をモデルに投入して予測を行う (推論) のみである． 推論の演算は， CPU だけでも十分高速に行うことができるので，コストの削減と，実装をシンプルにする目的で，このハンズオンでは GPU は利用しない． 一般的に， ニューラルネットは学習のほうが圧倒的に計算コストが大きく，そのような場合に GPU はより威力を発揮する．
次のコマンドで，今回使う Docker image を ローカルにダウンロード (pull) してこよう．
sh
$ docker pull tomomano/qabot:latest
$ docker pull tomomano/qabot:latest
pull できたら，早速この Docker に質問を投げかけてみよう． まずは context と question をコマンドラインの変数として定義する．
sh
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
そうしたら，次のコマンドによってコンテナを実行する．
sh
$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
今回用意した Docker image は，第一引数に context となる文字列を，第二引数に question に相当する文字列を受けつける． 第三引数，第四引数については，クラウドに展開するときの実装上の都合なので，いまは気にしなくてよい．
このコマンドを実行すると，次のような出力が得られるはずである．
sh
{'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
{'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
"score" は正解の自信度を表す数字で， [0,1] の範囲で与えられる． "start", "end" は， context 中の何文字目が正解に相当するかを示しており， "answer" が正解と予測された文字列である． 1921 年という，正しい答えが返ってきていることに注目してほしい．
もう少し難しい質問を投げかけてみよう．
sh
$ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
$ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
出力：
sh
{'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
{'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
今度は， score が 0.52 と，少し自信がないようだが，それでも正しい答えにたどりつけていることがわかる．
このように， 深層学習に支えられた言語モデルを用いることで，実用にも役に立ちそうな Q&A ボットを実現できていることがわかる． 以降では，このプログラムをクラウドに展開することで，大量の質問に自動で対応できるようなシステムを設計していく．
今回使用する Question & Answering システムには， DistilBERT という Transformer を基にした言語モデルが用いられている． 興味のある読者は， 原著論文 を参照してもらいたい． また， huggingface/transformers による DistilBert の実装のドキュメンテーションは 公式ドキュメンテーション を参照のこと．
今回提供する Q-A ボットの Docker のソースコードは https://github.com/andatoshiki/toshiki-notebookblob/main/handson/qa-bot/docker/Dockerfile にある．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，以下のような設計である．
  • クライアントは，質問を AWS 上のアプリケーションに送信する．
  • 質問のタスクは ECS によって処理される．
  • ECS は， Docker Hub から，イメージをダウンロードする．
  • 次に，ECS はクラスター内に新たな Fargate インスタンスを立ち上げ，ダウンロードされた Docker イメージをこの新規インスタンスに配置する．
    • このとき，一つの質問に対し一つの Fargate インスタンスを立ち上げることで，複数の質問を並列的に処理できるようにする．
  • ジョブが実行される．
  • ジョブの実行結果 (質問への回答) は， データベース (DynamoDB) に書き込まれる．
  • 最後に，クライアントは DynamoDB から質問への回答を読み取る．
それでは，プログラムのソースコードを見てみよう (handson/qa-bot/app.py)．
sh
class EcsClusterQaBot(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
-
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
-
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
-
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
-
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
class EcsClusterQaBot(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
-
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
-
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
-
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
-
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
  • ここでは，回答の結果を書き込むためのデータベースを用意している． DynamoDB については，サーバーレスアーキテクチャの章で扱うので，今は気にしなくてよい．
  • ここでは，ハンズオン #1, #2 で行ったのと同様に， VPC を定義している．
  • ここで， ECS のクラスター (cluster) を定義している． クラスターとは，仮想サーバーのプールのことであり，クラスターの中に複数の仮想インスタンスを配置する．
  • ここで，実行するタスクを定義している (task definition)．
  • ここで， タスクの実行で使用する Docker イメージを定義している．
ECS と Fargate ​
ECS と Fargate の部分について，コードをくわしく見てみよう．
sh
cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
-
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
-
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
-
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
-
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
cluster = の箇所で，空の ECS クラスターを定義している．
次に， taskdef=ecs.FargateTaskDefinition の箇所で， Fargate インスタンスを使ったタスクを定義しており，とくにここでは 1 CPU, 4GB RAM というマシンスペックを指定している． また，このようにして定義されたタスクは，デフォルトで 1 タスクにつき 1 インスタンスが使用される．
最後に， container = の箇所で，タスクの実行で使用する Docker image を定義している． ここでは， Docker Hub に置いてある image をダウンロードしてくるよう指定している．
このようにわずか数行のコードであるが，これだけで前述したような，タスクのスケジューリングなどが自動で実行される．
このコードで cpu=1024 と指定されているのに注目してほしい． これは CPU ユニットと呼ばれる数で， 以下の換算表に従って仮想 CPU (virtual CPU; vCPU) が割り当てられる． 1024 が 1 CPU に相当する． 0.25 や 0.5 vCPU などの数字は，それぞれ実効的に 1/4, 1/2 の CPU 時間が割り当てられることを意味する． また， CPU ユニットによって使用できるメモリー量も変わってくる． たとえば， 1024 CPU ユニットを選択した場合は， 2 から 8 GB の範囲でのみメモリー量を指定することができる． 最新の情報は 公式ドキュメンテーション "Amazon ECS on AWS Fargate" を参照のこと．
CPU　ユニットと 指定可能なメモリー量の換算表
CPU ユニット
メモリーの値
256 (.25 vCPU)
0.5 GB, 1 GB, 2 GB
512 (.5 vCPU)
1 GB, 2 GB, 3 GB, 4 GB
1024 (1 vCPU)
2 GB, 3 GB, 4 GB, 5 GB, 6 GB, 7 GB, 8 GB
2048 (2 vCPU)
Between 4 GB and 16 GB in 1-GB increments
4096 (4 vCPU)
Between 8 GB and 30 GB in 1-GB increments
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． SSH によるログインの必要がないので，むしろ単純なくらいである． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックの中身を確認してみよう． コンソールから，ECS のページに行くと figure_title のような画面が表示されるはずである． EcsClusterQaBot-XXXX という名前ついたクラスターを見つけよう．
Cluster というのが，先ほど説明したとおり，複数の仮想インスタンスを束ねる一つの単位である． figure_title で， FARGATE という文字の下に 0 Running tasks, 0 Pending tasks と表示されていることを確認しよう． この時点では一つもタスクが走っていないので，数字はすべて 0 になっている．
ECS コンソール画面
続いて，この画面の左のメニューバーから Task Definitions という項目を見つけ，クリックしよう． 移動した先のページで EcsClusterQaBotEcsClusterQaBotTaskDefXXXX という項目が見つかるので，開く． 開いた先のページをスクロールすると figure_title に示したような情報が見つかるだろう． 使用する CPU ・メモリーの量や， Docker container の実行に関する設定などが，この Task Definition の画面から確認することができる．
Task definition の確認
タスクの実行 ​
それでは，質問をデプロイしたクラウドに提出してみよう．
ECS にタスクを投入するのはやや複雑なので，タスクの投入を簡単にするプログラム (run_task.py) を用意した (handson/qa-bot/run_task.py)．
次のようなコマンドで，ECS クラスターに新しい質問を投入することができる．
sh
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
run_task.py を実行するには， コマンドラインで AWS の認証情報が設定されていることが前提である．
"ask" の引数に続き，文脈 (context) と質問 (question) を引数として渡している．
このコマンドを実行すると， "Waiting for the task to finish…" と出力が表示され，回答を得るまでしばらく待たされる． この間， AWS では ECS がタスクを受理し，新しい Fargate のインスタンスを起動し， Docker イメージをそのインスタンスに配置する，という一連の処理がなされている． AWS コンソールから，この一連の様子をモニタリングしてみよう．
先ほどの ECS コンソール画面にもどり，クラスターの名前をクリックすることで，クラスターの詳細画面を開く． 次に， "Tasks" という名前のタブがあるので，それを開く (figure_title)． すると，実行中のタスクの一覧が表示されるだろう．
ECS のタスクの実行状況をモニタリング
figure_title で見て取れるように， "Last status = Pending" となっていることから，この時点では，タスクを実行する準備をしている段階である，ということがわかる． Fargate のインスタンスを起動し， Docker image を配置するまでおよそ 1-2 分の時間がかかる．
しばらく待つうちに， Status が "RUNNING" に遷移し，計算が始まる． 計算が終わると， Status は "STOPPED" に遷移し， ECS によって Fargate インスタンスは自動的にシャットダウンされる．
figure_title の画面から， "Task" の列にあるタスク ID クリックすることで，タスクの詳細画面を開いてみよう (figure_title)． "Last status", "Platform version" など，タスクの情報が表示されている． また， "Logs" のタブを開くことで，コンテナの吐き出した実行ログを閲覧することができる．
質問タスクの実行結果
さて， run_task.py を実行したコマンドラインに戻ってきてみると， figure_title のような出力が得られているはずである． "Momotaro" という正しい回答が返ってきている！
質問タスクの実行結果
タスクの同時実行 ​
さて，先ほどはたった一つの質問を投入したわけだが，今回設計したアプリケーションは， ECS と Fargate を使うことで同時にたくさんの質問を処理することができる． 実際に，たくさんの質問を一度に投入してみよう． run_task.py に ask_many というオプションを付けることで，複数の質問を一度に送信できる． 質問の内容は handson/qa-bot/problems.json に定義されている．
次のようなコマンドを実行しよう．
sh
$ python run_task.py ask_many
$ python run_task.py ask_many
このコマンドを実行した後で，先ほどの ECS コンソールに行き，タスクの一覧を見てみよう (figure_title)． 複数の Fargate インスタンスが起動され，タスクが並列に実行されているのがわかる．
複数の質問タスクを同時に投入する
すべてのタスクのステータスが "STOPPED" になったことを確認した上で，質問への回答を取得しよう． それには，次のコマンドを実行する．
sh
$ python run_task.py list_answers
$ python run_task.py list_answers
結果として， figure_title のような出力が得られるだろう． 複雑な文章問題に対し，高い正答率で回答できていることがわかるだろう．
 の実行結果
おめでとう！ ここまでついてこれた読者はとても初歩的ながらも，深層学習による言語モデルを使って自動で質問への回答を生成するシステムを創り上げることができた！ それも，数百の質問にも同時に対応できるような，とても高いスケーラビリティーをもったシステムである！ 今回は GUI (Graphical User Interface) を用意することはしなかったが，このシステムに簡単な GUI を追加すればなかなか立派なウェブサービスとして運用できるだろう．
run_task.py で質問を投入し続けると，回答を記録しているデータベースにどんどんエントリーが溜まっていく． これらのエントリーをすべて消去するには，次のコマンドを使う．
sh
$ python run_task.py clear
$ python run_task.py clear
スタックの削除 ​
これにて，今回のハンズオンは終了である． 最後にスタックを削除しよう．
スタックを削除するには，前回までと同様に， AWS コンソールにログインし CloudFormation の画面から DELETE ボタンをクリックするか，コマンドラインからコマンドを実行する． コマンドラインから行う場合は，次のコマンドを使用する．
sh
$ cdk destroy
$ cdk destroy
Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する ​
ハンズオン第三回では， ECS と Fargate を使って自動質問回答システムを構築した． シンプルながらも，複数の質問が送られた場合には並列にジョブが実行され，ユーザーに答えが返されるシステムを作ることができた． ここでは，すでに学習済みの言語モデルを用いてアプリケーションを構築した． しかし，一般的に言って，機械学習のワークフローでは自分で作ったモデルを訓練することが最初のステップにあるはずである． そこで，ハンズオン第四回では，クラウドを用いて機械学習の訓練を並列化・高速化することを考える．
本ハンズオンでは深層学習におけるハイパーパラメータ最適化を取り上げる． ハイパーパラメータとは，勾配降下法によって最適化されるニューラルネットのパラメータの外にあるパラメータのことであり，具体的にはモデルの層の幅・深さなどネットワークのアーキテクチャに関わるもの，学習率やモメンタムなどパラメータの更新則に関わるものなどが含まる． 深層学習においてハイパーパラメータの調整はとても重要なタスクである． しかしながら，ハイパーパラメータを調整するには，少しずつ条件を変えながら何度もニューラルネットを学習させる必要があり，多くの計算時間がかかる． 研究・開発においては，スループットよくたくさんのモデルの可能性を探索することが生産性を決める重要なファクターであり，ハイパーパラメータ探索を高速に解くという問題は極めて関心が高い． 本ハンズオンでは，クラウドの強力な計算リソースを利用して並列的にニューラルネットの訓練を実行することで，この問題を解く方法を学んでいこう．
Auto scaling groups (ASG) ​
ハンズオンに入っていく前に， Auto scaling groups (ASG) とよばれる EC2 の概念を知っておく必要がある．
ECS の概要を示した figure_title を振り返って見てほしい． 前章 (Hands-on #3: AWS で自動質問回答ボットを走らせる) でも説明したが， ECS のクラスターで計算を担う実体としては EC2 と Fargate を指定することができる． Fargate については前章で記述した． Fargate を用いると，自在にスケールする計算環境をとても簡単な設定で構築することができた． しかし， GPU を利用することができないなど，いくつかの制約があった． EC2 を使用した計算環境を指定することで，プログラミングの複雑度は増すが， GPU やその他のより高度かつ複雑な設定を伴ったクラスターを構築することができる．
EC2 クラスターには ASG と呼ばれるサービスが配置される． ASG は複数の EC2 インスタンスをロジカルな単位でグループ化することでクラスターを構成する． ASG はクラスター内に新しいインスタンスを起動する，あるいは不要になったインスタンスを停止するなどのスケーリングを担う． ASG で重要な概念として， desired capacity, minimum capacity, maximum capacity というパラメータがある． minimum capacity， maximum capacity は，それぞれクラスター内に配置できるインスタンスの数の最小値・最大値を指定するパラメータである． 前者は，クラスターに負荷がかかっていない場合でもアイドリング状態にあるインスタンスを維持することで，急に負荷が増大した時などのバッファーとして作用することができる． 後者は，負荷が急に増えたときに，過剰な数のインスタンスが起動する事態を防ぎ，経済的なコストの上限を定める役割を果たす．
desired capacity が，その時々でシステムが要求するインスタンスの数を指定する． desired capacity は，例えば 24 時間のリズムに合わせてインスタンスの数を増減させる (昼は多く夜は少なくなど) などの決まったスケジュールに基づいた設定を適用することができる． あるいはクラスター全体にかかっている負荷に応じて， desired capacity を動的に制御することも可能である． どのような基準でクラスターのスケーリングを行うかを定めるルールのことを，スケーリングポリシーとよぶ． たとえば，クラスター全体の稼働率 (負荷) を常に 80% に維持する，などのスケーリングポリシーが想定できる． この場合，クラスター全体の負荷が 80%を下回ったときにはクラスターからインスタンスが削除され，80%を超える (あるいは超えると予測される) 場合はインスタンスを追加する，という操作が ASG によって自動的に行われる．
上記のようなパラメータを検討し，ユーザーは ASG を作成する． ASG を作成したのち， ECS との連携をプログラムしてあげることで， ECS を介して ASG による EC2 クラスターにタスクを投入することが可能になる．
AWS Batch ​
AWS Batch のアイコン
先に説明したように， ECS と ASG を組み合わせることで，所望の計算クラスターを構築することが可能である． しかしながら， ECS と ASG にはかなり込み入った設定が必要であり，初心者にとっても経験者にとってもなかなか面倒なプログラミングが要求される． そこで， ECS と ASG によるクラスターの設計を自動化してくれるサービスが提供されている． それが AWS Batch である．
AWS Batch はその名のとおりバッチ (Batch) 化されたジョブ (入力データだけが異なる独立した演算が繰り返し実行されること) を想定している． 多くの科学計算や機械学習がバッチ計算に当てはまる． たとえば，初期値のパラメータを変えて複数のシミュレーションを走らせる，といったケースだ． AWS Batch を用いることの利点は，クラスターのスケーリングやジョブの割り振りはすべて自動で実行され， ユーザーはクラウドの舞台裏の詳細を気にすることなく，大量のジョブを投入できるシステムが手に入る点である． が，知識として背後では ECS/ASG/EC2 の三つ巴が協調して動作しているという点は知っておいてほしい．
AWS Batch では，ジョブの投入・管理をスムーズに行うため，次のような概念が定義されている (figure_title)． まず， ジョブ (Job) というのが，AWS Batch によって実行される一つの計算の単位である． Job definitions とはジョブの内容を定義するものであり，これには実行されるべき Docker のイメージのアドレスや，割り当てる CPU・RAM の容量，環境変数などの設定が含まれる． Job definition に基づいて個々のジョブが実行される． ジョブが実行されると，ジョブは Job queues に入る． Job queues とは，実行待ち状態にあるジョブの列のことであり，時間的に最も先頭に投入されたジョブが最初に実行される． また，複数の queue を配置し， queue ごとに priority (優先度) を設定することが可能であり， priority の高い queue に溜まったジョブが優先的に実行される (筆者はこれをディズニーランドの"ファストパス"を連想して捉えている)． Compute environment とは，先述したクラスターとほぼ同義の概念であり，計算が実行される場所 (EC2 や Fargate からなるクラスター) を指す． Compute environment には，使用する EC2 のインスタンスタイプや同時に起動するインスタンス数の上限などの簡易なスケーリングポリシーが指定されている． Job queues は Compute environment の空き状況を監視しており， それに応じてジョブを Compute environment に投下する．
以上が AWS Batch を使用するうえで理解しておかなければならない概念であるが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは，実際に自分で手を動かしながら学んでいこう．
AWS Batch の主要な概念
EC2 or Fargate?
ECS でクラスターを構成する際，計算を実行する場として EC2 と Fargate の二つの選択肢があることを説明した． それぞれ長所と短所を抱えているのだが，どのような場合にどちらを使うべきだろうか？ それを検討するため，まずは table_title を見てみよう． これは EC2 と Fargate の特徴をまとめたものである． 説明の都合上，大幅な粗視化が行われている点は留意していただきたい．
EC2 vs Fargate
EC2Fargate
Compute capacity
Medium to large
Small to medium
GPU
Yes
No
Launch speed
Slow
Fast
Task placement flexibility
Low
High
Programming complexity
High
Low
これまでに見てきたように， EC2 は最大の CPU 数・メモリーサイズが大きかったり， GPU を利用できたりするなど，単一のインスタンスでの計算能力は高い． 対して， Fargate は単一インスタンスの最大 CPU 数は 4 コアが上限である． その一方で，インスタンスの起動に要する時間は Fargate のほうが圧倒的に早く，より俊敏にクラスターのスケーリングを行うことができる． また，タスクをクラスターに投入する際のフレキシビリティも Fargate のほうが高い． フレキシビリティというのは，例えば一つのインスタンスで 2 つ以上のコンテナを走らせる，などの状況である． 単位 CPU あたりで処理されるタスクの数を最大化する際には，このような設計がしばしば採用される． プログラミングの複雑さという観点からは， Fargate のほうが一般的にシンプルな実装になる．
このように， EC2 と Fargate は互いに相補的な特性を有しており，アプリケーションによって最適な計算環境は検討される必要がある． また，EC2 と Fargate を両方用いたハイブリッドクラスターというのも定義可能であり，そのような選択肢もしばしば用いられる．
準備 ​
ハンズオンのソースコードは GitHub の handson/aws-batch にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，アメリカ東部 (us-east-1) リージョンでは 0.526 $/hour のコストが発生する． 東京 (ap-northeast-1) を選択した場合は 0.71 $/hour のコストが発生する．
準備 でも注意したが，このハンズオンを始める前に G タイプインスタンスの起動上限を AWS コンソールの EC2 管理画面から確認しよう． もし上限が 0 になっていた場合は，上限緩和の申請を行う必要がある． アプリケーションの説明 にも関連した情報を記載しているので，併せて参照されたい．
MNIST 手書き文字認識 (再訪) ​
今回のハンズオンでは，機械学習のハイパーパラメータ調整を取り上げると冒頭で述べた． その最もシンプルな例題として， 実践ディープラーニング! MNIST 手書き数字認識タスク で扱った MNIST 手書き文字認識の問題を再度取り上げよう． 実践ディープラーニング! MNIST 手書き数字認識タスク では，適当にチョイスしたハイパーパラメータを用いてモデルの訓練を行った． ここで使用したプログラムのハイパーパラメータとしては，確率的勾配降下法 (SGD) における学習率やモメンタムが含まれる． コードでいうと，次の行が該当する．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
ここで使用された 学習率 (lr=0.01) やモメンタム (momentum=0.5) は恣意的に選択された値であり，これがベストな数値であるのかはわからない． たまたまこのチョイスが最適であるかもしれないし，もっと高い精度を出すハイパーパラメータの組が存在するかもしれない． この問題に答えるため，ハイパーパラメータサーチを行おう． 今回は，最もシンプルなアプローチとして，グリッドサーチによるハイパーパラメータサーチを行おう．
機械学習のハイパーパラメータの最適化には大きく３つのアプローチが挙げられる． グリッドサーチ，ランダムサーチ，そしてベイズ最適化による方法である．
グリッドサーチとは，ハイパーパラメータの組をある範囲の中で可能な組み合わせをすべて計算し，最適なパラメータの組を見出す方法である． 最もシンプルかつ確実な方法であるが，すべての組み合わせの可能性を愚直に計算するので計算コストが大きい．
ランダムサーチ法とは，ハイパーパラメータの組をある範囲の中でランダムに抽出し，大量に試行されたランダムな組の中から最適なパラメータの組を見出す方法である． すべての可能性を網羅的に探索できるわけではないが，調整すべきパラメータの数が多数ある場合に，グリッドサーチよりも効率的に広い探索空間をカバーすることができる．
ベイズ最適化を用いた方法では，過去の探索結果から次にどの組み合わせを探索すべきかという指標を計算し，次に探索するパラメータを決定する． これにより，理論的にはグリッドサーチやランダムサーチ法よりも少ない試行回数で最適なパラメータにたどり着くことができる．
並列化の観点でいうと，グリッドサーチとランダムサーチは各ハイパーパラメータの組の計算は独立に実行することができるため並列化が容易である． このように独立したジョブとして分割・並列化可能な問題を Embarrassingly parallel な問題とよぶ (直訳すると"恥ずかしいほど並列化可能な問題"，ということになる)． Embarrassingly parallel な問題はクラウドの強力な計算リソースを用いることで，非常なシンプルな実装で解くことができる． この章ではこのようなタイプの並列計算を取り上げる．
一方，ベイズ最適化による方法は，過去の結果をもとに次の探索が決定されるので，並列化はそれほど単純ではない． 最近では optuna などのハイパーパラメータ探索のためのライブラリが発達しており，ベイズ最適化の数理的な処理を自動で実行してくれるので便利である． これらのライブラリを使うと，もし一台のコンピュータ (ノード) の中に複数の GPU が存在する場合は，並列に計算を実行することができる． しかしながら，一台のノードにとどまらず，複数のノードをまたいだ並列化は，高度なプログラミングテクニックが必要とされるだけでなく，ノード間の接続様式などクラウドのアーキテクチャにも深く依存するものである． 本書ではここまで高度なクラウドの使用方法には立ち入らない．
まずは，本ハンズオンで使用する Docker イメージをローカルで実行してみよう．
Docker イメージのソースコードは handson/aws-batch/docker にある． 基本的に 実践ディープラーニング! MNIST 手書き数字認識タスク のハンズオンを元にし，本ハンズオン専用の軽微な変更が施してある． 興味のある読者はソースコードも含めて読んでいただきたい．
練習として，この Docker イメージを手元でビルドするところからはじめてみよう． Dockerfile が保存されているディレクトリに移動し， mymnist という名前 (Tag) をつけてビルドを実行する．
sh
$ cd handson/aws-batch/docker
-$ docker build -t mymnist .
$ cd handson/aws-batch/docker
-$ docker build -t mymnist .
docker build でエラーが出たときは次の可能性を疑ってほしい． ビルドの中で， MNIST の画像データセットを http://yann.lecun.com/exdb/mnist/ からダウンロードするのだが，ダウンロード先のサーバーがしばしばダウンしている． 世界中の機械学習ユーザーがアクセスするので，これはしばしば発生するようである． サーバーがダウンしているとビルドも失敗してしまう． エラーメッセージにそれらしい文言が含まれていたら，この可能性を疑おう．
手元でビルドするかわりに， Docker Hub から pull することも可能である． その場合は次のコマンドを実行する．
sh
$ docker pull tomomano/mymnist:latest
$ docker pull tomomano/mymnist:latest
イメージの準備ができたら，次のコマンドでコンテナを起動し， MNIST の学習を実行する．．
sh
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
このコマンドを実行すると，指定したハイパーパラメータ (--lr で与えられる学習率と --momentum で与えられるモメンタム) を使ってニューラルネットの最適化が始まる． 学習を行う最大のエポック数は --epochs パラメータで指定する． Hands-on #2: AWS でディープラーニングを実践 のハンズオンで見たような， Loss の低下がコマンドライン上に出力されるだろう (figure_title)．
Docker を実行した際の出力
上に示したコマンドを使うと，計算は CPU を使って実行される． もし，ローカルの計算機に GPU が備わっており， nvidia-docker の設定が済んでいるならば， 次のコマンドにより GPU を使って計算を実行できる．
sh
$ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
このコマンドでは，--gpus all というパラメータが加わった．
CPU/GPU どちらで実行した場合でも，エポックを重ねるにつれて訓練データ (Train データ) の Loss は単調に減少していくのが見て取れるだろう． 一方，検証データ (Validation データ) の Loss および Accuracy は，ある程度まで減少した後，それ以上性能が向上しないことに気がつくだろう． これを実際にプロットしてみると figure_title のようになるはずである．
(左) Train/Validation データそれぞれの Loss のエポックごとの変化． (右) Validation データの Accuracy のエポックごとの変化
これはオーバーフィッティングとよばれる現象で，ニューラルネットが訓練データに過度に最適化され，訓練データの外のデータに対しての精度 (汎化性能) が向上していないことを示している． このような場合の対処法として， Early stopping とよばれるテクニックが知られている． Early stopping とは，検証データの Loss を追跡し，それが減少から増加に転じるエポックで学習をうち止め，そのエポックでのウェイトパラメータを採用する，というものである． 本ハンズオンでも， Early stopping によって訓練の終了を判断し，モデルの性能評価を行っていく．
MNIST 手書き文字データセットでは，訓練データとして 60,000 枚，テストデータとして 10,000 枚の画像が与えられている． 本ハンズオンで使用するコードでは，訓練データのうち 80% の 48,000 枚を訓練データとして使用し，残り 20% の 12,000 枚を検証データとして用いている． 詳しくはソースコードを参照のこと．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントは，あるハイパーパラメータの組を指定して Batch にジョブを提出する
  • Batch はジョブを受け取ると， EC2 からなるクラスターで計算を実行する
  • クラスター内では g4dn.xlarge インスタンスが起動する
  • Docker イメージは， AWS 内に用意された ECR (Elastic Container Registry) から取得される
  • 複数のジョブが投下された場合は，その数だけのインスタンスが起動し並列に実行される
  • 各ジョブによる計算の結果は S3 に保存される
  • 最後にクライアントは S3 から結果をダウンロードし，最適なハイパーパラメータの組を決定する
それでは，プログラムのソースコードを見てみよう (handson/aws-batch/app.py)．
python
class SimpleBatch(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
-
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
-
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
-
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
-
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
-
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
-
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
class SimpleBatch(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
-
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
-
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
-
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
-
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
-
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
-
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
  • で，計算結果を保存するための S3 バケットを用意している
  • で， Compute environment を定義している． ここでは g4dn.xlarge のインスタンスタイプを使用するとし，最大の vCPU 使用数は 64 と指定している． また，最小の vCPU は 0 である． 今回は，負荷がかかっていないときにアイドリング状態にあるインスタンスを用意する利点は全くないので，ここは 0 にするのが望ましい．
  • で， <2> で作成した Compute environment と紐付いた Job queue を定義している．
  • で，ジョブが計算結果を S3 に書き込むことができるよう， IAM ロールを定義している． (IAM とはリソースがもつ権限を管理する仕組みである．詳しくは AWS における権限の管理 (IAM) を参照)
  • では， Docker image を配置するための ECR を定義している．
  • で Job definition を作成している． ここでは，4 vCPU， 12000 MB (=12GB) の RAM を使用するように指定している． また，今後必要となる環境変数 (BUCKET_NAME) を設定している． さらに， <4> で作った IAM を付与している．
g4dn.xlarge は 1 台あたり 4 vCPU が割り当てられている． このプログラムでは Compute environment の maximum vCPUs を 64 と指定しているので，最大で 16 台のインスタンスが同時に起動することになる． ここで maxium vCPUs を 64 に限定しているのは，なんらかのミスで意図せぬジョブを大量にクラスターに投入してしまった事態で，高額の AWS 利用料金が発生するのを防ぐためである． もし，自分のアプリケーションで必要と判断したならば自己責任において 64 よりも大きな数を設定して構わない．
ここで注意が一点ある． AWS では各アカウントごとに EC2 で起動できるインスタンスの上限が設定されている． この上限は AWS コンソールにログインし， EC2 コンソールの左側メニューバーの Limits をクリックすることで確認できる (figure_title)． g4dn.xlarge (EC2 の区分でいうと G ファミリーに属する) の制限を確認するには， Running On-Demand All G instances という名前の項目を見る． ここにある数字が， AWS によって課されたアカウントの上限であり，この上限を超えたインスタンスを起動することはできない． もし，自分の用途に対して上限が低すぎる場合は，上限の緩和申請を行うことができる． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
EC2コンソールから各種の上限を確認する
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されたことが確認できたら，AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールの検索バーで batch と入力し， AWS Batch の管理画面を開く (figure_title)．
AWS Batch のコンソール画面 (ダッシュボード)
まず目を向けてほしいのが，画面の一番下にある Compute environment overview の中の SimpleBatchcompute-env という名前の項目だ． Compute environment とは，先ほど述べたとおり，計算が実行される環境 (クラスターと読み替えてもよい) である． プログラムで指定したとおり， g4dn.xlarge が実際に使用されるインスタンスタイプとして表示されている． また， Minimum vCPUs が 0，Maximum vCPUs が 64 と設定されていることも見て取れる． 加えて，この時点では一つもジョブが走っていないので， Desired vCPUs は 0 になっている． より詳細な Compute environment の情報を閲覧したい場合は，名前をクリックすることで詳細画面が開く．
次に，Job queue overview にある SimpleBatch-queue という項目に注目してほしい． ここでは実行待ちのジョブ・実行中のジョブ・実行が完了したジョブを一覧で確認することができる． PENDING, RUNNING, SUCCEEDED, FAILED などのカラムがあることが確認できる．ジョブが進行するにつれて，ジョブの状態がこのカラムにしたがって遷移していく． 後でジョブを実際にサブミットしたときに戻ってこよう．
最後に，今回作成した Job definition を確認しよう． 左側のメニューから　Job definitions を選択し，次の画面で SimpleBatchjob-definition という項目を見つけて開く． ここから Job definition の詳細を閲覧することができる (figure_title)． 中でも重要な情報としては，　vCPUs, Memory, GPU がそれぞれ Docker に割り当てられる vCPU・メモリー・ GPU の量を規定している． また， Image と書いてあるところに，ジョブで使用される Docker イメージが指定されている． ここでは， ECR のレポジトリを参照している． 現時点ではこの ECR は空である． 次のステップとして，この ECR にイメージを配置する作業を行おう．
AWS Batch から Job definition を確認
Docker image を ECR に配置する ​
さて， Batch がジョブを実行するには，どこか指定された場所から Docker イメージをダウンロード (pull) してくる必要がある． 前回のハンズオン (Hands-on #3: AWS で自動質問回答ボットを走らせる) では，公開設定にしてある Docker Hub からイメージを pull してきた． 今回のハンズオンでは， AWS から提供されているレジストリである ECR (Elastic Container Registry) に image を配置するという設計を採用する． ECR を利用する利点は，自分だけがアクセスすることのできるプライベートなイメージの置き場所を用意できる点である． Batch は ECR からイメージを pull してくることで，タスクを実行する (figure_title)．
スタックのソースコードでいうと，次の箇所が ECR を定義している．
python
#
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
-
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
#
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
-
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
  • で，新規の ECR を作成している．
  • で Job definition を定義する中で，イメージを <1> で作った ECR から取得するように指定している． これと同時に， Job definition には ECR へのアクセス権限が IAM を通じて自動的に付与される．
さて，スタックをデプロイした時点では， ECR は空っぽである． ここに自分のアプリケーションで使う Docker イメージを push してあげる必要がある．
そのために，まずは AWS コンソールから ECR の画面を開こう (検索バーに Elastic Container Registry と入力すると出てくる)． Private というタブを選択すると， simplebatch-repositoryXXXXXX という名前のレポジトリが見つかるだろう (figure_title)．
ECR のコンソール画面
次に，このレポジトリの名前をクリックするとレポジトリの詳細画面に遷移する． そうしたら，画面右上にある View push commands というボタンをクリックする． すると figure_title のようなポップアップ画面が立ち上がる．
ECR への push コマンド
このポップアップ画面で表示されている四つのコマンドを順番に実行していくことで，手元の Docker イメージを ECR に push することができる． push を実行する前に， AWS の認証情報が設定されていることを確認しよう． そのうえで，ハンズオンのソースコードの中にある docker/ という名前のディレクトリに移動する． そうしたら，ポップアップ画面で表示されたコマンドを上から順に実行していく．
ポップアップで表示されるコマンドの 2 つめを見てみると docker build -t XXXXX . となっている． 最後の . が重要で，これは 現在のディレクトリにある Dockerfile を使ってイメージをビルドせよ という意味である． このような理由で， Dockerfile が置いてあるディレクトリに移動する必要がある．
四つ目のコマンドは，数 GB あるイメージを ECR にアップロードするので少し時間がかかるかもしれないが，これが完了するとめでたくイメージが ECR に配置されたことになる． もう一度 ECR のコンソールを見てみると，確かにイメージが配置されていることが確認できる (figure_title)． これで，AWS Batch を使ってジョブを実行させるための最後の準備が完了した．
ECR へ image の配置が完了した
単一のジョブを実行する ​
さて，ここからは実際に AWS Batch にジョブを投入する方法を見ていこう．
ハンズオンのディレクトリの notebook/ というディレクトリの中に， run_single.ipynb というファイルが見つかるはずである (.ipynb は Jupyter notebook のファイル形式)． これを Jupyter notebook から開こう．
今回のハンズオンでは， venv による仮想環境の中に Jupyter notebook もインストール済みである． なので，ローカルマシンから以下のコマンドで Jupyter notebook を立ち上げる．
sh
# .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
# .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
Jupyter notebook が起動したら， run_single.ipynb を開く．
最初の [1], [2], [3] 番のセルは，ジョブをサブミットするための関数 (submit_job()) を定義している．
python
# [1]
-import boto3
-import argparse
-
-# [2]
-# AWS 認証ヘルパー ...省略...
-
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
-
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
# [1]
-import boto3
-import argparse
-
-# [2]
-# AWS 認証ヘルパー ...省略...
-
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
-
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
submit_job() 関数について簡単に説明しよう． MNIST 手書き文字認識 (再訪) で， MNIST の Docker をローカルで実行したとき，次のようなコマンドを使用した．
sh
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
ここで， --lr 0.1 --momentum 0.5 --epochs 10 の部分が，コンテナに渡されるコマンドである．
AWS Batch でジョブを実行する際も，ContainerOverrides の command というパラメータを使用することで，コンテナに渡されるコマンドを指定することができる． コードでは以下の部分が該当する．
python
containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
続いて， [4] 番のセルに移ろう． ここでは，上記の submit_job() 関数を用いて， 学習率 = 0.01, モメンタム=0.1, エポック数=100 を指定したジョブを投入する．
python
# [4]
-submit_job(0.01, 0.1, 100)
# [4]
-submit_job(0.01, 0.1, 100)
AWS の認証情報は， Jupyter Notebook の内部から再度定義する必要がある． これを手助けするため， Notebook の [2] 番のセル (デフォルトではすべてコメントアウトされている) を用意した． これを使うにはコメントアウトを解除すればよい． このセルを実行すると， AWS の認証情報を入力する対話的なプロンプトが表示される． プロンプトに従って aws secret key などを入力することで， (Jupyter のセッションに固有な) 環境変数に AWS の認証情報が記録される．
もう一つの認証方法として， submit_job() 関数に profile_name というパラメータを用意した． もし ~/.aws/credentials に認証情報が書き込まれているのならば (詳しくは AWS CLI のインストール)， profile_name に使用したいプロファイルの名前を渡すだけで， 認証を行うことができる． 慣れている読者は後者のほうが便利であると感じるだろう．
[4] 番のセルを実行したら，ジョブが実際に投入されたかどうかを AWS コンソールから確認してみよう． AWS Batch の管理コンソールを開くと， figure_title のような画面が表示されるだろう．
AWS Batch でジョブが実行されている様子
figure_title で赤で囲った箇所に注目してほしい． 一つのジョブが投入されると，それは SUBMITTED という状態を経て RUNNABLE という状態に遷移する． RUNNABLE とは， ジョブを実行するためのインスタンスが Compute environment に不足しているため，新たなインスタンスが起動されるのを待っている状態に相当する． インスタンスの準備が整うと，ジョブの状態は STARTING を経て RUNNING に至る．
次に，ジョブのステータスが RUNNING のときの Compute environment の Desired vCPU を見てみよう (figure_title で紫で囲った箇所)． ここで 4 と表示されているのは， g4dn.xlarge インスタンス一つ分の vCPU の数である． ジョブの投入に応じて，それを実行するのに最低限必要な EC2 インスタンスが起動されたことが確認できる (興味のある人は， EC2 コンソールも同時に覗いてみるとよい)．
しばらく経つと，ジョブの状態は RUNNING から SUCCEEDED (あるいは何らかの理由でエラーが発生したときには FAILED) に遷移する． 今回のハンズオンで使っている MNIST の学習はだいたい 10 分くらいで完了するはずである． ジョブの状態が SUCCEEDED になるまで見届けよう．
ジョブが完了すると，学習の結果 (エポックごとの Loss と Accuracy を記録した CSV ファイル) は S3 に保存される． AWS コンソールからこれを確認しよう．
S3 のコンソールに行くと simplebatch-bucketXXXX (XXXX の部分はユーザーによって異なる) という名前のバケットが見つかるはずである． これをクリックして中身を見てみると， metrics_lr0.0100_m0.1000.csv という名前の CSV があることが確認できるだろう (figure_title)． これが， 学習率 = 0.01, モメンタム = 0.1 として学習を行ったときの結果である．
ジョブの実行結果は S3 に保存される
さて，ここで run_single.ipynb に戻ってこよう． [5] から [7] 番のセルでは，学習結果の CSV ファイルのダウンロードを行っている．
python
# [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
-
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
-
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
-
-    return df
-
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
# [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
-
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
-
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
-
-    return df
-
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
[6] で S3 から CSV データをダウンロードし， pandas の DataFrame オブジェクトとしてロードする関数を定義している． [7] を実行する際， bucket_name という変数の値を，自分自身のバケットの名前に置き換えることに注意しよう (先ほど S3 コンソールから確認した simplebatch-bucketXXXX のことである)．
続いて， [9] 番のセルで， CSV のデータをプロットしている (figure_title)． ローカルで実行したときと同じように， AWS Batch を用いて MNIST モデルを訓練することに成功した！
python
# [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
-
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
-
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
-
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
# [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
-
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
-
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
-
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
AWS Batch で行った MNIST モデルの学習の結果
並列に複数の Job を実行する ​
さて，ここからが最後の仕上げである． ここまでのハンズオンで構築した AWS Batch のシステムを使って，ハイパーパラメータサーチを実際に行おう．
先ほど実行した run_single.ipynb と同じディレクトリにある run_sweep.ipynb を開く．
セル [1], [2], [3] は run_single.ipynb と同一である．
python
# [1]
-import boto3
-import argparse
-
-# [2]
-# AWS 認証ヘルパー ...省略...
-
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
# [1]
-import boto3
-import argparse
-
-# [2]
-# AWS 認証ヘルパー ...省略...
-
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
セル [4] の for ループを使って，グリッド状にハイパーパラメータの組み合わせを用意し， batch にジョブを投入している． ここでは 3x3=9 個のジョブを作成した．
python
# [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
# [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
セル [4] を実行したら， Batch のコンソールを開こう． 先ほどと同様に，ジョブのステータスは SUBMITTED > RUNNABLE > STARTING > RUNNING と移り変わっていくことがわかるだろう． 最終的に 9 個のジョブがすべて RUNNING の状態になることを確認しよう (figure_title)． また，このとき Compute environment の Desired vCPUs は 4x9=36 となっていることを確認しよう (figure_title)．
複数のジョブを同時投入したときの Batch コンソール
次に，Batch のコンソールの左側のメニューから Jobs をクリックしてみよう． ここでは，実行中のジョブの一覧が確認することができる (figure_title)． ジョブのステータスでフィルタリングをすることも可能である． 9 個のジョブがどれも RUNNING 状態にあることが確認できるだろう．
複数のジョブを同時投入したときの Job 一覧
今度は EC2 コンソールを見てみよう． 左のメニューから Instances を選択すると， figure_title に示すような起動中のインスタンスの一覧が表示される． g4dn.xlarge が 9 台稼働しているのが確認できる． Batch がジョブの投下に合わせて必要な数のインスタンスを起動してくれたのだ！
複数のジョブを同時投入したときの EC2 インスタンスの一覧
ここまで確認できたら，それぞれの Job が終了するまでしばらく待とう (だいたい 10-15 分くらいで終わる)． すべてのジョブが終了すると，ダッシュボードの SUCCEEDED が 9 となっているはずだ． また， Compute environment の Desired vCPUs も 0 に落ちていることを確認しよう． 最後に EC2 コンソールに行って，すべての g4dn インスタンスが停止していることを確認しよう．
以上から， AWS Batch を使うことで，ジョブの投入に応じて自動的に EC2 インスタンスが起動され，ジョブの完了とともに，ただちにインスタンスの停止が行われる一連の挙動を観察することができた． 一つのジョブの完了におよそ 10 分の時間がかかるので，9 個のハイパーパラメータの組を逐次的に計算していた場合は 90 分の時間を要することになる． AWS Batch を使ってこれらの計算を並列に実行することで，ジョブ一個分の計算時間 (=10 分) ですべての計算を終えることができた！
さて，再び run_sweep.ipynb に戻ってこよう． [5] 以降のセルでは，グリッドサーチの結果を可視化している．
python
# [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
-
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
-
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
-
-    return df
-
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
-
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
-
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
-
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
# [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
-
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
-
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
-
-    return df
-
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
-
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
-
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
-
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
最終的に出力されるプロットが figure_title である．
ハイパーパラメータのグリッドサーチの結果
このプロットから，差は僅かであるが，学習率が 0.1 のときに精度は最大となることがわかる． また，学習率 0.1 のときはモメンタムを変えても大きな差は生じないことが見て取れる．
今回のパラメータサーチは勉強用に極めて単純化されたものである点は承知いただきたい．
たとえば，今回は学習率が 0.1 が最も良いとされたが，それは訓練のエポックを 100 に限定しているからかもしれない． 学習率が低いとその分訓練に必要なエポック数も多くなる． 訓練のエポック数をもっと増やせばまた違った結果が観察される可能性はある．
また，今回は MNIST の訓練データ 60,000 枚のうち， 48,000 枚を訓練データ，残り 12,000 枚を検証データとして用いた． この分割は乱数を固定してランダムに行ったが，もしこの分割によるデータのバイアスを気にするならば， k 個の異なる学習・検証データの分割をあらかじめ用意して，複数回モデルの評価を行う (k-fold cross-validation) 方法も，より精緻なアプローチとして考えられる．
以上のようにして， CNN を用いた MNIST 分類モデルのハイパーパラメータの最適化の一連の流れを体験した． AWS Batch を利用することで，比較的少ないプログラミングで，動的に EC2 クラスターを制御し，並列にジョブを処理するシステムが構築できた． ここまで EC2 を使いこなすことができれば，多くの問題を自力で解くことが可能になるだろう！
スタックの削除 ​
これにて，本ハンズオンは終了である．最後にスタックを削除しよう． 今回のスタックを削除するにあたり，ECR に配置された Docker のイメージは手動で削除されなければならない (これをしないと， cdk destroy を実行したときにエラーになってしまう． これは CloudFormation の仕様なので従うしかない)．
ECR の Docker image を削除するには， ECR のコンソールに行き，イメージが配置されたレポジトリを開く． そして，画面右上の DELETE ボタンを押して削除する (figure_title)．
ECR から Docker image を削除する
あるいは， AWS CLI から同様の操作を行うには，以下のコマンドを用いる (XXXX は自分の ECR レポジトリ名に置き換える)．
sh
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
image の削除が完了したうえで，次のコマンドでスタックを削除する．
sh
$ cdk destroy
$ cdk destroy
(#sec:batch_development_and_debug) === クラウドを用いた機械学習アプリケーションの開発とデバッグ
本章で紹介したハンズオンでは， AWS Batch を使用することでニューラルネットの学習を複数並列に実行し，高速化を実現した． 本章の最後の話題として，クラウドを用いた機械学習アプリケーションの開発とデバッグの方法について述べよう．
ローカルに GPU を搭載した強力なマシンがなく，クラウドを利用する予算が確保されているのであれば， figure_title のような開発のスキームが理想的であると考える． 最初の段階では， Hands-on #2: AWS でディープラーニングを実践 で見たような方法で， GPU 搭載型の EC2 インスタンスを作成し， Jupyter Notebook などのインタラクティブな環境で様々なモデルを試し実験を行う． Jupyter である程度アプリケーションが完成してきたタイミングで，作成したアプリケーションを Docker イメージにパッケージングする． そして， EC2 上で docker run を行い，作成したイメージがバグなく動作するか確認を行う． その次に，ハイパーパラメータの最適化などのチューニングを， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する のハンズオンで学んだ AWS Batch などの計算システムを利用して行う． よい深層学習モデルが完成したら，仕上げに大規模データへの推論処理を行うシステムを Hands-on #3: AWS で自動質問回答ボットを走らせる を参考に構築する．
実際，本書ではこの流れに沿って演習を進めてきた． MNIST タスクを解くモデルを，最初 Jupyter Notebook を使用して実験し，そのコードをほとんどそのまま Docker にパッケージし， AWS Batch を用いてハイパーパラメータサーチを行った． このサイクルを繰り返すことで，クラウドを最大限に活用した機械学習アプリケーションの開発を進めることができる．
クラウドを活用した機械学習アプリケーションの開発フロー
小括 ​
ここまでが，本書第二部の内容である． 第一部に引き続き盛りだくさんの内容であったが，ついてこれたであろうか？
第二部ではまず最初に，深層学習の計算をクラウドで実行するため， GPU 搭載型の EC2 インスタンスの起動について解説した． さらに，ハンズオンでは，クラウドに起動した仮想サーバーを使って MNIST 文字認識タスクを解くニューラルネットを訓練した (Hands-on #2: AWS でディープラーニングを実践)．
また，より大規模な機械学習アプリケーションを作るための手段として， Docker と ECS によるクラスターの初歩を説明した (Docker 入門)． その応用として，英語で与えられた文章問題への回答を自動で生成するボットをクラウドに展開した (Hands-on #3: AWS で自動質問回答ボットを走らせる)． タスクの投入に応じて動的に計算リソースが作成・削除される様子を実際に体験できただろう．
さらに， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する では AWS Batch を用いてニューラルネットの学習を並列に実行する方法を紹介した． ここで紹介した方法は，ミニマムであるが，計算機システムを大規模化していくためのエッセンスが網羅されている． これらのハンズオン体験から，クラウド技術を応用してどのように現実世界の問題を解いていくのか，なんとなくイメージが伝わっただろうか？
本書の第三部では，さらにレベルアップし，サーバーレスアーキテクチャという最新のクラウドの設計手法について解説する． その応用として，ハンズオンでは簡単な SNS サービスをゼロから実装する． 引き続きクラウドの最先端の世界を楽しんでいこう！
Web サービスの作り方 ​
ここからが，本書第三部の内容になる． これまでのセクションでは，仮想サーバーをクラウド上に起動し，そこで計算を走らせる方法について解説をしてきた． EC2, ECS, Fargate, Batch などを利用して，動的にスケールするクラスターを構成し，並列にタスクを実行するクラウドシステムを実装してきた． 振り返ると，これまで紹介してきた内容は，自分自身が行いたい計算をクラウドを駆使することで実現する，という用途にフォーカスしていたことに気がつくだろう． 一方で，広く一般の人々に使ってもらえるような計算サービス・データベースを提供する，というのもクラウドの重要な役割として挙げられる．
本章から始まる第三部では，前回までとは少し方向性を変え，どのようにしてクラウド上にアプリケーションを展開し，広く一般の人に使ってもらうか，という点を講義したいと思う． これを通じて，どのようにして世の中のウェブサービスができ上がっているのかを知り，さらにどうやって自分でそのようなアプリケーションをゼロから構築するのか，という点を学んでもらう． その過程で，サーバーレスアーキテクチャという最新のクラウド設計手法を解説する．
その前準備として，本章ではどのようにしてウェブサービスが出来上がっているのか，その背後にある技術の概要を解説する． 用語の解説が中心となるが，後のハンズオンを実装するために必須の知識であるので，理解して前に進むよう心がけよう．
ウェブサービスの仕組み  — Twitter を例に ​
あなたがパソコンやスマートフォンから Twitter, Facebook, YouTube などのウェブサービスにアクセスしたとき，実際にどのようなことが行われ，コンテンツが提示されているのだろうか？
HTTP を通じたサーバーとクライアントのデータのやり取りは，すでに知っている読者も多いだろうし，逆にすべて解説しようとすると紙面が足りないので，ここではエッセンスの説明のみにとどめる． 以降では Twitter を具体例として，背後にあるサーバーとクライアントの間の通信を概説しよう． 概念図としては figure_title のような通信がクライアントとサーバーの間で行われていることになる．
クライアントと Web サーバーの通信の概念図
前提として，クライアントとサーバーの通信は HTTP (Hypertext Transfer Protocol) を使って行われる． また，最近では，暗号化された HTTP である HTTPS (HTTPS (Hypertext Transfer Protocol Secure)) を用いることがスタンダードになってきている． 第一のステップとして，クライアントは HTTP(S) 通信によってサーバーから静的なコンテンツを取得する． 静的なコンテンツとは， HTML (Hyptertext Markup Language) で記述されたウェブページの文書本体， CSS (Cascading Style Sheets) で記述されたページのデザインやレイアウトファイル，そして JavaScript (JS) で記述されたページの動的な挙動を定義したプログラム，が含まれる． Twitter を含む現代的なウェブアプリケーションの設計では，この静的なファイル群はページの”枠”を定義するだけで，中身となるコンテンツ (例: ツイートの一覧) は別途 API (Application Programming Interface) によって取得されなければならない． そこで，クライアントは先のステップで取得された JavaScript で定義されたプログラムに従って，サーバーに API を送信し，ツイートや画像データを取得する． この際，テキストデータのやり取りには JSON (JavaScript Object Notation) というフォーマットが用いられることが多い． 画像や動画などのコンテンツも同様に API により取得される． このようにして取得されたテキストや画像が，HTML の文書に埋め込まれることで，最終的にユーザーに提示されるページが完成するのである． また，新しいツイートを投稿するときにも，クライアントから API を通じてサーバーのデータベースにデータが書き込まれる．
REST API ​
API (Application Programming Interface) とはこれまで何度も出てきた言葉であるが，ここではよりフォーマルな定義付けを行う． API とはあるソフトウェア・アプリケーションが，外部のソフトウェアに対してコマンドやデータをやり取りするための媒介の一般的総称である． とくに，ウェブサービスの文脈では，サーバーが外界に対して提示しているコマンドの一覧のことを意味する． クライアントは，提示されている API から適切なコマンドを使うことによって，所望のデータを取得したり，あるいはサーバーにデータを送信したりする．
とくに，ウェブの文脈では REST (Representational State Transfer) とよばれる設計思想に基づいた API が現在では最も一般的に使われている． REST の設計指針に従った API のことを REST API あるいは RESTful API とよんだりする．
REST API は， figure_title に示したような Method と URI (Universal Resource Identifier) の組からなる．
REST API
Method (メソッド) とは，どのような操作を行いたいかを抽象的に表す，"動詞" として捉えることができる． メソッドには HTTP 規格で定義された 9 個の動詞 (verb) を使用することができる． この中でも， GET, POST, PUT, PATCH, DELETE の 5 個が最も頻繁に使用される (table_title)． この 5 つのメソッドによる操作を総称して CRUD (create, read, update, and delete) とよぶ．
REST API Methods
メソッド意図される動作
GET
要素を取得する
POST
新しい要素を作成する
PUT
既存の要素を新しい要素と置き換える
PATCH
既存の要素の一部を更新する
DELETE
要素を削除する
一方， URI は操作が行われる対象，すなわち "目的語" を表す． ウェブの文脈では操作が行われる対象のことをしばしば リソース とよぶ． URI は多くの場合 http または https から始まるウェブサーバーのアドレスから始まり， / (スラッシュ) 以降に所望のリソースのパスが指定される． figure_title の例で言えば， https://api.twitter.com というアドレスの /1.1/status/home_timeline というリソースを取得 (GET) せよ，という意味になる (なお，ここで 1.1 という数字は API のバージョンを示している)． この API リクエストによって，ユーザーのホームのタイムラインのツイートの一覧が取得される．
REST API のメソッドには， table_title で挙げたもの以外に， HTTP プロトコルで定義されているほかのメソッド (OPTIONS, TRACE など) を用いることもできるが，あまり一般的ではない．
また，これらのメソッドだけでは動詞として表現しきれないこともあるが， URI の名前でより意味を明確にすることもある． メソッドの使い方も，要素を削除する際は必ず DELETE を使わなければならない，という決まりもなく，たとえば， Twitter API でツイートを消す API は POST statuses/destroy/:id で定義されている． 最終的には，各ウェブサービスが公開している API ドキュメンテーションを読んで，それぞれの API がどんな操作をするのかを調べる必要がある．
REST の概念は 2000 年代初頭に確立され，今日の API 設計のスタンダードとなった． 一方で，ウェブのテクノロジーが進歩するにつれて，新たな API の設計アプローチの需要も高まっている． 近年とくに人気を集めているのが， GraphQL と呼ばれる API の設計方法である． GraphQL は Facebook 社によって最初に作られ，現在は GraghQL Foundation によって維持と更新がされている． GraphQL を使用すると，クライアントは REST と比較してより柔軟性の高いデータのクエリを行うことができるなど，いくつかの利点がある． キーワードだけでも知っておくと，今後役に立つだろう．
Twitter API ​
もう少し具体的にウェブサービスの API を体験する目的で，ここでは Twitter の API を見てみよう． Twitter が提供している API の一覧は Twitter の Developer Documentation で見ることができる． いくつかの代表的な API を table_title にまとめた．
Twitter API
エンドポイント動作
GET statuses/home_timeline
ホームのタイムラインのツイートの一覧を取得する．
GET statuses/show/:id
:id で指定されたツイートの詳細情報を取得する．
GET search
ツイートの検索を実行する．
POST statuses/update
新しいツイートを投稿する．
POST media/upload
画像をアップロードする
POST statuses/destroy/:id
:id で指定されたツイートを削除する．
POST statuses/retweet/:id
:id で指定されたツイートをリツイートする．
POST statuses/unretweet/:id
:id で指定されたツイートのリツイートを取り消す．
POST favorites/create
選択したツイートを"いいね"する．
POST favorites/destroy
選択したツイートを"いいね"を取り消す．
この API リストをもとに， Twitter のアプリまたはウェブサイトを開いたときに起こるクライアントとサーバーの通信をシミュレートしてみよう．
ユーザーが Twitter を開くと，まず最初に GET statuses/home_timeline の API リクエストによって，ユーザーのホームのタイムラインのツイートのリストが取得される． 個々のツイートは JSON 形式のデータになっており， id, text, user, coordinates, entities などの属性を含む． id はツイートに固有な ID を表し， text はツイートの本文を含んでいる． user はツイートを投稿したユーザーの名前やプロフィール画像の URL などを含んだ JSON データになっている． coordinates にはツイートが発信された地理的な座標が記録されている． また， entities にはツイートに関連するメディアファイル (画像など) のリンクなどの情報が埋め込まれている． GET statuses/home_timeline からは直近のツイートのリスト (リストが長すぎる場合は途中で切られたもの) が取得される． もしツイートの ID を知っている場合は GET statuses/show/:id を呼ぶことによって， :id パラメータで指定された特定のツイートを取得することができる．
ツイートの検索を行うためには GET search API を使用する． この API には，ツイートに含まれる単語や，ハッシュタグ，ツイートの発信された日時や場所など，様々なクエリの条件を渡すことができる． API からは， GET statuses/home_timeline などと同様， JSON 形式のツイートのデータが返される．
ユーザーが新しいツイートを投稿するには POST statuses/update のエンドポイントを利用する． POST statuses/update には，ツイートの文章や，リプライの場合はリプライ先のツイートの ID などのデータを送信する． また，ツイートに画像データを添付したい場合は， POST media/upload を併せて使用する． ツイートの削除を行うには， POST statuses/destroy/:id を用いる．
そのほか，頻繁に行われる操作としては， POST statuses/retweet/:id と POST statuses/unretweet/:id がある． これらは， :id で指定されるツイートに対して，それぞれリツイートを実行あるいは取り消すための API である． また， POST favorites/create，POST favorites/destroy を使用することによって，選択されたツイートに"いいね"を追加したり，取り消したりする操作を行う．
このような一連の操作が， Twitter のアプリの背後では行われている． また，自分自身でボットを作成したい場合は，これらの API を適切に組み合わせ，カスタムのプログラムを書くことで実現される．
このように， API はあらゆるウェブサービスを作るうえで一番基礎となる要素である． 次からの章では本章で紹介した用語が何度も出てくるので，頭の片隅に置いたうえで読み進めていただきたい．
Serverless architecture ​
サーバーレスアーキテクチャ (Serverless architecture) あるいは サーバーレスコンピューティング (Serverless computing) とは，従来とは全く異なるアプローチに基づくクラウドシステムの設計方法である． 歴史的には， AWS が 2014 年に発表した Lamba がサーバーレスアーキテクチャの先駆けとされている． その後， Google や Microsoft などのクラウドプラットフォームも同様の機能の提供を開始している． サーバーレスアーキテクチャの利点は，スケーラブルなクラウドシステムを安価かつ簡易に作成できる点であり，近年いたるところで導入が進んでいる．
Serverless とは，文字どおりの意味としてはサーバーなしで計算をするということになるが，それは一体どういう意味だろうか？ サーバーレスについて説明するためには，まずは従来的な， "serverful" とよばれるようなシステムについて解説しなければならない．
Serverful クラウド (従来型) ​
従来的なクラウドシステムのスケッチを figure_title に示す． クライアントから送信されたリクエストは，最初に API サーバーに送られる． API サーバーでは，リクエストの内容に応じてタスクが実行される． タスクには，API サーバーだけで完結できるものもあるが，多くの場合，データベースの読み書きが必要である． データベースには，データベース専用の独立したサーバーマシンが用いられることが一般的である． また，画像や動画などの容量の大きいデータは，また別のストレージサーバーに保存されることが多い． これらの API サーバー，データベースサーバー，ストレージサーバーはそれぞれ独立したサーバーマシンであり， AWS の言葉では EC2 による仮想インスタンスを想定してもらったらよい．
多くのウェブサービスでは，多数のクライアントからのリクエストを処理するため，複数のサーバーマシンがクラウド内で起動し，負荷を分散するような設計がなされている． クライアントから来たリクエストを計算容量に余裕のあるサーバーに振り分けるような操作を Load balancing とよび，そのような操作を担当するマシンのことを Load balancer という．
計算負荷を分散する目的で多数のインスタンスを起動するのはよいのだが，計算負荷が小さすぎてアイドリング状態にあるようではコストと電力の無駄遣いである． したがって，すべてのサーバーが常に目標とする計算負荷を維持するよう，計算の負荷に応じてクラスター内の仮想サーバーの数を動的に増減させるような仕組みが必要である． そのような仕組みをクラスターのスケーリングとよび，負荷の増大に応答して新しい仮想インスタンスをクラスターに追加する操作を scale-out，負荷の減少に応答してインスタンスをシャットダウンする操作を scale-in とよぶ． クラスターのスケーリングは， API サーバーではもちろんのこと，データベースサーバー・ストレージサーバーでも必要になる． ストレージサーバーでは，例えば頻繁にアクセスされるデータはキャッシュ領域に保存したり，データのコピーを複数作るなどのスケーリングが行われる． データベースサーバーも同様に，頻繁にアクセスされるデータのアクセスがパンクしてしまわないよう，分散的な処理が必要となる． このように，クラウドシステム内すべての箇所で，負荷が均一になるような調整が必要であり，開発者は多くの時間をそのチューニングに費やさなければならない． また，サービスの利用者の数などに応じてスケーリングの設定は常に見直される必要があり，継続的な開発が要求される．
さらに問題を複雑にするのは，API サーバーで処理されるべきタスクが，非一様な点である． 非一様であるとは，たとえばタスク A は 3000 ミリ秒の実行時間と 512MB のメモリーを消費し，別のタスク B は 1000 ミリ秒の実行時間と 128MB のメモリーを消費する，というような状況を指している． 一つのサーバーマシンが計算負荷が異なる複数のタスクを処理する場合，クラスターのスケーリングはより複雑になる． この状況をシンプルにするために，１サーバーで実行するタスクは１種類に限る，という設計も可能であるが，そうするとで生まれる弊害も多い (ほとんど使われないタスクに対してもサーバー一台をまるまる割り当てなければならない = ほとんどアイドリング状態になってしまう，など)．
Serverful なクラウドシステム
Serverless クラウドへ ​
Serverful クラウド (従来型) で議論したように，クラスターのスケーリングはクラウドシステムの経済的効率とシステムの安定性を最大化するために必須の作業である． それを反映して，多くの開発者の時間が投資されてきた．
クラスターのスケーリングはすべての開発者が何度も繰り返し行ってきた作業であり，いくつかの側面をテンプレート化し，共通化することができたならば開発のコストを大幅に削減できるだろう． それを実現するには，根本的なレベルからクラウドシステムの設計を考え直す必要がある． スケーリングを前提として考えることで，もっとシンプルで見通しがよいクラウドシステムの設計の仕組みはないだろうか？ そのような動機が，サーバーレスアーキテクチャが誕生する背後にあった．
従来の serverful なシステムでの最大の問題点は，サーバーをまるまる占有してしまうという点にある． すなわち， EC2 インスタンスを起動したとき，そのインスタンスは起動したユーザーだけが使えるものであり，計算のリソース (CPU や RAM) が独占的に割り当てられた状態になる． 固定した計算資源の割り当てがされてしまっているので，インスタンスの計算負荷が 0%であろうが 100%であろうが，均一の使用料金が起動時間に比例して発生する．
サーバーレスアーキテクチャは，このような 独占的に割り当てられた計算リソースというものを完全に廃止することを出発点とする． サーバーレスアーキテクチャでは，計算のリソースは，クラウドプロバイダーがすべて管理する． クライアントは，仮想インスタンスを一台まるごと借りるのではなく，計算のタスクの需要が生まれる毎に，実行したいプログラム・コマンドをクラウドに提出する． クラウドプロバイダーは，自身のもつ巨大な計算リソースから空きを探し，提出されたプログラムを実行し，実行結果をクライアントに返す． 言い換えると，計算リソースのスケーリングやアロケーションなどはクラウドプロバイダーが一手に引き受け，ユーザーはジョブをサブミットすることに注力する，という枠組みである． これを図示すると， figure_title のようになる．
従来のクラウドと Serverless クラウドの比較
サーバーレスクラウドでは，スケーリングはすべてクラウドプロバイダーが引き受けるので，スケーラビリティーが保証されている． クライアントが同時に大量のタスクを送信した場合でも，クラウドプロバイダー側の独自の仕組みによってすべてのタスクが遅延なく実行される． また，サーバーレスクラウドを利用することで，クラウドのコストは実際に使用した計算の総量 (稼働時間) で決定されることになる． これは，計算の実行総量に関わらずインスタンスの起動時間で料金が決定されていた従来のシステムと比べて大きな違いである．
サーバーレスクラウドは，従来のクラウドとは根本から異なったアプローチなので，コードの書き方やシステムの設計が大きく異なる． サーバーレスクラウドを開発・運用するには，サーバーレス固有の概念や用語に精通している必要がある． 以降では，実際にクラウドを動かしながら，サーバーレスをより具体的に体験していこう．
従来型の(仮想インスタンスをたくさん起動するような)クラウドシステムは，賃貸と似ているかもしれない． 部屋を借りるというのは，その部屋でどれだけの時間を過ごそうが，月々の家賃は一定である． 同様に，仮想サーバーも，それがどれほどの計算を行っているかに関わらず，一定の料金が時間ごとに発生する．
一方で，サーバーレスクラウドは，電気・水道・ガス料金 と似ている． こちらは，実際に使用した量に比例して料金が決定されている． サーバーレスクラウドも，実際に計算を行った総時間で料金が決まる仕組みになっている．
サーバーレスクラウドを構成するコンポーネント ​
サーバーレスアーキテクチャの概要がわかってきたところで，ここでは AWS においてサーバーレスクラウドを構成する様々なコンポーネントを紹介していこう． 特に， Lambda, S3, DynamoDB を取り上げ，解説する (figure_title)． サーバーレスクラウドは，これらのコンポーネントを統合することで一つのシステムが出来上がる． ここでは， Lambda，S3，DynamoDB を利用する際に押さえておかなければならない知識を一通り説明しきる都合上，具体的なイメージがわきにくいかもしれない． が，続く Hands-on #5: サーバーレス入門 でそれぞれについてハンズオン形式で演習を行うので，そこでさらに理解を深めれば大丈夫である．
Lambda, S3, DynamoDB のアイコン
Lambda ​
AWS でサーバーレスコンピューティングの中心を担うのが， Lambda である． Lambda の使い方を figure_title に図示している． Lambda の仕組みはシンプルで，まずユーザーは実行したいプログラムのコードを事前に登録しておく． プログラムは， Python, Node.js, Ruby などの主要な言語がサポートされている． Lambda に登録されたひとつひとつのプログラムを関数 (Function) とよぶ． そして，関数を実行したいときに，invoke コマンドを Lambda に送信する． Lambda では， invoke のリクエストを受け取るとただちに (数ミリセカンドから数百ミリセカンド程度の時間で) プログラムの実行を開始する． そして，実行結果をクライアントやその他の計算機に返す．
AWS Lambda
このように，Lambda では占有された仮想インスタンスは存在せず，実行を待っているプログラムだけがある状態である． invoke のリクエストに応じて，プログラムが AWS の巨大な計算機プールのどこかに配置され，実行される． 同時に複数のリクエストが来た場合でも， AWS はそれらを実行するための計算リソースを割り当て，並列的に処理を行ってくれる． 原理上は，数千から数万のリクエストが同時に来たとしても， Lambda はそれらを同時に実行することができる． このような，占有された仮想サーバーの存在なしに，動的に関数を実行するサービスのことを総称して FaaS (Function as a Service) とよぶ．
Lambda ではそれぞれの関数につき， 128MB から 10240MB のメモリーを使用することができる (執筆時点の仕様)． また，実効的な CPU のパワーはメモリーの量に比例する形で割り当てられる． すなわち，タスクに割り当てたメモリーの量が多ければ多いほど，より多くの CPU リソースが割り当てられることになる (しかし， RAM と CPU パワーの具体的な換算表は AWS からは公開されていない)． 実行時間は 100 ミリ秒の単位で記録され，実行時間に比例して料金が決定される． table_title は Lambda の利用料金表である (執筆時点で ap-north-east1 リージョンを選択した場合)．
Lambda の料金表
Memory (MB)Price per 100ms
128
$0.0000002083
512
$0.0000008333
1024
$0.0000016667
3008
$0.0000048958
実行時間に比例する料金に追加して，リクエストを送信するごとに発生する料金が設定されている． これは，百万回のリクエストにつき $0.2 である． たとえば， 128MB のメモリーを使用する関数を，それぞれ 200 ミリ秒，合計で 100 万回実行した場合， 0.0000002083 * 2 * 10^6 + 0.2 = $0.6 の料金となる． ウェブサーバーのデータベースの更新など簡単な計算であれば，200 ミリ秒程度で実行できる関数も多いことから，100 万回データベースの更新を行ったとしても，たった $0.6 しかコストが発生しないことになる． また，コードが実行されず待機状態になっている場合は，発生する料金は 0 である． このように，実際に意味のある処理が行われた時間にのみ，料金が発生する仕組みになっている．
Lambda は比較的短時間で完了する，反復性の高いタスクの実行に向いている． データベースの読み書きはその典型的な例であるが，そのほかにも，画像のサイズをトリミングしたり，サーバーサイドで定期的に実行されるメンテナンス処理などの利用が考えられる． また，複数の Lambda をリレー式に繋げることも可能で，シンプルな処理を組み合わせることで複雑なロジックを表現することができる．
上述の Lambda の料金計算は，説明のためコストに寄与する要素をいくつか省いている点は承知いただきたい． 例えば， DynamoDB の読み書きに関する料金や，ネットワークの通信にかかわるコストが考慮されていない．
サーバーレスストレージ: S3 ​
サーバーレスの概念は，ストレージにも拡張されている．
従来的なストレージ (ファイルシステム) では，必ずホストとなるマシンと OS が存在しなければならない． したがって，それほどパワーは必要ないまでも，ある程度の CPU リソースを割かなければならない． また，従来的なファイルシステムでは，データ領域のサイズは最初にディスクを初期化するときに決めなければならず，後から容量を増加させることはしばしば困難である (ZFS などのファイルシステムを使えばある程度は自由にファイルシステムのサイズを変更することは可能である)． よって，従来的なクラウドでは，ストレージを借りる際にはあらかじめディスクのサイズを指定せねばならず，ディスクの中身が空であろうと満杯であろうと，同じ利用料金が発生することになる (figure_title)．
Simple Storage Service (S3) は，サーバーレスなストレージシステムを提供する (figure_title)． S3 は従来的なストレージシステムと異なり， OS に"マウントする”という概念はない． 基本的に API を通じてデータの読み書きの操作が行われる． また，データの冗長化や暗号化，バックアップの作成など，通常ならば OS と CPU が介在しなければならない操作も， API を通じて行うことができる． S3 では事前に決められたディスク領域のサイズはなく，データを入れれば入れた分だけ，保存領域は拡大していく (仕様上はペタバイトスケールのデータを保存することが可能である)． ストレージにかかる料金は，保存してあるデータの総容量で決定される．
S3 と従来的なファイルシステムの比較
S3 を利用する際に，料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 説明のため主要な事項のみ取り出している． 詳細は 公式ドキュメンテーション "Amazon S3 pricing" を参照)．
S3 の利用料金
項目料金
Data storage (First 50TB)
$0.023 per GB per month
PUT, COPY, POST, LIST requests (per 1,000 requests)
$0.005
GET, SELECT, and all other requests (per 1,000 requests)
$0.0004
Data Transfer IN To Amazon S3 From Internet
$0
Data Transfer OUT From Amazon S3 To Internet
$0.09 per GB
第一に，データの保存には $0.025 per GB のコストが月ごとに発生する． したがって，1000GB のデータを S3 に一ヵ月保存した場合， $25 の料金が発生することになる． また，PUT, COPY, POST などのリクエスト (=データを書き込む操作) に対しては，データ容量に関係なく，1000 回ごとに $0.005 のコストが発生する． GET, SELECT などのリクエスト (=データを読み込む操作) に対しては，1000 回ごとに $0.0004 のコストが発生する． また， S3 はデータを外に取り出す際の通信にもコストが生じる． 執筆時点では，S3 からインターネットを通じて外部にデータを転送 (data-out) すると $0.09 per GB のコストが発生する． データをインターネットを通じて S3 に入れる (data-in) 通信は無料で行える． また， AWS の 同じ Region 内のサービス (Lambda や EC2 など) にデータを転送するのは無料である． AWS のリージョンをまたいだデータの転送にはコストが発生する． いずれにせよ，サーバーレスの概念に則り，すべての料金が従量課金制で決定される設定になっている．
サーバーレスデータベース: DynamoDB ​
サーバーレスの概念は，データベースにも適用することができる．
ここでいうデータベースとは， Web サービスなどにおけるユーザーや商品の情報を記録しておくための保存領域のことを指している． 従来的に有名なデータベースとしては MySQL, PostgreSQL, MongoDB などが挙げられる． データベースと普通のストレージの違いは，データの検索機能にある． 普通のストレージではデータは単純にディスクに書き込まれるだけだが， データベースでは検索がより効率的になるようなデータの配置がされたり， 頻繁にアクセスされるデータはメモリーにキャッシュされるなどの機能が備わっている． これにより，巨大なデータの中から，興味のある要素を高速に取得することができる．
このような検索機能を実現するには，当然 CPU の存在が必須である． したがって，従来的なデータベースを構築する際は，ストレージ領域に加えて，たくさんの CPU コアを搭載したマシンが用いられることが多い． また，データベースが巨大な場合は複数マシンにまたがった分散型のシステムが設計される． 分散型システムの場合は， Serverful クラウド (従来型) で議論したようにデータベースへのアクセス負荷に応じて適切なスケーリングがなされる必要がある．
DynamoDB は， AWS が提供しているサーバーレスな分散型データベースである． サーバーレスであるので，占有されたデータベース用仮想インスタンスは存在せず， API を通じてデータの書き込み・読み出し・検索などの操作を行う． S3 と同様に，データ保存領域の上限は定められておらず，データを入れれば入れた分だけ，保存領域は拡大していく． また，データベースへの負荷が増減したときのスケーリングは， DynamoDB が自動で行うので，ユーザーは心配する必要はない．
DynamoDB での利用料金の計算はやや複雑なのだが， "On-demand Capacity" というモードで使用した場合の料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 詳細は 公式ドキュメンテーション "Pricing for On-Demand Capacity" を参照)．
DynamoDB の利用料金
項目料金
Write request units
$1.25 per million write request units
Read request units
$0.25 per million read request units
Data storage
$0.25 per GB-month
DynamoDB ではデータの書き込み操作の単位を write request unit とよび，データの読み込み操作の単位を read request unit とよぶ． 基本的に， 1kB 以下のデータを一度書き込むと 1 write request unit を消費し，4kB 以下のデータを一度読み込むと 1 read request unit を消費する (詳しくは 公式ドキュメンテーション "Read/Write Capacity Mode" を参照のこと)． write request units は 100 万回ごとに $1.25, read request units は 100 万回ごとに $0.25 のコストが設定されている． また，保存されたデータ容量に対して $0.25 per GB のコストが月ごとに発生する． DynamoDB は高速な検索機能などを備えたデータベースであるので， GB あたりのストレージコストは S3 に比べ 10 倍程度高い． DynamoDB のデータの転送に関わるコストは，同じリージョン内ならば data-in，data-out ともに $0 である． リージョンをまたいだ通信には別途コストが発生する．
その他のサーバーレスクラウドの構成要素 ​
以上で紹介した Lambda, S3, DynamoDB がサーバーレスクラウドの中で最も使用する頻度が高いサービスになる． その他のサーバーレスクラウドの構成要素を以下に列挙する． いくつかについては，今後のハンズオンを行う中で改めて解説を行う．
サーバーレスアーキテクチャは万能か？
この問いへの答えは，筆者は NO であると考える．
ここまで，サーバーレスの利点を強調して説明をしてきたが，まだまだ新しい技術なだけに，欠点，あるいはサーバーフルなシステムに劣る点は数多くある．
大きな欠点を一つあげるとすれば，サーバーレスのシステムは各クラウドプラットフォームに固有なものなので，特定のプラットフォームでしか運用できないシステムになってしまう点であろう． AWS で作成したサーバーレスのシステムを， Google のクラウドに移植するには，かなり大掛かりなプログラムの書き換えが必要になる． 一方， serverful なシステムであれば，プラットフォーム間のマイグレーションは比較的簡単に行うことができる． クラウドプロバイダーとしては，自社のシステムへの依存度を強めることで，顧客を離さないようにするという狙いがあるのだろう…
その他，サーバーレスコンピューティングの欠点や今後の課題などは，次の論文で詳しく議論されている． 興味のある読者はぜひ読んでいただきたい．
Hands-on #5: サーバーレス入門 ​
前章ではサーバーレスアーキテクチャの概要の説明を行った． 本章では，ハンズオン形式でサーバーレスクラウドを実際に動かしながら，具体的な使用方法を学んでいこう． 今回のハンズオンでは Lambda, S3, DynamoDB の三つのサーバーレスクラウドの構成要素に触れていく． それぞれについて，短いチュートリアルを用意してある．
Lambda ハンズオン ​
まずは， Lambda を実際に動かしてみよう． ハンズオンのソースコードは GitHub の handson/serverless/lambda に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して Python で書かれたコードを Lambda に登録する． 続いて STEP 2 では， Invoke API を使用して，同時にいくつもの Lambda を起動し，並列な計算を行う． Lambda のワークフローを体験する目的で最小限の設定である．
Lambda チュートリアルの概要
このハンズオンは，基本的に AWS Lambda の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
py
#
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
-
-class SimpleLambda(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
#
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
-
-class SimpleLambda(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
  • ここで， Lambda で実行されるべき関数を定義している． これは非常に単純な関数で，2-5 秒のランダムな時間スリープした後，["salmon", "tuna", "squid"] のいずれかの文字列をランダムに選択し， "Welcome to Cloud Sushi. Your order is XXXX" (XXXX は選ばれた寿司のネタ) というメッセージをリターンする．
  • 次に， Lambda に <1> で書いた関数を配置している． パラメータの意味は，文字どおりの意味なので難しくはないが，以下に解説する．
    • runtime=_lambda.Runtime.PYTHON_3_7: ここでは， Python3.7 を使って上記で定義された関数を実行せよ，と指定している． Python3.7 のほかに， Node.js, Java, Ruby, Go などの言語を指定することが可能である．
    • code=_lambda.Code.from_inline(FUNC): 実行されるべき関数が書かれたコードを指定する． ここでは， FUNC=... で定義した文字列を渡しているが，文字列以外にもファイルのパスを渡すことも可能である．
    • handler="index.handler": これは，コードの中にいくつかのサブ関数が含まれているときに，メインとサブを区別するためのパラメータである． handler という名前の関数をメイン関数として実行せよ，という意味である．
    • memory_size=128: メモリーは 128MB を最大で使用することを指定している．
    • timeout=core.Duration.seconds(10) タイムアウト時間を 10 秒に設定している． 10 秒以内に関数の実行が終了しなかった場合，エラーが返される．
    • dead_letter_queue_enabled=True: アドバンストな設定なので説明は省略する．
上記のプログラムを実行することで， Lambda 関数がクラウド上に作成される． 早速デプロイしてみよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleLambda.FunctionName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから，Lambda のページに行くと figure_title のような画面から Lambda の関数の一覧が確認できる．
Lambda コンソール - 関数の一覧
今回のアプリケーションで作成したのが SimpleLambda で始まるランダムな名前のついた関数だ． 関数の名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． 先ほどプログラムの中で定義した Python の関数がエディターから確認できる． さらに下の方にスクロールすると，関数の各種設定も確認できる．
Lambda コンソール - 関数の詳細
Lambda で実行されるコードは， Lambda のコンソール画面 (figure_title) のエディターで編集することもできる． デバッグをするときなどは，こちらを直接いじる方が早い場合もある． その場合は， CDK のコードに行った編集を反映させなおすことを忘れずに．
Lambda 関数の実行 ​
それでは，作成した Lambda 関数を実行 (invoke) してみよう． AWS の API を使うことで，関数の実行をスタートすることができる． 今回は， handson/serverless/lambda/invoke_one.py に関数を実行するための簡単なプログラムを提供している． 興味のある読者はコードを読んでもらいたい．
以下のコマンドで，Lambda の関数を実行する． コマンドの XXXX の部分は，先ほどデプロイしたときに SimpleLambda.FunctionName = XXXX で得られた XXXX の文字列で置換する．
sh
$ python invoke_one.py XXXX
$ python invoke_one.py XXXX
すると， "Welcome to Cloud Sushi. Your order is salmon" という出力が得られるはずだ． とてもシンプルではあるが，クラウド上で先ほどの関数が走り，乱数が生成されたうえで，ランダムな寿司ネタが選択されて出力が返されている． このコマンドを何度か打ってみて，実行ごとに異なる寿司ネタが返されることを確認しよう．
さて，このコマンドは，一度につき一回の関数を実行したわけであるが， Lambda の本領は一度に大量のタスクを同時に実行できる点である． そこで，今度は一度に 100 個のタスクを同時に送信してみよう． handson/serverless/lambda/invoke_many.py のスクリプトを使用する．
次のコマンドを実行しよう． XXXX の部分は前述と同様に置き換える． 第二引数の 100 は 100 個のタスクを投入せよ，という意味である．
sh
$ python invoke_many.py XXXX 100
$ python invoke_many.py XXXX 100
すると次のような出力が得られるはずだ．
sh
....................................................................................................
-Submitted 100 tasks to Lambda!
....................................................................................................
-Submitted 100 tasks to Lambda!
実際に，100 個のタスクが同時に実行されていることを確認しよう． figure_title の画面に戻り， "Monitoring" というタブがあるので，それをクリックする． すると， figure_title のようなグラフが表示されるだろう．
Lambda コンソール - 関数の実行のモニタリング
figure_title のグラフの更新には数分かかることがあるので，なにも表示されない場合は少し待つ．
figure_title で "Invocations" が関数が何度実行されたかを意味している． たしかに 100 回実行されていることがわかる． さらに， "Concurrent executions" は何個のタスクが同時に行われたかを示している． ここでは 96 となっていることから，96 個のタスクが並列的に実行されたことを意味している (これが 100 とならないのは，タスクの開始のコマンドが送られたのが完全には同タイミングではないことに起因する)．
このように，非常にシンプルではあるが， Lambda を使うことで，同時並列的に処理を実行することのできるクラウドシステムを簡単に作ることができた．
もしこのようなことを従来的な serverful なクラウドで行おうとした場合，クラスターのスケーリングなど多くのコードを書くことに加えて，いろいろなパラメータを調節する必要がある．
興味がある人は，一気に 1000 個などのジョブを投入してみるとよい． Lambda はそのような大量のリクエストにも対応できることが確認できるだろう． が，あまりやりすぎると Lambda の無料利用枠を超えて料金が発生してしまうので注意．
スタックの削除 ​
最後にスタックを削除しよう． スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
DynamoDB ハンズオン ​
続いて， DynamoDB の簡単なチュートリアルをやってみよう． ハンズオンのソースコードは GitHub の /handson/serverless/dynamodb に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して DynamoDB のテーブルを初期化し，デプロイする． 続いて STEP 2 では， API を使用してデータベースのデータの書き込み・読み出し・削除などの操作を練習する．
DynamoDB チュートリアルの概要
このハンズオンは，基本的に AWS DynamoDB の無料枠 の範囲内で実行できる．
handson/serverless/dynamodb/app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
このコードで，最低限の設定がなされた空の DynamoDB テーブルが作成される． それぞれのパラメータの意味を簡単に解説しよう．
  • partition_key: すべての DynamoDB テーブルには Partition key が定義されていなければならない． Partition key とは，テーブル内の要素 (レコード) ごとに存在する固有の ID のことである． 同一の Partition key をもった要素がテーブルの中に二つ以上存在することはできない (注: Sort Key を使用している場合は除く．詳しくは 公式ドキュメンテーション "Core Components of Amazon DynamoDB" 参照)． また， Partition key が定義されていない要素はテーブルの中に存在することはできない． ここでは， Partition key に item_id という名前をつけている．
  • billing_mode: ddb.BillingMode.PAY_PER_REQUEST を指定することで， On-demand Capacity Mode の DynamoDB が作成される． ほかに PROVISIONED というモードがあるが，これはかなり高度なケースを除いて使用しないだろう．
  • removal_policy: CloudFormation のスタックが消去されたときに， DynamoDB も一緒に消去されるかどうかを指定する． このコードでは DESTROY を選んでいるので，すべて消去される． ほかのオプションを選択すると，スタックを消去しても DynamoDB のバックアップを残す，などの動作を定義することができる．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleDynamoDb.TableName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから， DynamoDB のページに行き，左のメニューバーから "Tables" を選択する． すると， figure_title のような画面からテーブルの一覧が確認できる．
DynamoDB のコンソール (テーブルの一覧)
今回のアプリケーションで作成したのが SimpleDynamoDb で始まるランダムな名前のついたテーブルだ． テーブルの名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． "Items" のタブをクリックすると，テーブルの中のレコードを確認できる． 現時点ではなにもデータを書き込んでいないので，空である．
DynamoDB のコンソール (テーブルの詳細画面)
データの読み書き ​
それでは， デプロイ で作ったテーブルを使ってデータの読み書きを実践してみよう． ここでは Python と boto3 ライブラリを用いた方法を紹介する．
まずは，テーブルに新しい要素を追加してみよう． ハンズオンのディレクトリにある simple_write.py を開いてみよう． 中には次のような関数が書かれている．
python
import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
-
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
-
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
コードを上から読んでいくと，まず最初に boto3 ライブラリをインポートし， dynamodb のリソースを呼び出している． write_item() 関数は， DynamoDB のテーブルの名前 (上で見た SimpleDynamoDb-XXXX) を引数として受け取る． そして， put_item() メソッドを呼ぶことで，新しいアイテムを DB に書き込んでいる． アイテムには item_id, first_name, last_name, age の 4 つの属性が定義されている． ここで， item_id は先ほど説明した Partition key に相当しており， UUID4 を用いたランダムな文字列を割り当てている．
では， simple_write.py を実行してみよう． "XXXX" の部分を自分がデプロイしたテーブルの名前 (SimpleDynamoDb で始まる文字列) に置き換えたうえで，次のコマンドを実行する．
sh
$ python simple_write.py XXXX
$ python simple_write.py XXXX
新しい要素が正しく書き込めたか， AWS コンソールから確認してみよう． figure_title と同じ手順で，テーブルの中身の要素の一覧を表示する． すると figure_title のように，期待通り新しい要素が見つかるだろう．
DynamoDB に新しい要素が追加されたことを確認
boto3 を使ってテーブルから要素を読みだすことも可能である． ハンズオンのディレクトリにある simple_read.py を見てみよう．
python
import boto3
-ddb = boto3.resource('dynamodb')
-
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
import boto3
-ddb = boto3.resource('dynamodb')
-
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
table.scan().get("Items") によって，テーブルの中にあるすべての要素を読みだしている．
次のコマンドで，このスクリプトを実行してみよう ("XXXX" の部分を正しく置き換えることを忘れずに）．
sh
$ python simple_read.py XXXX
$ python simple_read.py XXXX
先ほど書き込んだ要素が出力されることを確認しよう．
大量のデータの読み書き ​
DynamoDB の利点は，最初に述べたとおり，負荷に応じて自在にその処理能力を拡大できる点である．
そこで，ここでは一度に大量のデータを書き込む場合をシミュレートしてみよう． batch_rw.py に，一度に大量の書き込みを実行するためのプログラムが書いてある．
次のコマンドを実行してみよう (XXXX は自分のテーブルの名前に置き換える)．
sh
$ python batch_rw.py XXXX write 1000
$ python batch_rw.py XXXX write 1000
このコマンドを実行することで，ランダムなデータが 1000 個データベースに書き込まれる．
さらに，データベースの検索をかけてみよう． 今回書き込んだデータには age という属性に 1 から 50 のランダムな整数が割り当てられている． age が 2 以下であるような要素だけを検索し拾ってくるには，次のコマンドを実行すればよい．
sh
$ python batch_rw.py XXXX search_under_age 2
$ python batch_rw.py XXXX search_under_age 2
上の 2 つのコマンドを何回か繰り返し実行してみて，データベースに負荷をかけてみよう． とくに大きな遅延なく結果が返ってくることが確認できるだろう．
スタックの削除 ​
DynamoDB で十分に遊ぶことができたら，忘れずにスタックを削除しよう．
これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
S3 ハンズオン ​
最後に， S3 の簡単なチュートリアルを紹介する． ハンズオンのソースコードは GitHub の handson/serverless/s3 に置いてある．
figure_title が今回提供する S3 チュートリアルの概要である． STEP 1 として， AWS CDK を用いて S3 に新しい空のバケット (Bucket) を作成する． 続いて STEP 2 では，データのアップロード・ダウンロードの方法を解説する．
S3 チュートリアルの概要
このハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
s3.Bucket() を呼ぶことによって空のバケットが新規に作成される． 上記のコードだと，バケットの名前は自動生成される． もし，自分の指定した名前を与えたい場合は， bucket_name というパラメータを指定すればよい． その際， バケットの名前はユニークでなければならない (i.e. AWS のデプロイが行われるリージョン内で名前の重複がない) 点に注意しよう． もし，同じ名前のバケットが既に存在する場合はエラーが返ってくる．
デフォルトでは， CloudFormation スタックが削除されたとき， S3 バケットとその中に保存されたファイルは削除されない． これは，大切なデータを誤って消してしまうことを防止するための安全策である． cdk destroy を実行したときにバケットも含めてすべて削除されるようにするには， removal_policy=core.RemovalPolicy.DESTROY, auto_delete_objects=True とパラメータを設定する． 結果もよく理解したうえで，自分の用途にあった適切なパラメータを設定しよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイを実行すると， figure_title のような出力が得られるはずである． ここで表示されている SimpleS3.BucketName = XXXX が，新しく作られたバケットの名前である (今回提供しているコードを使うとランダムな名前がバケットに割り当てられる）． これはあとで使うのでメモしておこう．
デプロイ実行後の出力
データの読み書き ​
スタックのデプロイが完了したら，早速バケットにデータをアップロードしてみよう．
まずは，以下のコマンドを実行して， tmp.txt という仮のファイルを生成する．
sh
$ echo "Hello world!" >> tmp.txt
$ echo "Hello world!" >> tmp.txt
ハンズオンのディレクトリにある simple_s3.py に boto3 ライブラリを使用した S3 のファイルのアップロード・ダウンロードのスクリプトが書いてある． simple_s3.py を使って，上で作成した tmp.txt を以下のコマンドによりバケットにアップロードする． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX upload tmp.txt
$ python simple_s3.py XXXX upload tmp.txt
simple_s3.py のアップロードを担当している部分を以下に抜粋する．
python
def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
-
-    if key is None:
-        key = os.path.basename(filename)
-
-    bucket.upload_file(filename, key)
def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
-
-    if key is None:
-        key = os.path.basename(filename)
-
-    bucket.upload_file(filename, key)
bucket = s3.Bucket(bucket_name) の行で Bucket() オブジェクトを呼び出している． そして， upload_file() メソッドを呼ぶことでファイルのアップロードを実行している．
S3 においてファイルの識別子として使われるのが Key である． これは，従来的なファイルシステムにおけるパス (Path) と相同な概念で，それぞれのファイルに固有な Key が割り当てられる必要がある． Key という呼び方は， S3 が Object storage と呼ばれるシステムに立脚していることに由来する． --key のオプションを追加して simple_s3.py を実行することで， Key を指定してアップロードを実行することができる．
sh
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
ここではアップロードされたファイルに a/b/tmp.txt という Key を割り当てている．
ここまでコマンドを実行し終えたところで，一度 AWS コンソールに行き S3 の中身を確認してみよう． S3 のコンソールに行くと，バケットの一覧が見つかるはずである． その中から， simples3-bucket から始まるランダムな名前のついたバケットを探し，クリックする． するとバケットの中に含まれるファイルの一覧が表示される (figure_title)．
S3 バケットの中のファイル一覧
ここで実行した 2 つのコマンドによって， tmp.txt というファイルと， a/b/tmp.txt というファイルが見つかることに注目しよう． 従来的なファイルシステムと似た体験を提供するため， S3 では Key が "/" (スラッシュ) によって区切られていた場合，ツリー状の階層構造によってファイルを管理することができる．
オブジェクトストレージには本来ディレクトリという概念はない． 上で紹介した "/" による階層づけはあくまでユーザー体験向上の目的のお化粧的な機能である．
次に，バケットからファイルのダウンロードを実行してみよう． simple_s3.py を使って，以下のコマンドを実行すればよい． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX download tmp.txt
$ python simple_s3.py XXXX download tmp.txt
simple_s3.py のダウンロードを担当している部分を以下に抜粋する．
python
def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
-
-    if filename is None:
-        filename = os.path.basename(key)
-
-    bucket.download_file(key, filename)
def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
-
-    if filename is None:
-        filename = os.path.basename(key)
-
-    bucket.download_file(key, filename)
S3 からのダウンロードはシンプルで， download_file() メソッドを使って，ダウンロードしたい対象の Key を指定すればよい． ローカルのコンピュータでの保存先のパスを 2 個目の引数として渡している．
スタックの削除 ​
以上のハンズオンで， S3 の一番基本的な使い方を紹介した． ここまでのハンズオンが理解できたら，忘れずにスタックを削除しよう． これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
Hands-on #6: Bashoutter ​
さて，最後のハンズオンとなる第六回では，これまで学んできたサーバーレスクラウドの技術を使って，簡単なウェブサービスを作ってみよう． 具体的には，人々が自分の作った俳句を投稿する SNS サービス (Bashoutter と名付ける) を作成してみよう． Lambda, DynamoDB, S3 などの技術をすべて盛り込み，シンプルながらもサーバーレスの利点を生かしたスケーラブルな SNS アプリが誕生する． 最終的には， figure_title のような，ミニマルではあるがとても現代風な SNS サイトが完成する！
ハンズオン#6で作製する SNS アプリケーション "Bashoutter"
準備 ​
ハンズオンのソースコードは GitHub の handson/bashoutter に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． それ以外に必要な準備はない．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行できる．
アプリケーションの説明 ​
API ​
今回のアプリケーションでは，人々からの俳句の投稿を受け付けたり，投稿された俳句の一覧を取得する，といった機能を実装したい． この機能を実現するための最小限の設計として， table_title に示すような四つの REST API を今回は実装する． 俳句を投稿する，閲覧する，削除するという基本的なデータ操作を行うための API が完備されている． また， PATCH /haiku/{item_id} は， {item_id} で指定された俳句に”いいね”をするために使用する．
Bashoutter API
GET /haiku
俳句の一覧を取得する
POST /haiku
新しい俳句を投稿する
PATCH /haiku/{item_id}
{item_id} で指定された俳句にお気に入り票を一つ入れる
DELETE /haiku/{item_id}
{item_id} で指定された俳句を削除する
それぞれの API のパラメータおよび返り値の詳細は，ハンズオンのソースコードの中の swagger.yml に定義してある．
Open API Specification (OAS; 少し前は Swagger Specification とよばれていた) は， REST API のための記述フォーマットである． OAS に従って API の仕様が記述されていると，簡単にドキュメンテーションを生成したり，クライアントアプリケーションを自動生成することができる． 今回用意した API 仕様 も， OAS に従って書いてある． 詳しくは Swagger の公式ドキュメンテーション などを参照．
アプリケーションアーキテクチャ ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#5で作製するアプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントからの API リクエストは， API Gateway (後述)にまず送信され， API の URI で指定された Lambda 関数へ転送される．
  • それぞれの API のパス (リソース) ごとに独立した Lambda を用意する．
  • 俳句の情報 (作者，本文，投稿日時など) を記録するためのデータベース (DynamoDB) を用意する．
  • 各 Lambda 関数には， DynamoDB へのアクセス権を付与する．
  • 最後に，ウェブブラウザからコンテンツを表示できるよう， ウェブページの静的コンテンツを配信するための S3 バケットを用意する．クライアントはこの S3 バケットにアクセスすることで HTML/CSS/JS などのコンテンツを取得する．
それでは，プログラムのソースコードを見てみよう (handson/bashoutter/app.py)．
python
class Bashoutter(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
-
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
-
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
-
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
-
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
-
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
class Bashoutter(core.Stack):
-
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
-
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
-
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
-
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
-
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
-
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
-
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
-
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
  • ここで，俳句の情報を記録しておくための DynamoDB テーブルを定義している．
  • 静的コンテンツを配信するための S3 バケットを用意している．
  • それぞれの API で実行される Lambda 関数を定義している． 関数は Python3.7 で書かれており，コードは handson/bashoutter/api/api.py にある．
  • <3> で定義された Lambda 関数に対し，データベースへの読み書きのアクセス権限を付与している．
  • ここで，API Gateway により，各 API パスとそこで実行されるべき Lambda 関数を紐付けている．
それぞれの項目について，もう少し詳しく説明しよう．
Public access mode の S3 バケット ​
S3 のバケットを作成しているコードを見てみよう．
python
bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
ここで注目してほしいのは public_read_access=True の部分だ． 前章で， S3 について説明を行ったときには触れなかったが， S3 には Public access mode という機能がある． Public access mode をオンにしておくと，バケットの中のファイルは認証なしで (i.e. インターネット上の誰でも) 閲覧できるようになる． この設定は，一般公開されているウェブサイトの静的なコンテンツを置いておくのに最適であり，多くのサーバーレスによるウェブサービスでこのような設計が行われる． public access mode を設定しておくと， http://XXXX.s3-website-ap-northeast-1.amazonaws.com/ のような固有の URL がバケットに対して付与される． そして，クライアントがこの URL にアクセスをすると，バケットの中にある index.html がクライアントに返され，ページがロードされる (どのファイルが返されるかは， website_index_document="index.html" の部分で設定している．)
なお，この時点ではバケットは空である． HTML/CSS/JS など静的コンテンツの配置は，デプロイを行った後ほどのステップで行う．
より本格的なウェブページを運用する際には， public access mode の S3 バケットに， CloudFront という機能を追加することが一般的である． CloudFront により，　Content Delivery Nework (CDN) や暗号化された HTTPS 通信を設定することができる． CloudFront についての詳細は 公式ドキュメンテーション "What is Amazon CloudFront?" などを参照いただきたい．
今回のハンズオンでは説明の簡略化のため CloudFront の設定を行わなかったが，興味のある読者は次のリンクのプログラムが参考になるだろう．
今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API のハンドラ関数 ​
API リクエストが来たときに，リクエストされた処理を行う関数のことをハンドラ (handler) 関数とよぶ． GET /haiku の API に対してのハンドラ関数を Lambda で定義している部分を見てみよう．
python
get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
簡単なところから見ていくと， memory_size=512 の箇所でメモリーの使用量を 512MB に指定している． また， code=_lambda.Code.from_asset("api") によって外部のディレクトリ (api/) を参照せよと指定しており， handler="api.get_haiku" のところで api.py というファイルの get_haiku() という関数をハンドラ関数として実行せよ，と定義している．
次に，ハンドラ関数として使用されている get_haiku() のコードを見てみよう (handson/bashoutter/api/api.py)．
python
ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
-
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
-
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
-
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
-
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
response = table.scan() で，俳句の格納された DynamoDB テーブルから，すべての要素を取り出している． もしなにもエラーが起きなければステータスコード 200 が返され，もしなにかエラーが起こればステータスコード 500 が返されるようになっている．
上記のような操作を，ほかの API についても繰り返すことで，すべての API のハンドラ関数が定義されている．
GET /haiku のハンドラ関数で， response = table.scan() という部分があるが，実はこれは最善の書き方ではない． DynamoDB の scan() メソッドは，最大で 1MB までのデータしか返さない． データベースのサイズが大きく， 1MB 以上のデータがある場合には，再帰的に scan() メソッドをよぶ必要がある． 詳しくは boto3 ドキュメンテーション を参照．
AWS における権限の管理 (IAM) ​
以下の部分のコードに注目してほしい．
python
table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
これまでは説明の簡略化のためにあえて触れてこなかったが， AWS には IAM (Identity and Access Management) という重要な概念がある． IAM は基本的に，あるリソースがほかのリソースに対してどのような権限をもっているか，を規定するものである． Lambda は，デフォルトの状態ではほかのリソースにアクセスする権限をなにも有していない． したがって， Lambda 関数が DynamoDB のデータを読み書きするためには，それを許可するような IAM が Lambda 関数に付与されていなければならない．
CDK による dynamodb.Table オブジェクトには grant_read_write_data() という便利なメソッドが備わっており，アクセスを許可したい Lambda 関数を引数としてこのメソッドを呼ぶことで，データベースへの読み書きを許可する IAM を付与することができる． 同様に，CDK の s3.Bucket オブジェクトにも grant_read_write() というメソッドが備わっており，これによってバケットへの読み書きを許可することができる． このメソッドは，実は Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する で AWS Batch によるクラスターを構成した際に使用した． 興味のある読者は振り返ってコードを確認してみよう．
各リソースに付与する IAM は，必要最低限の権限を与えるにとどめるというのが基本方針である． これにより，セキュリティを向上させるだけでなく，意図していないプログラムからのデータベースへの読み書きを防止するという点で，バグを未然に防ぐことができる．
そのような理由により，このコードでは GET のハンドラー関数に対しては grant_read_data() によって， read 権限のみを付与している．
API Gateway ​
API Gateway とは， API の"入り口"として，API のリクエストパスに従って Lambda や EC2 などに接続を行うという機能を担う (figure_title)． Lambda や EC2 によって行われた処理の結果は，再び API Gateway を経由してクライアントに返される． このように，クライアントとバックエンドサーバーの間に立ち， API のリソースパスに応じて接続先を振り分けるようなサーバーをルーター，あるいはリバースプロキシとよんだりする． 従来的には，ルーターにはそれ専用の仮想サーバーが置かれることが一般的であった． しかし， API Gateway はサーバーレスなルーターとして，固定されたサーバーを配置することなく， API のリクエストが来たときのみ起動し，API のルーティングを実行する． サーバーレスであることの当然の帰結として，アクセスの件数が増大したときにはそれにルーティングの処理能力を自動で増やす機能も備わっている．
API Gateway
API Gateway を配置することで，大量 (1 秒間に数千から数万件) の API リクエストに対応することのできるシステムを容易に構築することができる． API Gateway の料金は table_title のように設定されている． また，無料利用枠により，月ごとに 100 万件までのリクエストは 0 円で利用できる．
API Gateway の利用料金設定 (参照)
Number of Requests (per month)Price (per million)
First 333 million
$4.25
Next 667 million
$3.53
Next 19 billion
$3.00
Over 20 billion
$1.91
ソースコードの該当箇所を見てみよう．
python
#
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
-
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
-
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
#
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
-
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
-
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
  • 最初に， api = apigw.RestApi() により，空の API Gateway を作成している．
  • 次に， api.root.add_resource() のメソッドを呼ぶことで， /haiku という API パスを追加している．
  • 続いて， add_method() を呼ぶことで， GET, POST のメソッドを /haiku のパスに定義している．
  • さらに， haiku.add_resource("{item_id}") により， /haiku/{item_id} という API パスを追加している．
  • 最後に， add_method() を呼ぶことにより， PATCH, DELETE のメソッドを /haiku/{item_id} のパスに定義している．
このように， API Gateway の使い方は非常にシンプルで，逐次的に API パスとそこで実行されるメソッド・Lambda を記述していくだけでよい．
このプログラムで 新規 API を作成すると， ランダムな URL がその API のエンドポイントとして割り当てられる． これを． api.example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API Gateway で新規 API を作成したとき， default_cors_preflight_options= というパラメータで Cross Origin Resource Sharing (CORS) の設定を行っている． これは，ブラウザで走る Web アプリケーションと API を接続するときに必要な設定である．
アプリケーションのデプロイ ​
アプリケーションの中身が理解できたところで，早速デプロイを行ってみよう． デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
# プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
-
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
-
-# デプロイを実行
-$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている Bashoutter.BashoutterApiEndpoint = XXXX, Bashoutter.BucketUrl = YYYY の二つ文字列はあとで使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． まずは，コンソールから API Gateway のページに行く． すると， figure_title のような画面が表示され，デプロイ済みの API エンドポイントの一覧が確認できる．
API Gateway コンソール画面 (1)
今回デプロイした "BashoutterApi" という名前の API をクリックすることで figure_title のような画面に遷移し，詳細情報を閲覧できる． GET /haiku, POST /haiku などが定義されていることが確認できる．
それぞれのメソッドをクリックすると，そのメソッドの詳細情報を確認できる． API Gateway は，前述したルーティングの機能だけでなく，認証機能などを追加することも可能である． このハンズオンではとくにこれらの機能は使用しないが， "Method Request" と書いてある項目などがそれに相当する． 次に， figure_title で画面右端の赤色で囲った部分に，この API で呼ばれる Lambda 関数が指定されていることに注目しよう． 関数名をクリックと，該当する Lambda のコンソールに遷移し，関数の中身を閲覧することが可能である．
API Gateway コンソール画面 (2)
次に， S3 のコンソール画面に移ってみよう． bashouter- で始まるランダムな名前のバケットが見つかるはずである (figure_title)．
S3 コンソール画面
バケットの名前をクリックすることで，バケットの中身を確認してみよう． index.html のほか， css/, js/ などのディレクトリがあるのが確認できるだろう (figure_title)． これらが，ウェブページの"枠"を定義している静的コンテンツである．
S3 バケットの中身
API リクエストを送信する ​
それでは，デプロイしたアプリケーションに対し，実際に API リクエストを送信してみよう． まずはコマンドラインから API を送信する演習を行おう． S3 に配置した GUI は一旦おいておく．
ここではコマンドラインから HTTP API リクエストを送信するためのシンプルな HTTP クライアントである HTTPie を使ってみよう． HTTPie は，スタックをデプロイするときに Python 仮想環境 (venv) を作成したとき，一緒にインストールされている． 念のためインストールがうまくいっているか確認するには，仮想環境を立ち上げたあとコマンドラインに http と打ってみる． ヘルプのメッセージが出力されたら準備 OK である．
まず，先ほどデプロイを実行したときに得られた API のエンドポイントの URL (Bashoutter.BashoutterApiEndpoint = XXXX で得られた XXXX の文字列) をコマンドラインの変数に設定しておく．
sh
$ export ENDPOINT_URL=XXXX
$ export ENDPOINT_URL=XXXX
次に，俳句の一覧を取得するため， GET /haiku の API を送信してみよう．
sh
$ http GET "${ENDPOINT_URL}/haiku"
$ http GET "${ENDPOINT_URL}/haiku"
現時点では，まだだれも俳句を投稿していないので，空の配列 ([]) が返ってくる．
それでは次に， POST /haiku を使って俳句を投稿してみよう．
sh
$ http POST "${ENDPOINT_URL}/haiku" \
-username="松尾芭蕉" \
-first="閑さや" \
-second="岩にしみ入る" \
-third="蝉の声"
$ http POST "${ENDPOINT_URL}/haiku" \
-username="松尾芭蕉" \
-first="閑さや" \
-second="岩にしみ入る" \
-third="蝉の声"
次のような出力が得られるだろう．
sh
HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
新しい俳句を投稿することに成功したようである． 本当に俳句が追加されたか，再び GET リクエストを呼ぶことで確認してみよう．
sh
$ http GET "${ENDPOINT_URL}/haiku"
-
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
$ http GET "${ENDPOINT_URL}/haiku"
-
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
素晴らしい！
次に， PATCH /haiku/{item_id} を呼ぶことでこの俳句にいいねを追加してみよう． 一つ前のコマンドで取得した俳句の item_id を，次のコマンドの XXXX に代入した上で実行しよう．
sh
$ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
$ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
{"description": "OK"} という出力が得られるはずである． 再び GET リクエストを送ることで，いいね (likes) が 1 増えたことを確認しよう．
sh
$ http GET "${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
$ http GET "${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
最後に， DELETE リクエストを送ることで俳句をデータベースから削除しよう． XXXX は item_id の値で置き換えたうえで次のコマンドを実行する．
sh
$ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
$ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
再び GET リクエストを送ることで，返り値が空 ([]) になっていることを確認しよう．
これで，俳句の投稿・取得・削除そしていいねの追加，といった基本的な API がきちんと動作していることが確認できた．
大量の API リクエストをシミュレートする ​
さて，前節ではマニュアルで一つずつ俳句を投稿した． 多数のユーザーがいるような SNS では，1 秒間に数千件以上の投稿がされている． 今回はサーバーレスアーキテクチャを採用したことで，そのような瞬間的な大量アクセスにも容易に対応できるようなシステムが自動的に構築されている． このポイントを実証するため，ここでは大量の API が送信された状況をシミュレートしてみよう．
handson/bashoutter/client.py に，大量の API リクエストをシミュレートするためのプログラムが書かれている． このプログラムを使用すると， POST /haiku の API リクエストを指定された回数だけ実行することができる．
テストとして， API を 300 回実行してみよう． 次のコマンドを実行する．
sh
$ python client.py $ENDPOINT_URL post_many 300
$ python client.py $ENDPOINT_URL post_many 300
数秒のうちに実行が完了するだろう． これがもし，単一のサーバーからなる API だったとしたら，このような大量のリクエストの処理にはもっと時間がかかっただろう． 最悪の場合には，サーバーダウンにもつながっていたかもしれない． したがって，今回作成したサーバーレスアプリケーションは，とてもシンプルながらも 1 秒間に数百件の処理を行えるような，スケーラブルなクラウドシステムであることがわかる． サーバーレスでクラウドを設計することの利点を垣間見ることができただろうか？
先述のコマンドにより大量の俳句を投稿するとデータベースに無駄なデータがどんどん溜まってしまう． データベースを完全に空にするには，次のコマンドを使用する．
sh
$ python client.py $ENDPOINT_URL clear_database
$ python client.py $ENDPOINT_URL clear_database
Bashoutter GUI を動かしてみる ​
前節ではコマンドラインから API を送信する演習を行った． ウェブアプリケーションでは，これと同じことがウェブブラウザの背後で行われ，ページのコンテンツが表示されている (figure_title 参照)． 最後に， API が GUI と統合されるとどうなるのか，見てみよう．
CDK のコードで， Public access mode の S3 バケットを作成したことを思い出してほしい． 最初のステップとして，ここにウェブサイトのコンテンツをアップロードしよう． ハンズオンのソースコードの中に gui/dist というフォルダが見つかるはずである． ここにはビルド済みのウェブサイトの静的コンテンツ (HTML/CSS/JavaScript) が入っている． AWS CLI のコマンドを使うことでこれらのファイルを S3 にアップロードしよう．
sh
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
コマンドを実行する際は， Bashoutter ハンズオンのディレクトリから行うこと (./gui/dist に注目)，そして <BUCKET_NAME> にはデプロイした自身のバケットの名前が入る点に注意． 念のため，AWS コンソールにログインし，バケットにファイルがアップロードされている点を確認しておこう．
なお，今回は GUI の説明はとくに行わないが， Bashoutter のウェブサイトは Vue.js と Vuetify という UI フレームワークを使って作成した． Vue を使うことで， Single page application (SPA) の技術でウェブサイトの画面がレンダリングされる． ソースコードは handson/bashoutter/gui のディレクトリの中にあるので，興味のある読者は確認してみるとよい．
アップトードが完了したところで，続いてデプロイを実行したときにコマンドラインの出力を見直してみよう． Bashoutter.BucketUrl= で与えられた URL が見つかるはずである (figure_title)． これは，先述したとおり， Public access mode の S3 バケットの URL である．
ウェブブラウザを開き，アドレスバーに S3 の URL を入力しへアクセスしてみよう． すると， figure_title のようなページが表示されるはずである．
"Bashoutter" の GUI 画面
ページが表示されたら，一番上の "API Endpoint URL" と書いてあるテキストボックスに，今回デプロイした API Gateway の URL を入力する (今回のアプリケーションでは，API Gateway の URL はランダムに割り当てられるのでこのような GUI の仕様になっている)． そうしたら，画面の "REFRESH" と書いてあるボタンを押してみよう． データベースに俳句が登録済みであれば，俳句の一覧が表示されるはずである． 各俳句の左下にあるハートのアイコンをクリックすることで， "like" の票を入れることができる．
新しい俳句を投稿するには，五七五と投稿者の名前を入力して， "POST" を押す． "POST" を押した後は，再び "REFRESH" ボタンを押すことで最新の俳句のリストをデータベースから取得する．
アプリケーションの削除 ​
これで， Bashoutter プロジェクトが完成した！ この SNS は，インターネットを通じて世界のどこからでもアクセスできる状態にある． また， 大量の API リクエストをシミュレートする で見たように，大量のユーザーの同時アクセスによる負荷がかかっても，柔軟にスケールが行われ遅延なく処理を行うことができる． 極めて簡素ながらも，立派なウェブサービスとしてのスペックは満たしているのである！
Bashoutter アプリを存分に楽しむことができたら，最後に忘れずにスタックを削除しよう．
コマンドラインからスタックの削除を実行するには，次のコマンドを使う．
sh
$ cdk destroy
$ cdk destroy
CDK のバージョンによっては S3 のバケットが空でないと， cdk destroy がエラーを出力する場合がある． この場合はスタックを削除する前に， S3 バケットの中身をすべて削除しなければならない．
コンソールから実行するには， S3 コンソールに行き，バケットの中身を開いたうえで，すべてのファイルを選択し， "Actions" → "Delete" を実行すればよいい．
コマンドラインから実行するには， 次のコマンドを使う． <BUCKET NAME> のところは，自分の バケットの名前 ("BashoutterBucketXXXX" というパターンの名前がついているはずである) に置き換えることを忘れずに．
sh
$ aws s3 rm <BUCKET NAME> --recursive
$ aws s3 rm <BUCKET NAME> --recursive
小括 ​
ここまでが，本書第三部の内容であった．
第三部では，クラウドの応用として，一般の人に使ってもらうようなウェブアプリケーション・データベースをどのようにして作るのか，という点に焦点を当てて，説明を行った． その中で，従来的なクラウドシステムの設計と，ここ数年の最新の設計方法であるサーバーレスアーキテクチャについて解説した． Hands-on #5: サーバーレス入門 では， AWS でのサーバーレスの実践として， Lambda, S3, DynamoDB のハンズオンを行った． 最後に， Hands-on #6: Bashoutter では，これらの技術を統合することで，完全サーバーレスなウェブアプリケーション "Bashoutter" を作成した．
これらの演習を通じて，世の中のウェブサービスがどのようにしてでき上がっているのか，少し理解が深まっただろうか？ また，そのようなウェブアプリケーションを自分が作りたいと思ったとき，今回のハンズオンがその出発点となることができたならば幸いである．
まとめ ​
Appendix: 環境構築 ​
本書を読み進めるにあたって，ハンズオンのプログラムを実行するための環境を自分のローカルマシンにセットアップしなければならない． ここでは， AWS やコマンドラインの初心者を想定して，本章で必要なソフトウェアやライブラリのインストールなどを簡単に解説する． 以下に簡単な目次を示そう． 既に環境構築が済んでいる場合は適宜読み飛ばしていただき，関係のある箇所のみ目を通せば良い．
使用する OS は Linux/Mac/Windows のどれを用いても構わない． Windows のユーザーは， Windows Subsytem for Linux (WSL) を使用することを想定している (WSL のインストール)．
また，本書のハンズオンを実行するための Docker イメージ を提供している． これを用いると， AWS CLI/CDK や Python の設定などをスキップできるので， Docker の使用方法を知っている読者には便利だろう．
AWS アカウントの取得 ​
本書で提供するハンズオンを実際に自分で試すには，読者自身で AWS のアカウントの作成をする必要がある． 詳しいアカウントの作成の手順は 公式のドキュメンテーション に書かれているので，そちらも参照していただきたい． 以下の手順に従ってアカウントの作成を行う．
まず，ウェブブラウザから AWS コンソール にアクセスし，右上の Create an AWS Account をクリックする (figure_title で実線で囲った部分)．
サインアップ (1): AWS コンソールにアクセス
次に，遷移した先のページでメールアドレスとパスワードなどの登録を行う (figure_title)．
サインアップ (2): メールアドレス・パスワードなどの登録．
続いて，住所や電話番号などを訊かれるので，すべて入力しよう (figure_title)．
サインアップ (3): 住所・電話番号の入力
次に，クレジットカードの情報の登録を求められる (figure_title)． 個人で AWS を利用する場合は，利用料金の請求はクレジットカードを経由して行われる． クレジットカードの登録なしには AWS を使い始めることはできないことに注意．
サインアップ (4): クレジットカードの登録
次の画面では，携帯電話の SMS またはボイスメッセージを利用した本人確認が求められる (figure_title)． 希望の認証方法を選択し，自分の携帯電話番号を入力しよう．
サインアップ (5): 携帯電話による本人確認
無事に本人確認が完了すると，最後にサポートプランの選択を求められる (figure_title)． 無料の Basic support を選択しておけば問題ない．
サインアップ (6): サポートプランの選択
以上のステップにより，アカウントの作成が完了する (figure_title)． 早速ログインをして， AWS コンソールにアクセスできるか確認しておこう．
サインアップ (7): アカウントの作成が完了した
AWS のシークレットキーの作成 ​
AWS シークレットキーとは， AWS CLI や AWS CDK から AWS の API を操作するときに，ユーザー認証を行うための鍵のことである． AWS CLI/CDK を使うには，最初にシークレットキーを発行する必要がある． AWS シークレットキーの詳細は 公式ドキュメンテーション "Understanding and getting your AWS credentials" を参照．
  1. AWS コンソールにログインする．
  2. 画面右上のアカウント名をクリックし，表示されるプルダウンメニューから "My Security Credentials" を選択 (figure_title)
  3. "Access keys for CLI, SDK, & API access" の下にある "Create accesss key" のボタンをクリックする (figure_title)
  4. 表示された Access key ID, Secret access key を記録しておく (画面を閉じると二度と表示されない)．
  5. 鍵を忘れてしまった場合などは，同じ手順で再発行が可能である．
  6. 発行したシークレットキーは， ~/.aws/credentials のファイルに書き込むか，環境変数に設定するなどして使う (詳しくは AWS CLI のインストール)．
AWS シークレットキーの発行1
AWS シークレットキーの発行2
AWS Educate Starter Account を用いている場合は，次の手順でシークレットキーを確認する．
  • AWS Educate のコンソール画面から， vocareum のコンソールに移動する (figure_title)．
  • Account Details をクリックし，続いて AWS CLI: Show をクリックする．
  • aws_access_key_id, aws_secret_access_key, aws_session_token が表示される (figure_title)． ここで表示された内容を ~/.aws/credentials にコピーする (AWS CLI のインストール 参照)． aws_session_token の箇所も漏らさずコピーすること．
  • 続いて， ~/.aws/config というファイルを用意し，次の内容を書き込む． 現時点では AWS Starter Account は us-east-1 リージョンでしか利用できないためである．
    [default] region = us-east-1 output = json
  • 上記の説明ではプロファイル名が default となっていたが，これは自分の好きな名前に変更してもよい． default 以外の名前を使用する場合は，コマンドを実行するときにプロファイル名を指定する必要がある (詳しくは AWS CLI のインストール)．
vocareum コンソール
vocareum から AWS シークレットキーの発行
AWS CLI のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
sh
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
インストールできたか確認するため，次のコマンドを打ってバージョン情報が出力されることを確認する．
sh
$ aws --version
$ aws --version
インストールができたら，次のコマンドにより初期設定を行う (参照)．
sh
$ aws configure
$ aws configure
コマンドを実行すると， AWS Access Key ID, AWS Secret Access Key を入力するよう指示される． シークレットキーの発行については AWS のシークレットキーの作成 を参照． コマンドは加えて，Default region name を訊いてくる． ここには自分の好きな地域 (例えば ap-northeast-1 =東京リージョン) を指定すればよい． 最後の Default output format は json としておくとよい．
このコマンドを完了すると， ~/.aws/credentials と ~/.aws/config　という名前のファイルが生成されているはずである． 念のため， cat コマンドを使って中身を確認してみるとよい．
sh
$ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
-
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
$ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
-
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
~/.aws/credentials には認証鍵の情報が， ~/.aws/config には AWS CLI の設定が記録されている．
デフォルトでは， [default] という名前でプロファイルが保存される． いくつかのプロファイルを使い分けたければ， default の例に従って，たとえば [myprofile] などという名前でプロファイルを追加すればよい．
AWS CLI でコマンドを打つときに，プロファイルを使い分けるには，
sh
$ aws s3 ls --profile myprofile
$ aws s3 ls --profile myprofile
のように， --profile というオプションをつけてコマンドを実行する．
いちいち --profile オプションをつけるのが面倒だと感じる場合は， AWS_PROFILE という環境変数を設定するとよい．
sh
$ export AWS_PROFILE=myprofile
$ export AWS_PROFILE=myprofile
あるいは，認証情報などを環境変数に設定するテクニックもある．
sh
export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
これらの環境変数は， ~/.aws/credentials よりも高い優先度をもつので，環境変数が設定されていればそちらの情報が使用される (参照)．
AWS Educate Starter Account は us-east-1 のリージョンのみ利用可能である (執筆時点での情報)． よって， AWS Educate Starter Account を使用している場合は， default region を us-east-1 に設定する必要がある．
AWS CDK のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
Node.js がインストールされていれば，基本的に次のコマンドを実行すればよい．
sh
$ sudo npm install -g aws-cdk
$ sudo npm install -g aws-cdk
本書のハンズオンは AWS CDK version 1.100.0 で開発した． CDK は開発途上のライブラリなので，将来的に API が変更される可能性がある． API の変更によりエラーが生じた場合は， version 1.100.0 を使用することを推奨する．
sh
$ npm install -g aws-cdk@1.100
$ npm install -g aws-cdk@1.100
インストールできたか確認するため，次のコマンドを打って正しくバージョンが表示されることを確認する．
sh
$ cdk --version
$ cdk --version
インストールができたら，次のコマンドにより AWS 側の初期設定を行う． これは一度実行すれば OK．
sh
$ cdk bootstrap
$ cdk bootstrap
cdk bootstrap を実行するときは，AWS の認証情報とリージョンが正しく設定されていることを確認する． デフォルトでは ~/.aws/config にあるデフォルトのプロファイルが使用される． デフォルト以外のプロファイルを用いるときは AWS CLI のインストール で紹介したテクニックを使って切り替える．
AWS CDK の認証情報の設定は AWS CLI と基本的に同じである．詳しくは AWS CLI のインストール を参照．
WSL のインストール ​
本書のハンズオンではコマンドラインから AWS CLI のコマンドを実行したり， Python で書かれたプログラムを実行する． コマンドは基本的に UNIX のターミナルを想定して書かれている． Linux や Mac のユーザーは OS に標準搭載されているターミナルを用いれば良い． Windows を利用している読者は， Windows Subsystem for Linux (WSL) を利用することで，仮想の Linux 環境を構築することを推奨する． Cygwin などの Linux 環境をエミュレートするほかのツールでも構わないが，本書のプログラムは WSL でのみ動作確認を行っている．
WSL とは， Windows の OS 上で Linux の仮想環境を起動するための， Microsoft 社が公式で提供しているソフトウェアである． Ubuntu など希望の Linux distribution が選択でき，基本的にすべての Linux 向けに作られたプログラム・ソフトウェアを使用することができる．
執筆時点では WSL 2 が最新版として提供されているので，以下では WSL 2 のインストール手順を簡単に説明する． 細かな詳細などは， 公式ドキュメンテーション を参照のこと．
前提として，使用される OS は Windows 10 (Pro または Home エディション) でなければならない． さらに，使用している Windows 10 のバージョンが WSL に対応するバージョンであるかを確認する． X64 のシステムでは Version 1903, Build 18362 以上でなければならない． バージョンが対応していない場合は、 Windows のアップデートを行う．
まず最初に， Administrator 権限で PowerShell を起動する (figure_title)． 左下の Windows メニューの検索バーに powershell と入力すると， PowerShell のプログラムが見つかるはずである， これを右クリックし、 Run as administrator を選択し起動する．
管理者権限での PowerShell の起動
PowerShell が起動したら、次のコマンドを実行する．
powershell
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
実行して、“The operation completed successfully.” と出力されるのを確認する． これで WSL が enable される．
次に，先ほどと同じ Administrator 権限で開いた PowerShell で次のコマンドを実行する。
powersh
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
実行して， “The operation completed successfully.” と出力されるのを確認する． これが確認出来たら、一度コンピュータを再起動する．
続いて， Linux kernel update package を次のリンクからダウンロードする． https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
ダウンロードしたファイルをダブルクリックして実行する． ダイアログに従ってインストールを完了させる．
そうしたら，再び PowerShell を開き次のコマンドを実行する。
sh
wsl --set-default-version 2
wsl --set-default-version 2
最後に、自分の好みの Linux distribution をインストールする． ここでは Ubuntu 20.04 をインストールしよう．
Microsoft store のアプリを起動し，検索バーに Ubuntu と入力する． Ubuntu 20.04 LTS という項目が見つかるはずなので，それを開き， “Get” ボタンをクリックする (figure_title)． しばらく待つと， Ubuntu 20.04 のインストールが完了する．
Microsoft store から Ubuntu 20.04 をインストール
Ubuntu 20.04 を初回に起動すると，初期設定が自動で開始され，数分待つことになる． 初期設定が終わると，ユーザー名・パスワードを設定するようプロンプトが出るので，プロンプトに従い入力する．
これで WSL2 のインストールが完了した． 早速 WSL2 を起動してみよう． 左下の Windows メニューの検索バーに Ubuntu と入力すると， Ubuntu 20.04 のプログラムが見つかるはずである (figure_title)． クリックして起動しよう．
Ubuntu 20.04 の起動
すると，ターミナルの黒い画面が立ち上がるだろう (figure_title)． ls, top などのコマンドを打ってみて， WSL がきちんと動作していることを確認しよう．
WSL の起動画面
オプションとして， Windows Terminal というマイクロソフトから提供されているツールを使うと，より快適に WSL を使用することができる． 興味のある読者はこちらのインストールも推奨する．
Docker のインストール ​
Docker のインストールの方法は OS によって異なる．
Mac ユーザーは， Docker Desktop をインストールする． インストールの方法は， Docker のウェブサイト から， Mac 版の Docker Desktop をダウンロードし，ダウンロードされたファイルをダブルクリックし， Applications のフォルダにドラッグするだけで良い． 詳細は 公式ドキュメンテーション を参照のこと．
Windows のユーザーは，Docker Desktop をインストールする． その際， WSL 2 が事前にインストールされていなければならない． 詳細は 公式ドキュメンテーション を参照のこと． Docker Desktop をインストールすると， WSL からも docker コマンドが使用できるようになる．
Linux ユーザー (特に Ubuntu ユーザー) については，インストールの方法はいくつかのアプローチがある． 公式ドキュメンテーション にいくつかのインストールの方法が示されているので，詳しい情報はそちらを参照いただきたい．
最も簡単な方法は， Docker が公式で提供しているインストールスクリプトを用いる方法である． この場合，次のコマンドを実行することで Docker がインストールされる．
sh
$ curl -fsSL https://get.docker.com -o get-docker.sh
-$ sudo sh get-docker.sh
$ curl -fsSL https://get.docker.com -o get-docker.sh
-$ sudo sh get-docker.sh
デフォルトのインストールでは， root ユーザーのみが docker コマンドを使用できる設定になっている． 従って，コマンドには毎回 sudo を付け加える必要がある． これが面倒だと感じる場合は，次のステップにより，使用するユーザーを docker というグループに追加する (詳細は 公式ドキュメンテーション "Post-installation steps for Linux" を参照)．
まず最初に， docker という名前にグループを追加する． インストールによっては，既に docker グループが作られている場合もある．
sh
$ sudo groupadd docker
$ sudo groupadd docker
次に，現在使用しているユーザーを docker グループに加える．
sh
$ sudo usermod -aG docker $USER
$ sudo usermod -aG docker $USER
ここまでできたら，一度ログアウトし，再度ログインする． これによって，グループの変更がターミナルのセッションに反映される．
設定が正しくできているかを確認するため，次のコマンドを実行してみる．
sh
$ docker run hello-world
$ docker run hello-world
sudo なしでコンテナが実行できたならば，設定は完了である．
Python venv クイックガイド ​
他人からもらったプログラムで， numpy や scipy のバージョンが違う！などの理由で，プログラムが動かない，という経験をしたことがある人は多いのではないだろうか． もし，自分の計算機の中に一つしか Python 環境がないとすると，プロジェクトを切り替えるごとに正しいバージョンをインストールし直さなければならず，これは大変な手間である．
コードのシェアをよりスムーズにするためには，ライブラリのバージョンはプロジェクトごとに管理されるべきである． それを可能にするのが Python 仮想環境とよばれるツールであり， venv, pyenv, conda などがよく使われる．
そのなかでも， venv は Python に標準搭載されているのでとても便利である． pyenv や conda は，別途インストールの必要があるが，それぞれの長所もある．
venv を使って仮想環境を作成するには，
sh
$ python -m venv .env
$ python -m venv .env
と実行する． これにより .env/ というディレクトリが作られ，このディレクトリに依存するライブラリが保存されることになる．
この新たな仮想環境を起動するには
sh
$ source .env/bin/activate
$ source .env/bin/activate
と実行する．
シェルのプロンプトに (.env) という文字が追加されていることを確認しよう (figure_title)． これが， "いまあなたは venv の中にいますよ" というしるしになる．
venv を起動したときのプロンプト
仮想環境を起動すると，それ以降実行する pip コマンドは， .env/ 以下にインストールされる．このようにして，プロジェクトごとに使うライブラリのバージョンを切り分けることができる．
Python では requirements.txt というファイルに依存ライブラリを記述するのが一般的な慣例である．他人からもらったプログラムに， requirements.txt が定義されていれば，
sh
$ pip install -r requirements.txt
$ pip install -r requirements.txt
と実行することで，必要なライブラリをインストールし，瞬時に Python 環境を再現することができる．
venv による仮想環境を保存するディレクトリの名前は任意に選べることができるが， .env という名前を用いるのが一般的である．
ハンズオン実行用の Docker image の使い方 ​
ハンズオンを実行するために必要な， Node.js, Python, AWS CDK などがインストールされた Docker image を用意した． これを使用することで，自分のローカルマシンに諸々をインストールする必要なく，すぐにハンズオンのコードが実行できる．
ハンズオンのいくつかのコマンドは Docker の外 = ローカルマシンのリアル環境で実行されなければならない． それらについてはハンズオンの該当箇所に注意書きとして記してある．
Docker イメージは Docker Hub においてある． Docker イメージのビルドファイルは GitHub の docker/Dockerfile にある．
次のコマンドでコンテナを起動する．
sh
$ docker run -it tomomano/labc:latest
$ docker run -it tomomano/labc:latest
初回にコマンドを実行したときのみ，イメージが Docker Hub からダウンロード (pull) される． 二回目以降はローカルにダウンロードされたイメージが使用される．
コンテナが起動すると，次のようなインタラクティブシェルが表示されるはずである (起動時に -it のオプションをつけたのがポイントである)．
sh
root@aws-handson:~/programlisting
root@aws-handson:~/programlisting
この状態で ls コマンドを打つと， handson/ というディレクトリがあるはずである． ここに cd する．
sh
$ cd handson
$ cd handson
すると，各ハンズオンごとのディレクトリが見つかるはずである．
あとは，ハンズオンごとにディレクトリを移動し，ハンズオンごとの virtualenv を作成し，スタックのデプロイを行えばよい (プログラムを実行する など参照)． ハンズオンごとに使用する依存ライブラリが異なるので，それぞれのハンズオンごとに virtualenv を作成するという設計になっている．
AWS の認証情報を設定することも忘れずに． AWS CLI のインストール で記述したように， AWS_ACCESS_KEY_ID などの環境変数を設定するのが簡単な方法である． あるいは，ローカルマシンの ~/.aws/credentials に認証情報が書き込まれているなら，このディレクトリをコンテナにマウントすることで，同じ認証ファイルをコンテナ内部から参照することが可能である． この選択肢を取る場合は，次のコマンドでコンテナを起動する．
sh
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
これにより，ローカルマシンの ~/.aws をコンテナの /root/.aws にマウントすることができる． 最後の :ro は read-only を意味する． 大切な認証ファイルが誤って書き換えられてしまわないように， read-only のフラグをつけることをおすすめする．
/root/ がコンテナ環境におけるホームディレクトリである． ここで紹介した認証ファイルをマウントするテクニックは， SSH 鍵をコンテナに渡すときなどにも使える．
ライセンス ​
本教科書およびハンズオンのソースコードは CC BY-NC-ND 4.0 に従うライセンスで公開しています．
教育など非商用の目的での本教科書の使用や再配布は自由に行うことが可能です． 商用目的で本書の全体またはその一部を無断で転載する行為は，これを固く禁じます．

-    
+    
Toshiki's Note
Appearance
はじめに! ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:34.3k
 Reading:141 min
本書の目的・内容 ​
本書は，東京大学計数工学科で 2021 年度 S1/S2 タームに開講されている"システム情報工学特論"の講義資料として作成された．
本書の目的は，クラウドの初心者を対象とし，クラウドの基礎的な知識・概念を解説する． また， Amazon Web Services (以下， AWS) の提供するクラウド環境を実例として，具体的なクラウドの利用方法をハンズオンを通して学ぶ．
とくに，科学・エンジニアリングの学生を対象として，研究などの目的でクラウドを利用するための実践的な手順を紹介する． 知識・理論の説明は最小限に留め，実践を行う中で必要な概念の解説を行う予定である． 読者が今後，研究などでクラウドを利用する際の，足がかりとなれば本書の目的は十分達成されたことになる．
本書は以下のような三部構成になっている．
本書の構成
テーマハンズオン
第一部 (1章-4章)
クラウドの基礎
  • AWSに自分のサーバーを立ち上げる
第二部 (5章-9章)
クラウドを活用した機械学習
  • AWS と Jupyter を使って始めるディープラーニング
  • スケーラブルな自動質問回答ボットを作る
  • 並列化されたハイパーパラメータサーチの実装
第三部 (10章-13章)
サーバーレスアーキテクチャ入門
  • Lambda, DynamoDB, S3 の演習
  • 俳句を投稿する SNS "Bashoutter" を作る
第一部は，クラウドの基礎となる概念・知識を解説する． セキュリティやネットワークなど，クラウドを利用する上で最低限おさえなければいけないポイントを説明する． ハンズオンでは，はじめての仮想サーバーを AWS に立ち上げる演習を行う．
第二部では，クラウド上で科学計算 (とくに機械学習) を走らせるための入門となる知識・技術を解説する． あわせて， Docker とよばれる仮想計算環境の使用方法を紹介する． 一つ目のハンズオンでは， AWS のクラウドで Jupyter Notebook を起動し簡単な機械学習の計算を走らせる課題を実践する． 二つ目のハンズオンでは，深層学習を用いた自然言語処理により，質問に自動で回答を生成するボットを作成する． 最後に，複数台の GPU インスタンスからなるクラスターを起動し，並列に深層学習のハイパーパラメータサーチを行う方法を紹介する．
第三部では，サーバーレスアーキテクチャとよばれる最新のクラウドのアーキテクチャを紹介する． これは，サーバーの処理能力を負荷に応じてより柔軟に拡大・縮小するための概念であり，それ以前 (Serverful としばしばよばれる) と質的に異なる設計思想をクラウドに導入するものである． ハンズオンでは，サーバーレスクラウドの主要なコンポーネントである Lambda, DynamoDB, S3 の演習を提供する． さらに，サーバーレスの技術を使用して簡単な SNS をクラウド上に作成する．
これらの豊富なハンズオンにより， AWS 上にクラウドシステムを開発するための知識と技術が身につくはずである． いずれのハンズオンも，実用性を重視したものになっており，これらをベースにカスタマイズを施すことで様々な応用が可能である．
本書のフィロソフィー ​
本書のフィロソフィーを一言で表すなら， "ロケットで宇宙まで飛んでいって一度地球を眺めてみよう！" である．
どういうことか？
ここでいう"地球"とは，クラウドコンピューティングの全体像のことである． 言うまでもなく，クラウドという技術は非常に広範かつ複雑な概念で，幾多の情報技術・ハードウェア・アルゴリズムが精緻に組み合わさってできた総体である． そして，今日では科学研究から日常のインフラ設備に至るまで，我々の社会の多くの部分がクラウド技術によって支えられている．
ここでいう"ロケット"とはこの講義のことである． この講義では，ロケットに乗って宇宙まで飛び立ち，地球(クラウド)の全体を自身の目で眺めてもらう． その際，ロケットの成り立ちや仕組み (背後にある要素技術やプログラムのソースコード) を深くは問わない． 将来，自分が研究などの目的でクラウドを利用することになった際に，改めて学んでもらえば良い． 本書の目的はむしろ，クラウドの最先端に実際に触れ，そこからどんな景色が見えるか(どんな応用が可能か)を実感してもらうことである．
そのような理由で，本書はクラウドの基礎から応用まで幅広いテーマを取り扱う． 第一部はクラウドの基礎から始め，第二部では一気にレベルアップし機械学習(深層学習)をクラウドで実行する手法を解説する． さらに第三部では，サーバーレス・アーキテクチャというここ数年のうちに確立した全く新しいクラウドの設計について解説する． それぞれで本一冊分以上の内容に相当するものであるが，本書はあえてこれらを一冊にまとめ連続的に俯瞰するという野心的な意図をもって執筆された．
決して楽な搭乗体験ではないかもしれないが，このロケットにしがみついてきてもらえれば，とてもエキサイティングな景色が見られることを約束したい．
宇宙からみた地球 (Image from NASA https://www.nasa.gov/image-feature/planet-of-clouds)
AWS アカウント ​
本書では，ハンズオン形式で AWS のクラウドを実際に動かす演習を提供する． 自分でハンズオンを実行してみたい読者は，各自で AWS のアカウントの作成をしていただく． AWS のアカウントの作成の仕方は巻末付録 (AWS アカウントの取得) に簡単に記載したので，必要に応じて参照していただきたい．
AWS にはいくつかの機能に対して無料利用枠が設定されており，いくつかのハンズオンは無料の範囲内で実行できる． 一方，ほかのハンズオン (とくに機械学習を扱うもの) では数ドル程度のコストが発生する． ハンズオンごとに発生するおおよそのコストについて記述があるので，注意をしながらハンズオンに取り組んでいただきたい．
また，大学などの教育機関における講義で AWS を使用する際は， AWS Educate というプログラムを利用することも可能である． これは，講義の担当者が申請を行うことで，受講する学生に対し AWS クレジットが提供されるというプログラムである． AWS Educate を利用することで金銭的な負担なしに AWS を体験することができる． また，講義を経由せず個人でも AWS Educate に参加することも可能である． AWS Educate からは様々な学習教材が提供されているので，ぜひ活用してもらいたい．
環境構築 ​
本書では， AWS 上にクラウドアプリケーションを展開するハンズオンを実施する． そこで紹介するプログラムを実行するためには，以下の計算機環境が必要である． インストールの方法については，巻末付録 (Appendix: 環境構築) に記してある． 必要に応じて参照し，環境構築を各自実施していただきたい．
  • UNIX 系コンソール: ハンズオンで紹介するコマンドを実行したり， SSH でサーバーにアクセスするため， UNIX 系のコンソール環境が必要である． Mac または Linux のユーザーは， OS に標準搭載のコンソール(ターミナルとも呼ばれる)を使用すればよい． Windows のユーザーは， Windows Subsystem for Linux (WSL) を使い， Linux の仮想環境のインストールを推奨する (WSL のインストール 参照)．
  • Docker: 本書では Docker とよばれる仮想計算環境の利用方法を解説する． インストール手順については Docker のインストール を参照のこと．
  • Python: Version 3.6 以上をインストールする． とくに，ハンズオンでは venv モジュールを使用する． venv の使い方は Python クイックガイド 参照のこと．
  • Node.js: version 12.0 以上 をインストールする．
  • AWS CLI: Version 2 をインストールする． インストール手順については AWS CLI のインストール 参照のこと．
  • AWS CDK: Version 1.100 以上をインストールする． Version 2 以降には未対応である． インストール手順については AWS CDK のインストール 参照のこと．
  • AWS 認証鍵の設定: AWS API をコマンドラインから呼ぶには，認証鍵 (secret key) が設定されている必要がある． 認証鍵の設定については AWS CLI のインストール 参照のこと．
ハンズオン実行用の Docker Image ​
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもクローン済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
次のコマンドで起動する．
sh
$ docker run -it tomomano/labc
$ docker run -it tomomano/labc
この Docker image の使い方や詳細は ハンズオン実行用の Docker image の使い方 に記載している．
前提知識 ​
本書を読むにあたり，要求する前提知識は大学初等程度の計算機科学の知識 (OS，プログラミングなど)のみである． それ以上の前提知識はとくに仮定しない． クラウドの利用経験もゼロで問題ない． が，以下の事前知識があるとよりスムーズに理解をすることができるだろう．
  • Python の基本的な理解: 本書では Python を使ってプログラムの作成を行う． 使用するライブラリは十分抽象化されており，関数の名前を見ただけで意味が明瞭なものがほとんどであるので， Python に詳しくなくても心配する必要はない．
  • Linux コマンドラインの基礎的な理解: クラウドを利用する際，クラウド上に立ち上がるサーバーは基本的に Linux である． Linux のコマンドラインについて知識があると，トラブルシュートなどが容易になる． 筆者のおすすめの参考書は The Linux Command Line by William Shotts である． ウェブで無料で読むことができるので，読んだことのない人はぜひ一読を．
講義に関連する資料 ​
ハンズオンで使うプログラムや教科書のソースコードは以下のウェブページで公開している．
https://github.com/tomomano/learn-aws-by-coding
本書で使用するノーテーションなど ​
  • コードやシェルのコマンドは monospace letter で記述する．
  • シェルに入力するコマンドは，それがシェルコマンドであると明示する目的で，先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力には $ はついていない点に留意する．
また，以下のような形式で注意やチップスを提供する．
追加のコメントなどを記す．
発展的な議論やアイディアなどを紹介する．
陥りやすいミスなどの注意事項を述べる．
絶対に犯してはならないミスを指摘する．
クラウド概論 ​
クラウドとは？ ​
Cloud
クラウドとはなにか？ クラウドという言葉は，それ自身がとても広い意味をもつので，厳密な定義付けを行うことは難しい．
学術的な意味でのクラウドの定義づけをするとしたら，NIST(米国・国立標準技術研究所) による The NIST Definition of Cloud Computing が引用されることが多い． ここに記載されたクラウドの定義・モデルを図示したのが figure_title である．
The NIST Definition of Cloud Computing
これによると，クラウドとは以下の要件が満たされたハードウェア/ソフトウェアの総体のことをいう．
  • On-demand self-service 利用者のリクエストに応じて計算資源が自動的に割り当てられる．
  • Broad network access 利用者はネットワークを通じてクラウドにアクセスできる．
  • Resource pooling クラウドプロバイダーは，所有する計算資源を分割することで複数の利用者に計算資源を割り当てる．
  • Rapid elasticity 利用者のリクエストに応じて，迅速に計算資源の拡大あるいは縮小を行うことができる．
  • Measured service 計算資源の利用量を計測・監視することができる．
…と，いわれても抽象的でよくわからないかもしれない．もう少し具体的な話をする．
個人が所有する計算機で， CPU をアップグレードしようと思ったら，物理的に筐体を開け，CPU ソケットを露出させ，新しい CPU に交換する必要があるだろう． あるいは，ストレージがいっぱいになってしまったら，古いディスクを抜き取り，新しいディスクを挿入する必要がある． 計算機の場所を移動させたときには，新しい部屋の LAN ケーブルを差し込まないとネットワークには接続できない．
クラウドでは，これらの操作がプログラムからのコマンドによって実行できる． CPU が 1000 個欲しいと思ったならば，そのようにクラウドプロバイダーにリクエストを送れば良い． すると，数分もしないうちに 1000 CPU の計算資源が割り当てられる． ストレージを 1TB から 10TB に拡張しようと思ったならば，そのようにコマンドを送ればよい (これは，Google Drive や Dropbox などのサービスなどで馴染みのある人も多いだろう)． 計算資源を使い終わったら，そのことをプロバイダーに伝えれば，割り当て分はすぐさま削除される． クラウドプロバイダーは，使った計算資源の量を正確にモニタリングしており，その量をもとに利用料金の計算が行われる．
このように，クラウドの本質は物理的なハードウェアの仮想化・抽象化であり，利用者はコマンドを通じて，まるでソフトウェアの一部かのように，物理的なハードウェアの管理・運用を行うことができる． もちろん，背後では，データセンターに置かれた膨大な数の計算機が大量の電力を消費しながら稼働している． クラウドプロバイダーはデータセンターの計算資源を上手にやりくりし，ソフトウェアとしてのインターフェースをユーザーに提供することで，このような仮想化・抽象化を達成しているわけである． クラウドプロバイダーの視点からすると，大勢のユーザーに計算機を貸し出し，データセンターの稼働率を常時 100%に近づけることで，利益率の最大化を図っているのである．
著者の言葉で，クラウドの重要な特性を定義するならば，以下のようになる．
クラウドとは計算機ハードウェアの抽象化である．つまり，物理的なハードウェアをソフトウェアの一部かのように自在に操作・拡大・接続することを可能にする技術である．
先述の The NIST Definition of Cloud Computing に戻ると，クラウドプロバイダーによるクラウドサービスの形態としては，次の三つが定義されている (figure_title)．
  • Software as a Service (SaaS): クラウド上で実行されるアプリケーションをサービスとして利用者に提供する形態． 例として， Google Drive や Slack などが挙げられる． 利用者は，背後にあるクラウドのインフラ (ネットワークやサーバーなど) には直接触れず，アプリケーションとして提供されているクラウドサービスを享受する．
  • Platform as a Service (PaaS): 顧客の作成したアプリケーション (多くの場合データベースと API リクエスト処理を行うサーバーのコードから構成される) をデプロイする環境をサービスとして利用者に提供する形態． PaaS では利用者はクラウドのインフラに直接触れることはなく，計算負荷が増減した際のサーバーのスケーリングはクラウドプロバイダーによってなされる． 例としては， Google App Engine や Heroku などがある．
  • Infrastructure as a Service (IaaS): クラウド上の計算インフラストラクチャーを従量課金制で利用者に提供する形態． 利用者は必要なネットワーク・サーバー・ストレージをプロバイダーから借り受け，そこに自身のアプリケーションを展開し運用する． IaaS の例としては AWS EC2 などが挙げられる．
本書が扱うのは，主に IaaS におけるクラウド開発である． すなわち，開発者がクラウドのインフラを直接操作し，所望のネットワーク・サーバー・ストレージなどを一から構成し，そこにアプリケーションを展開するというクラウド開発である． この意味において，クラウドの開発とはクラウドインフラストラクチャーを定義・展開するプログラムを構築するステップとインフラ上で実際に走るアプリケーションを作成するステップの二つに分けることができる． この二つは，プログラマーの技術としてはある程度分業を行うことが可能であるが，最も効率化・最適化されたクラウドシステムを構築するためには両方の理解が必須である． 本書では，前者 (クラウドインフラの記述) に重きを置きつつ，アプリケーションレイヤーの話題も取り扱う． PaaS とは，開発者はアプリケーションレイヤーの開発に注力し，クラウドインフラの部分はクラウドプロバイダーに依存するという概念である． PaaS は，クラウドインフラの開発が不要になることで開発の時間が短縮されるが，細かなインフラの挙動はコントロールできないという限界がある． 本書では PaaS についてはとくに取り扱わない．
SaaS は本書の文脈では開発による"成果物"と捉えられるだろう． すなわち， IaaS を構成するプログラムを作成し展開することによって，一般の人が利用できるようなウェブ上の計算サービスやデータベースを提供することが開発の最終ゴールである． 本書のハンズオンではその実例として，シンプルな SNS の作成 (Hands-on #6: Bashoutter) などの演習を提供する．
なお，最近では Function as a Service (FaaS) やサーバーレスコンピューティングなども新たなクラウドのカテゴリとして認知されている． これらの概念については Hands-on #5: サーバーレス入門 などの章で詳しく触れていく． 本書を読み進める中で明らかになるように，クラウドの技術は日進月歩である． 本書では実用的・教育的な観点から，従来的なクラウドの設計概念に触れたあと，サーバーレスなどの最新の技術も網羅するので，楽しみにしながら読み進めていただきたい．
最後に，The NIST Definition of Cloud Computing によると，クラウドの運用形態について次のような定義がなされている (figure_title)． 特定の組織・団体・企業の内部のみで使用されるクラウドを，プライベートクラウド (private cloud) とよぶ． 例えば，大学や研究機関では，その機関の構成員向けの大規模計算機サーバーが運用されていることが多い． プライベートクラウドは，組織の構成員ならば無料もしくは極めて割安のコストで計算を実行できる． しかし，使用できる計算資源の上限は限られる場合が多く，拡張時の柔軟性に欠ける場合もある．
一方，商用のサービスとして一般の顧客に向けたクラウドのことを，パブリッククラウド (public cloud) とよぶ． 有名なパブリッククラウドプラットフォームの例を挙げると， Google 社が提供する Google Cloud Platform (GCP)， Microsoft 社が提供する Azure， Amazon 社が提供する Amazon Web Services (AWS) などがある． パブリッククラウドを利用する場合は，プロバイダーの設定した利用料金を支払うことになる． その分，巨大なデータセンターを運用する企業の計算資源にアクセスすることができるので，計算のキャパシティは無尽蔵にあるといって過言でない．
第三のクラウドの運用形態として，コミュニティクラウド (community cloud) が挙げられる． これは，例えば政府の省庁・機関など目的・役割を共有する団体・組織が共有して運用するクラウドを指す． 最後に，ハイブリッドクラウド (hybrid cloud) という形態もあり，これはプライベート・パブリック・コミュニティクラウドの二つ以上の組み合わせによって構成されるクラウドのことである． データ保護の観点から，いくつかの機密データやプライバシーに関わる情報はプライベートクラウドに保持し，残りのシステムをパブリッククラウドに依存する，などの形態が想定される．
本書で説明するのは，基本的にパブリッククラウドを使ったクラウド開発である． 特に，Amazon Web Services (AWS) を使用して，具体的な技術と概念を学んでいく． 一方で，サーバーのスケーリングや仮想計算環境などのテクニックはすべてのクラウドに共通な概念であるので，クラウドのプラットフォームが変わろうと一般に通用する知識も同時に身につくはずだ．
なぜクラウドを使うのか？ ​
上述のように，クラウドとはプログラムを通じて自由に計算資源を操作することのできる計算環境である． ここでは，リアルなローカル計算環境と比べて，なぜクラウドを使うと良いことがあるのかについて述べたい．
  1. 自由にサーバーのサイズをスケールできる
    なにか新しいプロジェクトを始めるとき，あらかじめ必要なサーバーのスペックを知るのは難しい． いきなり大きなサーバーを買うのはリスクが高い． 一方で，小さすぎるサーバーでは，後のアップグレードが面倒である． クラウドを利用すれば，プロジェクトを進めながら，必要な分だけの計算資源を確保することができる． 2. 自分でサーバーをメンテナンスする必要がない
    悲しいことに，コンピュータとは古くなるものである．最近の技術の進歩の速度からすると，5 年も経てば，もはや当時の最新コンピュータも化石と同じである． 5 年ごとにサーバーを入れ替えるのは相当な手間である． またサーバーの停電や故障など不意の障害への対応も必要である． クラウドでは，そのようなインフラの整備やメンテナンスはプロバイダーが自動でやってくれるので，ユーザーが心配する必要がない． 3. 初期コスト 0
    自前の計算環境とクラウドの，経済的なコストのイメージを示したのが figure_title である． クラウドを利用する場合の初期コストは基本的に 0 である． その後，使った利用量に応じてコストが増大していく． 一方，自前の計算環境では，大きな初期コストが生じる． その分，初期投資後のコストの増加は，電気利用料やサーバー維持費などに留まるため，クラウドを利用した場合よりも傾きは小さくなる． 自前の計算機では，ある一定期間後，サーバーのアップグレードなどによる支出が生じることがある． 一方，クラウドを利用する場合は，そのような非連続なコストの増大は基本的に生じない． クラウドのコストのカーブが，自前計算環境のコストのカーブの下にある範囲においては，クラウドを使うことは経済的なコスト削減につながる．
    クラウドと自前計算機環境の経済的コストの比較
とくに，**1.**の点は研究の場面では重要であると筆者は感じる． 研究をやっていて，四六時中計算を走らせ続けるという場合は少ない． むしろ，新しいアルゴリズムが完成したとき・新しいデータが届いたとき，集中的・突発的に計算タスクが増大することが多いだろう． そういったときに，フレキシブルに計算力を増強させることができるのは，クラウドを使う大きなメリットである．
ここまでクラウドを使うメリットを述べたが，逆に，デメリットというのも当然存在する．
  1. クラウドは賢く使わないといけない
    figure_title で示したコストのカーブにあるとおり，使い方によっては自前の計算環境のほうがコスト的に有利な場面は存在しうる． クラウドを利用する際は，使い終わった計算資源はすぐに削除するなど，利用者が賢く管理を行う必要があり，これを怠ると思いもしない額の請求が届く可能性がある． 2. セキュリティ
    クラウドは，インターネットを通じて世界のどこからでもアクセスできる状態にあり，セキュリティ管理を怠ると簡単にハッキングの対象となりうる． ハッキングを受けると，情報流出だけでなく，経済的な損失を被る可能性がある． 3. ラーニングカーブ
    上記のように，コスト・セキュリティなど，クラウドを利用する際に留意しなければならない点は多い． 賢くクラウドを使うには，十分なクラウドの理解が必要であり，そのラーニングカーブを乗り越える必要がある．
Mac/Linux などでコマンドを入力するときに使用する，あの黒い画面のことを Terminal とよんだりする． この言葉の語源をご存知だろうか？
Terminal
この言葉の語源は，コンピュータが誕生して間もない頃の時代に遡る． その頃のコンピュータというと，何千何万のという数の真空管が接続された，会議室一個分くらいのサイズのマシンであった． そのような高価でメンテが大変な機材であるから，当然みんなでシェアして使うことが前提となる． ユーザーがコンピュータにアクセスするため，マシンからは何本かのケーブルが伸び，それぞれにキーボードとスクリーンが接続されていた… これを Terminal とよんでいたのである． 人々は，代わる代わる Terminal の前に座って，計算機との対話を行っていた.
時代は流れ，Windows や Mac などのいわゆるパーソナルコンピュータの出現により，コンピュータはみんなで共有するものではなく，個人が所有するものになった．
最近のクラウドの台頭は，みんなで大きなコンピュータをシェアするという，最初のコンピュータの使われ方に原点回帰していると捉えることもできる． 一方で，スマートフォンやウェアラブルなどのエッジデバイスの普及も盛んであり，個人が複数の"小さな"コンピュータを所有する，という流れも同時に進行しているのである．
AWS 入門 ​
AWS とは？ ​
本書では，クラウドの実践を行うプラットフォームとして， AWS を用いる． 実践にあたって，最低限必要な AWS の知識を本章では解説しよう．
AWS (Amazon Web Services) は Amazon 社が提供する総合的なクラウドプラットフォームである． AWS は Amazon 社が持つ膨大な計算リソースを貸し出すクラウドサービスとして，2006 年に誕生した． 2021 年では，クラウドプロバイダーとして最大のマーケットシェア (約 32%) を保持している (参照)． Netflix や Slack をはじめとした多くのウェブ関連のサービスで，一部または全てのサーバーリソースが AWS から提供されているとのことである． よって，知らないうちに AWS の恩恵にあずかっている人も少なくないはずだ．
最大のシェアをもつだけに，機能・サービスの幅広さはほかのクラウドプラットフォームと比べ抜きんでている． また，利用者数が多いことを反映して，公式あるいはサードパーティによる技術紹介記事が数多くウェブ上に存在しているだけでなく，ライブラリのユーザーコミュニティも大きく問題解決が捗るのも魅力の一つだ． 初期のころウェブビジネスを行う企業がユーザーの大半を占めていたが，最近は大学などでの科学研究用途としても頻繁に用いられるようになってきている．
AWS の機能・サービス ​
figure_title は，執筆時点において AWS で提供されている主要な機能・サービスの一覧である．
AWSで提供されている主要なサービス一覧
計算，ストレージ，データベース，ネットワーク，セキュリティなど，クラウドの構築に必要な様々な要素が独立したコンポーネントとして提供されている． 基本的に，これらを組み合わせることで一つのクラウドシステムができあがる．
また，機械学習・音声認識・AR/VR など，特定のアプリケーションにパッケージ済みのサービスも提供されている． これらを合計すると全部で 170 個以上のサービスが提供されているとのことである (参照)．
AWS の初心者が陥りがちなのは，大量のサービスの数に圧倒され，どこから手をつけたらよいのかわからなくなる，という状況である． たくさんのサービスの中から，どのサービスをどの順番で学んでいったらいいのか，その道筋すら明らかでなく，大きな参入障壁となっていることは間違いない． だが実のところ， AWS の基本的な構成要素はそのうちの数個のみに限られる． 基本要素となる機能の使い方を知れば， AWS のおおよそのリソースを使いこなすことが可能になる． ほかの機能の多くは，基本の要素を組み合わせて特定のアプリケーションに特化したパッケージとして AWS が用意したものである． そのポイントを認知することが， AWS の学習の最初のステップである．
ここでは， AWS 上でクラウドシステムを構築するときの基本となる構成要素を列挙する． これらは後のハンズオンで実際にプログラムを書きながら体験する． 現時点では，名前だけでも頭の片隅に記憶してもらえればよい．
計算 ​
S3 EC2 (Elastic Compute Cloud) 様々なスペックの仮想マシンを作成し，計算を実行することができる． クラウドの最も基本となる構成要素である． Hands-on #1: 初めての EC2 インスタンスを起動する, Hands-on #2: AWS でディープラーニングを実践, Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する で詳しく触れる．
S3 Lambda Function as a Service (FaaS) とよばれる，小さな計算をサーバーなしで実行するためのサービス． サーバーレスアーキテクチャの章 (Serverless architecture) で詳しく解説する．
ストレージ ​
S3 EBS (Elastic Block Store) EC2 に付与することのできる仮想データドライブ． いわゆる"普通の"(一般的な OS で使われている)ファイルシステムを思い浮かべてくれたらよい．
S3 S3 (Simple Storage Service) Object Storage とよばれる，API を使ってデータの読み書きを行う，いうなれば”クラウド・ネイティブ”なデータの格納システムである． サーバーレスアーキテクチャの章 (Serverless architecture) で詳しく解説する．
データベース ​
S3 DynamoDB NoSQL 型のデータベースサービス (知っている人は mongoDB などを思い浮かべたらよい)． サーバーレスアーキテクチャの章 (Serverless architecture) で詳しく解説する．
ネットワーク ​
S3 VPC(Virtual Private Cloud) AWS 上に仮想ネットワーク環境を作成し，仮想サーバー間の接続を定義したり，外部からのアクセスなどを管理する． EC2 は VPC の内部に配置されなければならない．
API Gateway S3 API のエンドポイントとバックエンドのサービス (Lambda など) を接続する際に用いる，リバースプロキシとしての役割を担う． Hands-on #6: Bashoutter で詳しく解説する．
Region と Availability Zone ​
AWS を使用する際に知っておかなければならない重要な概念として， リージョン (Region) と Availability Zone (AZ) がある (figure_title)． 以下ではこの概念について簡単に記述する．
AWSにおける Region と Availability Zones
リージョン (Region) とは，おおまかに言うとデータセンターの所在地のことである． 執筆時点において， AWS は世界の 25 の国と地域でデータセンターを所有している． figure_title は執筆時点で利用できるリージョンの世界地図を示している． 日本では東京と大阪にデータセンターがある． 各リージョンには固有の ID がついており，例えば東京は ap-northeast-1, 米国オハイオ州は us-east-2，などと定義されている．
Regions in AWS(出典: https://aws.amazon.com/about-aws/global-infrastructure/)
AWS コンソールにログインすると，画面右上のメニューバーでリージョンを選択することができる(figure_title, 赤丸で囲った箇所)． EC2, S3 などの AWS のリソースは，リージョンごとに完全に独立である． したがって，リソースを新たにデプロイする際，あるいはデプロイ済みのリソースを閲覧する際は，コンソールのリージョンが正しく設定されているか，確認する必要がある． ウェブビジネスを展開する場合などは，世界の各地にクラウドを展開する必要があるが，個人的な研究用途として用いる場合は，最寄りのリージョン (i.e. 東京) を使えば基本的に問題ない．
AWSコンソールでリージョンを選択
Avaialibity Zone (AZ) とは，リージョン内で地理的に隔離されたデータセンターのことである． それぞれのリージョンは 2 個以上の AZ を有しており，もし一つの AZ で火災や停電などが起きた場合でも，ほかの AZ がその障害をカバーすることができる． また， AZ 間は高速な AWS 専用ネットワーク回線で結ばれているため， AZ 間のデータ転送は極めて早い． AZ は，ビジネスなどでサーバーダウンが許容されない場合などに注意すべき概念であり，個人的な用途で使う限りにおいてはあまり深く考慮する必要はない．言葉の意味だけ知っておけば十分である．
AWS を使用する際，どこのリージョンを指定するのがよいのだろうか？ インターネットの接続速度の観点からは，地理的に一番近いリージョンを使用するのが一般的によいだろう． 一方， EC2 の利用料などはリージョンごとに価格設定が若干 (10-20%程度) 異なる． したがって，自分が最も頻繁に利用するサービスの価格が最も安く設定されているリージョンを選択する，というのも重要な視点である． また，いくつかのサービスは，特定のリージョンで利用できない場合もある． これらのポイントから総合的に判断して使用するリージョンを決めると良い．
AWS Educate を利用している読者へ
執筆時点において，AWS Educate による Starter Account を使用している場合は us-east-1 region のみ利用できる (参照)．
AWS でのクラウド開発 ​
AWS のクラウドの全体像がわかってきたところで，次のトピックとして，どのようにして AWS 上にクラウドの開発を行い，展開していくかについての概略を解説しよう．
AWS のリソースを追加・編集・削除するなどの操作を実行するには，コンソールを用いる方法と，API を用いる方法の，二つの経路がある．
コンソール画面からリソースを操作する ​
AWS のアカウントにログインすると，まず最初に表示されるのがAWS コンソールである (figure_title)．
AWSマネージメントコンソール画面
コンソールを使うことで， EC2 のインスタンスを立ち上げたり，S3 のデータを追加・削除したり，ログを閲覧したりなど，AWS 上のあらゆるリソースの操作を GUI (Graphical User Interface) を通して実行することができる． 初めて触る機能をポチポチと試したり，デバッグを行うときなどにとても便利である．
コンソールはさらっと機能を試したり，開発中のクラウドのデバッグをするときには便利なのであるが，実際にクラウドの開発をする場面でこれを直接いじることはあまりない． むしろ，次に紹介する API を使用して，プログラムとしてクラウドのリソースを記述することで開発を行うのが一般的である． そのような理由で，本書では AWS コンソールを使った AWS の使い方はあまり触れない． AWS のドキュメンテーションには，たくさんの チュートリアル が用意されており，コンソール画面から様々な操作を行う方法が記述されているので，興味がある読者はそちらを参照されたい．
API からリソースを操作する ​
API (Application Programming Interface) を使うことで，コマンドを AWS に送信し，クラウドのリソースの操作をすることができる． API とは，端的に言えば AWS が公開しているコマンドの一覧であり，GET, POST, DELETE などの REST API から構成されている (REST API については REST API で簡単に解説する)． が，直接 REST API を入力するのは面倒であるので，その手間を解消するための様々なツールが提供されている．
例えば， AWS CLI は， UNIX コンソールから AWS API を実行するための CLI (Command Line Interface) である． CLI に加えて，いろいろなプログラミング言語での SDK (Software Development Kit) が提供されている．以下に一例を挙げる．
具体的な API の使用例を見てみよう．
S3 に新しい保存領域 (Bucket (バケット) とよばれる) を追加したいとしよう． AWS CLI を使った場合は，次のようなコマンドを打てばよい．
sh
$ aws s3 mb s3://my-bucket --region ap-northeast-1
$ aws s3 mb s3://my-bucket --region ap-northeast-1
上記のコマンドは， my-bucket という名前のバケットを， ap-northeast-1 のリージョンに作成する．
Python からこれと同じ操作を実行するには， boto3 ライブラリを使って，次のようなスクリプトを実行する．
python
import boto3
+
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
import boto3
+
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
もう一つ例をあげよう．
新しい EC2 のインスタンス(インスタンスとは，起動状態にある仮想サーバーの意味である)を起動するには，次のようなコマンドを打てば良い．
sh
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
$ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
このコマンドにより， t2.micro というタイプ (1 vCPU, 1.0 GB RAM) のインスタンスが起動する． ここではその他のパラメータの詳細の説明は省略する (ハンズオン (Hands-on #1: 初めての EC2 インスタンスを起動する) で詳しく解説する)．
Python から上記と同じ操作を実行するには，以下のようなスクリプトを使う．
python
import boto3
+
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
import boto3
+
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
以上の例を通じて，API によるクラウドのリソースの操作のイメージがつかめてきただろうか？ コマンド一つで，新しい仮想サーバーを起動したり，データの保存領域を追加したり，任意の操作を実行できるわけである． 基本的に，このようなコマンドを複数組み合わせていくことで，自分の望む CPU・RAM・ネットワーク・ストレージが備わった計算環境を構築することができる． もちろん，逆の操作 (リソースの削除) も API を使って実行できる．
ミニ・ハンズオン: AWS CLI を使ってみよう ​
ここでは，ミニ・ハンズオンとして，AWS CLI を実際に使ってみる． AWS CLI は先述のとおり， AWS 上の任意のリソースの操作が可能であるが，ここでは一番シンプルな，S3 を使ったファイルの読み書きを実践する (EC2 の操作は少し複雑なので，第一回ハンズオンで行う)． aws s3 コマンドの詳しい使い方は 公式ドキュメンテーションを参照．
AWS CLI のインストールについては， AWS CLI のインストール を参照．
以下に紹介するハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
以下のコマンドを実行する前に，AWS の認証情報が正しく設定されていることを確認する． これには ~/.aws/credentials のファイルに設定が書き込まれているか，環境変数 (AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION) が定義されている必要がある． 詳しくは AWS CLI のインストール を参照．
まずは，S3 にデータの格納領域 (Bucket とよばれる．一般的な OS での"ドライブ"に相当する) を作成するところから始めよう．
sh
$ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://${bucketName}"
$ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://${bucketName}"
S3 のバケットの名前は， AWS 全体で一意的でなければならないことから，前述のコマンドではランダムな文字列を含んだバケットの名前を生成し，bucketName という変数に格納している． そして， aws s3 mb (mb は make bucket の略) によって，新しいバケットを作成する．
次に，バケットの一覧を取得してみよう．
sh
$ aws s3 ls
+
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
$ aws s3 ls
+
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
先ほど作成したバケットがリストにあることを確認できる．
本書のノーテーションとして，コマンドラインに入力するコマンドは，それがコマンドであると明示する目的で先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力は $ なしで表示されている．
次に，バケットにファイルをアップロードする．
sh
$ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
$ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
上では hello_world.txt というダミーのファイルを作成して，それをアップロードした．
それでは，バケットの中にあるファイルの一覧を取得してみる．
sh
$ aws s3 ls "s3://${bucketName}" --human-readable
+
+2020-06-07 23:54:19   13 Bytes hello_world.txt
$ aws s3 ls "s3://${bucketName}" --human-readable
+
+2020-06-07 23:54:19   13 Bytes hello_world.txt
先ほどアップロードしたファイルがたしかに存在することがわかる．
最後に，使い終わったバケットを削除する．
sh
$ aws s3 rb "s3://${bucketName}" --force
$ aws s3 rb "s3://${bucketName}" --force
rb は remove bucket の略である． デフォルトでは，バケットの中にファイルが存在すると削除できない． 空でないバケットを強制的に削除するには --force のオプションを付ける．
以上のように，AWS CLI を使って S3 バケットに対しての一連の操作を実行できた． EC2 や Lambda, DynamoDB などについても同様に AWS CLI を使ってあらゆる操作を実行できる．
Amazon Resource Name (ARN)
AWS 上のあらゆるリソースには， Amazon Resource Name (ARN) という固有の ID が付与されている． ARN は arn:aws:s3:::my_bucket/ のようなフォーマットで記述され，ARN を使用することで，特定の AWS リソース (S3 のバケットや EC2 のインスタンス) を一意的に参照することができる．
S3 バケットや EC2 インスタンスなどには ARN に加えて，人間が読みやすい名前を定義することも可能である． この場合は，ARN または名前のどちらを用いても同じリソースを参照することが可能である．
CloudFormation と AWS CDK ​
CloudFormation による Infrastructure as Code (IaC) ​
前節で述べたように，AWS API を使うことでクラウドのあらゆるリソースの作成・管理が可能である． よって，原理上は， API のコマンドを組み合わせていくことで，自分の作りたいクラウドを設計することができる．
しかし，ここで実用上考慮しなければならない点が一つある． AWS API には大きく分けて，リソースを操作するコマンドと，タスクを実行するコマンドがあることである (figure_title)．
AWS APIはリソースを操作するコマンドとタスクを実行するコマンドに大きく分けられる．リソースを記述・管理するのに使われるのが， CloudFormation と CDK である．
リソースを操作するとは，EC2 のインスタンスを起動したり，S3 のバケットを作成したり，データベースに新たなテーブルを追加する，などの静的なリソースを準備する 操作を指す． "ハコ"を作る操作とよんでも良いだろう． このようなコマンドは，クラウドのデプロイ時にのみ，一度だけ実行されればよい．
タスクを実行するコマンド とは， EC2 のインスタンスにジョブを投入したり， S3 のバケットにデータを読み書きするなどの操作を指す． これは， EC2 や S3 などのリソース ("ハコ") を前提として，その内部で実行されるべき計算を記述するものである． 前者に比べてこちらは動的な操作を担当する，と捉えることもできる．
そのような観点から，インフラを記述するプログラムとタスクを実行するプログラムはある程度分けて管理されるべきである． クラウドの開発は，クラウドの(静的な)リソースを記述するプログラムを作成するステップと，インフラ上で動く動的な操作を行うプログラムを作成するステップの二段階に分けて考えることができる．
AWS での静的リソースを管理するための仕組みが， CloudFormation である． CloudFormation とは， CloudFormation の文法に従ったテキストファイルを使って，AWS のインフラを記述する仕組みである． CloudFormation を使って，たとえば，EC2 のインスタンスをどれくらいのスペックで，何個起動するか，インスタンス間はどのようなネットワークで結び，どのようなアクセス権限を付与するか，などのリソースの要件を逐次的に記述することができる． 一度 CloudFormation ファイルができ上がれば，それにしたがったクラウドシステムをコマンド一つで AWS 上に展開することができる． また，CloudFormation ファイルを交換することで，全く同一のクラウド環境を他者が簡単に再現することも可能になる． このように，本来は物理的な実体のあるハードウェアを，プログラムによって記述し，管理するという考え方を，**Infrastructure as Code (IaC)**とよぶ．
CloudFormation を記述するには，基本的に JSON (JavaScript Object Notation) とよばれるフォーマットを使う． 次のコードは，JSON で記述された CloudFormation ファイルの一例 (抜粋) である．
json
"Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\n",
+                     "yum update -y aws-cfn-bootstrap\n",
+
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
+
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
"Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\n",
+                     "yum update -y aws-cfn-bootstrap\n",
+
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
+
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
ここでは， "WebServer" という名前のつけられた EC2 インスタンスを定義している．かなり長大で複雑な記述であるが，これによって所望のスペック・OS をもつ EC2 インスタンスを自動的に生成することが可能になる．
AWS CDK ​
前節で紹介した CloudFormation は，見てわかるとおり大変記述が複雑であり，またそれのどれか一つにでも誤りがあってはいけない． また，基本的に"テキスト"を書いていくことになるので，プログラミング言語で使うような変数やクラスといった便利な概念が使えない　(厳密には， CloudFormation にも変数に相当するような機能は存在する)． また，記述の多くの部分は繰り返しが多く，自動化できる部分も多い．
そのような悩みを解決してくれるのが， AWS Cloud Development Kit (CDK) である． CDK は Python などのプログラミング言語を使って CloudFormation を自動的に生成してくれるツールである． CDK は 2019 年にリリースされたばかりの比較的新しいツールで，日々改良が進められている (GitHub リポジトリ のリリースを見ればその開発のスピードの速さがわかるだろう)． CDK は TypeScript (JavaScript), Python, Java など複数の言語でサポートされている．
CDK を使うことで，CloudFormation に相当するクラウドリソースの記述を，より親しみのあるプログラミング言語を使って行うことができる． かつ，典型的なリソース操作に関してはパラメータの多くの部分を自動で決定してくれるので，記述しなければならない量もかなり削減される．
以下に Python を使った CDK のコードの一例 (抜粋) を示す．
python
from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
+
+class MyFirstEc2(core.Stack):
+
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
+
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
+
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
+
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
+
+class MyFirstEc2(core.Stack):
+
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
+
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
+
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
+
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
このコードは，一つ前に示した JSON を使った CloudFormation と実質的に同じことを記述している． とても煩雑だった CloudFormation ファイルに比べて， CDK と Python を使うことで格段に短く，わかりやすく記述できることができるのがわかるだろう．
本書の主題は，CDK を使って，コードを書きながら AWS の概念や開発方法を学んでいくことである． 後の章では CDK を使って様々なハンズオンを実施していく． 早速，最初のハンズオンでは， CDK を使って EC2 インスタンスを作成する方法を学んでいこう．
  • AWS CDK Examples: CDK を使ったプロジェクトの例が多数紹介されている． ここにある例をテンプレートに自分のアプリケーションの開発を進めるとよい．
Hands-on #1: 初めての EC2 インスタンスを起動する ​
ハンズオンの第一回では， CDK を使って EC2 のインスタンス(仮想サーバー)を作成し，SSH でサーバーにログインする，という演習を行う． このハンズオンを終えれば，あなたは自分だけのサーバーを AWS 上に立ち上げ，自由に計算を走らせることができるようになるのである！
準備 ​
ハンズオンのソースコードは GitHub の handson/ec2-get-started に置いてある．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行することができる．
まずは，ハンズオンを実行するための環境を整える． これらの環境整備は，後のハンズオンでも前提となるものなので確実にミスなく行っていただきたい．
  • AWS Account: ハンズオンを実行するには個人の AWS アカウントが必要である． AWS アカウントの取得については AWS アカウントの取得 を参照のこと．
  • Python と Node.js: 本ハンズオンを実行するには，Python (3.6 以上)，Node.js (12.0 以上) がインストールされていなければならない．
  • AWS CLI: AWS CLI のインストールについては， AWS CLI のインストール を参照． ここに記載されている認証鍵の設定も済ませておくこと．
  • AWS CDK: AWS CDK のインストールについては， AWS CDK のインストール を参照．
  • ソースコードのダウンロード: 本ハンズオンで使用するプログラムのソースコードを，以下のコマンドを使って GitHub からダウンロードする．
sh
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
$ git clone https://github.com/tomomano/learn-aws-by-coding.git
あるいは， https://github.com/tomomano/learn-aws-by-coding のページに行って，右上のダウンロードボタンからダウンロードすることもできる．
Docker を使用する場合
Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもパッケージ済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
使用方法については ハンズオン実行用の Docker image の使い方 を参照のこと．
SSH ​
SSH (secure shell) は Unix 系のリモートサーバーに安全にアクセスするためのツールである． 本ハンズオンでは， SSH を使って仮想サーバーにアクセスする． SSH に慣れていない読者のため，簡単な説明をここで行おう．
SSH による通信はすべて暗号化されているので，機密情報をインターネットを介して安全に送受信することができる． 本ハンズオンで，リモートのサーバーにアクセスするための SSH クライアントがローカルマシンにインストールされている必要がある． SSH クライアントは Linux/Mac には標準搭載されている． Windows の場合は WSL をインストールすることで SSH クライアントを利用することを推奨する (環境構築 を参照)．
SSH コマンドの基本的な使い方を次に示す． <host name> はアクセスする先のサーバーの IP アドレスや DNS によるホストネームが入る． <user name> は接続する先のユーザー名である．
sh
$ ssh <user name>@<host name>
$ ssh <user name>@<host name>
SSH は平文のパスワードによる認証を行うこともできるが，より強固なセキュリティを施すため，公開鍵暗号方式(Public Key Cryptography)による認証を行うことが強く推奨されており， EC2 はこの方法でしかアクセスを許していない． 公開鍵暗号方式の仕組みについては各自勉強してほしい． 本ハンズオンにおいて大事なことは，EC2 インスタンスが公開鍵(Public key)を保持し，クライアントとなるコンピュータ(読者自身のコンピュータ)が秘密鍵(Private key)を保持する，という点である． EC2 のインスタンスには秘密鍵を持ったコンピュータのみがアクセスすることができる．逆に言うと，秘密鍵が漏洩すると第三者もサーバーにアクセスできることになるので，秘密鍵は絶対に漏洩することのないよう注意して管理する．
SSH コマンドでは，ログインのために使用する秘密鍵ファイルを -i もしくは --identity_file のオプションで指定することができる． たとえば，次のように使う．
sh
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
$ ssh -i Ec2SecretKey.pem <user name>@<host name>
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#1で作製するアプリケーションのアーキテクチャ
このアプリケーションではまず，VPC (Virtual Private Cloud) を使ってプライベートな仮想ネットワーク環境を立ち上げている． その VPC の public subnet の内側に，EC2 (Elatic Compute Cloud) の仮想サーバーを配置する． さらに，セキュリティのため， Security Group による EC2 インスタンスへのアクセス制限を設定している． このようにして作成された仮想サーバーに，SSH を使ってアクセスし，簡単な計算を行う．
figure_title のようなアプリケーションを，CDK を使って構築する．
早速ではあるが，今回のハンズオンで使用するプログラムを見てみよう (handson/ec2-get-started/app.py)．
python
class MyFirstEc2(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
+
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
+
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
class MyFirstEc2(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
+
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
+
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
  • まず最初に，VPC を定義する．
  • 次に， security group (SG) を定義している． ここでは，任意の IPv4 のアドレスからの，ポート 22 (SSH の接続に使用される)への接続を許可している． それ以外の接続は拒絶される．
  • 最後に，上記で作った VPC と SG が付与された EC2 インスタンスを作成している． インスタンスタイプは t2.micro を選択し， Amazon Linux を OS として設定している．
それぞれについて，もう少し詳しく説明しよう．
VPC (Virtual Private Cloud) ​
VPC のアイコン.
VPC
VPC は AWS 上にプライベートな仮想ネットワーク環境を構築するツールである．高度な計算システムを構築するには，複数のサーバーを連動させて計算を行う必要があるが，そのような場合に互いのアドレスなどを管理する必要があり，そういった目的で VPC は有用である．
本ハンズオンでは，サーバーは一つしか起動しないので，VPC の恩恵はよく分からないかもしれない．しかし，EC2 インスタンスは必ず VPC の中に配置されなければならない，という制約があるので，このハンズオンでもミニマルな VPC を構成している．
興味のある読者のために，VPC のコードについてもう少し詳しく説明しよう．
python
vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
  • max_azs=1 : このパラメータは，前章で説明した avaialibility zone (AZ) を設定している． このハンズオンでは，特にデータセンターの障害などを気にする必要はないので 1 にしている．
  • cidr="10.10.0.0/23" : このパラメータは，VPC 内の IPv4 のレンジを指定している． CIDR 記法については， Wikipediaなどを参照． 10.10.0.0/23 は 10.10.0.0 から 10.10.1.255 までの 512 個の連続したアドレス範囲を指している． つまり，この VPC では最大で 512 個のユニークな IPv4 アドレスが使えることになる． 今回はサーバーは一つなので 512 個は明らかに多すぎるが，VPC はアドレスの数はどれだけ作成しても無料なので，多めに作成した．
  • subnet_configuration=... : このパラメータは，VPC にどのようなサブネットを作るか，を決めている． サブネットの種類には private subnet と public subnet の二種類がある． private subnet は基本的にインターネットとは遮断されたサブネット環境である． インターネットと繋がっていないので，セキュリティは極めて高く， VPC 内のサーバーとのみ通信を行えばよい EC2 インスタンスはここに配置する． Public subnet とはインターネットに繋がったサブネットである． 本ハンズオンで作成するサーバーは，外から SSH でログインを行いたいので， Public subnet 内に配置する． より詳細な記述は 公式ドキュメンテーション を参照．
  • natgateways=0 : これは少し高度な内容なので省略する (興味のある読者は 公式ドキュメンテーションを参照)． が，これを 0 にしておかないと，NAT Gateway の利用料金が発生してしまうので，注意！
Security Group ​
Security group (SG) は， EC2 インスタンスに付与することのできる仮想ファイアーウォールである． たとえば，特定の IP アドレスから来た接続を許可・拒絶したり　(インバウンド・トラフィックの制限) ，逆に特定の IP アドレスへのアクセスを禁止したり (アウトバウンド・トラフィックの制限) することができる．
コードの該当部分を見てみよう．
python
sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
本ハンズオンでは， SSH による外部からの接続を許容するため， sg.add_ingress_rule(peer=ec2.Peer.any_ipv4(), connection=ec2.Port.tcp(22)) により，すべての IPv4 アドレスからのポート 22 番へのアクセスを許容している． また， SSH で EC2 インスタンスにログインしたのち，インターネットからプログラムなどをダウンロードできるよう， allow_all_outbound=True のパラメータを設定している．
SSH はデフォルトでは 22 番ポートを使用するのが慣例である．
セキュリティ上の観点からは，SSH の接続は自宅や大学・職場など特定の地点からの接続のみを許す方が望ましい．
EC2 (Elastic Compute Cloud) ​
EC2 のアイコン.
EC2
EC2 は AWS 上に仮想サーバーを立ち上げるサービスである． 個々の起動状態にある仮想サーバーのことをインスタンス (instance) とよぶ (しかし，口語的なコミュニケーションにおいては，サーバーとインスタンスという言葉は相互互換的に用いられることが多い)．
EC2 では用途に応じて様々なインスタンスタイプが提供されている． table_title に，代表的なインスタンスタイプの例を挙げる (執筆時点での情報)． EC2 のインスタンスタイプのすべてのリストは 公式ドキュメンテーション "Amazon EC2 Instance Types" で見ることができる．
EC2 instance types
InstancevCPUMemory (GiB)Network bandwidth (Gbps)Price per hour ($)
t2.micro
1
1
-
0.0116
t2.small
1
2
-
0.023
t2.medium
2
4
-
0.0464
c5.24xlarge
96
192
25
4.08
c5n.18xlarge
72
192
100
3.888
x1e.16xlarge
64
1952
10
13.344
table_title からわかるように， CPU は 1 コアから 96 コアまで，メモリーは 1GB から 2TB 以上まで，ネットワーク帯域は最大で 100Gbps まで，幅広く選択することができる． また，時間あたりの料金は，CPU・メモリーの占有数にほぼ比例する形で増加する． EC2 はサーバーの起動時間を秒単位で記録しており，利用料金は使用時間に比例する形で決定される． 例えば， t2.medium のインスタンスを 10 時間起動した場合，0.0464 * 10 = 0.464 ドルの料金が発生する．
AWS には 無料利用枠 というものがあり， t2.micro であれば月に 750 時間までは無料で利用することができる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
上記で t2.micro の $0.0116 / hour という金額は， On-demand インスタンスというタイプを選択した場合の価格である． EC2 ではほかに， Spot instance とよばれるインスタンスも存在しする． Spot instance は，AWS のデータセンターの負荷が増えた場合，ユーザーのプログラムが実行中であっても AWS の判断により強制シャットダウンされる，という不便さを抱えているのだが，その分大幅に安い料金設定になっている． AWS で一時的に生じた余剰な空き CPU をユーザーに割安で貸し出す，という発想である． 科学計算やウェブサーバーなどの用途でコストを削減する目的で， Spot Instance を活用する事例も多数報告されている．
EC2 インスタンスを定義しているコードの該当部分を見てみよう．
python
host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
ここでは， t2.micro というインスタンスタイプを選択している． さらに， machine_image として， Amazon Linux を選択している (Machine image は OS と似た概念である． Machine image については， Hands-on #2: AWS でディープラーニングを実践 でより詳しく触れる)． さらに，上で定義した VPC, SG をこのインスタンスに付与している．
以上が，今回使用するプログラムの簡単な解説であった． ミニマルな形のプログラムではあるが，仮想サーバーを作成するのに必要なステップがおわかりいただけただろうか？
プログラムを実行する ​
さて，ハンズオンのコードの理解ができたところで，プログラムを実際に実行してみよう．繰り返しになるが， 準備 での準備ができていることが前提である．
Python の依存ライブラリのインストール ​
まずは，Python の依存ライブラリをインストールする．以下では，Python のライブラリを管理するツールとして， venv を使用する．
まずは， handson/ec2-get-started のディレクトリに移動しよう．
sh
$ cd handson/ec2-get-started
$ cd handson/ec2-get-started
ディレクトリを移動したら， venv で新しい仮想環境を作成し，インストールを実行する．
sh
$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
これで Python の環境構築は完了だ．
venv の簡単な説明は Python クイックガイド に記述してある．
環境によっては pip ではなく pip3 あるいは python3 -m pip に置き換える必要がある．
AWS のシークレットキーをセットする ​
AWS CLI および AWS CDK を使うには， AWS のシークレットキーが設定されている必要がある． シークレットキーの発行については AWS のシークレットキーの作成 を参照のこと． シークレットキーを発行したら， AWS CLI のインストール を参照し，コマンドラインの設定を行う．
手順をここに短く要約すると，一つ目の方法は AWS_ACCESS_KEY_ID などの環境変数を設定するやり方である． もう一つの方法は， ~/.aws/credentials に認証情報を保存しておく方式である． シークレットキーの設定は AWS CLI/CDK を使用するうえで共通のステップになるので，しっかりと理解しておくように．
SSH 鍵を生成 ​
EC2 インスタンスには SSH を使ってログインする． EC2 インスタンスを作成するのに先行して，今回のハンズオンで専用に使う SSH の公開鍵・秘密鍵のペアを準備する必要がある．
次の AWS CLI コマンドにより， HirakeGoma という名前のついた鍵を生成する．
sh
$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
このコマンドを実行すると，現在のディレクトリに HirakeGoma.pem というファイルが作成される．これが，サーバーにアクセスするための秘密鍵である． SSH でこの鍵を使うため， ~/.ssh/ のディレクトリに鍵を移動する． さらに，秘密鍵が書き換えられたり第三者に閲覧されないよう，ファイルのアクセス権限を 400 に設定する．
sh
$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
デプロイを実行 ​
これまでのステップで， EC2 インスタンスをデプロイするための準備が整った！ 早速，次のコマンドによりアプリケーションを AWS にデプロイしよう． -c key_name="HirakeGoma" というオプションで，先ほど生成した HirakeGoma という名前の鍵を使うよう指定している．
sh
$ cdk deploy -c key_name="HirakeGoma"
$ cdk deploy -c key_name="HirakeGoma"
このコマンドを実行すると， VPC， EC2 などが AWS 上に展開される． そして，コマンドの出力の最後に figure_title のような出力が得られるはずである． 出力の中で InstancePublicIp に続く数字が，起動したインスタンスのパブリック IP アドレスである． IP アドレスはデプロイごとにランダムなアドレスが割り当てられる．
CDKデプロイ実行後の出力
SSH でログイン ​
早速，SSH 　で接続してみよう．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
-i オプションで，先ほど生成した秘密鍵を指定している． EC2 インスタンスにはデフォルトで ec2-user という名前のユーザーが作られているので，それを使用する． 最後に， <IP address> の部分は自身が作成した EC2 インスタンスの IP アドレスで置き換える (12.345.678.9 など）．
ログインに成功すると， figure_title のような画面が表示される． リモートのサーバーにログインしているので，プロンプトが [ec2-user@ip-10-10-1-217 ~]$ のようになっていることを確認しよう．
SSH で EC2 インスタンスにログイン
おめでとう！これで，めでたく AWS 上に EC2 仮想サーバーを起動し，リモートからアクセスできるようになった！
起動した EC2 インスタンスで遊んでみる ​
せっかく新しいインスタンスを起動したので，少し遊んでみよう．
ログインした EC2 インスタンスで，次のコマンドを実行してみよう． CPU の情報を取得することができる．
sh
$ cat /proc/cpuinfo
+
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
$ cat /proc/cpuinfo
+
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
次に，実行中のプロセスやメモリの消費を見てみよう．
sh
$  top -n 1
+
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
+
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
$  top -n 1
+
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
+
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
t2.micro インスタンスなので， 1009140k = 1GB のメモリーがあることがわかる．
今回起動したインスタンスには Python 2 はインストール済みだが， Python 3 は入っていない． Python 3.6 のインストールを行ってみよう． インストールは簡単である．
sh
$ sudo yum update -y
+$ sudo yum install -y python36
$ sudo yum update -y
+$ sudo yum install -y python36
インストールした Python を起動してみよう．
sh
$ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
$ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
Python のインタープリタが起動した！ Ctrl + D あるいは exit() と入力することで，インタープリタを閉じることができる．
さて，サーバーでのお遊びはこんなところにしておこう (興味があれば各自いろいろと試してみると良い) ． 次のコマンドでログアウトする．
sh
$ exit
$ exit
AWS コンソールから確認 ​
これまでは，すべてコマンドラインから EC2 に関連する操作を行ってきた． EC2 インスタンスの状態を確認したり，サーバーをシャットダウンするなどの操作は，AWS コンソールから実行することもできる． 軽くこれを紹介しよう．
まず，ウェブブラウザを開いて AWS コンソールにログインする． ログインしたら， Services から EC2 を検索(選択)する． 次に，左のサイドバーの Instances とページをたどる. すると， figure_title のような画面が得られるはずである． この画面で，自分のアカウントの管理下にあるインスタンスを確認できる． 同様に，VPC・SG についてもコンソールから確認できる．
EC2 コンソール画面
コンソール右上で，正しいリージョン (今回の場合は ap-northeast-1, Tokyo) が選択されているか，注意する！
前章で CloudFormation について触れたが，今回デプロイしたアプリケーションも，CloudFormation のスタックとして管理されている． スタック (stack) とは， AWS リソースの集合のことを指す． 今回の場合は， VPC/EC2/SG などがスタックの中に含まれている． コンソールで CloudFormation のページに行ってみよう (figure_title)．
CloudFormation コンソール画面
"MyFirstEc2" という名前のスタックがあることが確認できる． クリックをして中身を見てみると，EC2, VPC などのリソースがこのスタックに紐付いていることがわかる．
スタックを削除 ​
これにて，第一回のハンズオンで説明すべき事柄はすべて完了した． 最後に，使わなくなったスタックを削除しよう． スタックの削除には，二つの方法がある．
一つ目の方法は，前節の Cloudformation のコンソール画面で， "Delete" ボタンを押すことである (figure_title)． すると，スタックの状態が "DELETE_IN_PROGRESS" に変わり，削除が完了すると CloudFormation のスタックの一覧から消える．
CloudFormationコンソール画面から，スタックを削除
二つ目の方法は，コマンドラインから行う方法である． 先ほど，デプロイを行ったコマンドラインに戻ろう． そうしたら，次のコマンドを実行する．
sh
$ cdk destroy
$ cdk destroy
このコマンドを実行すると，スタックの削除が始まる． 削除した後は，VPC, EC2 など，すべて跡形もなく消え去っていることを自身で確かめよう． CloudFormation を用いることで関連するすべての AWS リソースを一度に管理・削除することができるので，大変便利である．
スタックの削除は各自で必ず行うこと！ 行わなかった場合， EC2 インスタンスの料金が発生し続けることになる！
また，本ハンズオンのために作成した SSH 鍵ペアも不要なので，削除しておく． まず， EC2 側に登録してある公開鍵を削除する． これも，コンソールおよびコマンドラインの二つの方法で実行できる．
コンソールから実行するには， EC2 の画面に行き，左のサイドバーの Key Pairs を選択する． 鍵の一覧が表示されるので， HirakeGoma とある鍵にチェックを入れ，画面右上の Actions から， Delete を実行する (figure_title)．
EC2でSSH鍵ペアを削除
コマンドラインから実行するには，次のコマンドを使う．
sh
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
$ aws ec2 delete-key-pair --key-name "HirakeGoma"
最後に，ローカルのコンピュータから鍵を削除する．
sh
$ rm -f ~/.ssh/HirakeGoma.pem
$ rm -f ~/.ssh/HirakeGoma.pem
これで，クラウドの片付けもすべて終了だ．
なお，頻繁に EC2 インスタンスを起動したりする場合は，いちいち SSH 鍵を削除する必要はない．
小括 ​
ここまでが，本書の第一部の内容である． 盛りだくさんの内容であったが，ついてこれたであろうか？
クラウド概論 では，クラウドの定義と用語の説明を行ったあと，なぜクラウドを使うのか，という点を議論した． 続いて AWS 入門 では，クラウドを学ぶ具体的なプラットフォームとして AWS を取り上げ， AWS を使用するにあたり最低限必要な知識と用語の説明を行った． さらに， Hands-on #1: 初めての EC2 インスタンスを起動する のハンズオンでは AWS CLI と AWS CDK を使って，自身のプライベートなサーバーを AWS 上に立ち上げる演習を行った．
これらを通じて，いかに簡単に (たった数行のコマンドで！) 仮想サーバーを立ち上げたり，削除したりすることができるか，体験できただろう． 筆者は，クラウド概論 でクラウドの最も重要な側面はダイナミックに計算リソースを拡大・縮小できることである，と述べた． この言葉の意味が，ハンズオンを通じてより明らかになっただろうか？ ここで学んだ技術を少し応用するだけで，自分のウェブページをホストする仮想サーバーを作成したり，大量のコアを搭載した EC2 インスタンスを用意して科学計算を実行するなど，いろいろなアプリケーションが実現できる．
次章からは，今回学んだクラウドの技術を基に，より現実に即した問題を解くことを体験してもらう． お楽しみに！
クラウドで行う科学計算・機械学習 ​
計算機が発達した現代では，計算機によるシミュレーションやビッグデータの解析は，科学・エンジニアリングの研究の主要な柱である． これらの大規模な計算を実行するには，クラウドは最適である． 本章から始まる第二部では，どのようにしてクラウド上で科学計算を実行するのかを，ハンズオンとともに体験してもらう． 科学計算の具体的な題材として，今回は機械学習(深層学習)を取り上げる．
なお，本書では PyTorch ライブラリを使って深層学習のアルゴリズムを実装するが，深層学習および PyTorch の知識は不要である． 講義ではなぜ・どうやって深層学習をクラウドで実行するかに主眼を置いているので，実行するプログラムの詳細には立ち入らない． 将来，自分で深層学習を使う機会が来たときに，詳しく学んでもらいたい．
なぜ機械学習をクラウドで行うのか？ ​
2010 年頃に始まった第三次 AI ブームのおかげで，学術研究だけでなく社会・ビジネスの文脈でも機械学習に高い関心が寄せられている． とくに，深層学習 (ディープラーニング) とよばれる多層のレイヤーからなるニューラルネットワークを用いたアルゴリズムは，画像認識や自然言語処理などの分野で圧倒的に高い性能を実現し，革命をもたらしている．
深層学習の特徴は，なんといってもそのパラメータの多さである． 層が深くなるほど，層間のニューロンを結ぶ重みパラメータの数が増大していく． たとえば，最新の言語モデルである GPT-3 には1750 億個ものパラメータが含まれている． このような膨大なパラメータを有することで，深層学習は高い表現力と汎化性能を実現しているのである．
GPT-3 に限らず，最近の SOTA (State-of-the-art) の性能を達成するニューラルネットワークでは，百万から億のオーダーのパラメータを内包することは頻繁になってきている． そのような巨大なニューラルネットを訓練 (最適化) させるのは，当然のことながら膨大な計算コストがかかる． 結果として，ひとつの計算機では丸一日以上の時間がかかる場合も珍しくない． 深層学習の発展の速度は目覚ましく，研究・ビジネス両方の観点からも，いかにスループットよくニューラルネットワークの最適化を行えるかが鍵となってくる． そのような問題を解決するのにとても有効な手段が，クラウドである！ Hands-on #1: 初めての EC2 インスタンスを起動する でその片鱗を見たように，クラウドを使用することでゼロから数千に至るまでの数のインスタンスを動的に起動し，並列に計算を実行することができる． さらに，深層学習を加速させる目的で，深層学習の演算に専用設計された計算チップ (GPU など) がある． クラウドを利用すると，そのような専用計算チップも無尽蔵に利用することができる． 事実，先述した GPT-3 の学習も，詳細は明かされていないが，Microsoft 社のクラウドを使って行われたと報告されている．
GPU による深層学習の高速化 ​
深層学習の計算で欠かすことのできない技術として， GPU (Graphics Processing Unit) について少し説明する．
GPU は，その名のとおり，元々はコンピュータグラフィックスを出力するための専用計算チップである． CPU (Central Processing Unit) に対し，グラフィックスの演算に特化した設計がなされている． 身近なところでは， XBox や PS5 などのゲームコンソールなどに搭載されているし，ハイエンドなノート型・デスクトップ型計算機にも搭載されていることがある． コンピュータグラフィックスでは，スクリーンにアレイ状に並んだ数百万個の画素をビデオレート (30 fps) 以上で処理する必要がある． そのため，GPU はコアあたりの演算能力は比較的小さいかわりに，チップあたり数百から数千のコアを搭載しており (figure_title)，スクリーンの画素を並列的に処理することで，リアルタイムでの描画を実現している．
GPUのアーキテクチャ．GPUには数百から数千の独立した計算コアが搭載されている． (画像出典: https://devblogs.nvidia.com/nvidia-turing-architecture-in-depth/)
このように，コンピュータグラフィクスの目的で生まれた GPU だが，2010 年前後から，その高い並列計算能力をグラフィックス以外の計算 (科学計算など) に用いるという流れ (General-purpose computing on GPU; GPGPU) が生まれた． GPU のコアは，その設計から，行列の計算など，単純かつ規則的な演算が得意であり，そのような演算に対しては数個程度のコアしかもたない CPU に比べて圧倒的に高い計算速度を実現することができる． 現在では GPGPU は分子動力学や気象シミュレーション，そして機械学習など多くの分野で使われている．
ディープラーニングで最も頻繁に起こる演算が，ニューロンの出力を次の層のニューロンに伝える畳み込み (Convolution) 演算である (figure_title)． 畳み込み演算は，まさに GPU が得意とする演算であり， CPU ではなく GPU を用いることで学習を飛躍的に (最大で数百倍程度) 加速させることができる．
ニューラルネットワークにおける畳み込み演算．
このように GPU は機械学習の計算で欠かせないものであるが，なかなか高価である． たとえば，科学計算・機械学習に専用設計された NVIDIA 社の Tesla V100 というチップは，一台で約百万円の価格が設定されている． 機械学習を始めるのに，いきなり百万円の投資はなかなか大きい． だが，クラウドを使えば，初期コスト０で GPU を使用することができる．
機械学習を行うのに， V100 が必ずしも必要というわけではない． むしろ，研究者などでしばしば行われるのは，コンピュータゲームに使われるグラフィックス用の GPU を買ってきて (NVIDIA GeForce シリーズなど)，開発のときはをそれを用いる，というアプローチである． グラフィックス用のいわゆる"コンシューマ GPU"は，市場の需要が大きいおかげで，10 万円前後の価格で購入することができる． V100 と比べると，コンシューマ GPU はコアの数が少なかったり，メモリーが小さかったりなどで劣る点があるが， それらを除いては計算能力にとくに制限があるわけではなく，開発の段階では十分な性能である場合がほとんどである． プログラムができあがって，ビッグデータの解析や，モデルをさらに大きくしたいときなどに，クラウドは有効だろう．
クラウドで GPU を使うには， GPU が搭載された EC2 インスタンスタイプ (P3, P2, G3, G4 など) を選択しなければならない． table_title に，代表的な GPU 搭載のインスタンスタイプを挙げる (執筆時点での情報)．
GPUを搭載したEC2インスタンスタイプ
InstanceGPUsGPU modelGPU Mem (GiB)vCPUMem (GiB)Price per hour ($)
p3.2xlarge
1
NVIDIA V100
16
8
61
3.06
p3n.16xlarge
8
NVIDIA V100
128
64
488
24.48
p2.xlarge
1
NVIDIA K80
12
4
61
0.9
g4dn.xlarge
1
NVIDIA T4
16
4
16
0.526
table_title からわかるとおり， CPU のみのインスタンスと比べると少し高い価格設定になっている． また，古い世代の GPU (V100 に対しての K80) はより安価な価格で提供されている． 1 インスタンスあたりの GPU の搭載数は 1 台から最大で 8 台まで選択することが可能である．
GPU を搭載した一番安いインスタンスタイプは， g4dn.xlarge であり，これには廉価かつ省エネルギー設計の NVIDIA T4 が搭載されている． 後のハンズオンでは，このインスタンスを使用して，ディープラーニングの計算を行ってみる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
V100 を一台搭載した p3.2xlarge の利用料金は一時間あたり $3.06 である． V100 が約百万円で売られていることを考えると，約 3000 時間 (= 124 日間)，通算で計算を行った場合に，クラウドを使うよりも V100 を自分で買ったほうがお得になる，という計算になる (実際には，自前で V100 を用意する場合は， V100 だけでなく， CPU やネットワーク機器，電気使用料も必要なので，百万円よりもさらにコストがかかる)．
GPT-3 で使われた計算リソースの詳細は論文でも明かされていないのだが， Lambda 社のブログで興味深い考察が行われている (Lambda 社は機械学習に特化したクラウドサービスを提供している)．
記事によると，1750 億のパラメータを訓練するには，一台の GPU (NVIDIA V100) を用いた場合，342 年の月日と 460 万ドルのクラウド利用料が必要となる，とのことである． GPT-3 のチームは，複数の GPU に処理を分散することで現実的な時間のうちに訓練を完了させたのであろうが，このレベルのモデルになってくるとクラウド技術の限界を攻めないと達成できないことは確かである．
深層学習を詳しく勉強したい人には以下の参考書を推薦したい． 深層学習の基礎的な概念や理論は普遍的であるが，この分野は日進月歩なので，常に最新の情報を取り入れることを忘れずに．
Hands-on #2: AWS でディープラーニングを実践 ​
準備 ​
ハンズオン第二回では， GPU を搭載した EC2 インスタンスを起動し，深層学習モデルの学習と推論を実行する演習を行う．
ハンズオンのソースコードは GitHub の handson/mnist に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． それ以外に必要な準備はない．
初期状態の AWS アカウントでは， GPU 搭載の G タイプのインスタンスの起動上限が 0 になっていることがある． これを確認するには， AWS コンソールから EC2 の画面を開き，左のメニューから Limits を選択する． その中の Running On-Demand All G instances という数字が G インスタンスの起動上限を表している．
もし，これが 0 になっていた場合は， AWS の自動申請フォームから上限緩和のリクエストを送る必要がある． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，東京 (ap-northeast-1) リージョンでは 0.71 $/hour のコストが発生する．
AWS Educate Starter Account を使用している読者へ: 執筆時点においては， Starter Account には GPU 搭載型インスタンスを起動できないという制限が設けられている． したがって， Starter Account のユーザーはこのハンズオンを実行することはできない． 興味のある読者は，制限のない一般アカウントを自分自身で取得する必要があることに注意．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#2で作製するアプリケーションのアーキテクチャ
図の多くの部分が，第一回ハンズオンで作成したアプリケーションと共通していることに気がつくだろう． 少しの変更で，簡単にディープラーニングを走らせる環境を構築することができるのである！主な変更点は次の３点である．
  • GPU を搭載した g4dn.xlarge インスタンスタイプを使用
  • ディープラーニングに使うプログラムがあらかじめインストールされた DLAMI (後述) を使用
  • SSH にポートフォワーディングのオプションつけてサーバーに接続し，サーバーで起動している Jupyter Notebook (後述) を使ってプログラムを書いたり実行したりする
ハンズオンで使用するプログラムのコードをみてみよう handson/mnist/app.py)． コードは第一回目とほとんど共通である．変更点のみ解説を行う．
python
class Ec2ForDl(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
+
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
+
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
class Ec2ForDl(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
+
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
+
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
  • ここで， g4dn.xlarge インスタンスタイプを選択している (第一回では， CPU のみの t2.micro だった)． g4dn.xlarge のインスタンスタイプは， クラウドで行う科学計算・機械学習 ですでに触れた通り， NVIDIA T4 と呼ばれる廉価版モデルの GPU を搭載したインスタンスである． CPU は 4 core, メインメモリーは 16GB が割り当てあられている．
  • ここでは，Deep Learning 用の諸々のソフトウェアがプリンストールされた AMI (Deep Learning Amazon Machine Image; DLAMI) を選択している (第一回では，Amazon Linux という AMI を使用していた)． 使用する AMI の ID は リージョンごとに指定する必要があり，ここでは us-east-1 と ap-northeast-1 でそれぞれ定義している．
DLAMI という新しい概念が出てきたので，説明しよう．
AMI が us-east-1 と ap-northeast-1 でしか定義されていないので，提供されているコードはこの二つのリージョンのみでデプロイ可能である． もしほかのリージョンを利用したい場合は， AMI の ID を自身で検索し，コードに書き込む必要がある．
DLAMI (Deep Learning Amazon Machine Image) ​
AMI (Amazon Machine Image) とは，大まかには OS (Operating System) に相当する概念である． 当然のことながら， OS がなければコンピュータはなにもできないので，EC2 インスタンスを起動するときには必ずなにかの OS を"インストール"する必要がある． EC2 が起動したときにロードされる OS に相当するものが， AMI である． AMI には，たとえば Ubuntu などの Linux 系 OS に加えて，Windows Server を選択することもできる． また， EC2 での使用に最適化された Amazon Linux という AMI も提供されている．
しかしながら， AMI を単なる OS と理解するのは過剰な単純化である． AMI には，ベースとなる (空っぽの) OS を選択することもできるが，それに加えて，各種のプログラムがインストール済みの AMI も定義することができる． 必要なプログラムがインストールされている AMI を見つけることができれば，自身でインストールを行ったり環境設定したりする手間が大幅に省ける． 具体例を挙げると，ハンズオン第一回では EC2 インスタンスに Python 3.6 をインストールする例を示したが，そのような操作をインスタンスが起動するたびに行うのは手間である！
AMI は， AWS 公式のものに加えて，サードパーティから提供されているものもある． また，自分自身の AMI を作って登録することも可能である (参考)． AMI は EC2 のコンソールから検索することが可能である． あるいは，AWS CLI を使って，次のコマンドでリストを取得することができる (参考)．
sh
$ aws ec2 describe-images --owners amazon
$ aws ec2 describe-images --owners amazon
ディープラーニングで頻繁に使われるプログラムがあらかじめインストールしてある AMI が， DLAMI (Deep Learning AMI) である． DLAMI には TensorFlow, PyTorch などの人気の高いディープラーニングのフレームワーク・ライブラリがすでにインストールされているため， EC2 インスタンスを起動してすぐさまディープラーニングの計算を実行できる．
本ハンズオンでは， Amazon Linux 2 をベースにした DLAMI を使用する (AMI ID = ami-09c0c16fc46a29ed9．この AMI は ap-northeast-1 でしか使用できない点に注意)． AWS CLI を使って，この AMI の詳細情報を取得してみよう．
sh
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
$ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
AMI ID = ami-09c0c16fc46a29ed9 の詳細情報
figure_title のような出力が得られるはずである．得られた出力から，この DLAMI には PyTorch のバージョン 1.4.0 と 1.5.0 がインストールされていることがわかる． この DLAMI を使って，早速ディープラーニングの計算を実行してみよう．
DLAMI には具体的には何がインストールされているのだろうか？ 興味のある読者のために，簡単な解説をしよう (参考: 公式ドキュメンテーション "What Is the AWS Deep Learning AMI?")．
最も low-level なレイヤーとしては， GPU ドライバー がインストールされている． GPU ドライバーなしには OS は GPU とコマンドのやり取りをすることができない． 次のレイヤーが CUDA と cuDNN である． CUDA は， NVIDIA 社が開発した， GPU 上で汎用コンピューティングを行うための言語であり， C++ 言語を拡張したシンタックスを備える． cuDNN は CUDA で書かれたディープラーニングのライブラリであり，n 次元の畳み込みなどの演算が実装されている． ここまでが， "Base" とよばれるタイプの DLAMI の中身である．
これに加えて， "Conda" とよばれるタイプには， "Base" のプログラム基盤の上に， TensorFlow や PyTorch などのライブラリがインストールされている． さらに， Anaconda による仮想環境を使うことによって， TensorFlow の環境・ PyTorch の環境・ MxNet の環境など，フレームワークを簡単に切り替えることができる (これについては，後のハンズオンで触れる)． また， Jupyter Notebook もインストール済みである．
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，ハンズオン 1 とほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれのコマンドの意味を忘れてしまった場合は，ハンズオン 1 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/mnist
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
+
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
# プロジェクトのディレクトリに移動
+$ cd handson/mnist
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
+
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
ハンズオン 1 で作成した SSH 鍵の削除を行わなかった場合は， SSH 鍵を改めて作成する必要はない． 逆に言うと，同じ名前の SSH がすでに存在する場合は，鍵生成のコマンドはエラーを出力する．
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．AWS により割り振られた IP アドレス (InstancePublicIp に続く文字列) をメモしておこう．
CDKデプロイ実行後の出力
ログイン ​
早速，デプロイしたインスタンスに SSH でログインしてみよう． ここでは，この後で使う Jupyter Notebook に接続するため，ポートフォワーディング (port forwarding) のオプション (-L) をつけてログインする．
sh
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
$ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
ポートフォワーディングとは，クライアントマシンの特定のアドレスへの接続を， SSH の暗号化された通信を介して，リモートマシンの特定のアドレスへ転送する，という意味である． このコマンドの -L localhost:8931:localhost:8888 は，自分のローカルマシンの localhost:8931 へのアクセスを，リモートサーバーの localhost:8888 のアドレスに転送せよ，という意味である (: につづく数字は TCP/IP ポートの番号を意味している)． リモートサーバーのポート 8888 には，後述する Jupyter Notebook が起動している． したがって，ローカルマシンの localhost:8931 にアクセスすることで，リモートサーバーの Jupyter Notebook にアクセスすることができるのである (figure_title)． このような SSH による接続方式をトンネル接続とよぶ．
SSH のポートフォワーディングによる Jupyter Notebook へのアクセス
ポートフォワーディングのオプションで，ポートの番号 (:8931, :8888 など) には 1 から 65535 までの任意の整数を指定できる． しかし，たとえば ポート 22 (SSH) やポート 80 (HTTP) など，いくつかすでに使われているポート番号もあることに注意する． また， Jupyter Notebook はデフォルトではポート 8888 番を使用する． したがって，リモート側のポート番号は，8888 を使うのがよい．
SSH ログインコマンドの <IP address> 部分は自身のインスタンスの IP アドレスを代入することを忘れずに．
本書の提供している Docker を使ってデプロイを実行した人へ
SSH によるログインは， Docker の外 (すなわちクライアントマシン本体) から行わなければならない． なぜなら，Jupyter を開くウェブブラウザは Docker の外にあるからである．
その際，秘密鍵を Docker の外にもってこなければならない． 手っ取り早い方法は， cat ~/.ssh/HirakeGoma と打って，出力結果をコピーしてホストマシンのファイルに書き込む方法である． あるいは -v オプションをつけて，ファイルシステムをマウントしてもよい (詳しくは Docker 公式ドキュメンテーション "Use volumes" を参照)．
SSH によるログインができたら，早速， GPU の状態を確認してみよう． 次のコマンドを実行する．
sh
$ nvidia-smi
$ nvidia-smi
figure_title のような出力が得られるはずである． 出力を見ると， Tesla T4 型の GPU が 1 台搭載されていることが確認できる． その他，GPU Driver や CUDA のバージョン， GPU の負荷・メモリー使用率などの情報を確認することができる．
nvidia-smi の出力
Jupyter Notebook の起動 ​
Jupyter Notebook とは，インタラクティブに Python のプログラムを書いたり実行したりするためのツールである． Jupyter は GUI としてウェブブラウザを介してアクセスする形式をとっており，まるでノートを書くように，プロットやテーブルのデータも美しく表示することができる (figure_title)． Python に慣れている読者は，きっと一度は使ったことがあるだろう．
Jupyter Notebook の画面
このハンズオンでは， Jupyter Notebook を使ってディープラーニングのプログラムをインタラクティブに実行していく． DLAMI には既に Jupyter がインストールされているので，特段の設定なしに使い始めることができる．
早速， Jupyter を起動しよう． SSH でログインした先の EC2 インスタンスで，次のコマンドを実行すればよい．
sh
$ cd ~ # go to home directory
+$ jupyter notebook
$ cd ~ # go to home directory
+$ jupyter notebook
このコマンドを実行すると， figure_title のような出力が確認できるだろう． この出力から，Jupyter のサーバーが EC2 インスタンスの localhost:8888 というアドレスに起動していることがわかる． また， localhost:8888 に続く ?token=XXXX は，アクセスに使うための一時的なトークンである．
Jupyter Notebook サーバーを起動
Jupyter Notebook を初回に起動するときは，起動に数分程度の時間がかかることがある． ほかの動作も起動直後は遅く，いくつかプログラムを走らせていくうちに俊敏に反応するようになってくる． これは， AWS の GPU 搭載型仮想マシンの運用方法に起因する現象だと考えられる．
先ほど，ポートフォワーディングのオプションをつけて SSH 接続をしているので， Jupyter の起動している localhost:8888 には，ローカルマシンの localhost:8931 からアクセスすることができる． したがって，ローカルマシンから Jupyter にアクセスするには，ウェブブラウザ (Chrome, FireFox など)から次のアドレスにアクセスすれば良い．
http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
?token=XXXX の部分は，上で Jupyter を起動したときに発行されたトークンの値に置き換える．
上のアドレスにアクセスすると， Jupyter のホーム画面が起動するはずである (figure_title)． これで， Jupyter の準備が整った！
Jupyter ホーム画面
Jupyter Notebook の使い方 (超簡易版)
  • Shift + Enter: セルを実行
  • Esc: Command mode に遷移
  • メニューバーの "+" ボタン または Command mode で A ⇒ セルを追加
  • メニューバーの "ハサミ" ボタン または Command mode で X ⇒ セルを削除
ショートカットの一覧などは Ventsislav Yordanov 氏によるブログ が参考になる．
PyTorch はじめの一歩 ​
PyTorch は Facebook AI Research LAB (FAIR) が中心となって開発を進めている，オープンソースのディープラーニングのライブラリである． PyTorch は 有名な例で言えば Tesla 社の自動運転プロジェクトなどで使用されており，執筆時点において最も人気の高いディープラーニングライブラリの一つである． 本ハンズオンでは， PyTorch を使ってディープラーニングの実践を行う．
PyTorch の歴史のお話
Facebook は PyTorch のほかに Caffe2 とよばれるディープラーニングのフレームワークを開発していた (初代 Caffe は UC Berkley の博士課程学生だった Yangqing Jia によって創られた)． Caffe2 は 2018 年に PyTorch プロジェクトに合併された．
また，2019 年 12 月，日本の Preferred Networks 社が開発していた Chainer も開発を終了し，PyTorch の開発チームと協業していくことが発表された (詳しくは プレスリリース を参照)． PyTorch には，開発統合前から Chainer からインスパイアされた API がいくつもあり， Chainer の DNA は今も PyTorch に引き継がれているのである…!
本格的なディープラーニングの計算に移る前に， PyTorch ライブラリを使って， GPU で計算を行うとはどういうものか，その入り口に触れてみよう．
まずは，新しいノートブックを作成する． Jupyter のホーム画面の右上の "New" を押し，"conda_pytorch_p36" という環境を選択したうえで，新規ノートブックを作成する (figure_title)． "conda_pytorch_p36" の仮想環境には， PyTorch がインストール済みである．
新規ノートブックの作成． "conda_pytorch_p36" の環境を選択する．
ここでは，次のようなプログラムを書いて，実行していく． (figure_title)．
PyTorch始めの一歩
まずは， PyTorch をインポートする．さらに， GPU が使える環境にあるか，確認する．
python
import torch
+print("Is CUDA ready?", torch.cuda.is_available())
import torch
+print("Is CUDA ready?", torch.cuda.is_available())
出力:
Is CUDA ready? True</programlisting>
次に，3x3 のランダムな行列を CPU 上に作ってみよう．
python
x = torch.rand(3,3)
+print(x)
x = torch.rand(3,3)
+print(x)
出力:
tensor([[0.6896, 0.2428, 0.3269], [0.0533, 0.3594, 0.9499], [0.9764, 0.5881, 0.0203]])</programlisting>
次に，行列を GPU 上に作成する．
python
y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
そして，行列 x と y の加算を，GPU 上で実行する．
python
z = x + y
+print(z)
z = x + y
+print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]], device='cuda:0')</programlisting>
最後に， GPU 上にある行列を， CPU に戻す．
python
z = z.to("cpu")
+print(z)
z = z.to("cpu")
+print(z)
出力:
tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]])</programlisting>
以上の例は， GPU を使った計算の初歩の初歩であるが，雰囲気はつかめただろうか？ CPU と GPU で明示的にデータを交換するのが肝である． この例はたった 3x3 の行列の足し算なので， GPU を使う意味はまったくないが，これが数千，数万のサイズの行列になったとき， GPU は格段の威力を発揮する．
完成した Jupyter Notebook は /handson/mnist/pytorch/pytorch_get_started.ipynb にある． Jupyter の画面右上の "Upload" からこのファイルをアップロードして，コードを走らせることが可能である．
しなしながら，勉強のときにはコードはすべて自分の手で打つことが，記憶に残りやすくより効果的である，というのが筆者の意見である．
実際にベンチマークを取ることで GPU と CPU の速度を比較をしてみよう． 実行時間を計測するツールとして， Jupyter の提供する %time マジックコマンドを利用する．
まずは CPU を使用して，10000x10000 の行列の行列積を計算した場合の速度を測ってみよう． 先ほどのノートブックの続きに，次のコードを実行する．
python
s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+
+%time z = torch.matmul(x,y)
s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+
+%time z = torch.matmul(x,y)
出力は以下のようなものが得られるだろう． これは，行列積の計算に実時間で 5.8 秒かかったことを意味する (実行のたびに計測される時間はばらつくことに留意)．
CPU times: user 11.5 s, sys: 140 ms, total: 11.6 s Wall time: 5.8 s</programlisting>
次に， GPU を使用して，同じ演算を行った場合の速度を計測しよう．
python
s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
+
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
+
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
出力は以下のようなものになるだろう． GPU では 553 ミリ秒 で計算を終えることができた！
CPU times: user 334 ms, sys: 220 ms, total: 554 ms Wall time: 553 ms</programlisting>
PyTorch において， GPU での演算は asynchronous (非同期) で実行される． その理由で，上のベンチマークコードでは， torch.cuda.synchronize() というステートメントを埋め込んである．
このベンチマークでは， dtype=torch.float32 と指定することで，32bit の浮動小数点型を用いている． ディープラーニングの学習および推論の計算には，32bit 型，場合によっては 16bit 型が使われるのが一般的である． これの主な理由として，教師データやミニバッチに起因するノイズが，浮動小数点の精度よりも大きいことがあげられる． 32bit/16bit を採用することで，メモリー消費を抑えたり，計算速度の向上が達成できる．
上記のベンチマークから，GPU を用いることで，約 10 倍のスピードアップを実現することができた． スピードアップの性能は，演算の種類や行列のサイズに依存する． 行列積は，そのなかでも最も速度向上が見込まれる演算の一つである．
実践ディープラーニング! MNIST 手書き数字認識タスク ​
ここまで，AWS 上でディープラーニングの計算をするための概念や前提知識をながながと説明してきたが，ついにここからディープラーニングの計算を実際に走らせてみる．
ここでは，機械学習のタスクで最も初歩的かつ有名な MNIST データセットを使った数字認識を扱う (figure_title)． これは，0 から 9 までの手書きの数字の画像が与えられ，その数字が何の数字なのかを当てる，というシンプルなタスクである．
MNIST 手書き数字データセット
今回は， MNIST 文字認識タスクを，畳み込みニューラルネットワーク (Convolutional Neural Network; CNN) を使って解く． ソースコードは /handson/minist/pytorch/ にある mnist.ipynb と simple_mnist.py である． なお，このプログラムは， PyTorch の公式 Example Project 集 を参考に，多少の改変を行ったものである．
まずは，カスタムのクラスや関数が定義された simple_mnist.py をアップロードしよう (figure_title)． 画面右上の "Upload" ボタンをクリックし，ファイルを選択することでアップロードができる． この Python プログラムの中に，CNN のモデルや，学習の各イテレーションにおけるパラメータの更新などが記述されている． 今回はこの中身を説明することはしないが，興味のある読者は自身でソースコードを読んでみるとよい．
 をアップロード
simple_mnist.py をアップロードできたら，次に新しい notebook を作成しよう． "conda_pytorch_p36" の環境を選択することを忘れずに．
新しいノートブックが起動したら，まずは必要なライブラリをインポートしよう．
python
import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
+
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
+
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
torchvision パッケージには，MNIST データセットをロードするなどの便利な関数が含まれている． また，今回のハンズオンで使うカスタムのクラス・関数 (Model, train, evaluate) のインポートを行っている．
次に，MNIST テストデータをダウンロードしよう． 同時に，画像データの輝度の正規化も行っている．
python
transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
+
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
+
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
今回扱う MNIST データは 28x28 ピクセルの正方形の画像(モノクロ)と，それぞれのラベル(0 - 9 の数字)の組で構成されている． いくつかのデータを抽出して，可視化してみよう． figure_title のような出力が得られるはずである．
python
examples = iter(testloader)
+example_data, example_targets = examples.next()
+
+print("Example data size:", example_data.shape)
+
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
examples = iter(testloader)
+example_data, example_targets = examples.next()
+
+print("Example data size:", example_data.shape)
+
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
MNIST の手書き数字画像とその教師ラベル
次に， CNN のモデルを定義する．
python
model = Model()
+model.to("cuda") # load to GPU
model = Model()
+model.to("cuda") # load to GPU
今回使う Model は simple_mnist.py の中で定義されている． このモデルは，figure_title に示したような，２層の畳み込み層と 2 層の全結合層からなるネットワークである． 出力層 (output layer) には Softmax 関数を使用し，損失関数 (Loss function) には 負の対数尤度関数 (Negative log likelyhood; NLL) を使用している．
本ハンズオンで使用するニューラルネットの構造．
続いて， CNN のパラメータを更新する最適化アルゴリズムを定義する． ここでは， 確率的勾配降下法 (Stochastic Gradient Descent; SGD) を使用している．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
これで，準備が整った． CNN の学習ループを開始しよう!
python
train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
+
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
+
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
ここでは 5 エポック分の学習を行っている． GPU を使えば，これくらいの計算であれば 1 分程度で完了するだろう．
出力として， figure_title のようなプロットが得られるはずである． イテレーションを重ねるにつれて，損失関数 (Loss function) の値が減少している (=精度が向上している) ことがわかる．
学習の進行に対する Train loss の変化
出力にはテキスト形式で各エポック終了後のテストデータに対する精度も表示されている． 最終的には 98% 以上の極めて高い精度を実現できていることが確認できるだろう (figure_title)．
学習したCNNのテストデータに対するスコア (5エポック後)
学習した CNN の推論結果を可視化してみよう． 次のコードを実行することで， figure_title のような出力が得られるだろう． この図で，下段右から二番目は，"1"に近い見た目をしているが，きちんと"9"と推論できている． なかなか賢い CNN を作り出すことができたようだ！
python
model.eval()
+
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
+
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
model.eval()
+
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
+
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
学習した CNN による，MNIST画像の推論結果
最後に，学習したニューラルネットワークのパラメータを mnist_cnn.pt というファイル名で保存しておこう． これで，将来いつでも今回学習したモデルを再現し，別の実験に使用することができる．
python
torch.save(model.state_dict(), "mnist_cnn.pt")
torch.save(model.state_dict(), "mnist_cnn.pt")
以上が， AWS クラウドの仮想サーバーを立ち上げ，最初のディープラーニングの計算を行う一連の流れである． MNIST 文字認識のタスクを行うニューラルネットを，クラウド上の GPU を使って高速に学習させ，現実的な問題を一つ解くことができたのである． 興味のある読者は，今回のハンズオンを雛形に，自分の所望の計算を走らせてみるとよいだろう．
スタックの削除 ​
これにて，ハンズオン第二回の内容はすべて説明した． クラウドの利用料金を最小化するため，使い終わった EC2 インスタンスはすぐさま削除しよう．
ハンズオン第一回と同様に， AWS の CloudFormation コンソールか， AWS CLI により削除を実行する (詳細は スタックを削除 参照)．
sh
$ cdk destroy
$ cdk destroy
スタックの削除は各自で必ず行うこと！ 行わなかった場合，EC2 インスタンスの料金が発生し続けることになる！ g4dn.xlarge は $0.71 / hour の料金設定なので，一日起動しつづけると約$17 の請求が発生することになる！
AWS のバジェットアラート
AWS の初心者が (あるいは経験者も) しばしば陥る失敗が，インスタンスの停止忘れなどで無駄なリソースがクラウドで放置されてしまい，巨大な額の請求が届く，というミスだ． 特に，開発を行っている間はこのような事態は起こりうるものだと思って，備えておかなければならない． このような事態を未然に防ぐため， AWS Budgets という機能が無料で提供されている． AWS Budgets を利用することで，月の利用金額がある閾値を超えた場合にユーザーにメールが送信される，などのアラートを設定することができる． 詳細な手順は AWS の公式ブログ "Getting Started with AWS Budgets" を参照のこと． 本書の読者も，ぜひこのタイミングでアラートを設定しておくことを推奨する．
Docker 入門 ​
ここまでの章で扱ってきたハンズオンでは，単一のサーバーを立ち上げ，それに SSH でログインをして，コマンドを叩くことで計算を行ってきた． いわば，パーソナルコンピュータの延長のような形でクラウドを使ってきたわけである． このような，インターネットのどこからでもアクセスできるパーソナルコンピュータとしてのクラウドという使い方も，もちろん便利であるし，いろいろな応用の可能性がある． しかし，これだけではクラウドの本当の価値は十分に発揮されていないと言うべきだろう． クラウド概論 で述べたように，現代的なクラウドの一番の強みは自由に計算機の規模を拡大できることにある． すなわち，多数のサーバーを同時に起動し，複数のジョブを分散並列的に実行させることで大量のデータを処理してこそ，クラウドの本領が発揮されるのである．
本章からはじまる 3 章分 (Docker 入門, Hands-on #3: AWS で自動質問回答ボットを走らせる, Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する) を使って，クラウドを利用することでどのように大規模な計算システムを構築しビッグデータの解析に立ち向かうのか，その片鱗をお見せしたい． とくに，前章で扱った深層学習をどのようにビッグデータに適用していくかという点に焦点を絞って議論していきたい． そのための前準備として，本章では Docker とよばれる計算機環境の仮想化ソフトウェアを紹介する (figure_title)． 現代のクラウドは Docker なしには成り立たないといっても過言ではないだろう． クラウドに限らず，ローカルで行う計算処理にも Docker は大変便利である． AWS からは少し話が離れるが，しっかりと理解して前に進んでもらいたい．
機械学習の大規模化 ​
先ほどから"計算システムの大規模化"と繰り返し唱えているが，それは具体的にはどのようなものを指しているのか？ ここでは大規模データを処理するための計算機システムを，機械学習を例にとって見てみよう．
クラウドで行う科学計算・機械学習 で紹介した GPT-3 のような，超巨大な数のパラメータを有する深層学習モデルを学習させたいとしよう． そのような計算を行いたい場合，一つのサーバーでは計算力が到底足りない． したがって，典型的には figure_title に示すような計算システムの設計がなされる． すなわち，大量の教師データを小さなチャンクとして複数のマシンに分散し，並列的にニューラルネットのパラメータを最適化していくという構造である．
複数の計算機を使った大規模な深層学習モデルの訓練
あるいは，学習済みのモデルを大量のデータに適用し，解析を行いたいとしよう． たとえば， SNS のプラットフォームで大量の画像が与えられて，それぞれの写真に何が写っているのかをラベルづけする，などのアプリケーションを想定できる． そのような場合は， figure_title のようなアーキテクチャが考えられるだろう． すなわち，大量のデータを複数のマシンで分割し，それぞれのマシンで推論の計算を行うというような構造である．
複数の計算機による深層学習モデルを使った推論計算
このような複数の計算機を同時に走らせるようなアプリケーションをクラウド上で実現するには，どのようにすればよいのだろうか？
重要なポイントとして， figure_title や figure_title で起動している複数のマシンは，基本的に全く同一の OS・計算環境を有している点である． ここで，個人のコンピュータで行うようなインストールの操作を，各マシンで行うこともできるが，それは大変な手間であるし，メンテナンスも面倒だろう． すなわち，大規模な計算システムを構築するには，簡単に計算環境を複製できるような仕組みが必要であるということがわかる．
そのような目的を実現するために使われるのが， Docker とよばれるソフトウェアである．
Docker とは ​
Docker のアイコン
Docker とは， コンテナ (Container) とよばれる仮想環境下で，ホスト OS とは独立した別の計算環境を走らせるためのソフトウェアである． Docker を使うことで， OS を含めたすべてのプログラムをコンパクトにパッケージングすることが可能になる (パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ)． Docker を使うことで，クラウドのサーバー上に瞬時に計算環境を複製することが可能になり， figure_title で見たような複数の計算機を同時に走らせるためのシステムが実現できる．
Docker は 2013 年に Solomon Hykes らを中心に開発され，それ以降爆発的に普及し，クラウドコンピューティングだけでなく，機械学習・科学計算の文脈などでも欠かすことのできないソフトウェアとなった． Docker はエンタープライズ向けの製品を除き無料で使用することができ，コアの部分は オープンソースプロジェクト として公開されている． Docker は Linux, Windows, Mac いずれの OS でも提供されている． 概念としては， Docker は仮想マシン (Virtual machine; VM) にとても近い． ここでは， VM との対比をしながら，Docker とはなにかを簡単に説明しよう．
仮想マシン (VM) とは，ホストとなるマシンの上に，仮想化された OS を走らせる技術である (figure_title)． VM には ハイパーバイザー (Hypervisor) とよばれるレイヤーが存在する． Hypervisor はまず，物理的な計算機リソース (CPU, RAM, network など) を分割し，仮想化する． たとえば， ホストマシンに物理的な CPU が 4 コアあるとして，ハイパーバイザーはそれを (2,2) 個の組に仮想的に分割することができる． VM 上で起動する OS には，ハイパーバイザーによって仮想化されたハードウェアが割り当てられる． VM 上で起動する OS は基本的に完全に独立であり，たとえば OS-A は OS-B に割り当てられた CPU やメモリー領域にアクセスすることはできない (これを isolation とよぶ)． VM を作成するための有名なソフトウェアとしては， VMware， VirtualBox， Xen などがある． また，これまで触ってきた EC2 も，基本的に VM 技術を使うことで所望のスペックをもった仮想マシンがユーザーに提示される．
Docker も， VM と同様に，仮想化された OS をホストの OS 上に走らせるための技術である． VM に対し， Docker ではハードウェアレベルの仮想化は行われておらず，すべての仮想化はソフトウェアレベルで実現されている (figure_title)． Docker で走る仮想 OS は，多くの部分をホストの OS に依存しており，結果として非常にコンパクトである． その結果， Docker で仮想 OS を起動するために要する時間は， VM に比べて圧倒的に早い． また， パッケージ化された環境 (=イメージ) のサイズも完全な OS に比べ圧倒的に小さくなるので，ネットワークを通じたやり取りが非常に高速化される点も重要である 加えて， VM のいくつかの実装では，メタル (仮想化マシンに対して，物理的なハードウェア上で直接起動する場合のこと) と比べ，ハイパーバイザーレイヤーでのオーバーヘッドなどにより性能が低下することが知られているが， Docker ではメタルとほぼ同様の性能を引き出すことができるとされている．
その他， VM との相違点などはたくさんあるのだが，ここではこれ以上詳細には立ち入らない． 大事なのは， Docker とはとてもコンパクトかつハイパフォーマンスな仮想計算環境を作るツールである，という点である． その手軽さゆえに，2013 年の登場以降，クラウドシステムでの利用が急速に増加し，現代のクラウドでは欠くことのできない中心的な技術になっている．
Docker (左) と VM (右) の比較 (画像出典: https://www.docker.com/blog/containers-replacing-virtual-machines/)
職業的プログラマーにとっての"三種の神器"とはなんだろうか？ 多様な意見があると思うが，筆者は Git, Vim そして Docker を挙げたい．
Git は多くの読者がご存じの通り，コードの変更を追跡するためのシステムである． Linux の作成者である Linus Torvalds によって 2005 年に誕生した． チームでの開発を進める際には欠かせないツールだ．
Vim は 1991 年から 30 年以上の間プログラマーたちに愛されてきたテキストエディターである． Stackoverflow が行った 2019 年のアンケート によると，開発環境の部門で 5 位の人気を獲得している． たくさんのショートカットと様々なカスタム設定が提供されているので，初見の人にはなかなかハードルが高いが，一度マスターすれば他のモダンなエディターや統合開発環境に負けない，あるいはそれ以上の開発体験を実現することができる．
これらの十年以上の歴史あるツールに並んで，第三番目の三種の神器として挙げたいのが Docker だ． Docker はプログラマーの開発のワークフローを一変させた． たとえば，プロジェクトごとに Docker イメージを作成することで，どの OS・コンピュータ でも全く同じ計算環境で開発・テストを実行することができるようになった． また， DevOps や CI / CD (Continuous Integration / Continuous Deployment) といった最近の開発ワークフローも Docker のようなコンテナ技術の存在に立脚している． さらにはサーバーレスコンピューティング (Serverless architecture) といった概念も，コンテナ技術の生んだ大きな技術革新といえる．
あなたにとっての三種の神器はなんだろうか？ また，これからの未来ではどんな新しいツールが三種の神器としてプログラマーのワークフローを革新していくだろうか？
Docker チュートリアル ​
Docker とはなにかを理解するためには，実際に触って動かしてみるのが一番有効な手立てである． ここでは， Docker の簡単なチュートリアルを行っていく．
Docker のインストールについては， Docker のインストール および 公式のドキュメンテーション を参照してもらいたい． Docker のインストールが完了している前提で，以下は話を進めるものとする．
Docker 用語集 ​
Docker を使い始めるに当たり，最初に主要な用語を解説しよう． 次のパラグラフで太字で強調された用語を頭に入れた上で，続くチュートリアルに取り組んでいただきたい．
Docker を起動する際の大まかなステップを示したのが figure_title である． パッケージされた一つの計算環境のことを **イメージ (Image)**とよぶ． イメージは， Docker Hub などのリポジトリで配布されているものをダウンロードするか，自分でカスタムのイメージを作成することも可能である． イメージを作成するための”レシピ”を記述したファイルが Dockerfile である． Dockerfile からイメージを作成する操作を build とよぶ． イメージがホストマシンのメモリにロードされ，起動状態にある計算環境のことを コンテナ (Container) とよぶ． Container を起動するために使用されるコマンドが run である．
Image と Container
イメージをダウンロード ​
パッケージ化された Docker の仮想環境 (= イメージ (Image)) は， Docker Hub からダウンロードできる． Docker Hub には，個人や企業・団体が作成した Docker イメージが集められており， GitHub などと同じ感覚で，オープンな形で公開されている．
たとえば， Ubuntu のイメージは Ubuntu の公式リポジトリ で公開されており， pull コマンドを使うことでローカルにダウンロードすることができる．
sh
$ docker pull ubuntu:18.04
$ docker pull ubuntu:18.04
ここで，イメージ名の : (コロン) 以降に続く文字列を タグ (tag) と呼び，主にバージョンを指定するなどの目的で使われる．
pull コマンドはデフォルトでは Docker Hub でイメージを検索し，ダウンロードを行う． Docker イメージを公開するためのデータベース (レジストリ (registry) とよぶ) は Docker Hub だけではなく，たとえば GitLab や GitHub は独自のレジストリ機能を提供しているし，個人のサーバーでレジストリを立ち上げることも可能である． Docker Hub 以外のレジストリから pull するには， myregistry.local:5000/testing/test-image のように，イメージ名の先頭につける形でレジストリのアドレス (さらにオプションとしてポート番号) を指定する．
コンテナを起動 ​
Pull してきたイメージを起動するには， run コマンドを使う．
sh
$ docker run -it ubuntu:18.04
$ docker run -it ubuntu:18.04
ここで， -it とは，インタラクティブな shell のセッションを開始するために必要なオプションである．
このコマンドを実行すると，仮想化された Ubuntu が起動され，コマンドラインからコマンドが打ち込めるようになる (figure_title)． このように起動状態にある計算環境 (ランタイム) のことを Container (コンテナ) とよぶ．
Docker を使って ubuntu:18.04 イメージを起動
ここで使用した ubuntu:18.04 のイメージは，空の Ubuntu OS だが，すでにプログラムがインストール済みのものもある． これは， Hands-on #2: AWS でディープラーニングを実践 でみた DLAMI と概念として似ている． たとえば， PyTorch がインストール済みのイメージは PyTorch 公式の Docker Hub リポジトリ で公開されている．
これを起動してみよう．
sh
$ docker run -it pytorch/pytorch
$ docker run -it pytorch/pytorch
docker run を実行したとき，ローカルに該当するイメージが見つからない場合は，自動的に Docker Hub からダウンロードされる．
pytorch のコンテナが起動したら， Python のシェルを立ち上げて， pytorch をインポートしてみよう．
sh
$ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
$ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
このように， Docker を使うことで簡単に特定の OS・プログラムの入った計算環境を再現することが可能になる．
自分だけのイメージを作る ​
自分の使うソフトウェア・ライブラリがインストールされた，自分だけのイメージを作ることも可能である．
たとえば， 本書のハンズオン実行用に提供している docker イメージ には， Python, Node.js, AWS CLI, AWS CDK などのソフトウェアがインストール済みであり，ダウンロードしてくるだけですぐにハンズオンのプログラムが実行できるようになっている．
カスタムの docker イメージを作るには， Dockerfile という名前のついたファイルを用意し，その中にどんなプログラムをインストールするかなどを記述していく．
具体例として，本書で提供している Docker イメージのレシピを見てみよう (docker/Dockerfile)．
python
FROM node:12
+LABEL maintainer="Tomoyuki Mano"
+
+RUN apt-get update \
+    && apt-get install nano
+
+#
+RUN cd /opt \
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
+    && tar -xzf Python-3.7.6.tgz \
+    && cd Python-3.7.6 \
+    && ./configure --enable-optimizations \
+    && make install
+
+RUN cd /opt \
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
+    && unzip awscliv2.zip \
+    && ./aws/install
+
+#
+RUN npm install -g aws-cdk@1.100
+
+# clean up unnecessary files
+RUN rm -rf /opt/*
+
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
FROM node:12
+LABEL maintainer="Tomoyuki Mano"
+
+RUN apt-get update \
+    && apt-get install nano
+
+#
+RUN cd /opt \
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
+    && tar -xzf Python-3.7.6.tgz \
+    && cd Python-3.7.6 \
+    && ./configure --enable-optimizations \
+    && make install
+
+RUN cd /opt \
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
+    && unzip awscliv2.zip \
+    && ./aws/install
+
+#
+RUN npm install -g aws-cdk@1.100
+
+# clean up unnecessary files
+RUN rm -rf /opt/*
+
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
Dockerfile の中身の説明は詳しくは行わないが，たとえば上のコードで <1> で示したところは， Python 3.7 のインストールを実行している． また， <2> で示したところは， AWS CDK のインストールを行っていることがわかるだろう． このように，リアルな OS で行うのと同じ流れでインストールのコマンドを逐一記述していくことで，自分だけの Docker イメージを作成することができる． 一度イメージを作成すれば，それを配布することで，他者も同一の計算環境を簡単に再構成することができる．
"ぼくの環境ではそのプログラム走ったのにな…" というのは，プログラミング初心者ではよく耳にする会話だが， Docker を使いこなせばそのような心配とは無縁である． そのような意味で，クラウド以外の場面でも， Docker の有用性・汎用性は極めて高い．
コンテナを用いた仮想計算環境ツールとして Docker を紹介したが， ほかに選択肢はないのか？ よくぞ聞いてくれた！ Docker の登場以降，複数のコンテナベースの仮想環境ツールが開発されてきた． いずれのツールも，概念や API については Docker と共通するものが多いが，Docker にはない独自の特徴を提供している． ここではその中でも有名ないくつかを紹介しよう．
Singularity は科学計算や HPC (High Performance Computing) の分野で人気の高いコンテナプラットフォームである． Singularity では大学・研究機関の HPC クラスターでの運用に適したような設計が施されている． たとえば， Docker は基本的には root 権限で実行されるのに対し， Singularity はユーザー権限 (コマンドを実行したユーザー自身) でプログラムが実行される． root 権限での実行は Web サーバーのように個人・企業がある特定のサービスのために運用するサーバーでは問題ないが，多数のユーザーが多様な目的で計算を実行する HPC クラスターでは問題となる． また，Singularity は独自のイメージの作成方法・エコシステムをもっているが， Docker イメージを Singularity のイメージに変換し実行する機能も有している．
podman は Red Hat 社によって開発されたもう一つのコンテナプラットフォームである． podman は基本的に Docker と同一のコマンドを採用しているが，実装は Red Hat によってスクラッチから行われた． podman では， Singularity と同様にユーザー権限でのプログラムの実行を可能であり，クラウドおよび HPC の両方の環境に対応するコンテナプラットフォームを目指して作られた． また，その名前にあるとおり pod とよばれる独自の概念が導入されている．
著者の個人的な意見としては，現時点では Docker をマスターしておけば当面は困ることはないと考えるが，興味のある読者はぜひこれらのツールも試してみてはいかがだろうか？
Elastic Container Service (ECS) ​
ECS のアイコン
ここまでに説明してきたように， Docker を使うことで仮想計算環境を簡単に複製・起動することが可能になる． 本章の最後の話題として， AWS 上で Docker を使った計算システムを構築する方法を解説しよう．
Elastic Container Service (ECS) とは， Docker を使った計算機クラスターを AWS 上に作成するためのツールである (figure_title)． ECS を使用することで， Docker にパッケージされたアプリケーションを計算機クラスターに投入したり，計算機クラスターのインスタンスを追加・削除する操作 (=スケーリング) を行うことができる．
ECS の概要を示したのが figure_title である． ECS は，タスク (Task) と呼ばれる単位で管理された計算ジョブを受け付ける． システムにタスクが投入されると，ECS は最初にタスクで指定された Docker イメージを外部レジストリからダウンロードしてくる． 外部レジストリとしては， Docker Hub や AWS 独自の Docker レジストリである ECR (Elastic Container Registry) を指定することができる．
ECS の次の重要な役割はタスクの配置である． あらかじめ定義されたクラスター内で，計算負荷が小さい仮想インスタンスを選び出し，そこに Docker イメージを配置することで指定された計算タスクが開始される． "計算負荷が小さい仮想インスタンスを選び出す" と言ったが，具体的にどのような戦略・ポリシーでこの選択を行うかは，ユーザーの指定したパラメータに従う．
また，クラスターのスケーリングも ECS における重要な概念である． スケーリングとは，クラスター内のインスタンスの計算負荷をモニタリングし，計算負荷に応じてインスタンスの起動・停止を行う操作を指す． クラスター全体の計算負荷が指定された閾値 (たとえば 80%の稼働率) を超えていた場合，新たな仮想インスタンスをクラスター内に立ち上げる操作を scale-out (スケールアウト) とよび， 負荷が減った場合に不要なインスタンスを停止する操作を scale-in (スケールイン) とよぶ． クラスターのスケーリングは， ECS がほかの AWS のサービスと連携することで実現される． 具体的には， EC2 の Auto scaling group (ASG) や Fargate の２つの選択肢が多くの場合選択される． ASG については Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する, Fargate については Hands-on #3: AWS で自動質問回答ボットを走らせる でより詳細に解説する．
これら一連のタスクの管理を， ECS は自動でやってくれる． クラスターのスケーリングやタスクの配置に関してのパラメータを一度指定してしまえば，ユーザーは (ほとんどなにも考えずに) 大量のタスクを投入することができる． クラスターのスケーリングによってタスクの量にちょうど十分なだけのインスタンスが起動し，タスクが完了した後は不要なインスタンスはすべて停止される．
さて，ここまで説明的な話が続いてしまったが，次章からは早速 Docker と AWS を使って大規模な並列計算システムを構築していこう！
ECS の概要
Hands-on #3: AWS で自動質問回答ボットを走らせる ​
ハンズオン第三回では， Docker と ECS を駆使した機械学習アプリケーションを実装しよう． 具体的には，深層学習による自然言語処理を行うことで，クライアントから与えられた文章題に対して回答を生成する，自動 Question & Answering ボットを作成しよう． ECS を利用することで，ジョブの数によって動的にインスタンスの数を制御し，並列にタスクを実行するようなシステムを構築しよう．
通常の機械学習のワークフローでは，モデルの訓練 ⇒ 推論 (データへの適用) が基本的な流れである． しかしながら， GPU 搭載型の EC2 クラスターを使ったモデルの訓練はやや難易度が高いため，次章 (Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する) で取り扱う． 本章は，クラウド上でのクラスターの構築・タスクの管理などの概念に慣れるため，よりシンプルな実装で実現できる Fargate クラスターを用いた推論計算の並列化を紹介する．
Fargate ​
ハンズオンに入っていく前に， Fargate という AWS の機能を知っておく必要がある (figure_title)．
Fargate のアイコン
ECS の概要を示した figure_title をもう一度見てみよう． この図で， ECS の管理下にあるクラスターが示されているが，このクラスターの中で計算を行う実体としては二つの選択肢がある． EC2 あるいは Fargate のいずれかである． EC2 を用いた場合は，先の章 (Hands-on #1: 初めての EC2 インスタンスを起動する, Hands-on #2: AWS でディープラーニングを実践) で説明したような流れでインスタンスが起動し，計算が実行される． しかし， EC2 を用いた計算機クラスターの作成・管理は技術的な難易度がやや高いので，次章 (Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する) で説明することにする．
Fargate とは， ECS での利用に特化して設計された，コンテナを使用した計算タスクを走らせるための仕組みである． 計算を走らせるという点では EC2 と役割は似ているが， Fargate は EC2 インスタンスのような物理的実体はもたない． 物理的実体をもたないというのは，たとえば SSH でログインすることは基本的に想定されていないし，なにかのソフトウェアをインストールしたりなどの概念も存在しない． Fargate ではすべての計算は Docker コンテナを介して行われる． すなわち， Fargate を利用するには，ユーザーは最初に所望の Docker イメージを指定しておき， Fargate は docker run のコマンドを使用することで計算タスクを実行する． Fargate を用いる利点は， Fargate を ECS のクラスターに指定すると，スケーリングなどの操作が簡単な設定・プログラムで構築できる点である．
Fargate では， EC2 と同様に CPU とメモリーのサイズを必要な分だけ指定できる． 執筆時点では， CPU は 0.25 - 4 コア， RAM は 0.5 - 30 GB の間で選択することができる (詳しくは 公式ドキュメンテーション "Amazon ECS on AWS Fargate" 参照)． クラスターのスケーリングが容易な分， Fargate では EC2 ほど大きな CPU コア・ RAM 容量を単一インスタンスに付与することができず，また GPU を利用することもできない．
以上が Fargate の概要であったが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは実際に手を動かしながら， ECS と Fargate を使った並列タスクの処理の仕方を学んでいこう．
厳密には， ECS に付与するクラスターには EC2 と Fargate のハイブリッドを使用することも可能である．
準備 ​
ハンズオンのソースコードは GitHub の handson/qa-bot にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンでは 1CPU/4GB RAM の Fargate インスタンスを使用する． 計算の実行には 0.025 $/hour のコストが発生することに注意．
Transformer を用いた question-answering プログラム ​
このハンズオンで開発する，自動質問回答システムをより具体的に定義しよう． 次のような文脈 (context) と質問 (question) が与えられた状況を想定する．
txt
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
今回作成する自動回答システムは，このような問題に対して， context に含まれる文字列から正解となる言葉を見つけ出すものとする． 上の問題では，次のような回答を返すべきである．
sh
answer: 1921
answer: 1921
人間にとっては，このような文章を理解することは容易であるが，コンピュータにそれを解かせるのは難しいことは容易に想像ができるだろう． しかし，近年の深層学習を使った自然言語処理の進歩は著しく，上で示したような例題などは極めて高い正答率で回答できるモデルを作ることができる．
今回は， huggingface/transformers で公開されている学習済みの言語モデルを利用することで，上で定義した問題を解く Q&A ボットを作る． この Q&A ボットは Transformer とよばれるモデルを使った自然言語処理に支えられえている (figure_title)． このプログラムを， Docker にパッケージしたものが 著者の Docker Hub リポジトリ に用意してある． クラウドの設計に入る前に，まずはこのプログラムを単体で動かしてみよう．
Transformer モデルアーキテクチャ (画像出典: Vaswani+ 2017)
なお，今回は学習済みのモデルを用いているので，私達が行うのは与えられた入力をモデルに投入して予測を行う (推論) のみである． 推論の演算は， CPU だけでも十分高速に行うことができるので，コストの削減と，実装をシンプルにする目的で，このハンズオンでは GPU は利用しない． 一般的に， ニューラルネットは学習のほうが圧倒的に計算コストが大きく，そのような場合に GPU はより威力を発揮する．
次のコマンドで，今回使う Docker image を ローカルにダウンロード (pull) してこよう．
sh
$ docker pull tomomano/qabot:latest
$ docker pull tomomano/qabot:latest
pull できたら，早速この Docker に質問を投げかけてみよう． まずは context と question をコマンドラインの変数として定義する．
sh
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
$ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
そうしたら，次のコマンドによってコンテナを実行する．
sh
$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
今回用意した Docker image は，第一引数に context となる文字列を，第二引数に question に相当する文字列を受けつける． 第三引数，第四引数については，クラウドに展開するときの実装上の都合なので，いまは気にしなくてよい．
このコマンドを実行すると，次のような出力が得られるはずである．
sh
{'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
{'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
"score" は正解の自信度を表す数字で， [0,1] の範囲で与えられる． "start", "end" は， context 中の何文字目が正解に相当するかを示しており， "answer" が正解と予測された文字列である． 1921 年という，正しい答えが返ってきていることに注目してほしい．
もう少し難しい質問を投げかけてみよう．
sh
$ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
$ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
出力：
sh
{'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
{'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
今度は， score が 0.52 と，少し自信がないようだが，それでも正しい答えにたどりつけていることがわかる．
このように， 深層学習に支えられた言語モデルを用いることで，実用にも役に立ちそうな Q&A ボットを実現できていることがわかる． 以降では，このプログラムをクラウドに展開することで，大量の質問に自動で対応できるようなシステムを設計していく．
今回使用する Question & Answering システムには， DistilBERT という Transformer を基にした言語モデルが用いられている． 興味のある読者は， 原著論文 を参照してもらいたい． また， huggingface/transformers による DistilBert の実装のドキュメンテーションは 公式ドキュメンテーション を参照のこと．
今回提供する Q-A ボットの Docker のソースコードは https://github.com/andatoshiki/toshiki-notebookblob/main/handson/qa-bot/docker/Dockerfile にある．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，以下のような設計である．
  • クライアントは，質問を AWS 上のアプリケーションに送信する．
  • 質問のタスクは ECS によって処理される．
  • ECS は， Docker Hub から，イメージをダウンロードする．
  • 次に，ECS はクラスター内に新たな Fargate インスタンスを立ち上げ，ダウンロードされた Docker イメージをこの新規インスタンスに配置する．
    • このとき，一つの質問に対し一つの Fargate インスタンスを立ち上げることで，複数の質問を並列的に処理できるようにする．
  • ジョブが実行される．
  • ジョブの実行結果 (質問への回答) は， データベース (DynamoDB) に書き込まれる．
  • 最後に，クライアントは DynamoDB から質問への回答を読み取る．
それでは，プログラムのソースコードを見てみよう (handson/qa-bot/app.py)．
sh
class EcsClusterQaBot(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
+
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
+
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
+
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
+
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
class EcsClusterQaBot(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
+
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
+
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
+
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
+
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
  • ここでは，回答の結果を書き込むためのデータベースを用意している． DynamoDB については，サーバーレスアーキテクチャの章で扱うので，今は気にしなくてよい．
  • ここでは，ハンズオン #1, #2 で行ったのと同様に， VPC を定義している．
  • ここで， ECS のクラスター (cluster) を定義している． クラスターとは，仮想サーバーのプールのことであり，クラスターの中に複数の仮想インスタンスを配置する．
  • ここで，実行するタスクを定義している (task definition)．
  • ここで， タスクの実行で使用する Docker イメージを定義している．
ECS と Fargate ​
ECS と Fargate の部分について，コードをくわしく見てみよう．
sh
cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
+
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
+
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
+
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
+
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
cluster = の箇所で，空の ECS クラスターを定義している．
次に， taskdef=ecs.FargateTaskDefinition の箇所で， Fargate インスタンスを使ったタスクを定義しており，とくにここでは 1 CPU, 4GB RAM というマシンスペックを指定している． また，このようにして定義されたタスクは，デフォルトで 1 タスクにつき 1 インスタンスが使用される．
最後に， container = の箇所で，タスクの実行で使用する Docker image を定義している． ここでは， Docker Hub に置いてある image をダウンロードしてくるよう指定している．
このようにわずか数行のコードであるが，これだけで前述したような，タスクのスケジューリングなどが自動で実行される．
このコードで cpu=1024 と指定されているのに注目してほしい． これは CPU ユニットと呼ばれる数で， 以下の換算表に従って仮想 CPU (virtual CPU; vCPU) が割り当てられる． 1024 が 1 CPU に相当する． 0.25 や 0.5 vCPU などの数字は，それぞれ実効的に 1/4, 1/2 の CPU 時間が割り当てられることを意味する． また， CPU ユニットによって使用できるメモリー量も変わってくる． たとえば， 1024 CPU ユニットを選択した場合は， 2 から 8 GB の範囲でのみメモリー量を指定することができる． 最新の情報は 公式ドキュメンテーション "Amazon ECS on AWS Fargate" を参照のこと．
CPU　ユニットと 指定可能なメモリー量の換算表
CPU ユニット
メモリーの値
256 (.25 vCPU)
0.5 GB, 1 GB, 2 GB
512 (.5 vCPU)
1 GB, 2 GB, 3 GB, 4 GB
1024 (1 vCPU)
2 GB, 3 GB, 4 GB, 5 GB, 6 GB, 7 GB, 8 GB
2048 (2 vCPU)
Between 4 GB and 16 GB in 1-GB increments
4096 (4 vCPU)
Between 8 GB and 30 GB in 1-GB increments
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． SSH によるログインの必要がないので，むしろ単純なくらいである． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックの中身を確認してみよう． コンソールから，ECS のページに行くと figure_title のような画面が表示されるはずである． EcsClusterQaBot-XXXX という名前ついたクラスターを見つけよう．
Cluster というのが，先ほど説明したとおり，複数の仮想インスタンスを束ねる一つの単位である． figure_title で， FARGATE という文字の下に 0 Running tasks, 0 Pending tasks と表示されていることを確認しよう． この時点では一つもタスクが走っていないので，数字はすべて 0 になっている．
ECS コンソール画面
続いて，この画面の左のメニューバーから Task Definitions という項目を見つけ，クリックしよう． 移動した先のページで EcsClusterQaBotEcsClusterQaBotTaskDefXXXX という項目が見つかるので，開く． 開いた先のページをスクロールすると figure_title に示したような情報が見つかるだろう． 使用する CPU ・メモリーの量や， Docker container の実行に関する設定などが，この Task Definition の画面から確認することができる．
Task definition の確認
タスクの実行 ​
それでは，質問をデプロイしたクラウドに提出してみよう．
ECS にタスクを投入するのはやや複雑なので，タスクの投入を簡単にするプログラム (run_task.py) を用意した (handson/qa-bot/run_task.py)．
次のようなコマンドで，ECS クラスターに新しい質問を投入することができる．
sh
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
$ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
run_task.py を実行するには， コマンドラインで AWS の認証情報が設定されていることが前提である．
"ask" の引数に続き，文脈 (context) と質問 (question) を引数として渡している．
このコマンドを実行すると， "Waiting for the task to finish…" と出力が表示され，回答を得るまでしばらく待たされる． この間， AWS では ECS がタスクを受理し，新しい Fargate のインスタンスを起動し， Docker イメージをそのインスタンスに配置する，という一連の処理がなされている． AWS コンソールから，この一連の様子をモニタリングしてみよう．
先ほどの ECS コンソール画面にもどり，クラスターの名前をクリックすることで，クラスターの詳細画面を開く． 次に， "Tasks" という名前のタブがあるので，それを開く (figure_title)． すると，実行中のタスクの一覧が表示されるだろう．
ECS のタスクの実行状況をモニタリング
figure_title で見て取れるように， "Last status = Pending" となっていることから，この時点では，タスクを実行する準備をしている段階である，ということがわかる． Fargate のインスタンスを起動し， Docker image を配置するまでおよそ 1-2 分の時間がかかる．
しばらく待つうちに， Status が "RUNNING" に遷移し，計算が始まる． 計算が終わると， Status は "STOPPED" に遷移し， ECS によって Fargate インスタンスは自動的にシャットダウンされる．
figure_title の画面から， "Task" の列にあるタスク ID クリックすることで，タスクの詳細画面を開いてみよう (figure_title)． "Last status", "Platform version" など，タスクの情報が表示されている． また， "Logs" のタブを開くことで，コンテナの吐き出した実行ログを閲覧することができる．
質問タスクの実行結果
さて， run_task.py を実行したコマンドラインに戻ってきてみると， figure_title のような出力が得られているはずである． "Momotaro" という正しい回答が返ってきている！
質問タスクの実行結果
タスクの同時実行 ​
さて，先ほどはたった一つの質問を投入したわけだが，今回設計したアプリケーションは， ECS と Fargate を使うことで同時にたくさんの質問を処理することができる． 実際に，たくさんの質問を一度に投入してみよう． run_task.py に ask_many というオプションを付けることで，複数の質問を一度に送信できる． 質問の内容は handson/qa-bot/problems.json に定義されている．
次のようなコマンドを実行しよう．
sh
$ python run_task.py ask_many
$ python run_task.py ask_many
このコマンドを実行した後で，先ほどの ECS コンソールに行き，タスクの一覧を見てみよう (figure_title)． 複数の Fargate インスタンスが起動され，タスクが並列に実行されているのがわかる．
複数の質問タスクを同時に投入する
すべてのタスクのステータスが "STOPPED" になったことを確認した上で，質問への回答を取得しよう． それには，次のコマンドを実行する．
sh
$ python run_task.py list_answers
$ python run_task.py list_answers
結果として， figure_title のような出力が得られるだろう． 複雑な文章問題に対し，高い正答率で回答できていることがわかるだろう．
 の実行結果
おめでとう！ ここまでついてこれた読者はとても初歩的ながらも，深層学習による言語モデルを使って自動で質問への回答を生成するシステムを創り上げることができた！ それも，数百の質問にも同時に対応できるような，とても高いスケーラビリティーをもったシステムである！ 今回は GUI (Graphical User Interface) を用意することはしなかったが，このシステムに簡単な GUI を追加すればなかなか立派なウェブサービスとして運用できるだろう．
run_task.py で質問を投入し続けると，回答を記録しているデータベースにどんどんエントリーが溜まっていく． これらのエントリーをすべて消去するには，次のコマンドを使う．
sh
$ python run_task.py clear
$ python run_task.py clear
スタックの削除 ​
これにて，今回のハンズオンは終了である． 最後にスタックを削除しよう．
スタックを削除するには，前回までと同様に， AWS コンソールにログインし CloudFormation の画面から DELETE ボタンをクリックするか，コマンドラインからコマンドを実行する． コマンドラインから行う場合は，次のコマンドを使用する．
sh
$ cdk destroy
$ cdk destroy
Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する ​
ハンズオン第三回では， ECS と Fargate を使って自動質問回答システムを構築した． シンプルながらも，複数の質問が送られた場合には並列にジョブが実行され，ユーザーに答えが返されるシステムを作ることができた． ここでは，すでに学習済みの言語モデルを用いてアプリケーションを構築した． しかし，一般的に言って，機械学習のワークフローでは自分で作ったモデルを訓練することが最初のステップにあるはずである． そこで，ハンズオン第四回では，クラウドを用いて機械学習の訓練を並列化・高速化することを考える．
本ハンズオンでは深層学習におけるハイパーパラメータ最適化を取り上げる． ハイパーパラメータとは，勾配降下法によって最適化されるニューラルネットのパラメータの外にあるパラメータのことであり，具体的にはモデルの層の幅・深さなどネットワークのアーキテクチャに関わるもの，学習率やモメンタムなどパラメータの更新則に関わるものなどが含まる． 深層学習においてハイパーパラメータの調整はとても重要なタスクである． しかしながら，ハイパーパラメータを調整するには，少しずつ条件を変えながら何度もニューラルネットを学習させる必要があり，多くの計算時間がかかる． 研究・開発においては，スループットよくたくさんのモデルの可能性を探索することが生産性を決める重要なファクターであり，ハイパーパラメータ探索を高速に解くという問題は極めて関心が高い． 本ハンズオンでは，クラウドの強力な計算リソースを利用して並列的にニューラルネットの訓練を実行することで，この問題を解く方法を学んでいこう．
Auto scaling groups (ASG) ​
ハンズオンに入っていく前に， Auto scaling groups (ASG) とよばれる EC2 の概念を知っておく必要がある．
ECS の概要を示した figure_title を振り返って見てほしい． 前章 (Hands-on #3: AWS で自動質問回答ボットを走らせる) でも説明したが， ECS のクラスターで計算を担う実体としては EC2 と Fargate を指定することができる． Fargate については前章で記述した． Fargate を用いると，自在にスケールする計算環境をとても簡単な設定で構築することができた． しかし， GPU を利用することができないなど，いくつかの制約があった． EC2 を使用した計算環境を指定することで，プログラミングの複雑度は増すが， GPU やその他のより高度かつ複雑な設定を伴ったクラスターを構築することができる．
EC2 クラスターには ASG と呼ばれるサービスが配置される． ASG は複数の EC2 インスタンスをロジカルな単位でグループ化することでクラスターを構成する． ASG はクラスター内に新しいインスタンスを起動する，あるいは不要になったインスタンスを停止するなどのスケーリングを担う． ASG で重要な概念として， desired capacity, minimum capacity, maximum capacity というパラメータがある． minimum capacity， maximum capacity は，それぞれクラスター内に配置できるインスタンスの数の最小値・最大値を指定するパラメータである． 前者は，クラスターに負荷がかかっていない場合でもアイドリング状態にあるインスタンスを維持することで，急に負荷が増大した時などのバッファーとして作用することができる． 後者は，負荷が急に増えたときに，過剰な数のインスタンスが起動する事態を防ぎ，経済的なコストの上限を定める役割を果たす．
desired capacity が，その時々でシステムが要求するインスタンスの数を指定する． desired capacity は，例えば 24 時間のリズムに合わせてインスタンスの数を増減させる (昼は多く夜は少なくなど) などの決まったスケジュールに基づいた設定を適用することができる． あるいはクラスター全体にかかっている負荷に応じて， desired capacity を動的に制御することも可能である． どのような基準でクラスターのスケーリングを行うかを定めるルールのことを，スケーリングポリシーとよぶ． たとえば，クラスター全体の稼働率 (負荷) を常に 80% に維持する，などのスケーリングポリシーが想定できる． この場合，クラスター全体の負荷が 80%を下回ったときにはクラスターからインスタンスが削除され，80%を超える (あるいは超えると予測される) 場合はインスタンスを追加する，という操作が ASG によって自動的に行われる．
上記のようなパラメータを検討し，ユーザーは ASG を作成する． ASG を作成したのち， ECS との連携をプログラムしてあげることで， ECS を介して ASG による EC2 クラスターにタスクを投入することが可能になる．
AWS Batch ​
AWS Batch のアイコン
先に説明したように， ECS と ASG を組み合わせることで，所望の計算クラスターを構築することが可能である． しかしながら， ECS と ASG にはかなり込み入った設定が必要であり，初心者にとっても経験者にとってもなかなか面倒なプログラミングが要求される． そこで， ECS と ASG によるクラスターの設計を自動化してくれるサービスが提供されている． それが AWS Batch である．
AWS Batch はその名のとおりバッチ (Batch) 化されたジョブ (入力データだけが異なる独立した演算が繰り返し実行されること) を想定している． 多くの科学計算や機械学習がバッチ計算に当てはまる． たとえば，初期値のパラメータを変えて複数のシミュレーションを走らせる，といったケースだ． AWS Batch を用いることの利点は，クラスターのスケーリングやジョブの割り振りはすべて自動で実行され， ユーザーはクラウドの舞台裏の詳細を気にすることなく，大量のジョブを投入できるシステムが手に入る点である． が，知識として背後では ECS/ASG/EC2 の三つ巴が協調して動作しているという点は知っておいてほしい．
AWS Batch では，ジョブの投入・管理をスムーズに行うため，次のような概念が定義されている (figure_title)． まず， ジョブ (Job) というのが，AWS Batch によって実行される一つの計算の単位である． Job definitions とはジョブの内容を定義するものであり，これには実行されるべき Docker のイメージのアドレスや，割り当てる CPU・RAM の容量，環境変数などの設定が含まれる． Job definition に基づいて個々のジョブが実行される． ジョブが実行されると，ジョブは Job queues に入る． Job queues とは，実行待ち状態にあるジョブの列のことであり，時間的に最も先頭に投入されたジョブが最初に実行される． また，複数の queue を配置し， queue ごとに priority (優先度) を設定することが可能であり， priority の高い queue に溜まったジョブが優先的に実行される (筆者はこれをディズニーランドの"ファストパス"を連想して捉えている)． Compute environment とは，先述したクラスターとほぼ同義の概念であり，計算が実行される場所 (EC2 や Fargate からなるクラスター) を指す． Compute environment には，使用する EC2 のインスタンスタイプや同時に起動するインスタンス数の上限などの簡易なスケーリングポリシーが指定されている． Job queues は Compute environment の空き状況を監視しており， それに応じてジョブを Compute environment に投下する．
以上が AWS Batch を使用するうえで理解しておかなければならない概念であるが，くどくど言葉で説明してもなかなかピンとこないだろう． ここからは，実際に自分で手を動かしながら学んでいこう．
AWS Batch の主要な概念
EC2 or Fargate?
ECS でクラスターを構成する際，計算を実行する場として EC2 と Fargate の二つの選択肢があることを説明した． それぞれ長所と短所を抱えているのだが，どのような場合にどちらを使うべきだろうか？ それを検討するため，まずは table_title を見てみよう． これは EC2 と Fargate の特徴をまとめたものである． 説明の都合上，大幅な粗視化が行われている点は留意していただきたい．
EC2 vs Fargate
EC2Fargate
Compute capacity
Medium to large
Small to medium
GPU
Yes
No
Launch speed
Slow
Fast
Task placement flexibility
Low
High
Programming complexity
High
Low
これまでに見てきたように， EC2 は最大の CPU 数・メモリーサイズが大きかったり， GPU を利用できたりするなど，単一のインスタンスでの計算能力は高い． 対して， Fargate は単一インスタンスの最大 CPU 数は 4 コアが上限である． その一方で，インスタンスの起動に要する時間は Fargate のほうが圧倒的に早く，より俊敏にクラスターのスケーリングを行うことができる． また，タスクをクラスターに投入する際のフレキシビリティも Fargate のほうが高い． フレキシビリティというのは，例えば一つのインスタンスで 2 つ以上のコンテナを走らせる，などの状況である． 単位 CPU あたりで処理されるタスクの数を最大化する際には，このような設計がしばしば採用される． プログラミングの複雑さという観点からは， Fargate のほうが一般的にシンプルな実装になる．
このように， EC2 と Fargate は互いに相補的な特性を有しており，アプリケーションによって最適な計算環境は検討される必要がある． また，EC2 と Fargate を両方用いたハイブリッドクラスターというのも定義可能であり，そのような選択肢もしばしば用いられる．
準備 ​
ハンズオンのソースコードは GitHub の handson/aws-batch にある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． また， Docker が自身のローカルマシンにインストール済みであることも必要である．
このハンズオンは， g4dn.xlarge タイプの EC2 インスタンスを使うので，アメリカ東部 (us-east-1) リージョンでは 0.526 $/hour のコストが発生する． 東京 (ap-northeast-1) を選択した場合は 0.71 $/hour のコストが発生する．
準備 でも注意したが，このハンズオンを始める前に G タイプインスタンスの起動上限を AWS コンソールの EC2 管理画面から確認しよう． もし上限が 0 になっていた場合は，上限緩和の申請を行う必要がある． アプリケーションの説明 にも関連した情報を記載しているので，併せて参照されたい．
MNIST 手書き文字認識 (再訪) ​
今回のハンズオンでは，機械学習のハイパーパラメータ調整を取り上げると冒頭で述べた． その最もシンプルな例題として， 実践ディープラーニング! MNIST 手書き数字認識タスク で扱った MNIST 手書き文字認識の問題を再度取り上げよう． 実践ディープラーニング! MNIST 手書き数字認識タスク では，適当にチョイスしたハイパーパラメータを用いてモデルの訓練を行った． ここで使用したプログラムのハイパーパラメータとしては，確率的勾配降下法 (SGD) における学習率やモメンタムが含まれる． コードでいうと，次の行が該当する．
python
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
ここで使用された 学習率 (lr=0.01) やモメンタム (momentum=0.5) は恣意的に選択された値であり，これがベストな数値であるのかはわからない． たまたまこのチョイスが最適であるかもしれないし，もっと高い精度を出すハイパーパラメータの組が存在するかもしれない． この問題に答えるため，ハイパーパラメータサーチを行おう． 今回は，最もシンプルなアプローチとして，グリッドサーチによるハイパーパラメータサーチを行おう．
機械学習のハイパーパラメータの最適化には大きく３つのアプローチが挙げられる． グリッドサーチ，ランダムサーチ，そしてベイズ最適化による方法である．
グリッドサーチとは，ハイパーパラメータの組をある範囲の中で可能な組み合わせをすべて計算し，最適なパラメータの組を見出す方法である． 最もシンプルかつ確実な方法であるが，すべての組み合わせの可能性を愚直に計算するので計算コストが大きい．
ランダムサーチ法とは，ハイパーパラメータの組をある範囲の中でランダムに抽出し，大量に試行されたランダムな組の中から最適なパラメータの組を見出す方法である． すべての可能性を網羅的に探索できるわけではないが，調整すべきパラメータの数が多数ある場合に，グリッドサーチよりも効率的に広い探索空間をカバーすることができる．
ベイズ最適化を用いた方法では，過去の探索結果から次にどの組み合わせを探索すべきかという指標を計算し，次に探索するパラメータを決定する． これにより，理論的にはグリッドサーチやランダムサーチ法よりも少ない試行回数で最適なパラメータにたどり着くことができる．
並列化の観点でいうと，グリッドサーチとランダムサーチは各ハイパーパラメータの組の計算は独立に実行することができるため並列化が容易である． このように独立したジョブとして分割・並列化可能な問題を Embarrassingly parallel な問題とよぶ (直訳すると"恥ずかしいほど並列化可能な問題"，ということになる)． Embarrassingly parallel な問題はクラウドの強力な計算リソースを用いることで，非常なシンプルな実装で解くことができる． この章ではこのようなタイプの並列計算を取り上げる．
一方，ベイズ最適化による方法は，過去の結果をもとに次の探索が決定されるので，並列化はそれほど単純ではない． 最近では optuna などのハイパーパラメータ探索のためのライブラリが発達しており，ベイズ最適化の数理的な処理を自動で実行してくれるので便利である． これらのライブラリを使うと，もし一台のコンピュータ (ノード) の中に複数の GPU が存在する場合は，並列に計算を実行することができる． しかしながら，一台のノードにとどまらず，複数のノードをまたいだ並列化は，高度なプログラミングテクニックが必要とされるだけでなく，ノード間の接続様式などクラウドのアーキテクチャにも深く依存するものである． 本書ではここまで高度なクラウドの使用方法には立ち入らない．
まずは，本ハンズオンで使用する Docker イメージをローカルで実行してみよう．
Docker イメージのソースコードは handson/aws-batch/docker にある． 基本的に 実践ディープラーニング! MNIST 手書き数字認識タスク のハンズオンを元にし，本ハンズオン専用の軽微な変更が施してある． 興味のある読者はソースコードも含めて読んでいただきたい．
練習として，この Docker イメージを手元でビルドするところからはじめてみよう． Dockerfile が保存されているディレクトリに移動し， mymnist という名前 (Tag) をつけてビルドを実行する．
sh
$ cd handson/aws-batch/docker
+$ docker build -t mymnist .
$ cd handson/aws-batch/docker
+$ docker build -t mymnist .
docker build でエラーが出たときは次の可能性を疑ってほしい． ビルドの中で， MNIST の画像データセットを http://yann.lecun.com/exdb/mnist/ からダウンロードするのだが，ダウンロード先のサーバーがしばしばダウンしている． 世界中の機械学習ユーザーがアクセスするので，これはしばしば発生するようである． サーバーがダウンしているとビルドも失敗してしまう． エラーメッセージにそれらしい文言が含まれていたら，この可能性を疑おう．
手元でビルドするかわりに， Docker Hub から pull することも可能である． その場合は次のコマンドを実行する．
sh
$ docker pull tomomano/mymnist:latest
$ docker pull tomomano/mymnist:latest
イメージの準備ができたら，次のコマンドでコンテナを起動し， MNIST の学習を実行する．．
sh
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
このコマンドを実行すると，指定したハイパーパラメータ (--lr で与えられる学習率と --momentum で与えられるモメンタム) を使ってニューラルネットの最適化が始まる． 学習を行う最大のエポック数は --epochs パラメータで指定する． Hands-on #2: AWS でディープラーニングを実践 のハンズオンで見たような， Loss の低下がコマンドライン上に出力されるだろう (figure_title)．
Docker を実行した際の出力
上に示したコマンドを使うと，計算は CPU を使って実行される． もし，ローカルの計算機に GPU が備わっており， nvidia-docker の設定が済んでいるならば， 次のコマンドにより GPU を使って計算を実行できる．
sh
$ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
このコマンドでは，--gpus all というパラメータが加わった．
CPU/GPU どちらで実行した場合でも，エポックを重ねるにつれて訓練データ (Train データ) の Loss は単調に減少していくのが見て取れるだろう． 一方，検証データ (Validation データ) の Loss および Accuracy は，ある程度まで減少した後，それ以上性能が向上しないことに気がつくだろう． これを実際にプロットしてみると figure_title のようになるはずである．
(左) Train/Validation データそれぞれの Loss のエポックごとの変化． (右) Validation データの Accuracy のエポックごとの変化
これはオーバーフィッティングとよばれる現象で，ニューラルネットが訓練データに過度に最適化され，訓練データの外のデータに対しての精度 (汎化性能) が向上していないことを示している． このような場合の対処法として， Early stopping とよばれるテクニックが知られている． Early stopping とは，検証データの Loss を追跡し，それが減少から増加に転じるエポックで学習をうち止め，そのエポックでのウェイトパラメータを採用する，というものである． 本ハンズオンでも， Early stopping によって訓練の終了を判断し，モデルの性能評価を行っていく．
MNIST 手書き文字データセットでは，訓練データとして 60,000 枚，テストデータとして 10,000 枚の画像が与えられている． 本ハンズオンで使用するコードでは，訓練データのうち 80% の 48,000 枚を訓練データとして使用し，残り 20% の 12,000 枚を検証データとして用いている． 詳しくはソースコードを参照のこと．
アプリケーションの説明 ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
アプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントは，あるハイパーパラメータの組を指定して Batch にジョブを提出する
  • Batch はジョブを受け取ると， EC2 からなるクラスターで計算を実行する
  • クラスター内では g4dn.xlarge インスタンスが起動する
  • Docker イメージは， AWS 内に用意された ECR (Elastic Container Registry) から取得される
  • 複数のジョブが投下された場合は，その数だけのインスタンスが起動し並列に実行される
  • 各ジョブによる計算の結果は S3 に保存される
  • 最後にクライアントは S3 から結果をダウンロードし，最適なハイパーパラメータの組を決定する
それでは，プログラムのソースコードを見てみよう (handson/aws-batch/app.py)．
python
class SimpleBatch(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
+
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
+
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
+
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
+
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
+
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
+
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
class SimpleBatch(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
+
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
+
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
+
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
+
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
+
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
+
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
  • で，計算結果を保存するための S3 バケットを用意している
  • で， Compute environment を定義している． ここでは g4dn.xlarge のインスタンスタイプを使用するとし，最大の vCPU 使用数は 64 と指定している． また，最小の vCPU は 0 である． 今回は，負荷がかかっていないときにアイドリング状態にあるインスタンスを用意する利点は全くないので，ここは 0 にするのが望ましい．
  • で， <2> で作成した Compute environment と紐付いた Job queue を定義している．
  • で，ジョブが計算結果を S3 に書き込むことができるよう， IAM ロールを定義している． (IAM とはリソースがもつ権限を管理する仕組みである．詳しくは AWS における権限の管理 (IAM) を参照)
  • では， Docker image を配置するための ECR を定義している．
  • で Job definition を作成している． ここでは，4 vCPU， 12000 MB (=12GB) の RAM を使用するように指定している． また，今後必要となる環境変数 (BUCKET_NAME) を設定している． さらに， <4> で作った IAM を付与している．
g4dn.xlarge は 1 台あたり 4 vCPU が割り当てられている． このプログラムでは Compute environment の maximum vCPUs を 64 と指定しているので，最大で 16 台のインスタンスが同時に起動することになる． ここで maxium vCPUs を 64 に限定しているのは，なんらかのミスで意図せぬジョブを大量にクラスターに投入してしまった事態で，高額の AWS 利用料金が発生するのを防ぐためである． もし，自分のアプリケーションで必要と判断したならば自己責任において 64 よりも大きな数を設定して構わない．
ここで注意が一点ある． AWS では各アカウントごとに EC2 で起動できるインスタンスの上限が設定されている． この上限は AWS コンソールにログインし， EC2 コンソールの左側メニューバーの Limits をクリックすることで確認できる (figure_title)． g4dn.xlarge (EC2 の区分でいうと G ファミリーに属する) の制限を確認するには， Running On-Demand All G instances という名前の項目を見る． ここにある数字が， AWS によって課されたアカウントの上限であり，この上限を超えたインスタンスを起動することはできない． もし，自分の用途に対して上限が低すぎる場合は，上限の緩和申請を行うことができる． 詳しくは 公式ドキュメンテーション "Amazon EC2 service quotas" を参照のこと．
EC2コンソールから各種の上限を確認する
スタックのデプロイ ​
スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されたことが確認できたら，AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールの検索バーで batch と入力し， AWS Batch の管理画面を開く (figure_title)．
AWS Batch のコンソール画面 (ダッシュボード)
まず目を向けてほしいのが，画面の一番下にある Compute environment overview の中の SimpleBatchcompute-env という名前の項目だ． Compute environment とは，先ほど述べたとおり，計算が実行される環境 (クラスターと読み替えてもよい) である． プログラムで指定したとおり， g4dn.xlarge が実際に使用されるインスタンスタイプとして表示されている． また， Minimum vCPUs が 0，Maximum vCPUs が 64 と設定されていることも見て取れる． 加えて，この時点では一つもジョブが走っていないので， Desired vCPUs は 0 になっている． より詳細な Compute environment の情報を閲覧したい場合は，名前をクリックすることで詳細画面が開く．
次に，Job queue overview にある SimpleBatch-queue という項目に注目してほしい． ここでは実行待ちのジョブ・実行中のジョブ・実行が完了したジョブを一覧で確認することができる． PENDING, RUNNING, SUCCEEDED, FAILED などのカラムがあることが確認できる．ジョブが進行するにつれて，ジョブの状態がこのカラムにしたがって遷移していく． 後でジョブを実際にサブミットしたときに戻ってこよう．
最後に，今回作成した Job definition を確認しよう． 左側のメニューから　Job definitions を選択し，次の画面で SimpleBatchjob-definition という項目を見つけて開く． ここから Job definition の詳細を閲覧することができる (figure_title)． 中でも重要な情報としては，　vCPUs, Memory, GPU がそれぞれ Docker に割り当てられる vCPU・メモリー・ GPU の量を規定している． また， Image と書いてあるところに，ジョブで使用される Docker イメージが指定されている． ここでは， ECR のレポジトリを参照している． 現時点ではこの ECR は空である． 次のステップとして，この ECR にイメージを配置する作業を行おう．
AWS Batch から Job definition を確認
Docker image を ECR に配置する ​
さて， Batch がジョブを実行するには，どこか指定された場所から Docker イメージをダウンロード (pull) してくる必要がある． 前回のハンズオン (Hands-on #3: AWS で自動質問回答ボットを走らせる) では，公開設定にしてある Docker Hub からイメージを pull してきた． 今回のハンズオンでは， AWS から提供されているレジストリである ECR (Elastic Container Registry) に image を配置するという設計を採用する． ECR を利用する利点は，自分だけがアクセスすることのできるプライベートなイメージの置き場所を用意できる点である． Batch は ECR からイメージを pull してくることで，タスクを実行する (figure_title)．
スタックのソースコードでいうと，次の箇所が ECR を定義している．
python
#
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
+
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
#
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
+
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
  • で，新規の ECR を作成している．
  • で Job definition を定義する中で，イメージを <1> で作った ECR から取得するように指定している． これと同時に， Job definition には ECR へのアクセス権限が IAM を通じて自動的に付与される．
さて，スタックをデプロイした時点では， ECR は空っぽである． ここに自分のアプリケーションで使う Docker イメージを push してあげる必要がある．
そのために，まずは AWS コンソールから ECR の画面を開こう (検索バーに Elastic Container Registry と入力すると出てくる)． Private というタブを選択すると， simplebatch-repositoryXXXXXX という名前のレポジトリが見つかるだろう (figure_title)．
ECR のコンソール画面
次に，このレポジトリの名前をクリックするとレポジトリの詳細画面に遷移する． そうしたら，画面右上にある View push commands というボタンをクリックする． すると figure_title のようなポップアップ画面が立ち上がる．
ECR への push コマンド
このポップアップ画面で表示されている四つのコマンドを順番に実行していくことで，手元の Docker イメージを ECR に push することができる． push を実行する前に， AWS の認証情報が設定されていることを確認しよう． そのうえで，ハンズオンのソースコードの中にある docker/ という名前のディレクトリに移動する． そうしたら，ポップアップ画面で表示されたコマンドを上から順に実行していく．
ポップアップで表示されるコマンドの 2 つめを見てみると docker build -t XXXXX . となっている． 最後の . が重要で，これは 現在のディレクトリにある Dockerfile を使ってイメージをビルドせよ という意味である． このような理由で， Dockerfile が置いてあるディレクトリに移動する必要がある．
四つ目のコマンドは，数 GB あるイメージを ECR にアップロードするので少し時間がかかるかもしれないが，これが完了するとめでたくイメージが ECR に配置されたことになる． もう一度 ECR のコンソールを見てみると，確かにイメージが配置されていることが確認できる (figure_title)． これで，AWS Batch を使ってジョブを実行させるための最後の準備が完了した．
ECR へ image の配置が完了した
単一のジョブを実行する ​
さて，ここからは実際に AWS Batch にジョブを投入する方法を見ていこう．
ハンズオンのディレクトリの notebook/ というディレクトリの中に， run_single.ipynb というファイルが見つかるはずである (.ipynb は Jupyter notebook のファイル形式)． これを Jupyter notebook から開こう．
今回のハンズオンでは， venv による仮想環境の中に Jupyter notebook もインストール済みである． なので，ローカルマシンから以下のコマンドで Jupyter notebook を立ち上げる．
sh
# .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
# .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
Jupyter notebook が起動したら， run_single.ipynb を開く．
最初の [1], [2], [3] 番のセルは，ジョブをサブミットするための関数 (submit_job()) を定義している．
python
# [1]
+import boto3
+import argparse
+
+# [2]
+# AWS 認証ヘルパー ...省略...
+
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
+
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
# [1]
+import boto3
+import argparse
+
+# [2]
+# AWS 認証ヘルパー ...省略...
+
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
+
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
submit_job() 関数について簡単に説明しよう． MNIST 手書き文字認識 (再訪) で， MNIST の Docker をローカルで実行したとき，次のようなコマンドを使用した．
sh
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
$ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
ここで， --lr 0.1 --momentum 0.5 --epochs 10 の部分が，コンテナに渡されるコマンドである．
AWS Batch でジョブを実行する際も，ContainerOverrides の command というパラメータを使用することで，コンテナに渡されるコマンドを指定することができる． コードでは以下の部分が該当する．
python
containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
続いて， [4] 番のセルに移ろう． ここでは，上記の submit_job() 関数を用いて， 学習率 = 0.01, モメンタム=0.1, エポック数=100 を指定したジョブを投入する．
python
# [4]
+submit_job(0.01, 0.1, 100)
# [4]
+submit_job(0.01, 0.1, 100)
AWS の認証情報は， Jupyter Notebook の内部から再度定義する必要がある． これを手助けするため， Notebook の [2] 番のセル (デフォルトではすべてコメントアウトされている) を用意した． これを使うにはコメントアウトを解除すればよい． このセルを実行すると， AWS の認証情報を入力する対話的なプロンプトが表示される． プロンプトに従って aws secret key などを入力することで， (Jupyter のセッションに固有な) 環境変数に AWS の認証情報が記録される．
もう一つの認証方法として， submit_job() 関数に profile_name というパラメータを用意した． もし ~/.aws/credentials に認証情報が書き込まれているのならば (詳しくは AWS CLI のインストール)， profile_name に使用したいプロファイルの名前を渡すだけで， 認証を行うことができる． 慣れている読者は後者のほうが便利であると感じるだろう．
[4] 番のセルを実行したら，ジョブが実際に投入されたかどうかを AWS コンソールから確認してみよう． AWS Batch の管理コンソールを開くと， figure_title のような画面が表示されるだろう．
AWS Batch でジョブが実行されている様子
figure_title で赤で囲った箇所に注目してほしい． 一つのジョブが投入されると，それは SUBMITTED という状態を経て RUNNABLE という状態に遷移する． RUNNABLE とは， ジョブを実行するためのインスタンスが Compute environment に不足しているため，新たなインスタンスが起動されるのを待っている状態に相当する． インスタンスの準備が整うと，ジョブの状態は STARTING を経て RUNNING に至る．
次に，ジョブのステータスが RUNNING のときの Compute environment の Desired vCPU を見てみよう (figure_title で紫で囲った箇所)． ここで 4 と表示されているのは， g4dn.xlarge インスタンス一つ分の vCPU の数である． ジョブの投入に応じて，それを実行するのに最低限必要な EC2 インスタンスが起動されたことが確認できる (興味のある人は， EC2 コンソールも同時に覗いてみるとよい)．
しばらく経つと，ジョブの状態は RUNNING から SUCCEEDED (あるいは何らかの理由でエラーが発生したときには FAILED) に遷移する． 今回のハンズオンで使っている MNIST の学習はだいたい 10 分くらいで完了するはずである． ジョブの状態が SUCCEEDED になるまで見届けよう．
ジョブが完了すると，学習の結果 (エポックごとの Loss と Accuracy を記録した CSV ファイル) は S3 に保存される． AWS コンソールからこれを確認しよう．
S3 のコンソールに行くと simplebatch-bucketXXXX (XXXX の部分はユーザーによって異なる) という名前のバケットが見つかるはずである． これをクリックして中身を見てみると， metrics_lr0.0100_m0.1000.csv という名前の CSV があることが確認できるだろう (figure_title)． これが， 学習率 = 0.01, モメンタム = 0.1 として学習を行ったときの結果である．
ジョブの実行結果は S3 に保存される
さて，ここで run_single.ipynb に戻ってこよう． [5] から [7] 番のセルでは，学習結果の CSV ファイルのダウンロードを行っている．
python
# [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
+
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
+
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
+
+    return df
+
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
# [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
+
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
+
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
+
+    return df
+
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
[6] で S3 から CSV データをダウンロードし， pandas の DataFrame オブジェクトとしてロードする関数を定義している． [7] を実行する際， bucket_name という変数の値を，自分自身のバケットの名前に置き換えることに注意しよう (先ほど S3 コンソールから確認した simplebatch-bucketXXXX のことである)．
続いて， [9] 番のセルで， CSV のデータをプロットしている (figure_title)． ローカルで実行したときと同じように， AWS Batch を用いて MNIST モデルを訓練することに成功した！
python
# [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
+
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
+
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
+
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
# [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
+
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
+
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
+
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
AWS Batch で行った MNIST モデルの学習の結果
並列に複数の Job を実行する ​
さて，ここからが最後の仕上げである． ここまでのハンズオンで構築した AWS Batch のシステムを使って，ハイパーパラメータサーチを実際に行おう．
先ほど実行した run_single.ipynb と同じディレクトリにある run_sweep.ipynb を開く．
セル [1], [2], [3] は run_single.ipynb と同一である．
python
# [1]
+import boto3
+import argparse
+
+# [2]
+# AWS 認証ヘルパー ...省略...
+
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
# [1]
+import boto3
+import argparse
+
+# [2]
+# AWS 認証ヘルパー ...省略...
+
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
セル [4] の for ループを使って，グリッド状にハイパーパラメータの組み合わせを用意し， batch にジョブを投入している． ここでは 3x3=9 個のジョブを作成した．
python
# [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
# [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
セル [4] を実行したら， Batch のコンソールを開こう． 先ほどと同様に，ジョブのステータスは SUBMITTED > RUNNABLE > STARTING > RUNNING と移り変わっていくことがわかるだろう． 最終的に 9 個のジョブがすべて RUNNING の状態になることを確認しよう (figure_title)． また，このとき Compute environment の Desired vCPUs は 4x9=36 となっていることを確認しよう (figure_title)．
複数のジョブを同時投入したときの Batch コンソール
次に，Batch のコンソールの左側のメニューから Jobs をクリックしてみよう． ここでは，実行中のジョブの一覧が確認することができる (figure_title)． ジョブのステータスでフィルタリングをすることも可能である． 9 個のジョブがどれも RUNNING 状態にあることが確認できるだろう．
複数のジョブを同時投入したときの Job 一覧
今度は EC2 コンソールを見てみよう． 左のメニューから Instances を選択すると， figure_title に示すような起動中のインスタンスの一覧が表示される． g4dn.xlarge が 9 台稼働しているのが確認できる． Batch がジョブの投下に合わせて必要な数のインスタンスを起動してくれたのだ！
複数のジョブを同時投入したときの EC2 インスタンスの一覧
ここまで確認できたら，それぞれの Job が終了するまでしばらく待とう (だいたい 10-15 分くらいで終わる)． すべてのジョブが終了すると，ダッシュボードの SUCCEEDED が 9 となっているはずだ． また， Compute environment の Desired vCPUs も 0 に落ちていることを確認しよう． 最後に EC2 コンソールに行って，すべての g4dn インスタンスが停止していることを確認しよう．
以上から， AWS Batch を使うことで，ジョブの投入に応じて自動的に EC2 インスタンスが起動され，ジョブの完了とともに，ただちにインスタンスの停止が行われる一連の挙動を観察することができた． 一つのジョブの完了におよそ 10 分の時間がかかるので，9 個のハイパーパラメータの組を逐次的に計算していた場合は 90 分の時間を要することになる． AWS Batch を使ってこれらの計算を並列に実行することで，ジョブ一個分の計算時間 (=10 分) ですべての計算を終えることができた！
さて，再び run_sweep.ipynb に戻ってこよう． [5] 以降のセルでは，グリッドサーチの結果を可視化している．
python
# [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
+
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
+
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
+
+    return df
+
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
+
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
+
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
# [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
+
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
+
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
+
+    return df
+
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
+
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
+
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
最終的に出力されるプロットが figure_title である．
ハイパーパラメータのグリッドサーチの結果
このプロットから，差は僅かであるが，学習率が 0.1 のときに精度は最大となることがわかる． また，学習率 0.1 のときはモメンタムを変えても大きな差は生じないことが見て取れる．
今回のパラメータサーチは勉強用に極めて単純化されたものである点は承知いただきたい．
たとえば，今回は学習率が 0.1 が最も良いとされたが，それは訓練のエポックを 100 に限定しているからかもしれない． 学習率が低いとその分訓練に必要なエポック数も多くなる． 訓練のエポック数をもっと増やせばまた違った結果が観察される可能性はある．
また，今回は MNIST の訓練データ 60,000 枚のうち， 48,000 枚を訓練データ，残り 12,000 枚を検証データとして用いた． この分割は乱数を固定してランダムに行ったが，もしこの分割によるデータのバイアスを気にするならば， k 個の異なる学習・検証データの分割をあらかじめ用意して，複数回モデルの評価を行う (k-fold cross-validation) 方法も，より精緻なアプローチとして考えられる．
以上のようにして， CNN を用いた MNIST 分類モデルのハイパーパラメータの最適化の一連の流れを体験した． AWS Batch を利用することで，比較的少ないプログラミングで，動的に EC2 クラスターを制御し，並列にジョブを処理するシステムが構築できた． ここまで EC2 を使いこなすことができれば，多くの問題を自力で解くことが可能になるだろう！
スタックの削除 ​
これにて，本ハンズオンは終了である．最後にスタックを削除しよう． 今回のスタックを削除するにあたり，ECR に配置された Docker のイメージは手動で削除されなければならない (これをしないと， cdk destroy を実行したときにエラーになってしまう． これは CloudFormation の仕様なので従うしかない)．
ECR の Docker image を削除するには， ECR のコンソールに行き，イメージが配置されたレポジトリを開く． そして，画面右上の DELETE ボタンを押して削除する (figure_title)．
ECR から Docker image を削除する
あるいは， AWS CLI から同様の操作を行うには，以下のコマンドを用いる (XXXX は自分の ECR レポジトリ名に置き換える)．
sh
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
$ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
image の削除が完了したうえで，次のコマンドでスタックを削除する．
sh
$ cdk destroy
$ cdk destroy
(#sec:batch_development_and_debug) === クラウドを用いた機械学習アプリケーションの開発とデバッグ
本章で紹介したハンズオンでは， AWS Batch を使用することでニューラルネットの学習を複数並列に実行し，高速化を実現した． 本章の最後の話題として，クラウドを用いた機械学習アプリケーションの開発とデバッグの方法について述べよう．
ローカルに GPU を搭載した強力なマシンがなく，クラウドを利用する予算が確保されているのであれば， figure_title のような開発のスキームが理想的であると考える． 最初の段階では， Hands-on #2: AWS でディープラーニングを実践 で見たような方法で， GPU 搭載型の EC2 インスタンスを作成し， Jupyter Notebook などのインタラクティブな環境で様々なモデルを試し実験を行う． Jupyter である程度アプリケーションが完成してきたタイミングで，作成したアプリケーションを Docker イメージにパッケージングする． そして， EC2 上で docker run を行い，作成したイメージがバグなく動作するか確認を行う． その次に，ハイパーパラメータの最適化などのチューニングを， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する のハンズオンで学んだ AWS Batch などの計算システムを利用して行う． よい深層学習モデルが完成したら，仕上げに大規模データへの推論処理を行うシステムを Hands-on #3: AWS で自動質問回答ボットを走らせる を参考に構築する．
実際，本書ではこの流れに沿って演習を進めてきた． MNIST タスクを解くモデルを，最初 Jupyter Notebook を使用して実験し，そのコードをほとんどそのまま Docker にパッケージし， AWS Batch を用いてハイパーパラメータサーチを行った． このサイクルを繰り返すことで，クラウドを最大限に活用した機械学習アプリケーションの開発を進めることができる．
クラウドを活用した機械学習アプリケーションの開発フロー
小括 ​
ここまでが，本書第二部の内容である． 第一部に引き続き盛りだくさんの内容であったが，ついてこれたであろうか？
第二部ではまず最初に，深層学習の計算をクラウドで実行するため， GPU 搭載型の EC2 インスタンスの起動について解説した． さらに，ハンズオンでは，クラウドに起動した仮想サーバーを使って MNIST 文字認識タスクを解くニューラルネットを訓練した (Hands-on #2: AWS でディープラーニングを実践)．
また，より大規模な機械学習アプリケーションを作るための手段として， Docker と ECS によるクラスターの初歩を説明した (Docker 入門)． その応用として，英語で与えられた文章問題への回答を自動で生成するボットをクラウドに展開した (Hands-on #3: AWS で自動質問回答ボットを走らせる)． タスクの投入に応じて動的に計算リソースが作成・削除される様子を実際に体験できただろう．
さらに， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する では AWS Batch を用いてニューラルネットの学習を並列に実行する方法を紹介した． ここで紹介した方法は，ミニマムであるが，計算機システムを大規模化していくためのエッセンスが網羅されている． これらのハンズオン体験から，クラウド技術を応用してどのように現実世界の問題を解いていくのか，なんとなくイメージが伝わっただろうか？
本書の第三部では，さらにレベルアップし，サーバーレスアーキテクチャという最新のクラウドの設計手法について解説する． その応用として，ハンズオンでは簡単な SNS サービスをゼロから実装する． 引き続きクラウドの最先端の世界を楽しんでいこう！
Web サービスの作り方 ​
ここからが，本書第三部の内容になる． これまでのセクションでは，仮想サーバーをクラウド上に起動し，そこで計算を走らせる方法について解説をしてきた． EC2, ECS, Fargate, Batch などを利用して，動的にスケールするクラスターを構成し，並列にタスクを実行するクラウドシステムを実装してきた． 振り返ると，これまで紹介してきた内容は，自分自身が行いたい計算をクラウドを駆使することで実現する，という用途にフォーカスしていたことに気がつくだろう． 一方で，広く一般の人々に使ってもらえるような計算サービス・データベースを提供する，というのもクラウドの重要な役割として挙げられる．
本章から始まる第三部では，前回までとは少し方向性を変え，どのようにしてクラウド上にアプリケーションを展開し，広く一般の人に使ってもらうか，という点を講義したいと思う． これを通じて，どのようにして世の中のウェブサービスができ上がっているのかを知り，さらにどうやって自分でそのようなアプリケーションをゼロから構築するのか，という点を学んでもらう． その過程で，サーバーレスアーキテクチャという最新のクラウド設計手法を解説する．
その前準備として，本章ではどのようにしてウェブサービスが出来上がっているのか，その背後にある技術の概要を解説する． 用語の解説が中心となるが，後のハンズオンを実装するために必須の知識であるので，理解して前に進むよう心がけよう．
ウェブサービスの仕組み  — Twitter を例に ​
あなたがパソコンやスマートフォンから Twitter, Facebook, YouTube などのウェブサービスにアクセスしたとき，実際にどのようなことが行われ，コンテンツが提示されているのだろうか？
HTTP を通じたサーバーとクライアントのデータのやり取りは，すでに知っている読者も多いだろうし，逆にすべて解説しようとすると紙面が足りないので，ここではエッセンスの説明のみにとどめる． 以降では Twitter を具体例として，背後にあるサーバーとクライアントの間の通信を概説しよう． 概念図としては figure_title のような通信がクライアントとサーバーの間で行われていることになる．
クライアントと Web サーバーの通信の概念図
前提として，クライアントとサーバーの通信は HTTP (Hypertext Transfer Protocol) を使って行われる． また，最近では，暗号化された HTTP である HTTPS (HTTPS (Hypertext Transfer Protocol Secure)) を用いることがスタンダードになってきている． 第一のステップとして，クライアントは HTTP(S) 通信によってサーバーから静的なコンテンツを取得する． 静的なコンテンツとは， HTML (Hyptertext Markup Language) で記述されたウェブページの文書本体， CSS (Cascading Style Sheets) で記述されたページのデザインやレイアウトファイル，そして JavaScript (JS) で記述されたページの動的な挙動を定義したプログラム，が含まれる． Twitter を含む現代的なウェブアプリケーションの設計では，この静的なファイル群はページの”枠”を定義するだけで，中身となるコンテンツ (例: ツイートの一覧) は別途 API (Application Programming Interface) によって取得されなければならない． そこで，クライアントは先のステップで取得された JavaScript で定義されたプログラムに従って，サーバーに API を送信し，ツイートや画像データを取得する． この際，テキストデータのやり取りには JSON (JavaScript Object Notation) というフォーマットが用いられることが多い． 画像や動画などのコンテンツも同様に API により取得される． このようにして取得されたテキストや画像が，HTML の文書に埋め込まれることで，最終的にユーザーに提示されるページが完成するのである． また，新しいツイートを投稿するときにも，クライアントから API を通じてサーバーのデータベースにデータが書き込まれる．
REST API ​
API (Application Programming Interface) とはこれまで何度も出てきた言葉であるが，ここではよりフォーマルな定義付けを行う． API とはあるソフトウェア・アプリケーションが，外部のソフトウェアに対してコマンドやデータをやり取りするための媒介の一般的総称である． とくに，ウェブサービスの文脈では，サーバーが外界に対して提示しているコマンドの一覧のことを意味する． クライアントは，提示されている API から適切なコマンドを使うことによって，所望のデータを取得したり，あるいはサーバーにデータを送信したりする．
とくに，ウェブの文脈では REST (Representational State Transfer) とよばれる設計思想に基づいた API が現在では最も一般的に使われている． REST の設計指針に従った API のことを REST API あるいは RESTful API とよんだりする．
REST API は， figure_title に示したような Method と URI (Universal Resource Identifier) の組からなる．
REST API
Method (メソッド) とは，どのような操作を行いたいかを抽象的に表す，"動詞" として捉えることができる． メソッドには HTTP 規格で定義された 9 個の動詞 (verb) を使用することができる． この中でも， GET, POST, PUT, PATCH, DELETE の 5 個が最も頻繁に使用される (table_title)． この 5 つのメソッドによる操作を総称して CRUD (create, read, update, and delete) とよぶ．
REST API Methods
メソッド意図される動作
GET
要素を取得する
POST
新しい要素を作成する
PUT
既存の要素を新しい要素と置き換える
PATCH
既存の要素の一部を更新する
DELETE
要素を削除する
一方， URI は操作が行われる対象，すなわち "目的語" を表す． ウェブの文脈では操作が行われる対象のことをしばしば リソース とよぶ． URI は多くの場合 http または https から始まるウェブサーバーのアドレスから始まり， / (スラッシュ) 以降に所望のリソースのパスが指定される． figure_title の例で言えば， https://api.twitter.com というアドレスの /1.1/status/home_timeline というリソースを取得 (GET) せよ，という意味になる (なお，ここで 1.1 という数字は API のバージョンを示している)． この API リクエストによって，ユーザーのホームのタイムラインのツイートの一覧が取得される．
REST API のメソッドには， table_title で挙げたもの以外に， HTTP プロトコルで定義されているほかのメソッド (OPTIONS, TRACE など) を用いることもできるが，あまり一般的ではない．
また，これらのメソッドだけでは動詞として表現しきれないこともあるが， URI の名前でより意味を明確にすることもある． メソッドの使い方も，要素を削除する際は必ず DELETE を使わなければならない，という決まりもなく，たとえば， Twitter API でツイートを消す API は POST statuses/destroy/:id で定義されている． 最終的には，各ウェブサービスが公開している API ドキュメンテーションを読んで，それぞれの API がどんな操作をするのかを調べる必要がある．
REST の概念は 2000 年代初頭に確立され，今日の API 設計のスタンダードとなった． 一方で，ウェブのテクノロジーが進歩するにつれて，新たな API の設計アプローチの需要も高まっている． 近年とくに人気を集めているのが， GraphQL と呼ばれる API の設計方法である． GraphQL は Facebook 社によって最初に作られ，現在は GraghQL Foundation によって維持と更新がされている． GraphQL を使用すると，クライアントは REST と比較してより柔軟性の高いデータのクエリを行うことができるなど，いくつかの利点がある． キーワードだけでも知っておくと，今後役に立つだろう．
Twitter API ​
もう少し具体的にウェブサービスの API を体験する目的で，ここでは Twitter の API を見てみよう． Twitter が提供している API の一覧は Twitter の Developer Documentation で見ることができる． いくつかの代表的な API を table_title にまとめた．
Twitter API
エンドポイント動作
GET statuses/home_timeline
ホームのタイムラインのツイートの一覧を取得する．
GET statuses/show/:id
:id で指定されたツイートの詳細情報を取得する．
GET search
ツイートの検索を実行する．
POST statuses/update
新しいツイートを投稿する．
POST media/upload
画像をアップロードする
POST statuses/destroy/:id
:id で指定されたツイートを削除する．
POST statuses/retweet/:id
:id で指定されたツイートをリツイートする．
POST statuses/unretweet/:id
:id で指定されたツイートのリツイートを取り消す．
POST favorites/create
選択したツイートを"いいね"する．
POST favorites/destroy
選択したツイートを"いいね"を取り消す．
この API リストをもとに， Twitter のアプリまたはウェブサイトを開いたときに起こるクライアントとサーバーの通信をシミュレートしてみよう．
ユーザーが Twitter を開くと，まず最初に GET statuses/home_timeline の API リクエストによって，ユーザーのホームのタイムラインのツイートのリストが取得される． 個々のツイートは JSON 形式のデータになっており， id, text, user, coordinates, entities などの属性を含む． id はツイートに固有な ID を表し， text はツイートの本文を含んでいる． user はツイートを投稿したユーザーの名前やプロフィール画像の URL などを含んだ JSON データになっている． coordinates にはツイートが発信された地理的な座標が記録されている． また， entities にはツイートに関連するメディアファイル (画像など) のリンクなどの情報が埋め込まれている． GET statuses/home_timeline からは直近のツイートのリスト (リストが長すぎる場合は途中で切られたもの) が取得される． もしツイートの ID を知っている場合は GET statuses/show/:id を呼ぶことによって， :id パラメータで指定された特定のツイートを取得することができる．
ツイートの検索を行うためには GET search API を使用する． この API には，ツイートに含まれる単語や，ハッシュタグ，ツイートの発信された日時や場所など，様々なクエリの条件を渡すことができる． API からは， GET statuses/home_timeline などと同様， JSON 形式のツイートのデータが返される．
ユーザーが新しいツイートを投稿するには POST statuses/update のエンドポイントを利用する． POST statuses/update には，ツイートの文章や，リプライの場合はリプライ先のツイートの ID などのデータを送信する． また，ツイートに画像データを添付したい場合は， POST media/upload を併せて使用する． ツイートの削除を行うには， POST statuses/destroy/:id を用いる．
そのほか，頻繁に行われる操作としては， POST statuses/retweet/:id と POST statuses/unretweet/:id がある． これらは， :id で指定されるツイートに対して，それぞれリツイートを実行あるいは取り消すための API である． また， POST favorites/create，POST favorites/destroy を使用することによって，選択されたツイートに"いいね"を追加したり，取り消したりする操作を行う．
このような一連の操作が， Twitter のアプリの背後では行われている． また，自分自身でボットを作成したい場合は，これらの API を適切に組み合わせ，カスタムのプログラムを書くことで実現される．
このように， API はあらゆるウェブサービスを作るうえで一番基礎となる要素である． 次からの章では本章で紹介した用語が何度も出てくるので，頭の片隅に置いたうえで読み進めていただきたい．
Serverless architecture ​
サーバーレスアーキテクチャ (Serverless architecture) あるいは サーバーレスコンピューティング (Serverless computing) とは，従来とは全く異なるアプローチに基づくクラウドシステムの設計方法である． 歴史的には， AWS が 2014 年に発表した Lamba がサーバーレスアーキテクチャの先駆けとされている． その後， Google や Microsoft などのクラウドプラットフォームも同様の機能の提供を開始している． サーバーレスアーキテクチャの利点は，スケーラブルなクラウドシステムを安価かつ簡易に作成できる点であり，近年いたるところで導入が進んでいる．
Serverless とは，文字どおりの意味としてはサーバーなしで計算をするということになるが，それは一体どういう意味だろうか？ サーバーレスについて説明するためには，まずは従来的な， "serverful" とよばれるようなシステムについて解説しなければならない．
Serverful クラウド (従来型) ​
従来的なクラウドシステムのスケッチを figure_title に示す． クライアントから送信されたリクエストは，最初に API サーバーに送られる． API サーバーでは，リクエストの内容に応じてタスクが実行される． タスクには，API サーバーだけで完結できるものもあるが，多くの場合，データベースの読み書きが必要である． データベースには，データベース専用の独立したサーバーマシンが用いられることが一般的である． また，画像や動画などの容量の大きいデータは，また別のストレージサーバーに保存されることが多い． これらの API サーバー，データベースサーバー，ストレージサーバーはそれぞれ独立したサーバーマシンであり， AWS の言葉では EC2 による仮想インスタンスを想定してもらったらよい．
多くのウェブサービスでは，多数のクライアントからのリクエストを処理するため，複数のサーバーマシンがクラウド内で起動し，負荷を分散するような設計がなされている． クライアントから来たリクエストを計算容量に余裕のあるサーバーに振り分けるような操作を Load balancing とよび，そのような操作を担当するマシンのことを Load balancer という．
計算負荷を分散する目的で多数のインスタンスを起動するのはよいのだが，計算負荷が小さすぎてアイドリング状態にあるようではコストと電力の無駄遣いである． したがって，すべてのサーバーが常に目標とする計算負荷を維持するよう，計算の負荷に応じてクラスター内の仮想サーバーの数を動的に増減させるような仕組みが必要である． そのような仕組みをクラスターのスケーリングとよび，負荷の増大に応答して新しい仮想インスタンスをクラスターに追加する操作を scale-out，負荷の減少に応答してインスタンスをシャットダウンする操作を scale-in とよぶ． クラスターのスケーリングは， API サーバーではもちろんのこと，データベースサーバー・ストレージサーバーでも必要になる． ストレージサーバーでは，例えば頻繁にアクセスされるデータはキャッシュ領域に保存したり，データのコピーを複数作るなどのスケーリングが行われる． データベースサーバーも同様に，頻繁にアクセスされるデータのアクセスがパンクしてしまわないよう，分散的な処理が必要となる． このように，クラウドシステム内すべての箇所で，負荷が均一になるような調整が必要であり，開発者は多くの時間をそのチューニングに費やさなければならない． また，サービスの利用者の数などに応じてスケーリングの設定は常に見直される必要があり，継続的な開発が要求される．
さらに問題を複雑にするのは，API サーバーで処理されるべきタスクが，非一様な点である． 非一様であるとは，たとえばタスク A は 3000 ミリ秒の実行時間と 512MB のメモリーを消費し，別のタスク B は 1000 ミリ秒の実行時間と 128MB のメモリーを消費する，というような状況を指している． 一つのサーバーマシンが計算負荷が異なる複数のタスクを処理する場合，クラスターのスケーリングはより複雑になる． この状況をシンプルにするために，１サーバーで実行するタスクは１種類に限る，という設計も可能であるが，そうするとで生まれる弊害も多い (ほとんど使われないタスクに対してもサーバー一台をまるまる割り当てなければならない = ほとんどアイドリング状態になってしまう，など)．
Serverful なクラウドシステム
Serverless クラウドへ ​
Serverful クラウド (従来型) で議論したように，クラスターのスケーリングはクラウドシステムの経済的効率とシステムの安定性を最大化するために必須の作業である． それを反映して，多くの開発者の時間が投資されてきた．
クラスターのスケーリングはすべての開発者が何度も繰り返し行ってきた作業であり，いくつかの側面をテンプレート化し，共通化することができたならば開発のコストを大幅に削減できるだろう． それを実現するには，根本的なレベルからクラウドシステムの設計を考え直す必要がある． スケーリングを前提として考えることで，もっとシンプルで見通しがよいクラウドシステムの設計の仕組みはないだろうか？ そのような動機が，サーバーレスアーキテクチャが誕生する背後にあった．
従来の serverful なシステムでの最大の問題点は，サーバーをまるまる占有してしまうという点にある． すなわち， EC2 インスタンスを起動したとき，そのインスタンスは起動したユーザーだけが使えるものであり，計算のリソース (CPU や RAM) が独占的に割り当てられた状態になる． 固定した計算資源の割り当てがされてしまっているので，インスタンスの計算負荷が 0%であろうが 100%であろうが，均一の使用料金が起動時間に比例して発生する．
サーバーレスアーキテクチャは，このような 独占的に割り当てられた計算リソースというものを完全に廃止することを出発点とする． サーバーレスアーキテクチャでは，計算のリソースは，クラウドプロバイダーがすべて管理する． クライアントは，仮想インスタンスを一台まるごと借りるのではなく，計算のタスクの需要が生まれる毎に，実行したいプログラム・コマンドをクラウドに提出する． クラウドプロバイダーは，自身のもつ巨大な計算リソースから空きを探し，提出されたプログラムを実行し，実行結果をクライアントに返す． 言い換えると，計算リソースのスケーリングやアロケーションなどはクラウドプロバイダーが一手に引き受け，ユーザーはジョブをサブミットすることに注力する，という枠組みである． これを図示すると， figure_title のようになる．
従来のクラウドと Serverless クラウドの比較
サーバーレスクラウドでは，スケーリングはすべてクラウドプロバイダーが引き受けるので，スケーラビリティーが保証されている． クライアントが同時に大量のタスクを送信した場合でも，クラウドプロバイダー側の独自の仕組みによってすべてのタスクが遅延なく実行される． また，サーバーレスクラウドを利用することで，クラウドのコストは実際に使用した計算の総量 (稼働時間) で決定されることになる． これは，計算の実行総量に関わらずインスタンスの起動時間で料金が決定されていた従来のシステムと比べて大きな違いである．
サーバーレスクラウドは，従来のクラウドとは根本から異なったアプローチなので，コードの書き方やシステムの設計が大きく異なる． サーバーレスクラウドを開発・運用するには，サーバーレス固有の概念や用語に精通している必要がある． 以降では，実際にクラウドを動かしながら，サーバーレスをより具体的に体験していこう．
従来型の(仮想インスタンスをたくさん起動するような)クラウドシステムは，賃貸と似ているかもしれない． 部屋を借りるというのは，その部屋でどれだけの時間を過ごそうが，月々の家賃は一定である． 同様に，仮想サーバーも，それがどれほどの計算を行っているかに関わらず，一定の料金が時間ごとに発生する．
一方で，サーバーレスクラウドは，電気・水道・ガス料金 と似ている． こちらは，実際に使用した量に比例して料金が決定されている． サーバーレスクラウドも，実際に計算を行った総時間で料金が決まる仕組みになっている．
サーバーレスクラウドを構成するコンポーネント ​
サーバーレスアーキテクチャの概要がわかってきたところで，ここでは AWS においてサーバーレスクラウドを構成する様々なコンポーネントを紹介していこう． 特に， Lambda, S3, DynamoDB を取り上げ，解説する (figure_title)． サーバーレスクラウドは，これらのコンポーネントを統合することで一つのシステムが出来上がる． ここでは， Lambda，S3，DynamoDB を利用する際に押さえておかなければならない知識を一通り説明しきる都合上，具体的なイメージがわきにくいかもしれない． が，続く Hands-on #5: サーバーレス入門 でそれぞれについてハンズオン形式で演習を行うので，そこでさらに理解を深めれば大丈夫である．
Lambda, S3, DynamoDB のアイコン
Lambda ​
AWS でサーバーレスコンピューティングの中心を担うのが， Lambda である． Lambda の使い方を figure_title に図示している． Lambda の仕組みはシンプルで，まずユーザーは実行したいプログラムのコードを事前に登録しておく． プログラムは， Python, Node.js, Ruby などの主要な言語がサポートされている． Lambda に登録されたひとつひとつのプログラムを関数 (Function) とよぶ． そして，関数を実行したいときに，invoke コマンドを Lambda に送信する． Lambda では， invoke のリクエストを受け取るとただちに (数ミリセカンドから数百ミリセカンド程度の時間で) プログラムの実行を開始する． そして，実行結果をクライアントやその他の計算機に返す．
AWS Lambda
このように，Lambda では占有された仮想インスタンスは存在せず，実行を待っているプログラムだけがある状態である． invoke のリクエストに応じて，プログラムが AWS の巨大な計算機プールのどこかに配置され，実行される． 同時に複数のリクエストが来た場合でも， AWS はそれらを実行するための計算リソースを割り当て，並列的に処理を行ってくれる． 原理上は，数千から数万のリクエストが同時に来たとしても， Lambda はそれらを同時に実行することができる． このような，占有された仮想サーバーの存在なしに，動的に関数を実行するサービスのことを総称して FaaS (Function as a Service) とよぶ．
Lambda ではそれぞれの関数につき， 128MB から 10240MB のメモリーを使用することができる (執筆時点の仕様)． また，実効的な CPU のパワーはメモリーの量に比例する形で割り当てられる． すなわち，タスクに割り当てたメモリーの量が多ければ多いほど，より多くの CPU リソースが割り当てられることになる (しかし， RAM と CPU パワーの具体的な換算表は AWS からは公開されていない)． 実行時間は 100 ミリ秒の単位で記録され，実行時間に比例して料金が決定される． table_title は Lambda の利用料金表である (執筆時点で ap-north-east1 リージョンを選択した場合)．
Lambda の料金表
Memory (MB)Price per 100ms
128
$0.0000002083
512
$0.0000008333
1024
$0.0000016667
3008
$0.0000048958
実行時間に比例する料金に追加して，リクエストを送信するごとに発生する料金が設定されている． これは，百万回のリクエストにつき $0.2 である． たとえば， 128MB のメモリーを使用する関数を，それぞれ 200 ミリ秒，合計で 100 万回実行した場合， 0.0000002083 * 2 * 10^6 + 0.2 = $0.6 の料金となる． ウェブサーバーのデータベースの更新など簡単な計算であれば，200 ミリ秒程度で実行できる関数も多いことから，100 万回データベースの更新を行ったとしても，たった $0.6 しかコストが発生しないことになる． また，コードが実行されず待機状態になっている場合は，発生する料金は 0 である． このように，実際に意味のある処理が行われた時間にのみ，料金が発生する仕組みになっている．
Lambda は比較的短時間で完了する，反復性の高いタスクの実行に向いている． データベースの読み書きはその典型的な例であるが，そのほかにも，画像のサイズをトリミングしたり，サーバーサイドで定期的に実行されるメンテナンス処理などの利用が考えられる． また，複数の Lambda をリレー式に繋げることも可能で，シンプルな処理を組み合わせることで複雑なロジックを表現することができる．
上述の Lambda の料金計算は，説明のためコストに寄与する要素をいくつか省いている点は承知いただきたい． 例えば， DynamoDB の読み書きに関する料金や，ネットワークの通信にかかわるコストが考慮されていない．
サーバーレスストレージ: S3 ​
サーバーレスの概念は，ストレージにも拡張されている．
従来的なストレージ (ファイルシステム) では，必ずホストとなるマシンと OS が存在しなければならない． したがって，それほどパワーは必要ないまでも，ある程度の CPU リソースを割かなければならない． また，従来的なファイルシステムでは，データ領域のサイズは最初にディスクを初期化するときに決めなければならず，後から容量を増加させることはしばしば困難である (ZFS などのファイルシステムを使えばある程度は自由にファイルシステムのサイズを変更することは可能である)． よって，従来的なクラウドでは，ストレージを借りる際にはあらかじめディスクのサイズを指定せねばならず，ディスクの中身が空であろうと満杯であろうと，同じ利用料金が発生することになる (figure_title)．
Simple Storage Service (S3) は，サーバーレスなストレージシステムを提供する (figure_title)． S3 は従来的なストレージシステムと異なり， OS に"マウントする”という概念はない． 基本的に API を通じてデータの読み書きの操作が行われる． また，データの冗長化や暗号化，バックアップの作成など，通常ならば OS と CPU が介在しなければならない操作も， API を通じて行うことができる． S3 では事前に決められたディスク領域のサイズはなく，データを入れれば入れた分だけ，保存領域は拡大していく (仕様上はペタバイトスケールのデータを保存することが可能である)． ストレージにかかる料金は，保存してあるデータの総容量で決定される．
S3 と従来的なファイルシステムの比較
S3 を利用する際に，料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 説明のため主要な事項のみ取り出している． 詳細は 公式ドキュメンテーション "Amazon S3 pricing" を参照)．
S3 の利用料金
項目料金
Data storage (First 50TB)
$0.023 per GB per month
PUT, COPY, POST, LIST requests (per 1,000 requests)
$0.005
GET, SELECT, and all other requests (per 1,000 requests)
$0.0004
Data Transfer IN To Amazon S3 From Internet
$0
Data Transfer OUT From Amazon S3 To Internet
$0.09 per GB
第一に，データの保存には $0.025 per GB のコストが月ごとに発生する． したがって，1000GB のデータを S3 に一ヵ月保存した場合， $25 の料金が発生することになる． また，PUT, COPY, POST などのリクエスト (=データを書き込む操作) に対しては，データ容量に関係なく，1000 回ごとに $0.005 のコストが発生する． GET, SELECT などのリクエスト (=データを読み込む操作) に対しては，1000 回ごとに $0.0004 のコストが発生する． また， S3 はデータを外に取り出す際の通信にもコストが生じる． 執筆時点では，S3 からインターネットを通じて外部にデータを転送 (data-out) すると $0.09 per GB のコストが発生する． データをインターネットを通じて S3 に入れる (data-in) 通信は無料で行える． また， AWS の 同じ Region 内のサービス (Lambda や EC2 など) にデータを転送するのは無料である． AWS のリージョンをまたいだデータの転送にはコストが発生する． いずれにせよ，サーバーレスの概念に則り，すべての料金が従量課金制で決定される設定になっている．
サーバーレスデータベース: DynamoDB ​
サーバーレスの概念は，データベースにも適用することができる．
ここでいうデータベースとは， Web サービスなどにおけるユーザーや商品の情報を記録しておくための保存領域のことを指している． 従来的に有名なデータベースとしては MySQL, PostgreSQL, MongoDB などが挙げられる． データベースと普通のストレージの違いは，データの検索機能にある． 普通のストレージではデータは単純にディスクに書き込まれるだけだが， データベースでは検索がより効率的になるようなデータの配置がされたり， 頻繁にアクセスされるデータはメモリーにキャッシュされるなどの機能が備わっている． これにより，巨大なデータの中から，興味のある要素を高速に取得することができる．
このような検索機能を実現するには，当然 CPU の存在が必須である． したがって，従来的なデータベースを構築する際は，ストレージ領域に加えて，たくさんの CPU コアを搭載したマシンが用いられることが多い． また，データベースが巨大な場合は複数マシンにまたがった分散型のシステムが設計される． 分散型システムの場合は， Serverful クラウド (従来型) で議論したようにデータベースへのアクセス負荷に応じて適切なスケーリングがなされる必要がある．
DynamoDB は， AWS が提供しているサーバーレスな分散型データベースである． サーバーレスであるので，占有されたデータベース用仮想インスタンスは存在せず， API を通じてデータの書き込み・読み出し・検索などの操作を行う． S3 と同様に，データ保存領域の上限は定められておらず，データを入れれば入れた分だけ，保存領域は拡大していく． また，データベースへの負荷が増減したときのスケーリングは， DynamoDB が自動で行うので，ユーザーは心配する必要はない．
DynamoDB での利用料金の計算はやや複雑なのだが， "On-demand Capacity" というモードで使用した場合の料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 詳細は 公式ドキュメンテーション "Pricing for On-Demand Capacity" を参照)．
DynamoDB の利用料金
項目料金
Write request units
$1.25 per million write request units
Read request units
$0.25 per million read request units
Data storage
$0.25 per GB-month
DynamoDB ではデータの書き込み操作の単位を write request unit とよび，データの読み込み操作の単位を read request unit とよぶ． 基本的に， 1kB 以下のデータを一度書き込むと 1 write request unit を消費し，4kB 以下のデータを一度読み込むと 1 read request unit を消費する (詳しくは 公式ドキュメンテーション "Read/Write Capacity Mode" を参照のこと)． write request units は 100 万回ごとに $1.25, read request units は 100 万回ごとに $0.25 のコストが設定されている． また，保存されたデータ容量に対して $0.25 per GB のコストが月ごとに発生する． DynamoDB は高速な検索機能などを備えたデータベースであるので， GB あたりのストレージコストは S3 に比べ 10 倍程度高い． DynamoDB のデータの転送に関わるコストは，同じリージョン内ならば data-in，data-out ともに $0 である． リージョンをまたいだ通信には別途コストが発生する．
その他のサーバーレスクラウドの構成要素 ​
以上で紹介した Lambda, S3, DynamoDB がサーバーレスクラウドの中で最も使用する頻度が高いサービスになる． その他のサーバーレスクラウドの構成要素を以下に列挙する． いくつかについては，今後のハンズオンを行う中で改めて解説を行う．
サーバーレスアーキテクチャは万能か？
この問いへの答えは，筆者は NO であると考える．
ここまで，サーバーレスの利点を強調して説明をしてきたが，まだまだ新しい技術なだけに，欠点，あるいはサーバーフルなシステムに劣る点は数多くある．
大きな欠点を一つあげるとすれば，サーバーレスのシステムは各クラウドプラットフォームに固有なものなので，特定のプラットフォームでしか運用できないシステムになってしまう点であろう． AWS で作成したサーバーレスのシステムを， Google のクラウドに移植するには，かなり大掛かりなプログラムの書き換えが必要になる． 一方， serverful なシステムであれば，プラットフォーム間のマイグレーションは比較的簡単に行うことができる． クラウドプロバイダーとしては，自社のシステムへの依存度を強めることで，顧客を離さないようにするという狙いがあるのだろう…
その他，サーバーレスコンピューティングの欠点や今後の課題などは，次の論文で詳しく議論されている． 興味のある読者はぜひ読んでいただきたい．
Hands-on #5: サーバーレス入門 ​
前章ではサーバーレスアーキテクチャの概要の説明を行った． 本章では，ハンズオン形式でサーバーレスクラウドを実際に動かしながら，具体的な使用方法を学んでいこう． 今回のハンズオンでは Lambda, S3, DynamoDB の三つのサーバーレスクラウドの構成要素に触れていく． それぞれについて，短いチュートリアルを用意してある．
Lambda ハンズオン ​
まずは， Lambda を実際に動かしてみよう． ハンズオンのソースコードは GitHub の handson/serverless/lambda に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して Python で書かれたコードを Lambda に登録する． 続いて STEP 2 では， Invoke API を使用して，同時にいくつもの Lambda を起動し，並列な計算を行う． Lambda のワークフローを体験する目的で最小限の設定である．
Lambda チュートリアルの概要
このハンズオンは，基本的に AWS Lambda の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
py
#
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
+
+class SimpleLambda(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
#
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
+
+class SimpleLambda(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
  • ここで， Lambda で実行されるべき関数を定義している． これは非常に単純な関数で，2-5 秒のランダムな時間スリープした後，["salmon", "tuna", "squid"] のいずれかの文字列をランダムに選択し， "Welcome to Cloud Sushi. Your order is XXXX" (XXXX は選ばれた寿司のネタ) というメッセージをリターンする．
  • 次に， Lambda に <1> で書いた関数を配置している． パラメータの意味は，文字どおりの意味なので難しくはないが，以下に解説する．
    • runtime=_lambda.Runtime.PYTHON_3_7: ここでは， Python3.7 を使って上記で定義された関数を実行せよ，と指定している． Python3.7 のほかに， Node.js, Java, Ruby, Go などの言語を指定することが可能である．
    • code=_lambda.Code.from_inline(FUNC): 実行されるべき関数が書かれたコードを指定する． ここでは， FUNC=... で定義した文字列を渡しているが，文字列以外にもファイルのパスを渡すことも可能である．
    • handler="index.handler": これは，コードの中にいくつかのサブ関数が含まれているときに，メインとサブを区別するためのパラメータである． handler という名前の関数をメイン関数として実行せよ，という意味である．
    • memory_size=128: メモリーは 128MB を最大で使用することを指定している．
    • timeout=core.Duration.seconds(10) タイムアウト時間を 10 秒に設定している． 10 秒以内に関数の実行が終了しなかった場合，エラーが返される．
    • dead_letter_queue_enabled=True: アドバンストな設定なので説明は省略する．
上記のプログラムを実行することで， Lambda 関数がクラウド上に作成される． 早速デプロイしてみよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleLambda.FunctionName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから，Lambda のページに行くと figure_title のような画面から Lambda の関数の一覧が確認できる．
Lambda コンソール - 関数の一覧
今回のアプリケーションで作成したのが SimpleLambda で始まるランダムな名前のついた関数だ． 関数の名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． 先ほどプログラムの中で定義した Python の関数がエディターから確認できる． さらに下の方にスクロールすると，関数の各種設定も確認できる．
Lambda コンソール - 関数の詳細
Lambda で実行されるコードは， Lambda のコンソール画面 (figure_title) のエディターで編集することもできる． デバッグをするときなどは，こちらを直接いじる方が早い場合もある． その場合は， CDK のコードに行った編集を反映させなおすことを忘れずに．
Lambda 関数の実行 ​
それでは，作成した Lambda 関数を実行 (invoke) してみよう． AWS の API を使うことで，関数の実行をスタートすることができる． 今回は， handson/serverless/lambda/invoke_one.py に関数を実行するための簡単なプログラムを提供している． 興味のある読者はコードを読んでもらいたい．
以下のコマンドで，Lambda の関数を実行する． コマンドの XXXX の部分は，先ほどデプロイしたときに SimpleLambda.FunctionName = XXXX で得られた XXXX の文字列で置換する．
sh
$ python invoke_one.py XXXX
$ python invoke_one.py XXXX
すると， "Welcome to Cloud Sushi. Your order is salmon" という出力が得られるはずだ． とてもシンプルではあるが，クラウド上で先ほどの関数が走り，乱数が生成されたうえで，ランダムな寿司ネタが選択されて出力が返されている． このコマンドを何度か打ってみて，実行ごとに異なる寿司ネタが返されることを確認しよう．
さて，このコマンドは，一度につき一回の関数を実行したわけであるが， Lambda の本領は一度に大量のタスクを同時に実行できる点である． そこで，今度は一度に 100 個のタスクを同時に送信してみよう． handson/serverless/lambda/invoke_many.py のスクリプトを使用する．
次のコマンドを実行しよう． XXXX の部分は前述と同様に置き換える． 第二引数の 100 は 100 個のタスクを投入せよ，という意味である．
sh
$ python invoke_many.py XXXX 100
$ python invoke_many.py XXXX 100
すると次のような出力が得られるはずだ．
sh
....................................................................................................
+Submitted 100 tasks to Lambda!
....................................................................................................
+Submitted 100 tasks to Lambda!
実際に，100 個のタスクが同時に実行されていることを確認しよう． figure_title の画面に戻り， "Monitoring" というタブがあるので，それをクリックする． すると， figure_title のようなグラフが表示されるだろう．
Lambda コンソール - 関数の実行のモニタリング
figure_title のグラフの更新には数分かかることがあるので，なにも表示されない場合は少し待つ．
figure_title で "Invocations" が関数が何度実行されたかを意味している． たしかに 100 回実行されていることがわかる． さらに， "Concurrent executions" は何個のタスクが同時に行われたかを示している． ここでは 96 となっていることから，96 個のタスクが並列的に実行されたことを意味している (これが 100 とならないのは，タスクの開始のコマンドが送られたのが完全には同タイミングではないことに起因する)．
このように，非常にシンプルではあるが， Lambda を使うことで，同時並列的に処理を実行することのできるクラウドシステムを簡単に作ることができた．
もしこのようなことを従来的な serverful なクラウドで行おうとした場合，クラスターのスケーリングなど多くのコードを書くことに加えて，いろいろなパラメータを調節する必要がある．
興味がある人は，一気に 1000 個などのジョブを投入してみるとよい． Lambda はそのような大量のリクエストにも対応できることが確認できるだろう． が，あまりやりすぎると Lambda の無料利用枠を超えて料金が発生してしまうので注意．
スタックの削除 ​
最後にスタックを削除しよう． スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
DynamoDB ハンズオン ​
続いて， DynamoDB の簡単なチュートリアルをやってみよう． ハンズオンのソースコードは GitHub の /handson/serverless/dynamodb に置いてある．
このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して DynamoDB のテーブルを初期化し，デプロイする． 続いて STEP 2 では， API を使用してデータベースのデータの書き込み・読み出し・削除などの操作を練習する．
DynamoDB チュートリアルの概要
このハンズオンは，基本的に AWS DynamoDB の無料枠 の範囲内で実行できる．
handson/serverless/dynamodb/app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
このコードで，最低限の設定がなされた空の DynamoDB テーブルが作成される． それぞれのパラメータの意味を簡単に解説しよう．
  • partition_key: すべての DynamoDB テーブルには Partition key が定義されていなければならない． Partition key とは，テーブル内の要素 (レコード) ごとに存在する固有の ID のことである． 同一の Partition key をもった要素がテーブルの中に二つ以上存在することはできない (注: Sort Key を使用している場合は除く．詳しくは 公式ドキュメンテーション "Core Components of Amazon DynamoDB" 参照)． また， Partition key が定義されていない要素はテーブルの中に存在することはできない． ここでは， Partition key に item_id という名前をつけている．
  • billing_mode: ddb.BillingMode.PAY_PER_REQUEST を指定することで， On-demand Capacity Mode の DynamoDB が作成される． ほかに PROVISIONED というモードがあるが，これはかなり高度なケースを除いて使用しないだろう．
  • removal_policy: CloudFormation のスタックが消去されたときに， DynamoDB も一緒に消去されるかどうかを指定する． このコードでは DESTROY を選んでいるので，すべて消去される． ほかのオプションを選択すると，スタックを消去しても DynamoDB のバックアップを残す，などの動作を定義することができる．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleDynamoDb.TableName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから， DynamoDB のページに行き，左のメニューバーから "Tables" を選択する． すると， figure_title のような画面からテーブルの一覧が確認できる．
DynamoDB のコンソール (テーブルの一覧)
今回のアプリケーションで作成したのが SimpleDynamoDb で始まるランダムな名前のついたテーブルだ． テーブルの名前をクリックして，詳細を見てみる． すると figure_title のような画面が表示されるはずだ． "Items" のタブをクリックすると，テーブルの中のレコードを確認できる． 現時点ではなにもデータを書き込んでいないので，空である．
DynamoDB のコンソール (テーブルの詳細画面)
データの読み書き ​
それでは， デプロイ で作ったテーブルを使ってデータの読み書きを実践してみよう． ここでは Python と boto3 ライブラリを用いた方法を紹介する．
まずは，テーブルに新しい要素を追加してみよう． ハンズオンのディレクトリにある simple_write.py を開いてみよう． 中には次のような関数が書かれている．
python
import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
+
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
+
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
コードを上から読んでいくと，まず最初に boto3 ライブラリをインポートし， dynamodb のリソースを呼び出している． write_item() 関数は， DynamoDB のテーブルの名前 (上で見た SimpleDynamoDb-XXXX) を引数として受け取る． そして， put_item() メソッドを呼ぶことで，新しいアイテムを DB に書き込んでいる． アイテムには item_id, first_name, last_name, age の 4 つの属性が定義されている． ここで， item_id は先ほど説明した Partition key に相当しており， UUID4 を用いたランダムな文字列を割り当てている．
では， simple_write.py を実行してみよう． "XXXX" の部分を自分がデプロイしたテーブルの名前 (SimpleDynamoDb で始まる文字列) に置き換えたうえで，次のコマンドを実行する．
sh
$ python simple_write.py XXXX
$ python simple_write.py XXXX
新しい要素が正しく書き込めたか， AWS コンソールから確認してみよう． figure_title と同じ手順で，テーブルの中身の要素の一覧を表示する． すると figure_title のように，期待通り新しい要素が見つかるだろう．
DynamoDB に新しい要素が追加されたことを確認
boto3 を使ってテーブルから要素を読みだすことも可能である． ハンズオンのディレクトリにある simple_read.py を見てみよう．
python
import boto3
+ddb = boto3.resource('dynamodb')
+
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
import boto3
+ddb = boto3.resource('dynamodb')
+
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
table.scan().get("Items") によって，テーブルの中にあるすべての要素を読みだしている．
次のコマンドで，このスクリプトを実行してみよう ("XXXX" の部分を正しく置き換えることを忘れずに）．
sh
$ python simple_read.py XXXX
$ python simple_read.py XXXX
先ほど書き込んだ要素が出力されることを確認しよう．
大量のデータの読み書き ​
DynamoDB の利点は，最初に述べたとおり，負荷に応じて自在にその処理能力を拡大できる点である．
そこで，ここでは一度に大量のデータを書き込む場合をシミュレートしてみよう． batch_rw.py に，一度に大量の書き込みを実行するためのプログラムが書いてある．
次のコマンドを実行してみよう (XXXX は自分のテーブルの名前に置き換える)．
sh
$ python batch_rw.py XXXX write 1000
$ python batch_rw.py XXXX write 1000
このコマンドを実行することで，ランダムなデータが 1000 個データベースに書き込まれる．
さらに，データベースの検索をかけてみよう． 今回書き込んだデータには age という属性に 1 から 50 のランダムな整数が割り当てられている． age が 2 以下であるような要素だけを検索し拾ってくるには，次のコマンドを実行すればよい．
sh
$ python batch_rw.py XXXX search_under_age 2
$ python batch_rw.py XXXX search_under_age 2
上の 2 つのコマンドを何回か繰り返し実行してみて，データベースに負荷をかけてみよう． とくに大きな遅延なく結果が返ってくることが確認できるだろう．
スタックの削除 ​
DynamoDB で十分に遊ぶことができたら，忘れずにスタックを削除しよう．
これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
S3 ハンズオン ​
最後に， S3 の簡単なチュートリアルを紹介する． ハンズオンのソースコードは GitHub の handson/serverless/s3 に置いてある．
figure_title が今回提供する S3 チュートリアルの概要である． STEP 1 として， AWS CDK を用いて S3 に新しい空のバケット (Bucket) を作成する． 続いて STEP 2 では，データのアップロード・ダウンロードの方法を解説する．
S3 チュートリアルの概要
このハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
python
class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
s3.Bucket() を呼ぶことによって空のバケットが新規に作成される． 上記のコードだと，バケットの名前は自動生成される． もし，自分の指定した名前を与えたい場合は， bucket_name というパラメータを指定すればよい． その際， バケットの名前はユニークでなければならない (i.e. AWS のデプロイが行われるリージョン内で名前の重複がない) 点に注意しよう． もし，同じ名前のバケットが既に存在する場合はエラーが返ってくる．
デフォルトでは， CloudFormation スタックが削除されたとき， S3 バケットとその中に保存されたファイルは削除されない． これは，大切なデータを誤って消してしまうことを防止するための安全策である． cdk destroy を実行したときにバケットも含めてすべて削除されるようにするには， removal_policy=core.RemovalPolicy.DESTROY, auto_delete_objects=True とパラメータを設定する． 結果もよく理解したうえで，自分の用途にあった適切なパラメータを設定しよう．
デプロイ ​
デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイを実行すると， figure_title のような出力が得られるはずである． ここで表示されている SimpleS3.BucketName = XXXX が，新しく作られたバケットの名前である (今回提供しているコードを使うとランダムな名前がバケットに割り当てられる）． これはあとで使うのでメモしておこう．
デプロイ実行後の出力
データの読み書き ​
スタックのデプロイが完了したら，早速バケットにデータをアップロードしてみよう．
まずは，以下のコマンドを実行して， tmp.txt という仮のファイルを生成する．
sh
$ echo "Hello world!" >> tmp.txt
$ echo "Hello world!" >> tmp.txt
ハンズオンのディレクトリにある simple_s3.py に boto3 ライブラリを使用した S3 のファイルのアップロード・ダウンロードのスクリプトが書いてある． simple_s3.py を使って，上で作成した tmp.txt を以下のコマンドによりバケットにアップロードする． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX upload tmp.txt
$ python simple_s3.py XXXX upload tmp.txt
simple_s3.py のアップロードを担当している部分を以下に抜粋する．
python
def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
+
+    if key is None:
+        key = os.path.basename(filename)
+
+    bucket.upload_file(filename, key)
def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
+
+    if key is None:
+        key = os.path.basename(filename)
+
+    bucket.upload_file(filename, key)
bucket = s3.Bucket(bucket_name) の行で Bucket() オブジェクトを呼び出している． そして， upload_file() メソッドを呼ぶことでファイルのアップロードを実行している．
S3 においてファイルの識別子として使われるのが Key である． これは，従来的なファイルシステムにおけるパス (Path) と相同な概念で，それぞれのファイルに固有な Key が割り当てられる必要がある． Key という呼び方は， S3 が Object storage と呼ばれるシステムに立脚していることに由来する． --key のオプションを追加して simple_s3.py を実行することで， Key を指定してアップロードを実行することができる．
sh
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
$ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
ここではアップロードされたファイルに a/b/tmp.txt という Key を割り当てている．
ここまでコマンドを実行し終えたところで，一度 AWS コンソールに行き S3 の中身を確認してみよう． S3 のコンソールに行くと，バケットの一覧が見つかるはずである． その中から， simples3-bucket から始まるランダムな名前のついたバケットを探し，クリックする． するとバケットの中に含まれるファイルの一覧が表示される (figure_title)．
S3 バケットの中のファイル一覧
ここで実行した 2 つのコマンドによって， tmp.txt というファイルと， a/b/tmp.txt というファイルが見つかることに注目しよう． 従来的なファイルシステムと似た体験を提供するため， S3 では Key が "/" (スラッシュ) によって区切られていた場合，ツリー状の階層構造によってファイルを管理することができる．
オブジェクトストレージには本来ディレクトリという概念はない． 上で紹介した "/" による階層づけはあくまでユーザー体験向上の目的のお化粧的な機能である．
次に，バケットからファイルのダウンロードを実行してみよう． simple_s3.py を使って，以下のコマンドを実行すればよい． XXXX のところは，自分自身のバケットの名前で置き換えること．
sh
$ python simple_s3.py XXXX download tmp.txt
$ python simple_s3.py XXXX download tmp.txt
simple_s3.py のダウンロードを担当している部分を以下に抜粋する．
python
def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
+
+    if filename is None:
+        filename = os.path.basename(key)
+
+    bucket.download_file(key, filename)
def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
+
+    if filename is None:
+        filename = os.path.basename(key)
+
+    bucket.download_file(key, filename)
S3 からのダウンロードはシンプルで， download_file() メソッドを使って，ダウンロードしたい対象の Key を指定すればよい． ローカルのコンピュータでの保存先のパスを 2 個目の引数として渡している．
スタックの削除 ​
以上のハンズオンで， S3 の一番基本的な使い方を紹介した． ここまでのハンズオンが理解できたら，忘れずにスタックを削除しよう． これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
sh
$ cdk destroy
$ cdk destroy
Hands-on #6: Bashoutter ​
さて，最後のハンズオンとなる第六回では，これまで学んできたサーバーレスクラウドの技術を使って，簡単なウェブサービスを作ってみよう． 具体的には，人々が自分の作った俳句を投稿する SNS サービス (Bashoutter と名付ける) を作成してみよう． Lambda, DynamoDB, S3 などの技術をすべて盛り込み，シンプルながらもサーバーレスの利点を生かしたスケーラブルな SNS アプリが誕生する． 最終的には， figure_title のような，ミニマルではあるがとても現代風な SNS サイトが完成する！
ハンズオン#6で作製する SNS アプリケーション "Bashoutter"
準備 ​
ハンズオンのソースコードは GitHub の handson/bashoutter に置いてある．
本ハンズオンの実行には，第一回ハンズオンで説明した準備 (準備) が整っていることを前提とする． それ以外に必要な準備はない．
このハンズオンは，基本的に AWS の無料枠 の範囲内で実行できる．
アプリケーションの説明 ​
API ​
今回のアプリケーションでは，人々からの俳句の投稿を受け付けたり，投稿された俳句の一覧を取得する，といった機能を実装したい． この機能を実現するための最小限の設計として， table_title に示すような四つの REST API を今回は実装する． 俳句を投稿する，閲覧する，削除するという基本的なデータ操作を行うための API が完備されている． また， PATCH /haiku/{item_id} は， {item_id} で指定された俳句に”いいね”をするために使用する．
Bashoutter API
GET /haiku
俳句の一覧を取得する
POST /haiku
新しい俳句を投稿する
PATCH /haiku/{item_id}
{item_id} で指定された俳句にお気に入り票を一つ入れる
DELETE /haiku/{item_id}
{item_id} で指定された俳句を削除する
それぞれの API のパラメータおよび返り値の詳細は，ハンズオンのソースコードの中の swagger.yml に定義してある．
Open API Specification (OAS; 少し前は Swagger Specification とよばれていた) は， REST API のための記述フォーマットである． OAS に従って API の仕様が記述されていると，簡単にドキュメンテーションを生成したり，クライアントアプリケーションを自動生成することができる． 今回用意した API 仕様 も， OAS に従って書いてある． 詳しくは Swagger の公式ドキュメンテーション などを参照．
アプリケーションアーキテクチャ ​
このハンズオンで作成するアプリケーションの概要を figure_title に示す．
ハンズオン#5で作製するアプリケーションのアーキテクチャ
簡単にまとめると，次のような設計である．
  • クライアントからの API リクエストは， API Gateway (後述)にまず送信され， API の URI で指定された Lambda 関数へ転送される．
  • それぞれの API のパス (リソース) ごとに独立した Lambda を用意する．
  • 俳句の情報 (作者，本文，投稿日時など) を記録するためのデータベース (DynamoDB) を用意する．
  • 各 Lambda 関数には， DynamoDB へのアクセス権を付与する．
  • 最後に，ウェブブラウザからコンテンツを表示できるよう， ウェブページの静的コンテンツを配信するための S3 バケットを用意する．クライアントはこの S3 バケットにアクセスすることで HTML/CSS/JS などのコンテンツを取得する．
それでは，プログラムのソースコードを見てみよう (handson/bashoutter/app.py)．
python
class Bashoutter(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
+
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
+
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
+
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
+
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
+
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
class Bashoutter(core.Stack):
+
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
+
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
+
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
+
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
+
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
+
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
+
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
+
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
  • ここで，俳句の情報を記録しておくための DynamoDB テーブルを定義している．
  • 静的コンテンツを配信するための S3 バケットを用意している．
  • それぞれの API で実行される Lambda 関数を定義している． 関数は Python3.7 で書かれており，コードは handson/bashoutter/api/api.py にある．
  • <3> で定義された Lambda 関数に対し，データベースへの読み書きのアクセス権限を付与している．
  • ここで，API Gateway により，各 API パスとそこで実行されるべき Lambda 関数を紐付けている．
それぞれの項目について，もう少し詳しく説明しよう．
Public access mode の S3 バケット ​
S3 のバケットを作成しているコードを見てみよう．
python
bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
ここで注目してほしいのは public_read_access=True の部分だ． 前章で， S3 について説明を行ったときには触れなかったが， S3 には Public access mode という機能がある． Public access mode をオンにしておくと，バケットの中のファイルは認証なしで (i.e. インターネット上の誰でも) 閲覧できるようになる． この設定は，一般公開されているウェブサイトの静的なコンテンツを置いておくのに最適であり，多くのサーバーレスによるウェブサービスでこのような設計が行われる． public access mode を設定しておくと， http://XXXX.s3-website-ap-northeast-1.amazonaws.com/ のような固有の URL がバケットに対して付与される． そして，クライアントがこの URL にアクセスをすると，バケットの中にある index.html がクライアントに返され，ページがロードされる (どのファイルが返されるかは， website_index_document="index.html" の部分で設定している．)
なお，この時点ではバケットは空である． HTML/CSS/JS など静的コンテンツの配置は，デプロイを行った後ほどのステップで行う．
より本格的なウェブページを運用する際には， public access mode の S3 バケットに， CloudFront という機能を追加することが一般的である． CloudFront により，　Content Delivery Nework (CDN) や暗号化された HTTPS 通信を設定することができる． CloudFront についての詳細は 公式ドキュメンテーション "What is Amazon CloudFront?" などを参照いただきたい．
今回のハンズオンでは説明の簡略化のため CloudFront の設定を行わなかったが，興味のある読者は次のリンクのプログラムが参考になるだろう．
今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API のハンドラ関数 ​
API リクエストが来たときに，リクエストされた処理を行う関数のことをハンドラ (handler) 関数とよぶ． GET /haiku の API に対してのハンドラ関数を Lambda で定義している部分を見てみよう．
python
get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
簡単なところから見ていくと， memory_size=512 の箇所でメモリーの使用量を 512MB に指定している． また， code=_lambda.Code.from_asset("api") によって外部のディレクトリ (api/) を参照せよと指定しており， handler="api.get_haiku" のところで api.py というファイルの get_haiku() という関数をハンドラ関数として実行せよ，と定義している．
次に，ハンドラ関数として使用されている get_haiku() のコードを見てみよう (handson/bashoutter/api/api.py)．
python
ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
+
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
+
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
+
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
+
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
response = table.scan() で，俳句の格納された DynamoDB テーブルから，すべての要素を取り出している． もしなにもエラーが起きなければステータスコード 200 が返され，もしなにかエラーが起こればステータスコード 500 が返されるようになっている．
上記のような操作を，ほかの API についても繰り返すことで，すべての API のハンドラ関数が定義されている．
GET /haiku のハンドラ関数で， response = table.scan() という部分があるが，実はこれは最善の書き方ではない． DynamoDB の scan() メソッドは，最大で 1MB までのデータしか返さない． データベースのサイズが大きく， 1MB 以上のデータがある場合には，再帰的に scan() メソッドをよぶ必要がある． 詳しくは boto3 ドキュメンテーション を参照．
AWS における権限の管理 (IAM) ​
以下の部分のコードに注目してほしい．
python
table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
これまでは説明の簡略化のためにあえて触れてこなかったが， AWS には IAM (Identity and Access Management) という重要な概念がある． IAM は基本的に，あるリソースがほかのリソースに対してどのような権限をもっているか，を規定するものである． Lambda は，デフォルトの状態ではほかのリソースにアクセスする権限をなにも有していない． したがって， Lambda 関数が DynamoDB のデータを読み書きするためには，それを許可するような IAM が Lambda 関数に付与されていなければならない．
CDK による dynamodb.Table オブジェクトには grant_read_write_data() という便利なメソッドが備わっており，アクセスを許可したい Lambda 関数を引数としてこのメソッドを呼ぶことで，データベースへの読み書きを許可する IAM を付与することができる． 同様に，CDK の s3.Bucket オブジェクトにも grant_read_write() というメソッドが備わっており，これによってバケットへの読み書きを許可することができる． このメソッドは，実は Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する で AWS Batch によるクラスターを構成した際に使用した． 興味のある読者は振り返ってコードを確認してみよう．
各リソースに付与する IAM は，必要最低限の権限を与えるにとどめるというのが基本方針である． これにより，セキュリティを向上させるだけでなく，意図していないプログラムからのデータベースへの読み書きを防止するという点で，バグを未然に防ぐことができる．
そのような理由により，このコードでは GET のハンドラー関数に対しては grant_read_data() によって， read 権限のみを付与している．
API Gateway ​
API Gateway とは， API の"入り口"として，API のリクエストパスに従って Lambda や EC2 などに接続を行うという機能を担う (figure_title)． Lambda や EC2 によって行われた処理の結果は，再び API Gateway を経由してクライアントに返される． このように，クライアントとバックエンドサーバーの間に立ち， API のリソースパスに応じて接続先を振り分けるようなサーバーをルーター，あるいはリバースプロキシとよんだりする． 従来的には，ルーターにはそれ専用の仮想サーバーが置かれることが一般的であった． しかし， API Gateway はサーバーレスなルーターとして，固定されたサーバーを配置することなく， API のリクエストが来たときのみ起動し，API のルーティングを実行する． サーバーレスであることの当然の帰結として，アクセスの件数が増大したときにはそれにルーティングの処理能力を自動で増やす機能も備わっている．
API Gateway
API Gateway を配置することで，大量 (1 秒間に数千から数万件) の API リクエストに対応することのできるシステムを容易に構築することができる． API Gateway の料金は table_title のように設定されている． また，無料利用枠により，月ごとに 100 万件までのリクエストは 0 円で利用できる．
API Gateway の利用料金設定 (参照)
Number of Requests (per month)Price (per million)
First 333 million
$4.25
Next 667 million
$3.53
Next 19 billion
$3.00
Over 20 billion
$1.91
ソースコードの該当箇所を見てみよう．
python
#
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
+
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
+
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
#
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
+
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
+
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
  • 最初に， api = apigw.RestApi() により，空の API Gateway を作成している．
  • 次に， api.root.add_resource() のメソッドを呼ぶことで， /haiku という API パスを追加している．
  • 続いて， add_method() を呼ぶことで， GET, POST のメソッドを /haiku のパスに定義している．
  • さらに， haiku.add_resource("{item_id}") により， /haiku/{item_id} という API パスを追加している．
  • 最後に， add_method() を呼ぶことにより， PATCH, DELETE のメソッドを /haiku/{item_id} のパスに定義している．
このように， API Gateway の使い方は非常にシンプルで，逐次的に API パスとそこで実行されるメソッド・Lambda を記述していくだけでよい．
このプログラムで 新規 API を作成すると， ランダムな URL がその API のエンドポイントとして割り当てられる． これを． api.example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
API Gateway で新規 API を作成したとき， default_cors_preflight_options= というパラメータで Cross Origin Resource Sharing (CORS) の設定を行っている． これは，ブラウザで走る Web アプリケーションと API を接続するときに必要な設定である．
アプリケーションのデプロイ ​
アプリケーションの中身が理解できたところで，早速デプロイを行ってみよう． デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
sh
# プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
# プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
+
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
+
+# デプロイを実行
+$ cdk deploy
デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている Bashoutter.BashoutterApiEndpoint = XXXX, Bashoutter.BucketUrl = YYYY の二つ文字列はあとで使うのでメモしておこう．
CDKデプロイ実行後の出力
AWS コンソールにログインして，デプロイされたスタックを確認してみよう． まずは，コンソールから API Gateway のページに行く． すると， figure_title のような画面が表示され，デプロイ済みの API エンドポイントの一覧が確認できる．
API Gateway コンソール画面 (1)
今回デプロイした "BashoutterApi" という名前の API をクリックすることで figure_title のような画面に遷移し，詳細情報を閲覧できる． GET /haiku, POST /haiku などが定義されていることが確認できる．
それぞれのメソッドをクリックすると，そのメソッドの詳細情報を確認できる． API Gateway は，前述したルーティングの機能だけでなく，認証機能などを追加することも可能である． このハンズオンではとくにこれらの機能は使用しないが， "Method Request" と書いてある項目などがそれに相当する． 次に， figure_title で画面右端の赤色で囲った部分に，この API で呼ばれる Lambda 関数が指定されていることに注目しよう． 関数名をクリックと，該当する Lambda のコンソールに遷移し，関数の中身を閲覧することが可能である．
API Gateway コンソール画面 (2)
次に， S3 のコンソール画面に移ってみよう． bashouter- で始まるランダムな名前のバケットが見つかるはずである (figure_title)．
S3 コンソール画面
バケットの名前をクリックすることで，バケットの中身を確認してみよう． index.html のほか， css/, js/ などのディレクトリがあるのが確認できるだろう (figure_title)． これらが，ウェブページの"枠"を定義している静的コンテンツである．
S3 バケットの中身
API リクエストを送信する ​
それでは，デプロイしたアプリケーションに対し，実際に API リクエストを送信してみよう． まずはコマンドラインから API を送信する演習を行おう． S3 に配置した GUI は一旦おいておく．
ここではコマンドラインから HTTP API リクエストを送信するためのシンプルな HTTP クライアントである HTTPie を使ってみよう． HTTPie は，スタックをデプロイするときに Python 仮想環境 (venv) を作成したとき，一緒にインストールされている． 念のためインストールがうまくいっているか確認するには，仮想環境を立ち上げたあとコマンドラインに http と打ってみる． ヘルプのメッセージが出力されたら準備 OK である．
まず，先ほどデプロイを実行したときに得られた API のエンドポイントの URL (Bashoutter.BashoutterApiEndpoint = XXXX で得られた XXXX の文字列) をコマンドラインの変数に設定しておく．
sh
$ export ENDPOINT_URL=XXXX
$ export ENDPOINT_URL=XXXX
次に，俳句の一覧を取得するため， GET /haiku の API を送信してみよう．
sh
$ http GET "${ENDPOINT_URL}/haiku"
$ http GET "${ENDPOINT_URL}/haiku"
現時点では，まだだれも俳句を投稿していないので，空の配列 ([]) が返ってくる．
それでは次に， POST /haiku を使って俳句を投稿してみよう．
sh
$ http POST "${ENDPOINT_URL}/haiku" \
+username="松尾芭蕉" \
+first="閑さや" \
+second="岩にしみ入る" \
+third="蝉の声"
$ http POST "${ENDPOINT_URL}/haiku" \
+username="松尾芭蕉" \
+first="閑さや" \
+second="岩にしみ入る" \
+third="蝉の声"
次のような出力が得られるだろう．
sh
HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
新しい俳句を投稿することに成功したようである． 本当に俳句が追加されたか，再び GET リクエストを呼ぶことで確認してみよう．
sh
$ http GET "${ENDPOINT_URL}/haiku"
+
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
$ http GET "${ENDPOINT_URL}/haiku"
+
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
素晴らしい！
次に， PATCH /haiku/{item_id} を呼ぶことでこの俳句にいいねを追加してみよう． 一つ前のコマンドで取得した俳句の item_id を，次のコマンドの XXXX に代入した上で実行しよう．
sh
$ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
$ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
{"description": "OK"} という出力が得られるはずである． 再び GET リクエストを送ることで，いいね (likes) が 1 増えたことを確認しよう．
sh
$ http GET "${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
$ http GET "${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
最後に， DELETE リクエストを送ることで俳句をデータベースから削除しよう． XXXX は item_id の値で置き換えたうえで次のコマンドを実行する．
sh
$ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
$ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
再び GET リクエストを送ることで，返り値が空 ([]) になっていることを確認しよう．
これで，俳句の投稿・取得・削除そしていいねの追加，といった基本的な API がきちんと動作していることが確認できた．
大量の API リクエストをシミュレートする ​
さて，前節ではマニュアルで一つずつ俳句を投稿した． 多数のユーザーがいるような SNS では，1 秒間に数千件以上の投稿がされている． 今回はサーバーレスアーキテクチャを採用したことで，そのような瞬間的な大量アクセスにも容易に対応できるようなシステムが自動的に構築されている． このポイントを実証するため，ここでは大量の API が送信された状況をシミュレートしてみよう．
handson/bashoutter/client.py に，大量の API リクエストをシミュレートするためのプログラムが書かれている． このプログラムを使用すると， POST /haiku の API リクエストを指定された回数だけ実行することができる．
テストとして， API を 300 回実行してみよう． 次のコマンドを実行する．
sh
$ python client.py $ENDPOINT_URL post_many 300
$ python client.py $ENDPOINT_URL post_many 300
数秒のうちに実行が完了するだろう． これがもし，単一のサーバーからなる API だったとしたら，このような大量のリクエストの処理にはもっと時間がかかっただろう． 最悪の場合には，サーバーダウンにもつながっていたかもしれない． したがって，今回作成したサーバーレスアプリケーションは，とてもシンプルながらも 1 秒間に数百件の処理を行えるような，スケーラブルなクラウドシステムであることがわかる． サーバーレスでクラウドを設計することの利点を垣間見ることができただろうか？
先述のコマンドにより大量の俳句を投稿するとデータベースに無駄なデータがどんどん溜まってしまう． データベースを完全に空にするには，次のコマンドを使用する．
sh
$ python client.py $ENDPOINT_URL clear_database
$ python client.py $ENDPOINT_URL clear_database
Bashoutter GUI を動かしてみる ​
前節ではコマンドラインから API を送信する演習を行った． ウェブアプリケーションでは，これと同じことがウェブブラウザの背後で行われ，ページのコンテンツが表示されている (figure_title 参照)． 最後に， API が GUI と統合されるとどうなるのか，見てみよう．
CDK のコードで， Public access mode の S3 バケットを作成したことを思い出してほしい． 最初のステップとして，ここにウェブサイトのコンテンツをアップロードしよう． ハンズオンのソースコードの中に gui/dist というフォルダが見つかるはずである． ここにはビルド済みのウェブサイトの静的コンテンツ (HTML/CSS/JavaScript) が入っている． AWS CLI のコマンドを使うことでこれらのファイルを S3 にアップロードしよう．
sh
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
$ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
コマンドを実行する際は， Bashoutter ハンズオンのディレクトリから行うこと (./gui/dist に注目)，そして <BUCKET_NAME> にはデプロイした自身のバケットの名前が入る点に注意． 念のため，AWS コンソールにログインし，バケットにファイルがアップロードされている点を確認しておこう．
なお，今回は GUI の説明はとくに行わないが， Bashoutter のウェブサイトは Vue.js と Vuetify という UI フレームワークを使って作成した． Vue を使うことで， Single page application (SPA) の技術でウェブサイトの画面がレンダリングされる． ソースコードは handson/bashoutter/gui のディレクトリの中にあるので，興味のある読者は確認してみるとよい．
アップトードが完了したところで，続いてデプロイを実行したときにコマンドラインの出力を見直してみよう． Bashoutter.BucketUrl= で与えられた URL が見つかるはずである (figure_title)． これは，先述したとおり， Public access mode の S3 バケットの URL である．
ウェブブラウザを開き，アドレスバーに S3 の URL を入力しへアクセスしてみよう． すると， figure_title のようなページが表示されるはずである．
"Bashoutter" の GUI 画面
ページが表示されたら，一番上の "API Endpoint URL" と書いてあるテキストボックスに，今回デプロイした API Gateway の URL を入力する (今回のアプリケーションでは，API Gateway の URL はランダムに割り当てられるのでこのような GUI の仕様になっている)． そうしたら，画面の "REFRESH" と書いてあるボタンを押してみよう． データベースに俳句が登録済みであれば，俳句の一覧が表示されるはずである． 各俳句の左下にあるハートのアイコンをクリックすることで， "like" の票を入れることができる．
新しい俳句を投稿するには，五七五と投稿者の名前を入力して， "POST" を押す． "POST" を押した後は，再び "REFRESH" ボタンを押すことで最新の俳句のリストをデータベースから取得する．
アプリケーションの削除 ​
これで， Bashoutter プロジェクトが完成した！ この SNS は，インターネットを通じて世界のどこからでもアクセスできる状態にある． また， 大量の API リクエストをシミュレートする で見たように，大量のユーザーの同時アクセスによる負荷がかかっても，柔軟にスケールが行われ遅延なく処理を行うことができる． 極めて簡素ながらも，立派なウェブサービスとしてのスペックは満たしているのである！
Bashoutter アプリを存分に楽しむことができたら，最後に忘れずにスタックを削除しよう．
コマンドラインからスタックの削除を実行するには，次のコマンドを使う．
sh
$ cdk destroy
$ cdk destroy
CDK のバージョンによっては S3 のバケットが空でないと， cdk destroy がエラーを出力する場合がある． この場合はスタックを削除する前に， S3 バケットの中身をすべて削除しなければならない．
コンソールから実行するには， S3 コンソールに行き，バケットの中身を開いたうえで，すべてのファイルを選択し， "Actions" → "Delete" を実行すればよいい．
コマンドラインから実行するには， 次のコマンドを使う． <BUCKET NAME> のところは，自分の バケットの名前 ("BashoutterBucketXXXX" というパターンの名前がついているはずである) に置き換えることを忘れずに．
sh
$ aws s3 rm <BUCKET NAME> --recursive
$ aws s3 rm <BUCKET NAME> --recursive
小括 ​
ここまでが，本書第三部の内容であった．
第三部では，クラウドの応用として，一般の人に使ってもらうようなウェブアプリケーション・データベースをどのようにして作るのか，という点に焦点を当てて，説明を行った． その中で，従来的なクラウドシステムの設計と，ここ数年の最新の設計方法であるサーバーレスアーキテクチャについて解説した． Hands-on #5: サーバーレス入門 では， AWS でのサーバーレスの実践として， Lambda, S3, DynamoDB のハンズオンを行った． 最後に， Hands-on #6: Bashoutter では，これらの技術を統合することで，完全サーバーレスなウェブアプリケーション "Bashoutter" を作成した．
これらの演習を通じて，世の中のウェブサービスがどのようにしてでき上がっているのか，少し理解が深まっただろうか？ また，そのようなウェブアプリケーションを自分が作りたいと思ったとき，今回のハンズオンがその出発点となることができたならば幸いである．
まとめ ​
Appendix: 環境構築 ​
本書を読み進めるにあたって，ハンズオンのプログラムを実行するための環境を自分のローカルマシンにセットアップしなければならない． ここでは， AWS やコマンドラインの初心者を想定して，本章で必要なソフトウェアやライブラリのインストールなどを簡単に解説する． 以下に簡単な目次を示そう． 既に環境構築が済んでいる場合は適宜読み飛ばしていただき，関係のある箇所のみ目を通せば良い．
使用する OS は Linux/Mac/Windows のどれを用いても構わない． Windows のユーザーは， Windows Subsytem for Linux (WSL) を使用することを想定している (WSL のインストール)．
また，本書のハンズオンを実行するための Docker イメージ を提供している． これを用いると， AWS CLI/CDK や Python の設定などをスキップできるので， Docker の使用方法を知っている読者には便利だろう．
AWS アカウントの取得 ​
本書で提供するハンズオンを実際に自分で試すには，読者自身で AWS のアカウントの作成をする必要がある． 詳しいアカウントの作成の手順は 公式のドキュメンテーション に書かれているので，そちらも参照していただきたい． 以下の手順に従ってアカウントの作成を行う．
まず，ウェブブラウザから AWS コンソール にアクセスし，右上の Create an AWS Account をクリックする (figure_title で実線で囲った部分)．
サインアップ (1): AWS コンソールにアクセス
次に，遷移した先のページでメールアドレスとパスワードなどの登録を行う (figure_title)．
サインアップ (2): メールアドレス・パスワードなどの登録．
続いて，住所や電話番号などを訊かれるので，すべて入力しよう (figure_title)．
サインアップ (3): 住所・電話番号の入力
次に，クレジットカードの情報の登録を求められる (figure_title)． 個人で AWS を利用する場合は，利用料金の請求はクレジットカードを経由して行われる． クレジットカードの登録なしには AWS を使い始めることはできないことに注意．
サインアップ (4): クレジットカードの登録
次の画面では，携帯電話の SMS またはボイスメッセージを利用した本人確認が求められる (figure_title)． 希望の認証方法を選択し，自分の携帯電話番号を入力しよう．
サインアップ (5): 携帯電話による本人確認
無事に本人確認が完了すると，最後にサポートプランの選択を求められる (figure_title)． 無料の Basic support を選択しておけば問題ない．
サインアップ (6): サポートプランの選択
以上のステップにより，アカウントの作成が完了する (figure_title)． 早速ログインをして， AWS コンソールにアクセスできるか確認しておこう．
サインアップ (7): アカウントの作成が完了した
AWS のシークレットキーの作成 ​
AWS シークレットキーとは， AWS CLI や AWS CDK から AWS の API を操作するときに，ユーザー認証を行うための鍵のことである． AWS CLI/CDK を使うには，最初にシークレットキーを発行する必要がある． AWS シークレットキーの詳細は 公式ドキュメンテーション "Understanding and getting your AWS credentials" を参照．
  1. AWS コンソールにログインする．
  2. 画面右上のアカウント名をクリックし，表示されるプルダウンメニューから "My Security Credentials" を選択 (figure_title)
  3. "Access keys for CLI, SDK, & API access" の下にある "Create accesss key" のボタンをクリックする (figure_title)
  4. 表示された Access key ID, Secret access key を記録しておく (画面を閉じると二度と表示されない)．
  5. 鍵を忘れてしまった場合などは，同じ手順で再発行が可能である．
  6. 発行したシークレットキーは， ~/.aws/credentials のファイルに書き込むか，環境変数に設定するなどして使う (詳しくは AWS CLI のインストール)．
AWS シークレットキーの発行1
AWS シークレットキーの発行2
AWS Educate Starter Account を用いている場合は，次の手順でシークレットキーを確認する．
  • AWS Educate のコンソール画面から， vocareum のコンソールに移動する (figure_title)．
  • Account Details をクリックし，続いて AWS CLI: Show をクリックする．
  • aws_access_key_id, aws_secret_access_key, aws_session_token が表示される (figure_title)． ここで表示された内容を ~/.aws/credentials にコピーする (AWS CLI のインストール 参照)． aws_session_token の箇所も漏らさずコピーすること．
  • 続いて， ~/.aws/config というファイルを用意し，次の内容を書き込む． 現時点では AWS Starter Account は us-east-1 リージョンでしか利用できないためである．
    [default] region = us-east-1 output = json
  • 上記の説明ではプロファイル名が default となっていたが，これは自分の好きな名前に変更してもよい． default 以外の名前を使用する場合は，コマンドを実行するときにプロファイル名を指定する必要がある (詳しくは AWS CLI のインストール)．
vocareum コンソール
vocareum から AWS シークレットキーの発行
AWS CLI のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
sh
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
$ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
インストールできたか確認するため，次のコマンドを打ってバージョン情報が出力されることを確認する．
sh
$ aws --version
$ aws --version
インストールができたら，次のコマンドにより初期設定を行う (参照)．
sh
$ aws configure
$ aws configure
コマンドを実行すると， AWS Access Key ID, AWS Secret Access Key を入力するよう指示される． シークレットキーの発行については AWS のシークレットキーの作成 を参照． コマンドは加えて，Default region name を訊いてくる． ここには自分の好きな地域 (例えば ap-northeast-1 =東京リージョン) を指定すればよい． 最後の Default output format は json としておくとよい．
このコマンドを完了すると， ~/.aws/credentials と ~/.aws/config　という名前のファイルが生成されているはずである． 念のため， cat コマンドを使って中身を確認してみるとよい．
sh
$ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
$ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
~/.aws/credentials には認証鍵の情報が， ~/.aws/config には AWS CLI の設定が記録されている．
デフォルトでは， [default] という名前でプロファイルが保存される． いくつかのプロファイルを使い分けたければ， default の例に従って，たとえば [myprofile] などという名前でプロファイルを追加すればよい．
AWS CLI でコマンドを打つときに，プロファイルを使い分けるには，
sh
$ aws s3 ls --profile myprofile
$ aws s3 ls --profile myprofile
のように， --profile というオプションをつけてコマンドを実行する．
いちいち --profile オプションをつけるのが面倒だと感じる場合は， AWS_PROFILE という環境変数を設定するとよい．
sh
$ export AWS_PROFILE=myprofile
$ export AWS_PROFILE=myprofile
あるいは，認証情報などを環境変数に設定するテクニックもある．
sh
export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
これらの環境変数は， ~/.aws/credentials よりも高い優先度をもつので，環境変数が設定されていればそちらの情報が使用される (参照)．
AWS Educate Starter Account は us-east-1 のリージョンのみ利用可能である (執筆時点での情報)． よって， AWS Educate Starter Account を使用している場合は， default region を us-east-1 に設定する必要がある．
AWS CDK のインストール ​
読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
Node.js がインストールされていれば，基本的に次のコマンドを実行すればよい．
sh
$ sudo npm install -g aws-cdk
$ sudo npm install -g aws-cdk
本書のハンズオンは AWS CDK version 1.100.0 で開発した． CDK は開発途上のライブラリなので，将来的に API が変更される可能性がある． API の変更によりエラーが生じた場合は， version 1.100.0 を使用することを推奨する．
sh
$ npm install -g aws-cdk@1.100
$ npm install -g aws-cdk@1.100
インストールできたか確認するため，次のコマンドを打って正しくバージョンが表示されることを確認する．
sh
$ cdk --version
$ cdk --version
インストールができたら，次のコマンドにより AWS 側の初期設定を行う． これは一度実行すれば OK．
sh
$ cdk bootstrap
$ cdk bootstrap
cdk bootstrap を実行するときは，AWS の認証情報とリージョンが正しく設定されていることを確認する． デフォルトでは ~/.aws/config にあるデフォルトのプロファイルが使用される． デフォルト以外のプロファイルを用いるときは AWS CLI のインストール で紹介したテクニックを使って切り替える．
AWS CDK の認証情報の設定は AWS CLI と基本的に同じである．詳しくは AWS CLI のインストール を参照．
WSL のインストール ​
本書のハンズオンではコマンドラインから AWS CLI のコマンドを実行したり， Python で書かれたプログラムを実行する． コマンドは基本的に UNIX のターミナルを想定して書かれている． Linux や Mac のユーザーは OS に標準搭載されているターミナルを用いれば良い． Windows を利用している読者は， Windows Subsystem for Linux (WSL) を利用することで，仮想の Linux 環境を構築することを推奨する． Cygwin などの Linux 環境をエミュレートするほかのツールでも構わないが，本書のプログラムは WSL でのみ動作確認を行っている．
WSL とは， Windows の OS 上で Linux の仮想環境を起動するための， Microsoft 社が公式で提供しているソフトウェアである． Ubuntu など希望の Linux distribution が選択でき，基本的にすべての Linux 向けに作られたプログラム・ソフトウェアを使用することができる．
執筆時点では WSL 2 が最新版として提供されているので，以下では WSL 2 のインストール手順を簡単に説明する． 細かな詳細などは， 公式ドキュメンテーション を参照のこと．
前提として，使用される OS は Windows 10 (Pro または Home エディション) でなければならない． さらに，使用している Windows 10 のバージョンが WSL に対応するバージョンであるかを確認する． X64 のシステムでは Version 1903, Build 18362 以上でなければならない． バージョンが対応していない場合は、 Windows のアップデートを行う．
まず最初に， Administrator 権限で PowerShell を起動する (figure_title)． 左下の Windows メニューの検索バーに powershell と入力すると， PowerShell のプログラムが見つかるはずである， これを右クリックし、 Run as administrator を選択し起動する．
管理者権限での PowerShell の起動
PowerShell が起動したら、次のコマンドを実行する．
powershell
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
実行して、“The operation completed successfully.” と出力されるのを確認する． これで WSL が enable される．
次に，先ほどと同じ Administrator 権限で開いた PowerShell で次のコマンドを実行する。
powersh
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
実行して， “The operation completed successfully.” と出力されるのを確認する． これが確認出来たら、一度コンピュータを再起動する．
続いて， Linux kernel update package を次のリンクからダウンロードする． https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
ダウンロードしたファイルをダブルクリックして実行する． ダイアログに従ってインストールを完了させる．
そうしたら，再び PowerShell を開き次のコマンドを実行する。
sh
wsl --set-default-version 2
wsl --set-default-version 2
最後に、自分の好みの Linux distribution をインストールする． ここでは Ubuntu 20.04 をインストールしよう．
Microsoft store のアプリを起動し，検索バーに Ubuntu と入力する． Ubuntu 20.04 LTS という項目が見つかるはずなので，それを開き， “Get” ボタンをクリックする (figure_title)． しばらく待つと， Ubuntu 20.04 のインストールが完了する．
Microsoft store から Ubuntu 20.04 をインストール
Ubuntu 20.04 を初回に起動すると，初期設定が自動で開始され，数分待つことになる． 初期設定が終わると，ユーザー名・パスワードを設定するようプロンプトが出るので，プロンプトに従い入力する．
これで WSL2 のインストールが完了した． 早速 WSL2 を起動してみよう． 左下の Windows メニューの検索バーに Ubuntu と入力すると， Ubuntu 20.04 のプログラムが見つかるはずである (figure_title)． クリックして起動しよう．
Ubuntu 20.04 の起動
すると，ターミナルの黒い画面が立ち上がるだろう (figure_title)． ls, top などのコマンドを打ってみて， WSL がきちんと動作していることを確認しよう．
WSL の起動画面
オプションとして， Windows Terminal というマイクロソフトから提供されているツールを使うと，より快適に WSL を使用することができる． 興味のある読者はこちらのインストールも推奨する．
Docker のインストール ​
Docker のインストールの方法は OS によって異なる．
Mac ユーザーは， Docker Desktop をインストールする． インストールの方法は， Docker のウェブサイト から， Mac 版の Docker Desktop をダウンロードし，ダウンロードされたファイルをダブルクリックし， Applications のフォルダにドラッグするだけで良い． 詳細は 公式ドキュメンテーション を参照のこと．
Windows のユーザーは，Docker Desktop をインストールする． その際， WSL 2 が事前にインストールされていなければならない． 詳細は 公式ドキュメンテーション を参照のこと． Docker Desktop をインストールすると， WSL からも docker コマンドが使用できるようになる．
Linux ユーザー (特に Ubuntu ユーザー) については，インストールの方法はいくつかのアプローチがある． 公式ドキュメンテーション にいくつかのインストールの方法が示されているので，詳しい情報はそちらを参照いただきたい．
最も簡単な方法は， Docker が公式で提供しているインストールスクリプトを用いる方法である． この場合，次のコマンドを実行することで Docker がインストールされる．
sh
$ curl -fsSL https://get.docker.com -o get-docker.sh
+$ sudo sh get-docker.sh
$ curl -fsSL https://get.docker.com -o get-docker.sh
+$ sudo sh get-docker.sh
デフォルトのインストールでは， root ユーザーのみが docker コマンドを使用できる設定になっている． 従って，コマンドには毎回 sudo を付け加える必要がある． これが面倒だと感じる場合は，次のステップにより，使用するユーザーを docker というグループに追加する (詳細は 公式ドキュメンテーション "Post-installation steps for Linux" を参照)．
まず最初に， docker という名前にグループを追加する． インストールによっては，既に docker グループが作られている場合もある．
sh
$ sudo groupadd docker
$ sudo groupadd docker
次に，現在使用しているユーザーを docker グループに加える．
sh
$ sudo usermod -aG docker $USER
$ sudo usermod -aG docker $USER
ここまでできたら，一度ログアウトし，再度ログインする． これによって，グループの変更がターミナルのセッションに反映される．
設定が正しくできているかを確認するため，次のコマンドを実行してみる．
sh
$ docker run hello-world
$ docker run hello-world
sudo なしでコンテナが実行できたならば，設定は完了である．
Python venv クイックガイド ​
他人からもらったプログラムで， numpy や scipy のバージョンが違う！などの理由で，プログラムが動かない，という経験をしたことがある人は多いのではないだろうか． もし，自分の計算機の中に一つしか Python 環境がないとすると，プロジェクトを切り替えるごとに正しいバージョンをインストールし直さなければならず，これは大変な手間である．
コードのシェアをよりスムーズにするためには，ライブラリのバージョンはプロジェクトごとに管理されるべきである． それを可能にするのが Python 仮想環境とよばれるツールであり， venv, pyenv, conda などがよく使われる．
そのなかでも， venv は Python に標準搭載されているのでとても便利である． pyenv や conda は，別途インストールの必要があるが，それぞれの長所もある．
venv を使って仮想環境を作成するには，
sh
$ python -m venv .env
$ python -m venv .env
と実行する． これにより .env/ というディレクトリが作られ，このディレクトリに依存するライブラリが保存されることになる．
この新たな仮想環境を起動するには
sh
$ source .env/bin/activate
$ source .env/bin/activate
と実行する．
シェルのプロンプトに (.env) という文字が追加されていることを確認しよう (figure_title)． これが， "いまあなたは venv の中にいますよ" というしるしになる．
venv を起動したときのプロンプト
仮想環境を起動すると，それ以降実行する pip コマンドは， .env/ 以下にインストールされる．このようにして，プロジェクトごとに使うライブラリのバージョンを切り分けることができる．
Python では requirements.txt というファイルに依存ライブラリを記述するのが一般的な慣例である．他人からもらったプログラムに， requirements.txt が定義されていれば，
sh
$ pip install -r requirements.txt
$ pip install -r requirements.txt
と実行することで，必要なライブラリをインストールし，瞬時に Python 環境を再現することができる．
venv による仮想環境を保存するディレクトリの名前は任意に選べることができるが， .env という名前を用いるのが一般的である．
ハンズオン実行用の Docker image の使い方 ​
ハンズオンを実行するために必要な， Node.js, Python, AWS CDK などがインストールされた Docker image を用意した． これを使用することで，自分のローカルマシンに諸々をインストールする必要なく，すぐにハンズオンのコードが実行できる．
ハンズオンのいくつかのコマンドは Docker の外 = ローカルマシンのリアル環境で実行されなければならない． それらについてはハンズオンの該当箇所に注意書きとして記してある．
Docker イメージは Docker Hub においてある． Docker イメージのビルドファイルは GitHub の docker/Dockerfile にある．
次のコマンドでコンテナを起動する．
sh
$ docker run -it tomomano/labc:latest
$ docker run -it tomomano/labc:latest
初回にコマンドを実行したときのみ，イメージが Docker Hub からダウンロード (pull) される． 二回目以降はローカルにダウンロードされたイメージが使用される．
コンテナが起動すると，次のようなインタラクティブシェルが表示されるはずである (起動時に -it のオプションをつけたのがポイントである)．
sh
root@aws-handson:~/programlisting
root@aws-handson:~/programlisting
この状態で ls コマンドを打つと， handson/ というディレクトリがあるはずである． ここに cd する．
sh
$ cd handson
$ cd handson
すると，各ハンズオンごとのディレクトリが見つかるはずである．
あとは，ハンズオンごとにディレクトリを移動し，ハンズオンごとの virtualenv を作成し，スタックのデプロイを行えばよい (プログラムを実行する など参照)． ハンズオンごとに使用する依存ライブラリが異なるので，それぞれのハンズオンごとに virtualenv を作成するという設計になっている．
AWS の認証情報を設定することも忘れずに． AWS CLI のインストール で記述したように， AWS_ACCESS_KEY_ID などの環境変数を設定するのが簡単な方法である． あるいは，ローカルマシンの ~/.aws/credentials に認証情報が書き込まれているなら，このディレクトリをコンテナにマウントすることで，同じ認証ファイルをコンテナ内部から参照することが可能である． この選択肢を取る場合は，次のコマンドでコンテナを起動する．
sh
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
$ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
これにより，ローカルマシンの ~/.aws をコンテナの /root/.aws にマウントすることができる． 最後の :ro は read-only を意味する． 大切な認証ファイルが誤って書き換えられてしまわないように， read-only のフラグをつけることをおすすめする．
/root/ がコンテナ環境におけるホームディレクトリである． ここで紹介した認証ファイルをマウントするテクニックは， SSH 鍵をコンテナに渡すときなどにも使える．
ライセンス ​
本教科書およびハンズオンのソースコードは CC BY-NC-ND 4.0 に従うライセンスで公開しています．
教育など非商用の目的での本教科書の使用や再配布は自由に行うことが可能です． 商用目的で本書の全体またはその一部を無断で転載する行為は，これを固く禁じます．

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/scientific-computing.html b/development/aws/scientific-computing.html
index 7c46b004..fe8e6947 100644
--- a/development/aws/scientific-computing.html
+++ b/development/aws/scientific-computing.html
@@ -5,16 +5,16 @@
     
     クラウドで行う科学計算・機械学習 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
-    
+    
     
     
     
@@ -37,8 +37,8 @@
     
   
   
-    
Toshiki's Note
Appearance
クラウドで行う科学計算・機械学習 ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:1.4k
 Reading:5 min
計算機が発達した現代では，計算機によるシミュレーションやビッグデータの解析は，科学・エンジニアリングの研究の主要な柱である． これらの大規模な計算を実行するには，クラウドは最適である． 本章から始まる第二部では，どのようにしてクラウド上で科学計算を実行するのかを，ハンズオンとともに体験してもらう． 科学計算の具体的な題材として，今回は機械学習(深層学習)を取り上げる．
なお，本書では PyTorch ライブラリを使って深層学習のアルゴリズムを実装するが，深層学習および PyTorch の知識は不要である． 講義ではなぜ・どうやって深層学習をクラウドで実行するかに主眼を置いているので，実行するプログラムの詳細には立ち入らない． 将来，自分で深層学習を使う機会が来たときに，詳しく学んでもらいたい．
なぜ機械学習をクラウドで行うのか？ ​
2010 年頃に始まった第三次 AI ブームのおかげで，学術研究だけでなく社会・ビジネスの文脈でも機械学習に高い関心が寄せられている． とくに，深層学習 (ディープラーニング) とよばれる多層のレイヤーからなるニューラルネットワークを用いたアルゴリズムは，画像認識や自然言語処理などの分野で圧倒的に高い性能を実現し，革命をもたらしている．
深層学習の特徴は，なんといってもそのパラメータの多さである． 層が深くなるほど，層間のニューロンを結ぶ重みパラメータの数が増大していく． たとえば，最新の言語モデルである GPT-3 には1750 億個ものパラメータが含まれている． このような膨大なパラメータを有することで，深層学習は高い表現力と汎化性能を実現しているのである．
GPT-3 に限らず，最近の SOTA (State-of-the-art) の性能を達成するニューラルネットワークでは，百万から億のオーダーのパラメータを内包することは頻繁になってきている． そのような巨大なニューラルネットを訓練 (最適化) させるのは，当然のことながら膨大な計算コストがかかる． 結果として，ひとつの計算機では丸一日以上の時間がかかる場合も珍しくない． 深層学習の発展の速度は目覚ましく，研究・ビジネス両方の観点からも，いかにスループットよくニューラルネットワークの最適化を行えるかが鍵となってくる． そのような問題を解決するのにとても有効な手段が，クラウドである！ (#sec_first_ec2) でその片鱗を見たように，クラウドを使用することでゼロから数千に至るまでの数のインスタンスを動的に起動し，並列に計算を実行することができる． さらに，深層学習を加速させる目的で，深層学習の演算に専用設計された計算チップ (GPU など) がある． クラウドを利用すると，そのような専用計算チップも無尽蔵に利用することができる． 事実，先述した GPT-3 の学習も，詳細は明かされていないが，Microsoft 社のクラウドを使って行われたと報告されている．
GPU による深層学習の高速化 ​
深層学習の計算で欠かすことのできない技術として， GPU (Graphics Processing Unit) について少し説明する．
GPU は，その名のとおり，元々はコンピュータグラフィックスを出力するための専用計算チップである． CPU (Central Processing Unit) に対し，グラフィックスの演算に特化した設計がなされている． 身近なところでは， XBox や PS5 などのゲームコンソールなどに搭載されているし，ハイエンドなノート型・デスクトップ型計算機にも搭載されていることがある． コンピュータグラフィックスでは，スクリーンにアレイ状に並んだ数百万個の画素をビデオレート (30 fps) 以上で処理する必要がある． そのため，GPU はコアあたりの演算能力は比較的小さいかわりに，チップあたり数百から数千のコアを搭載しており (figure_title)，スクリーンの画素を並列的に処理することで，リアルタイムでの描画を実現している．
GPUのアーキテクチャ．GPUには数百から数千の独立した計算コアが搭載されている． (画像出典: https://devblogs.nvidia.com/nvidia-turing-architecture-in-depth/)
このように，コンピュータグラフィクスの目的で生まれた GPU だが，2010 年前後から，その高い並列計算能力をグラフィックス以外の計算 (科学計算など) に用いるという流れ (General-purpose computing on GPU; GPGPU) が生まれた． GPU のコアは，その設計から，行列の計算など，単純かつ規則的な演算が得意であり，そのような演算に対しては数個程度のコアしかもたない CPU に比べて圧倒的に高い計算速度を実現することができる． 現在では GPGPU は分子動力学や気象シミュレーション，そして機械学習など多くの分野で使われている．
ディープラーニングで最も頻繁に起こる演算が，ニューロンの出力を次の層のニューロンに伝える畳み込み (Convolution) 演算である (figure_title)． 畳み込み演算は，まさに GPU が得意とする演算であり， CPU ではなく GPU を用いることで学習を飛躍的に (最大で数百倍程度) 加速させることができる．
ニューラルネットワークにおける畳み込み演算．
このように GPU は機械学習の計算で欠かせないものであるが，なかなか高価である． たとえば，科学計算・機械学習に専用設計された NVIDIA 社の Tesla V100 というチップは，一台で約百万円の価格が設定されている． 機械学習を始めるのに，いきなり百万円の投資はなかなか大きい． だが，クラウドを使えば，初期コスト０で GPU を使用することができる．
機械学習を行うのに， V100 が必ずしも必要というわけではない． むしろ，研究者などでしばしば行われるのは，コンピュータゲームに使われるグラフィックス用の GPU を買ってきて (NVIDIA GeForce シリーズなど)，開発のときはをそれを用いる，というアプローチである． グラフィックス用のいわゆる"コンシューマ GPU"は，市場の需要が大きいおかげで，10 万円前後の価格で購入することができる． V100 と比べると，コンシューマ GPU はコアの数が少なかったり，メモリーが小さかったりなどで劣る点があるが， それらを除いては計算能力にとくに制限があるわけではなく，開発の段階では十分な性能である場合がほとんどである． プログラムができあがって，ビッグデータの解析や，モデルをさらに大きくしたいときなどに，クラウドは有効だろう．
クラウドで GPU を使うには， GPU が搭載された EC2 インスタンスタイプ (P3, P2, G3, G4 など) を選択しなければならない． table_title に，代表的な GPU 搭載のインスタンスタイプを挙げる (執筆時点での情報)．
GPUを搭載したEC2インスタンスタイプ
InstanceGPUsGPU modelGPU Mem (GiB)vCPUMem (GiB)Price per hour ($)
p3.2xlarge
1
NVIDIA V100
16
8
61
3.06
p3n.16xlarge
8
NVIDIA V100
128
64
488
24.48
p2.xlarge
1
NVIDIA K80
12
4
61
0.9
g4dn.xlarge
1
NVIDIA T4
16
4
16
0.526
table_title からわかるとおり， CPU のみのインスタンスと比べると少し高い価格設定になっている． また，古い世代の GPU (V100 に対しての K80) はより安価な価格で提供されている． 1 インスタンスあたりの GPU の搭載数は 1 台から最大で 8 台まで選択することが可能である．
GPU を搭載した一番安いインスタンスタイプは， g4dn.xlarge であり，これには廉価かつ省エネルギー設計の NVIDIA T4 が搭載されている． 後のハンズオンでは，このインスタンスを使用して，ディープラーニングの計算を行ってみる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
V100 を一台搭載した p3.2xlarge の利用料金は一時間あたり $3.06 である． V100 が約百万円で売られていることを考えると，約 3000 時間 (= 124 日間)，通算で計算を行った場合に，クラウドを使うよりも V100 を自分で買ったほうがお得になる，という計算になる (実際には，自前で V100 を用意する場合は， V100 だけでなく， CPU やネットワーク機器，電気使用料も必要なので，百万円よりもさらにコストがかかる)．
GPT-3 で使われた計算リソースの詳細は論文でも明かされていないのだが， Lambda 社のブログで興味深い考察が行われている (Lambda 社は機械学習に特化したクラウドサービスを提供している)．
記事によると，1750 億のパラメータを訓練するには，一台の GPU (NVIDIA V100) を用いた場合，342 年の月日と 460 万ドルのクラウド利用料が必要となる，とのことである． GPT-3 のチームは，複数の GPU に処理を分散することで現実的な時間のうちに訓練を完了させたのであろうが，このレベルのモデルになってくるとクラウド技術の限界を攻めないと達成できないことは確かである．
深層学習を詳しく勉強したい人には以下の参考書を推薦したい． 深層学習の基礎的な概念や理論は普遍的であるが，この分野は日進月歩なので，常に最新の情報を取り入れることを忘れずに．

-    
+    
Toshiki's Note
Appearance
クラウドで行う科学計算・機械学習 ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:1.4k
 Reading:5 min
計算機が発達した現代では，計算機によるシミュレーションやビッグデータの解析は，科学・エンジニアリングの研究の主要な柱である． これらの大規模な計算を実行するには，クラウドは最適である． 本章から始まる第二部では，どのようにしてクラウド上で科学計算を実行するのかを，ハンズオンとともに体験してもらう． 科学計算の具体的な題材として，今回は機械学習(深層学習)を取り上げる．
なお，本書では PyTorch ライブラリを使って深層学習のアルゴリズムを実装するが，深層学習および PyTorch の知識は不要である． 講義ではなぜ・どうやって深層学習をクラウドで実行するかに主眼を置いているので，実行するプログラムの詳細には立ち入らない． 将来，自分で深層学習を使う機会が来たときに，詳しく学んでもらいたい．
なぜ機械学習をクラウドで行うのか？ ​
2010 年頃に始まった第三次 AI ブームのおかげで，学術研究だけでなく社会・ビジネスの文脈でも機械学習に高い関心が寄せられている． とくに，深層学習 (ディープラーニング) とよばれる多層のレイヤーからなるニューラルネットワークを用いたアルゴリズムは，画像認識や自然言語処理などの分野で圧倒的に高い性能を実現し，革命をもたらしている．
深層学習の特徴は，なんといってもそのパラメータの多さである． 層が深くなるほど，層間のニューロンを結ぶ重みパラメータの数が増大していく． たとえば，最新の言語モデルである GPT-3 には1750 億個ものパラメータが含まれている． このような膨大なパラメータを有することで，深層学習は高い表現力と汎化性能を実現しているのである．
GPT-3 に限らず，最近の SOTA (State-of-the-art) の性能を達成するニューラルネットワークでは，百万から億のオーダーのパラメータを内包することは頻繁になってきている． そのような巨大なニューラルネットを訓練 (最適化) させるのは，当然のことながら膨大な計算コストがかかる． 結果として，ひとつの計算機では丸一日以上の時間がかかる場合も珍しくない． 深層学習の発展の速度は目覚ましく，研究・ビジネス両方の観点からも，いかにスループットよくニューラルネットワークの最適化を行えるかが鍵となってくる． そのような問題を解決するのにとても有効な手段が，クラウドである！ (#sec_first_ec2) でその片鱗を見たように，クラウドを使用することでゼロから数千に至るまでの数のインスタンスを動的に起動し，並列に計算を実行することができる． さらに，深層学習を加速させる目的で，深層学習の演算に専用設計された計算チップ (GPU など) がある． クラウドを利用すると，そのような専用計算チップも無尽蔵に利用することができる． 事実，先述した GPT-3 の学習も，詳細は明かされていないが，Microsoft 社のクラウドを使って行われたと報告されている．
GPU による深層学習の高速化 ​
深層学習の計算で欠かすことのできない技術として， GPU (Graphics Processing Unit) について少し説明する．
GPU は，その名のとおり，元々はコンピュータグラフィックスを出力するための専用計算チップである． CPU (Central Processing Unit) に対し，グラフィックスの演算に特化した設計がなされている． 身近なところでは， XBox や PS5 などのゲームコンソールなどに搭載されているし，ハイエンドなノート型・デスクトップ型計算機にも搭載されていることがある． コンピュータグラフィックスでは，スクリーンにアレイ状に並んだ数百万個の画素をビデオレート (30 fps) 以上で処理する必要がある． そのため，GPU はコアあたりの演算能力は比較的小さいかわりに，チップあたり数百から数千のコアを搭載しており (figure_title)，スクリーンの画素を並列的に処理することで，リアルタイムでの描画を実現している．
GPUのアーキテクチャ．GPUには数百から数千の独立した計算コアが搭載されている． (画像出典: https://devblogs.nvidia.com/nvidia-turing-architecture-in-depth/)
このように，コンピュータグラフィクスの目的で生まれた GPU だが，2010 年前後から，その高い並列計算能力をグラフィックス以外の計算 (科学計算など) に用いるという流れ (General-purpose computing on GPU; GPGPU) が生まれた． GPU のコアは，その設計から，行列の計算など，単純かつ規則的な演算が得意であり，そのような演算に対しては数個程度のコアしかもたない CPU に比べて圧倒的に高い計算速度を実現することができる． 現在では GPGPU は分子動力学や気象シミュレーション，そして機械学習など多くの分野で使われている．
ディープラーニングで最も頻繁に起こる演算が，ニューロンの出力を次の層のニューロンに伝える畳み込み (Convolution) 演算である (figure_title)． 畳み込み演算は，まさに GPU が得意とする演算であり， CPU ではなく GPU を用いることで学習を飛躍的に (最大で数百倍程度) 加速させることができる．
ニューラルネットワークにおける畳み込み演算．
このように GPU は機械学習の計算で欠かせないものであるが，なかなか高価である． たとえば，科学計算・機械学習に専用設計された NVIDIA 社の Tesla V100 というチップは，一台で約百万円の価格が設定されている． 機械学習を始めるのに，いきなり百万円の投資はなかなか大きい． だが，クラウドを使えば，初期コスト０で GPU を使用することができる．
機械学習を行うのに， V100 が必ずしも必要というわけではない． むしろ，研究者などでしばしば行われるのは，コンピュータゲームに使われるグラフィックス用の GPU を買ってきて (NVIDIA GeForce シリーズなど)，開発のときはをそれを用いる，というアプローチである． グラフィックス用のいわゆる"コンシューマ GPU"は，市場の需要が大きいおかげで，10 万円前後の価格で購入することができる． V100 と比べると，コンシューマ GPU はコアの数が少なかったり，メモリーが小さかったりなどで劣る点があるが， それらを除いては計算能力にとくに制限があるわけではなく，開発の段階では十分な性能である場合がほとんどである． プログラムができあがって，ビッグデータの解析や，モデルをさらに大きくしたいときなどに，クラウドは有効だろう．
クラウドで GPU を使うには， GPU が搭載された EC2 インスタンスタイプ (P3, P2, G3, G4 など) を選択しなければならない． table_title に，代表的な GPU 搭載のインスタンスタイプを挙げる (執筆時点での情報)．
GPUを搭載したEC2インスタンスタイプ
InstanceGPUsGPU modelGPU Mem (GiB)vCPUMem (GiB)Price per hour ($)
p3.2xlarge
1
NVIDIA V100
16
8
61
3.06
p3n.16xlarge
8
NVIDIA V100
128
64
488
24.48
p2.xlarge
1
NVIDIA K80
12
4
61
0.9
g4dn.xlarge
1
NVIDIA T4
16
4
16
0.526
table_title からわかるとおり， CPU のみのインスタンスと比べると少し高い価格設定になっている． また，古い世代の GPU (V100 に対しての K80) はより安価な価格で提供されている． 1 インスタンスあたりの GPU の搭載数は 1 台から最大で 8 台まで選択することが可能である．
GPU を搭載した一番安いインスタンスタイプは， g4dn.xlarge であり，これには廉価かつ省エネルギー設計の NVIDIA T4 が搭載されている． 後のハンズオンでは，このインスタンスを使用して，ディープラーニングの計算を行ってみる．
table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
V100 を一台搭載した p3.2xlarge の利用料金は一時間あたり $3.06 である． V100 が約百万円で売られていることを考えると，約 3000 時間 (= 124 日間)，通算で計算を行った場合に，クラウドを使うよりも V100 を自分で買ったほうがお得になる，という計算になる (実際には，自前で V100 を用意する場合は， V100 だけでなく， CPU やネットワーク機器，電気使用料も必要なので，百万円よりもさらにコストがかかる)．
GPT-3 で使われた計算リソースの詳細は論文でも明かされていないのだが， Lambda 社のブログで興味深い考察が行われている (Lambda 社は機械学習に特化したクラウドサービスを提供している)．
記事によると，1750 億のパラメータを訓練するには，一台の GPU (NVIDIA V100) を用いた場合，342 年の月日と 460 万ドルのクラウド利用料が必要となる，とのことである． GPT-3 のチームは，複数の GPU に処理を分散することで現実的な時間のうちに訓練を完了させたのであろうが，このレベルのモデルになってくるとクラウド技術の限界を攻めないと達成できないことは確かである．
深層学習を詳しく勉強したい人には以下の参考書を推薦したい． 深層学習の基礎的な概念や理論は普遍的であるが，この分野は日進月歩なので，常に最新の情報を取り入れることを忘れずに．

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/serverless.html b/development/aws/serverless.html
index e2fe9921..8b2ccb9a 100644
--- a/development/aws/serverless.html
+++ b/development/aws/serverless.html
@@ -5,16 +5,16 @@
     
     Serverless architecture | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
-    
+    
     
     
     
@@ -37,8 +37,8 @@
     
   
   
-    
Toshiki's Note
Appearance
Serverless architecture ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:2.4k
 Reading:9 min
サーバーレスアーキテクチャ (Serverless architecture) あるいは サーバーレスコンピューティング (Serverless computing) とは，従来とは全く異なるアプローチに基づくクラウドシステムの設計方法である． 歴史的には， AWS が 2014 年に発表した Lamba がサーバーレスアーキテクチャの先駆けとされている． その後， Google や Microsoft などのクラウドプラットフォームも同様の機能の提供を開始している． サーバーレスアーキテクチャの利点は，スケーラブルなクラウドシステムを安価かつ簡易に作成できる点であり，近年いたるところで導入が進んでいる．
Serverless とは，文字どおりの意味としてはサーバーなしで計算をするということになるが，それは一体どういう意味だろうか？ サーバーレスについて説明するためには，まずは従来的な， "serverful" とよばれるようなシステムについて解説しなければならない．
Serverful クラウド (従来型) ​
従来的なクラウドシステムのスケッチを figure_title に示す． クライアントから送信されたリクエストは，最初に API サーバーに送られる． API サーバーでは，リクエストの内容に応じてタスクが実行される． タスクには，API サーバーだけで完結できるものもあるが，多くの場合，データベースの読み書きが必要である． データベースには，データベース専用の独立したサーバーマシンが用いられることが一般的である． また，画像や動画などの容量の大きいデータは，また別のストレージサーバーに保存されることが多い． これらの API サーバー，データベースサーバー，ストレージサーバーはそれぞれ独立したサーバーマシンであり， AWS の言葉では EC2 による仮想インスタンスを想定してもらったらよい．
多くのウェブサービスでは，多数のクライアントからのリクエストを処理するため，複数のサーバーマシンがクラウド内で起動し，負荷を分散するような設計がなされている． クライアントから来たリクエストを計算容量に余裕のあるサーバーに振り分けるような操作を Load balancing とよび，そのような操作を担当するマシンのことを Load balancer という．
計算負荷を分散する目的で多数のインスタンスを起動するのはよいのだが，計算負荷が小さすぎてアイドリング状態にあるようではコストと電力の無駄遣いである． したがって，すべてのサーバーが常に目標とする計算負荷を維持するよう，計算の負荷に応じてクラスター内の仮想サーバーの数を動的に増減させるような仕組みが必要である． そのような仕組みをクラスターのスケーリングとよび，負荷の増大に応答して新しい仮想インスタンスをクラスターに追加する操作を scale-out，負荷の減少に応答してインスタンスをシャットダウンする操作を scale-in とよぶ． クラスターのスケーリングは， API サーバーではもちろんのこと，データベースサーバー・ストレージサーバーでも必要になる． ストレージサーバーでは，例えば頻繁にアクセスされるデータはキャッシュ領域に保存したり，データのコピーを複数作るなどのスケーリングが行われる． データベースサーバーも同様に，頻繁にアクセスされるデータのアクセスがパンクしてしまわないよう，分散的な処理が必要となる． このように，クラウドシステム内すべての箇所で，負荷が均一になるような調整が必要であり，開発者は多くの時間をそのチューニングに費やさなければならない． また，サービスの利用者の数などに応じてスケーリングの設定は常に見直される必要があり，継続的な開発が要求される．
さらに問題を複雑にするのは，API サーバーで処理されるべきタスクが，非一様な点である． 非一様であるとは，たとえばタスク A は 3000 ミリ秒の実行時間と 512MB のメモリーを消費し，別のタスク B は 1000 ミリ秒の実行時間と 128MB のメモリーを消費する，というような状況を指している． 一つのサーバーマシンが計算負荷が異なる複数のタスクを処理する場合，クラスターのスケーリングはより複雑になる． この状況をシンプルにするために，１サーバーで実行するタスクは１種類に限る，という設計も可能であるが，そうするとで生まれる弊害も多い (ほとんど使われないタスクに対してもサーバー一台をまるまる割り当てなければならない = ほとんどアイドリング状態になってしまう，など)．
Serverful なクラウドシステム
Serverless クラウドへ ​
Serverful クラウド (従来型) で議論したように，クラスターのスケーリングはクラウドシステムの経済的効率とシステムの安定性を最大化するために必須の作業である． それを反映して，多くの開発者の時間が投資されてきた．
クラスターのスケーリングはすべての開発者が何度も繰り返し行ってきた作業であり，いくつかの側面をテンプレート化し，共通化することができたならば開発のコストを大幅に削減できるだろう． それを実現するには，根本的なレベルからクラウドシステムの設計を考え直す必要がある． スケーリングを前提として考えることで，もっとシンプルで見通しがよいクラウドシステムの設計の仕組みはないだろうか？ そのような動機が，サーバーレスアーキテクチャが誕生する背後にあった．
従来の serverful なシステムでの最大の問題点は，サーバーをまるまる占有してしまうという点にある． すなわち， EC2 インスタンスを起動したとき，そのインスタンスは起動したユーザーだけが使えるものであり，計算のリソース (CPU や RAM) が独占的に割り当てられた状態になる． 固定した計算資源の割り当てがされてしまっているので，インスタンスの計算負荷が 0%であろうが 100%であろうが，均一の使用料金が起動時間に比例して発生する．
サーバーレスアーキテクチャは，このような 独占的に割り当てられた計算リソースというものを完全に廃止することを出発点とする． サーバーレスアーキテクチャでは，計算のリソースは，クラウドプロバイダーがすべて管理する． クライアントは，仮想インスタンスを一台まるごと借りるのではなく，計算のタスクの需要が生まれる毎に，実行したいプログラム・コマンドをクラウドに提出する． クラウドプロバイダーは，自身のもつ巨大な計算リソースから空きを探し，提出されたプログラムを実行し，実行結果をクライアントに返す． 言い換えると，計算リソースのスケーリングやアロケーションなどはクラウドプロバイダーが一手に引き受け，ユーザーはジョブをサブミットすることに注力する，という枠組みである． これを図示すると， figure_title のようになる．
従来のクラウドと Serverless クラウドの比較
サーバーレスクラウドでは，スケーリングはすべてクラウドプロバイダーが引き受けるので，スケーラビリティーが保証されている． クライアントが同時に大量のタスクを送信した場合でも，クラウドプロバイダー側の独自の仕組みによってすべてのタスクが遅延なく実行される． また，サーバーレスクラウドを利用することで，クラウドのコストは実際に使用した計算の総量 (稼働時間) で決定されることになる． これは，計算の実行総量に関わらずインスタンスの起動時間で料金が決定されていた従来のシステムと比べて大きな違いである．
サーバーレスクラウドは，従来のクラウドとは根本から異なったアプローチなので，コードの書き方やシステムの設計が大きく異なる． サーバーレスクラウドを開発・運用するには，サーバーレス固有の概念や用語に精通している必要がある． 以降では，実際にクラウドを動かしながら，サーバーレスをより具体的に体験していこう．
従来型の(仮想インスタンスをたくさん起動するような)クラウドシステムは，賃貸と似ているかもしれない． 部屋を借りるというのは，その部屋でどれだけの時間を過ごそうが，月々の家賃は一定である． 同様に，仮想サーバーも，それがどれほどの計算を行っているかに関わらず，一定の料金が時間ごとに発生する．
一方で，サーバーレスクラウドは，電気・水道・ガス料金 と似ている． こちらは，実際に使用した量に比例して料金が決定されている． サーバーレスクラウドも，実際に計算を行った総時間で料金が決まる仕組みになっている．
サーバーレスクラウドを構成するコンポーネント ​
サーバーレスアーキテクチャの概要がわかってきたところで，ここでは AWS においてサーバーレスクラウドを構成する様々なコンポーネントを紹介していこう． 特に， Lambda, S3, DynamoDB を取り上げ，解説する (figure_title)． サーバーレスクラウドは，これらのコンポーネントを統合することで一つのシステムが出来上がる． ここでは， Lambda，S3，DynamoDB を利用する際に押さえておかなければならない知識を一通り説明しきる都合上，具体的なイメージがわきにくいかもしれない． が，続く (#sec_intro_serverless) でそれぞれについてハンズオン形式で演習を行うので，そこでさらに理解を深めれば大丈夫である．
Lambda, S3, DynamoDB のアイコン
Lambda ​
AWS でサーバーレスコンピューティングの中心を担うのが， Lambda である． Lambda の使い方を figure_title に図示している． Lambda の仕組みはシンプルで，まずユーザーは実行したいプログラムのコードを事前に登録しておく． プログラムは， Python, Node.js, Ruby などの主要な言語がサポートされている． Lambda に登録されたひとつひとつのプログラムを関数 (Function) とよぶ． そして，関数を実行したいときに，invoke コマンドを Lambda に送信する． Lambda では， invoke のリクエストを受け取るとただちに (数ミリセカンドから数百ミリセカンド程度の時間で) プログラムの実行を開始する． そして，実行結果をクライアントやその他の計算機に返す．
AWS Lambda
このように，Lambda では占有された仮想インスタンスは存在せず，実行を待っているプログラムだけがある状態である． invoke のリクエストに応じて，プログラムが AWS の巨大な計算機プールのどこかに配置され，実行される． 同時に複数のリクエストが来た場合でも， AWS はそれらを実行するための計算リソースを割り当て，並列的に処理を行ってくれる． 原理上は，数千から数万のリクエストが同時に来たとしても， Lambda はそれらを同時に実行することができる． このような，占有された仮想サーバーの存在なしに，動的に関数を実行するサービスのことを総称して FaaS (Function as a Service) とよぶ．
Lambda ではそれぞれの関数につき， 128MB から 10240MB のメモリーを使用することができる (執筆時点の仕様)． また，実効的な CPU のパワーはメモリーの量に比例する形で割り当てられる． すなわち，タスクに割り当てたメモリーの量が多ければ多いほど，より多くの CPU リソースが割り当てられることになる (しかし， RAM と CPU パワーの具体的な換算表は AWS からは公開されていない)． 実行時間は 100 ミリ秒の単位で記録され，実行時間に比例して料金が決定される． table_title は Lambda の利用料金表である (執筆時点で ap-north-east1 リージョンを選択した場合)．
Lambda の料金表
Memory (MB)Price per 100ms
128
$0.0000002083
512
$0.0000008333
1024
$0.0000016667
3008
$0.0000048958
実行時間に比例する料金に追加して，リクエストを送信するごとに発生する料金が設定されている． これは，百万回のリクエストにつき $0.2 である． たとえば， 128MB のメモリーを使用する関数を，それぞれ 200 ミリ秒，合計で 100 万回実行した場合， 0.0000002083 * 2 * 10^6 + 0.2 = $0.6 の料金となる． ウェブサーバーのデータベースの更新など簡単な計算であれば，200 ミリ秒程度で実行できる関数も多いことから，100 万回データベースの更新を行ったとしても，たった $0.6 しかコストが発生しないことになる． また，コードが実行されず待機状態になっている場合は，発生する料金は 0 である． このように，実際に意味のある処理が行われた時間にのみ，料金が発生する仕組みになっている．
Lambda は比較的短時間で完了する，反復性の高いタスクの実行に向いている． データベースの読み書きはその典型的な例であるが，そのほかにも，画像のサイズをトリミングしたり，サーバーサイドで定期的に実行されるメンテナンス処理などの利用が考えられる． また，複数の Lambda をリレー式に繋げることも可能で，シンプルな処理を組み合わせることで複雑なロジックを表現することができる．
上述の Lambda の料金計算は，説明のためコストに寄与する要素をいくつか省いている点は承知いただきたい． 例えば， DynamoDB の読み書きに関する料金や，ネットワークの通信にかかわるコストが考慮されていない．
サーバーレスストレージ: S3 ​
サーバーレスの概念は，ストレージにも拡張されている．
従来的なストレージ (ファイルシステム) では，必ずホストとなるマシンと OS が存在しなければならない． したがって，それほどパワーは必要ないまでも，ある程度の CPU リソースを割かなければならない． また，従来的なファイルシステムでは，データ領域のサイズは最初にディスクを初期化するときに決めなければならず，後から容量を増加させることはしばしば困難である (ZFS などのファイルシステムを使えばある程度は自由にファイルシステムのサイズを変更することは可能である)． よって，従来的なクラウドでは，ストレージを借りる際にはあらかじめディスクのサイズを指定せねばならず，ディスクの中身が空であろうと満杯であろうと，同じ利用料金が発生することになる (figure_title)．
Simple Storage Service (S3) は，サーバーレスなストレージシステムを提供する (figure_title)． S3 は従来的なストレージシステムと異なり， OS に"マウントする”という概念はない． 基本的に API を通じてデータの読み書きの操作が行われる． また，データの冗長化や暗号化，バックアップの作成など，通常ならば OS と CPU が介在しなければならない操作も， API を通じて行うことができる． S3 では事前に決められたディスク領域のサイズはなく，データを入れれば入れた分だけ，保存領域は拡大していく (仕様上はペタバイトスケールのデータを保存することが可能である)． ストレージにかかる料金は，保存してあるデータの総容量で決定される．
S3 と従来的なファイルシステムの比較
S3 を利用する際に，料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 説明のため主要な事項のみ取り出している． 詳細は 公式ドキュメンテーション "Amazon S3 pricing" を参照)．
S3 の利用料金
項目料金
Data storage (First 50TB)
$0.023 per GB per month
PUT, COPY, POST, LIST requests (per 1,000 requests)
$0.005
GET, SELECT, and all other requests (per 1,000 requests)
$0.0004
Data Transfer IN To Amazon S3 From Internet
$0
Data Transfer OUT From Amazon S3 To Internet
$0.09 per GB
第一に，データの保存には $0.025 per GB のコストが月ごとに発生する． したがって，1000GB のデータを S3 に一ヵ月保存した場合， $25 の料金が発生することになる． また，PUT, COPY, POST などのリクエスト (=データを書き込む操作) に対しては，データ容量に関係なく，1000 回ごとに $0.005 のコストが発生する． GET, SELECT などのリクエスト (=データを読み込む操作) に対しては，1000 回ごとに $0.0004 のコストが発生する． また， S3 はデータを外に取り出す際の通信にもコストが生じる． 執筆時点では，S3 からインターネットを通じて外部にデータを転送 (data-out) すると $0.09 per GB のコストが発生する． データをインターネットを通じて S3 に入れる (data-in) 通信は無料で行える． また， AWS の 同じ Region 内のサービス (Lambda や EC2 など) にデータを転送するのは無料である． AWS のリージョンをまたいだデータの転送にはコストが発生する． いずれにせよ，サーバーレスの概念に則り，すべての料金が従量課金制で決定される設定になっている．
サーバーレスデータベース: DynamoDB ​
サーバーレスの概念は，データベースにも適用することができる．
ここでいうデータベースとは， Web サービスなどにおけるユーザーや商品の情報を記録しておくための保存領域のことを指している． 従来的に有名なデータベースとしては MySQL, PostgreSQL, MongoDB などが挙げられる． データベースと普通のストレージの違いは，データの検索機能にある． 普通のストレージではデータは単純にディスクに書き込まれるだけだが， データベースでは検索がより効率的になるようなデータの配置がされたり， 頻繁にアクセスされるデータはメモリーにキャッシュされるなどの機能が備わっている． これにより，巨大なデータの中から，興味のある要素を高速に取得することができる．
このような検索機能を実現するには，当然 CPU の存在が必須である． したがって，従来的なデータベースを構築する際は，ストレージ領域に加えて，たくさんの CPU コアを搭載したマシンが用いられることが多い． また，データベースが巨大な場合は複数マシンにまたがった分散型のシステムが設計される． 分散型システムの場合は， Serverful クラウド (従来型) で議論したようにデータベースへのアクセス負荷に応じて適切なスケーリングがなされる必要がある．
DynamoDB は， AWS が提供しているサーバーレスな分散型データベースである． サーバーレスであるので，占有されたデータベース用仮想インスタンスは存在せず， API を通じてデータの書き込み・読み出し・検索などの操作を行う． S3 と同様に，データ保存領域の上限は定められておらず，データを入れれば入れた分だけ，保存領域は拡大していく． また，データベースへの負荷が増減したときのスケーリングは， DynamoDB が自動で行うので，ユーザーは心配する必要はない．
DynamoDB での利用料金の計算はやや複雑なのだが， "On-demand Capacity" というモードで使用した場合の料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 詳細は 公式ドキュメンテーション "Pricing for On-Demand Capacity" を参照)．
DynamoDB の利用料金
項目料金
Write request units
$1.25 per million write request units
Read request units
$0.25 per million read request units
Data storage
$0.25 per GB-month
DynamoDB ではデータの書き込み操作の単位を write request unit とよび，データの読み込み操作の単位を read request unit とよぶ． 基本的に， 1kB 以下のデータを一度書き込むと 1 write request unit を消費し，4kB 以下のデータを一度読み込むと 1 read request unit を消費する (詳しくは 公式ドキュメンテーション "Read/Write Capacity Mode" を参照のこと)． write request units は 100 万回ごとに $1.25, read request units は 100 万回ごとに $0.25 のコストが設定されている． また，保存されたデータ容量に対して $0.25 per GB のコストが月ごとに発生する． DynamoDB は高速な検索機能などを備えたデータベースであるので， GB あたりのストレージコストは S3 に比べ 10 倍程度高い． DynamoDB のデータの転送に関わるコストは，同じリージョン内ならば data-in，data-out ともに $0 である． リージョンをまたいだ通信には別途コストが発生する．
その他のサーバーレスクラウドの構成要素 ​
以上で紹介した Lambda, S3, DynamoDB がサーバーレスクラウドの中で最も使用する頻度が高いサービスになる． その他のサーバーレスクラウドの構成要素を以下に列挙する． いくつかについては，今後のハンズオンを行う中で改めて解説を行う．
  • API Gateway: API を構築する際のルーティングを担う． (#sec_bashoutter) で取り上げる．
  • Fargate: (#sec_fargate_qabot) で触れた Fargate も，サーバーレスクラウドの要素の一部である． Lambda との違いは，Lambda よりも大容量のメモリーや CPU を要するような計算などを行うことができる点が挙げられる．
  • Simple Notification Service (SNS): サーバーレスのサービス間でイベントをやり取りするためのサービス．
  • Step Functions: サーバーレスのサービス間のオーケストレーションを担う．
サーバーレスアーキテクチャは万能か？
この問いへの答えは，筆者は NO であると考える．
ここまで，サーバーレスの利点を強調して説明をしてきたが，まだまだ新しい技術なだけに，欠点，あるいはサーバーフルなシステムに劣る点は数多くある．
大きな欠点を一つあげるとすれば，サーバーレスのシステムは各クラウドプラットフォームに固有なものなので，特定のプラットフォームでしか運用できないシステムになってしまう点であろう． AWS で作成したサーバーレスのシステムを， Google のクラウドに移植するには，かなり大掛かりなプログラムの書き換えが必要になる． 一方， serverful なシステムであれば，プラットフォーム間のマイグレーションは比較的簡単に行うことができる． クラウドプロバイダーとしては，自社のシステムへの依存度を強めることで，顧客を離さないようにするという狙いがあるのだろう…
その他，サーバーレスコンピューティングの欠点や今後の課題などは，次の論文で詳しく議論されている． 興味のある読者はぜひ読んでいただきたい．

-    
+    
Toshiki's Note
Appearance
Serverless architecture ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:2.4k
 Reading:9 min
サーバーレスアーキテクチャ (Serverless architecture) あるいは サーバーレスコンピューティング (Serverless computing) とは，従来とは全く異なるアプローチに基づくクラウドシステムの設計方法である． 歴史的には， AWS が 2014 年に発表した Lamba がサーバーレスアーキテクチャの先駆けとされている． その後， Google や Microsoft などのクラウドプラットフォームも同様の機能の提供を開始している． サーバーレスアーキテクチャの利点は，スケーラブルなクラウドシステムを安価かつ簡易に作成できる点であり，近年いたるところで導入が進んでいる．
Serverless とは，文字どおりの意味としてはサーバーなしで計算をするということになるが，それは一体どういう意味だろうか？ サーバーレスについて説明するためには，まずは従来的な， "serverful" とよばれるようなシステムについて解説しなければならない．
Serverful クラウド (従来型) ​
従来的なクラウドシステムのスケッチを figure_title に示す． クライアントから送信されたリクエストは，最初に API サーバーに送られる． API サーバーでは，リクエストの内容に応じてタスクが実行される． タスクには，API サーバーだけで完結できるものもあるが，多くの場合，データベースの読み書きが必要である． データベースには，データベース専用の独立したサーバーマシンが用いられることが一般的である． また，画像や動画などの容量の大きいデータは，また別のストレージサーバーに保存されることが多い． これらの API サーバー，データベースサーバー，ストレージサーバーはそれぞれ独立したサーバーマシンであり， AWS の言葉では EC2 による仮想インスタンスを想定してもらったらよい．
多くのウェブサービスでは，多数のクライアントからのリクエストを処理するため，複数のサーバーマシンがクラウド内で起動し，負荷を分散するような設計がなされている． クライアントから来たリクエストを計算容量に余裕のあるサーバーに振り分けるような操作を Load balancing とよび，そのような操作を担当するマシンのことを Load balancer という．
計算負荷を分散する目的で多数のインスタンスを起動するのはよいのだが，計算負荷が小さすぎてアイドリング状態にあるようではコストと電力の無駄遣いである． したがって，すべてのサーバーが常に目標とする計算負荷を維持するよう，計算の負荷に応じてクラスター内の仮想サーバーの数を動的に増減させるような仕組みが必要である． そのような仕組みをクラスターのスケーリングとよび，負荷の増大に応答して新しい仮想インスタンスをクラスターに追加する操作を scale-out，負荷の減少に応答してインスタンスをシャットダウンする操作を scale-in とよぶ． クラスターのスケーリングは， API サーバーではもちろんのこと，データベースサーバー・ストレージサーバーでも必要になる． ストレージサーバーでは，例えば頻繁にアクセスされるデータはキャッシュ領域に保存したり，データのコピーを複数作るなどのスケーリングが行われる． データベースサーバーも同様に，頻繁にアクセスされるデータのアクセスがパンクしてしまわないよう，分散的な処理が必要となる． このように，クラウドシステム内すべての箇所で，負荷が均一になるような調整が必要であり，開発者は多くの時間をそのチューニングに費やさなければならない． また，サービスの利用者の数などに応じてスケーリングの設定は常に見直される必要があり，継続的な開発が要求される．
さらに問題を複雑にするのは，API サーバーで処理されるべきタスクが，非一様な点である． 非一様であるとは，たとえばタスク A は 3000 ミリ秒の実行時間と 512MB のメモリーを消費し，別のタスク B は 1000 ミリ秒の実行時間と 128MB のメモリーを消費する，というような状況を指している． 一つのサーバーマシンが計算負荷が異なる複数のタスクを処理する場合，クラスターのスケーリングはより複雑になる． この状況をシンプルにするために，１サーバーで実行するタスクは１種類に限る，という設計も可能であるが，そうするとで生まれる弊害も多い (ほとんど使われないタスクに対してもサーバー一台をまるまる割り当てなければならない = ほとんどアイドリング状態になってしまう，など)．
Serverful なクラウドシステム
Serverless クラウドへ ​
Serverful クラウド (従来型) で議論したように，クラスターのスケーリングはクラウドシステムの経済的効率とシステムの安定性を最大化するために必須の作業である． それを反映して，多くの開発者の時間が投資されてきた．
クラスターのスケーリングはすべての開発者が何度も繰り返し行ってきた作業であり，いくつかの側面をテンプレート化し，共通化することができたならば開発のコストを大幅に削減できるだろう． それを実現するには，根本的なレベルからクラウドシステムの設計を考え直す必要がある． スケーリングを前提として考えることで，もっとシンプルで見通しがよいクラウドシステムの設計の仕組みはないだろうか？ そのような動機が，サーバーレスアーキテクチャが誕生する背後にあった．
従来の serverful なシステムでの最大の問題点は，サーバーをまるまる占有してしまうという点にある． すなわち， EC2 インスタンスを起動したとき，そのインスタンスは起動したユーザーだけが使えるものであり，計算のリソース (CPU や RAM) が独占的に割り当てられた状態になる． 固定した計算資源の割り当てがされてしまっているので，インスタンスの計算負荷が 0%であろうが 100%であろうが，均一の使用料金が起動時間に比例して発生する．
サーバーレスアーキテクチャは，このような 独占的に割り当てられた計算リソースというものを完全に廃止することを出発点とする． サーバーレスアーキテクチャでは，計算のリソースは，クラウドプロバイダーがすべて管理する． クライアントは，仮想インスタンスを一台まるごと借りるのではなく，計算のタスクの需要が生まれる毎に，実行したいプログラム・コマンドをクラウドに提出する． クラウドプロバイダーは，自身のもつ巨大な計算リソースから空きを探し，提出されたプログラムを実行し，実行結果をクライアントに返す． 言い換えると，計算リソースのスケーリングやアロケーションなどはクラウドプロバイダーが一手に引き受け，ユーザーはジョブをサブミットすることに注力する，という枠組みである． これを図示すると， figure_title のようになる．
従来のクラウドと Serverless クラウドの比較
サーバーレスクラウドでは，スケーリングはすべてクラウドプロバイダーが引き受けるので，スケーラビリティーが保証されている． クライアントが同時に大量のタスクを送信した場合でも，クラウドプロバイダー側の独自の仕組みによってすべてのタスクが遅延なく実行される． また，サーバーレスクラウドを利用することで，クラウドのコストは実際に使用した計算の総量 (稼働時間) で決定されることになる． これは，計算の実行総量に関わらずインスタンスの起動時間で料金が決定されていた従来のシステムと比べて大きな違いである．
サーバーレスクラウドは，従来のクラウドとは根本から異なったアプローチなので，コードの書き方やシステムの設計が大きく異なる． サーバーレスクラウドを開発・運用するには，サーバーレス固有の概念や用語に精通している必要がある． 以降では，実際にクラウドを動かしながら，サーバーレスをより具体的に体験していこう．
従来型の(仮想インスタンスをたくさん起動するような)クラウドシステムは，賃貸と似ているかもしれない． 部屋を借りるというのは，その部屋でどれだけの時間を過ごそうが，月々の家賃は一定である． 同様に，仮想サーバーも，それがどれほどの計算を行っているかに関わらず，一定の料金が時間ごとに発生する．
一方で，サーバーレスクラウドは，電気・水道・ガス料金 と似ている． こちらは，実際に使用した量に比例して料金が決定されている． サーバーレスクラウドも，実際に計算を行った総時間で料金が決まる仕組みになっている．
サーバーレスクラウドを構成するコンポーネント ​
サーバーレスアーキテクチャの概要がわかってきたところで，ここでは AWS においてサーバーレスクラウドを構成する様々なコンポーネントを紹介していこう． 特に， Lambda, S3, DynamoDB を取り上げ，解説する (figure_title)． サーバーレスクラウドは，これらのコンポーネントを統合することで一つのシステムが出来上がる． ここでは， Lambda，S3，DynamoDB を利用する際に押さえておかなければならない知識を一通り説明しきる都合上，具体的なイメージがわきにくいかもしれない． が，続く (#sec_intro_serverless) でそれぞれについてハンズオン形式で演習を行うので，そこでさらに理解を深めれば大丈夫である．
Lambda, S3, DynamoDB のアイコン
Lambda ​
AWS でサーバーレスコンピューティングの中心を担うのが， Lambda である． Lambda の使い方を figure_title に図示している． Lambda の仕組みはシンプルで，まずユーザーは実行したいプログラムのコードを事前に登録しておく． プログラムは， Python, Node.js, Ruby などの主要な言語がサポートされている． Lambda に登録されたひとつひとつのプログラムを関数 (Function) とよぶ． そして，関数を実行したいときに，invoke コマンドを Lambda に送信する． Lambda では， invoke のリクエストを受け取るとただちに (数ミリセカンドから数百ミリセカンド程度の時間で) プログラムの実行を開始する． そして，実行結果をクライアントやその他の計算機に返す．
AWS Lambda
このように，Lambda では占有された仮想インスタンスは存在せず，実行を待っているプログラムだけがある状態である． invoke のリクエストに応じて，プログラムが AWS の巨大な計算機プールのどこかに配置され，実行される． 同時に複数のリクエストが来た場合でも， AWS はそれらを実行するための計算リソースを割り当て，並列的に処理を行ってくれる． 原理上は，数千から数万のリクエストが同時に来たとしても， Lambda はそれらを同時に実行することができる． このような，占有された仮想サーバーの存在なしに，動的に関数を実行するサービスのことを総称して FaaS (Function as a Service) とよぶ．
Lambda ではそれぞれの関数につき， 128MB から 10240MB のメモリーを使用することができる (執筆時点の仕様)． また，実効的な CPU のパワーはメモリーの量に比例する形で割り当てられる． すなわち，タスクに割り当てたメモリーの量が多ければ多いほど，より多くの CPU リソースが割り当てられることになる (しかし， RAM と CPU パワーの具体的な換算表は AWS からは公開されていない)． 実行時間は 100 ミリ秒の単位で記録され，実行時間に比例して料金が決定される． table_title は Lambda の利用料金表である (執筆時点で ap-north-east1 リージョンを選択した場合)．
Lambda の料金表
Memory (MB)Price per 100ms
128
$0.0000002083
512
$0.0000008333
1024
$0.0000016667
3008
$0.0000048958
実行時間に比例する料金に追加して，リクエストを送信するごとに発生する料金が設定されている． これは，百万回のリクエストにつき $0.2 である． たとえば， 128MB のメモリーを使用する関数を，それぞれ 200 ミリ秒，合計で 100 万回実行した場合， 0.0000002083 * 2 * 10^6 + 0.2 = $0.6 の料金となる． ウェブサーバーのデータベースの更新など簡単な計算であれば，200 ミリ秒程度で実行できる関数も多いことから，100 万回データベースの更新を行ったとしても，たった $0.6 しかコストが発生しないことになる． また，コードが実行されず待機状態になっている場合は，発生する料金は 0 である． このように，実際に意味のある処理が行われた時間にのみ，料金が発生する仕組みになっている．
Lambda は比較的短時間で完了する，反復性の高いタスクの実行に向いている． データベースの読み書きはその典型的な例であるが，そのほかにも，画像のサイズをトリミングしたり，サーバーサイドで定期的に実行されるメンテナンス処理などの利用が考えられる． また，複数の Lambda をリレー式に繋げることも可能で，シンプルな処理を組み合わせることで複雑なロジックを表現することができる．
上述の Lambda の料金計算は，説明のためコストに寄与する要素をいくつか省いている点は承知いただきたい． 例えば， DynamoDB の読み書きに関する料金や，ネットワークの通信にかかわるコストが考慮されていない．
サーバーレスストレージ: S3 ​
サーバーレスの概念は，ストレージにも拡張されている．
従来的なストレージ (ファイルシステム) では，必ずホストとなるマシンと OS が存在しなければならない． したがって，それほどパワーは必要ないまでも，ある程度の CPU リソースを割かなければならない． また，従来的なファイルシステムでは，データ領域のサイズは最初にディスクを初期化するときに決めなければならず，後から容量を増加させることはしばしば困難である (ZFS などのファイルシステムを使えばある程度は自由にファイルシステムのサイズを変更することは可能である)． よって，従来的なクラウドでは，ストレージを借りる際にはあらかじめディスクのサイズを指定せねばならず，ディスクの中身が空であろうと満杯であろうと，同じ利用料金が発生することになる (figure_title)．
Simple Storage Service (S3) は，サーバーレスなストレージシステムを提供する (figure_title)． S3 は従来的なストレージシステムと異なり， OS に"マウントする”という概念はない． 基本的に API を通じてデータの読み書きの操作が行われる． また，データの冗長化や暗号化，バックアップの作成など，通常ならば OS と CPU が介在しなければならない操作も， API を通じて行うことができる． S3 では事前に決められたディスク領域のサイズはなく，データを入れれば入れた分だけ，保存領域は拡大していく (仕様上はペタバイトスケールのデータを保存することが可能である)． ストレージにかかる料金は，保存してあるデータの総容量で決定される．
S3 と従来的なファイルシステムの比較
S3 を利用する際に，料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 説明のため主要な事項のみ取り出している． 詳細は 公式ドキュメンテーション "Amazon S3 pricing" を参照)．
S3 の利用料金
項目料金
Data storage (First 50TB)
$0.023 per GB per month
PUT, COPY, POST, LIST requests (per 1,000 requests)
$0.005
GET, SELECT, and all other requests (per 1,000 requests)
$0.0004
Data Transfer IN To Amazon S3 From Internet
$0
Data Transfer OUT From Amazon S3 To Internet
$0.09 per GB
第一に，データの保存には $0.025 per GB のコストが月ごとに発生する． したがって，1000GB のデータを S3 に一ヵ月保存した場合， $25 の料金が発生することになる． また，PUT, COPY, POST などのリクエスト (=データを書き込む操作) に対しては，データ容量に関係なく，1000 回ごとに $0.005 のコストが発生する． GET, SELECT などのリクエスト (=データを読み込む操作) に対しては，1000 回ごとに $0.0004 のコストが発生する． また， S3 はデータを外に取り出す際の通信にもコストが生じる． 執筆時点では，S3 からインターネットを通じて外部にデータを転送 (data-out) すると $0.09 per GB のコストが発生する． データをインターネットを通じて S3 に入れる (data-in) 通信は無料で行える． また， AWS の 同じ Region 内のサービス (Lambda や EC2 など) にデータを転送するのは無料である． AWS のリージョンをまたいだデータの転送にはコストが発生する． いずれにせよ，サーバーレスの概念に則り，すべての料金が従量課金制で決定される設定になっている．
サーバーレスデータベース: DynamoDB ​
サーバーレスの概念は，データベースにも適用することができる．
ここでいうデータベースとは， Web サービスなどにおけるユーザーや商品の情報を記録しておくための保存領域のことを指している． 従来的に有名なデータベースとしては MySQL, PostgreSQL, MongoDB などが挙げられる． データベースと普通のストレージの違いは，データの検索機能にある． 普通のストレージではデータは単純にディスクに書き込まれるだけだが， データベースでは検索がより効率的になるようなデータの配置がされたり， 頻繁にアクセスされるデータはメモリーにキャッシュされるなどの機能が備わっている． これにより，巨大なデータの中から，興味のある要素を高速に取得することができる．
このような検索機能を実現するには，当然 CPU の存在が必須である． したがって，従来的なデータベースを構築する際は，ストレージ領域に加えて，たくさんの CPU コアを搭載したマシンが用いられることが多い． また，データベースが巨大な場合は複数マシンにまたがった分散型のシステムが設計される． 分散型システムの場合は， Serverful クラウド (従来型) で議論したようにデータベースへのアクセス負荷に応じて適切なスケーリングがなされる必要がある．
DynamoDB は， AWS が提供しているサーバーレスな分散型データベースである． サーバーレスであるので，占有されたデータベース用仮想インスタンスは存在せず， API を通じてデータの書き込み・読み出し・検索などの操作を行う． S3 と同様に，データ保存領域の上限は定められておらず，データを入れれば入れた分だけ，保存領域は拡大していく． また，データベースへの負荷が増減したときのスケーリングは， DynamoDB が自動で行うので，ユーザーは心配する必要はない．
DynamoDB での利用料金の計算はやや複雑なのだが， "On-demand Capacity" というモードで使用した場合の料金に関わってくる主要な事項をまとめたのが table_title である (us-east-1 リージョンのもの． 詳細は 公式ドキュメンテーション "Pricing for On-Demand Capacity" を参照)．
DynamoDB の利用料金
項目料金
Write request units
$1.25 per million write request units
Read request units
$0.25 per million read request units
Data storage
$0.25 per GB-month
DynamoDB ではデータの書き込み操作の単位を write request unit とよび，データの読み込み操作の単位を read request unit とよぶ． 基本的に， 1kB 以下のデータを一度書き込むと 1 write request unit を消費し，4kB 以下のデータを一度読み込むと 1 read request unit を消費する (詳しくは 公式ドキュメンテーション "Read/Write Capacity Mode" を参照のこと)． write request units は 100 万回ごとに $1.25, read request units は 100 万回ごとに $0.25 のコストが設定されている． また，保存されたデータ容量に対して $0.25 per GB のコストが月ごとに発生する． DynamoDB は高速な検索機能などを備えたデータベースであるので， GB あたりのストレージコストは S3 に比べ 10 倍程度高い． DynamoDB のデータの転送に関わるコストは，同じリージョン内ならば data-in，data-out ともに $0 である． リージョンをまたいだ通信には別途コストが発生する．
その他のサーバーレスクラウドの構成要素 ​
以上で紹介した Lambda, S3, DynamoDB がサーバーレスクラウドの中で最も使用する頻度が高いサービスになる． その他のサーバーレスクラウドの構成要素を以下に列挙する． いくつかについては，今後のハンズオンを行う中で改めて解説を行う．
  • API Gateway: API を構築する際のルーティングを担う． (#sec_bashoutter) で取り上げる．
  • Fargate: (#sec_fargate_qabot) で触れた Fargate も，サーバーレスクラウドの要素の一部である． Lambda との違いは，Lambda よりも大容量のメモリーや CPU を要するような計算などを行うことができる点が挙げられる．
  • Simple Notification Service (SNS): サーバーレスのサービス間でイベントをやり取りするためのサービス．
  • Step Functions: サーバーレスのサービス間のオーケストレーションを担う．
サーバーレスアーキテクチャは万能か？
この問いへの答えは，筆者は NO であると考える．
ここまで，サーバーレスの利点を強調して説明をしてきたが，まだまだ新しい技術なだけに，欠点，あるいはサーバーフルなシステムに劣る点は数多くある．
大きな欠点を一つあげるとすれば，サーバーレスのシステムは各クラウドプラットフォームに固有なものなので，特定のプラットフォームでしか運用できないシステムになってしまう点であろう． AWS で作成したサーバーレスのシステムを， Google のクラウドに移植するには，かなり大掛かりなプログラムの書き換えが必要になる． 一方， serverful なシステムであれば，プラットフォーム間のマイグレーションは比較的簡単に行うことができる． クラウドプロバイダーとしては，自社のシステムへの依存度を強めることで，顧客を離さないようにするという狙いがあるのだろう…
その他，サーバーレスコンピューティングの欠点や今後の課題などは，次の論文で詳しく議論されている． 興味のある読者はぜひ読んでいただきたい．

+    
     
   
 
\ No newline at end of file
diff --git a/development/aws/webserver.html b/development/aws/webserver.html
index b22bb4f8..a6322ab0 100644
--- a/development/aws/webserver.html
+++ b/development/aws/webserver.html
@@ -5,16 +5,16 @@
     
     Web サービスの作り方 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
     
-    
+    
     
     
     
@@ -37,8 +37,8 @@
     
   
   
-    
Toshiki's Note
Appearance
Web サービスの作り方 ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:1.4k
 Reading:5 min
ここからが，本書第三部の内容になる． これまでのセクションでは，仮想サーバーをクラウド上に起動し，そこで計算を走らせる方法について解説をしてきた． EC2, ECS, Fargate, Batch などを利用して，動的にスケールするクラスターを構成し，並列にタスクを実行するクラウドシステムを実装してきた． 振り返ると，これまで紹介してきた内容は，自分自身が行いたい計算をクラウドを駆使することで実現する，という用途にフォーカスしていたことに気がつくだろう． 一方で，広く一般の人々に使ってもらえるような計算サービス・データベースを提供する，というのもクラウドの重要な役割として挙げられる．
本章から始まる第三部では，前回までとは少し方向性を変え，どのようにしてクラウド上にアプリケーションを展開し，広く一般の人に使ってもらうか，という点を講義したいと思う． これを通じて，どのようにして世の中のウェブサービスができ上がっているのかを知り，さらにどうやって自分でそのようなアプリケーションをゼロから構築するのか，という点を学んでもらう． その過程で，サーバーレスアーキテクチャという最新のクラウド設計手法を解説する．
その前準備として，本章ではどのようにしてウェブサービスが出来上がっているのか，その背後にある技術の概要を解説する． 用語の解説が中心となるが，後のハンズオンを実装するために必須の知識であるので，理解して前に進むよう心がけよう．
ウェブサービスの仕組み  — Twitter を例に ​
あなたがパソコンやスマートフォンから Twitter, Facebook, YouTube などのウェブサービスにアクセスしたとき，実際にどのようなことが行われ，コンテンツが提示されているのだろうか？
HTTP を通じたサーバーとクライアントのデータのやり取りは，すでに知っている読者も多いだろうし，逆にすべて解説しようとすると紙面が足りないので，ここではエッセンスの説明のみにとどめる． 以降では Twitter を具体例として，背後にあるサーバーとクライアントの間の通信を概説しよう． 概念図としては figure_title のような通信がクライアントとサーバーの間で行われていることになる．
クライアントと Web サーバーの通信の概念図
前提として，クライアントとサーバーの通信は HTTP (Hypertext Transfer Protocol) を使って行われる． また，最近では，暗号化された HTTP である HTTPS (HTTPS (Hypertext Transfer Protocol Secure)) を用いることがスタンダードになってきている． 第一のステップとして，クライアントは HTTP(S) 通信によってサーバーから静的なコンテンツを取得する． 静的なコンテンツとは， HTML (Hyptertext Markup Language) で記述されたウェブページの文書本体， CSS (Cascading Style Sheets) で記述されたページのデザインやレイアウトファイル，そして JavaScript (JS) で記述されたページの動的な挙動を定義したプログラム，が含まれる． Twitter を含む現代的なウェブアプリケーションの設計では，この静的なファイル群はページの”枠”を定義するだけで，中身となるコンテンツ (例: ツイートの一覧) は別途 API (Application Programming Interface) によって取得されなければならない． そこで，クライアントは先のステップで取得された JavaScript で定義されたプログラムに従って，サーバーに API を送信し，ツイートや画像データを取得する． この際，テキストデータのやり取りには JSON (JavaScript Object Notation) というフォーマットが用いられることが多い． 画像や動画などのコンテンツも同様に API により取得される． このようにして取得されたテキストや画像が，HTML の文書に埋め込まれることで，最終的にユーザーに提示されるページが完成するのである． また，新しいツイートを投稿するときにも，クライアントから API を通じてサーバーのデータベースにデータが書き込まれる．
REST API ​
API (Application Programming Interface) とはこれまで何度も出てきた言葉であるが，ここではよりフォーマルな定義付けを行う． API とはあるソフトウェア・アプリケーションが，外部のソフトウェアに対してコマンドやデータをやり取りするための媒介の一般的総称である． とくに，ウェブサービスの文脈では，サーバーが外界に対して提示しているコマンドの一覧のことを意味する． クライアントは，提示されている API から適切なコマンドを使うことによって，所望のデータを取得したり，あるいはサーバーにデータを送信したりする．
とくに，ウェブの文脈では REST (Representational State Transfer) とよばれる設計思想に基づいた API が現在では最も一般的に使われている． REST の設計指針に従った API のことを REST API あるいは RESTful API とよんだりする．
REST API は， figure_title に示したような Method と URI (Universal Resource Identifier) の組からなる．
REST API
Method (メソッド) とは，どのような操作を行いたいかを抽象的に表す，"動詞" として捉えることができる． メソッドには HTTP 規格で定義された 9 個の動詞 (verb) を使用することができる． この中でも， GET, POST, PUT, PATCH, DELETE の 5 個が最も頻繁に使用される (table_title)． この 5 つのメソッドによる操作を総称して CRUD (create, read, update, and delete) とよぶ．
REST API Methods
メソッド意図される動作
GET
要素を取得する
POST
新しい要素を作成する
PUT
既存の要素を新しい要素と置き換える
PATCH
既存の要素の一部を更新する
DELETE
要素を削除する
一方， URI は操作が行われる対象，すなわち "目的語" を表す． ウェブの文脈では操作が行われる対象のことをしばしば リソース とよぶ． URI は多くの場合 http または https から始まるウェブサーバーのアドレスから始まり， / (スラッシュ) 以降に所望のリソースのパスが指定される． figure_title の例で言えば， https://api.twitter.com というアドレスの /1.1/status/home_timeline というリソースを取得 (GET) せよ，という意味になる (なお，ここで 1.1 という数字は API のバージョンを示している)． この API リクエストによって，ユーザーのホームのタイムラインのツイートの一覧が取得される．
REST API のメソッドには， table_title で挙げたもの以外に， HTTP プロトコルで定義されているほかのメソッド (OPTIONS, TRACE など) を用いることもできるが，あまり一般的ではない．
また，これらのメソッドだけでは動詞として表現しきれないこともあるが， URI の名前でより意味を明確にすることもある． メソッドの使い方も，要素を削除する際は必ず DELETE を使わなければならない，という決まりもなく，たとえば， Twitter API でツイートを消す API は POST statuses/destroy/:id で定義されている． 最終的には，各ウェブサービスが公開している API ドキュメンテーションを読んで，それぞれの API がどんな操作をするのかを調べる必要がある．
REST の概念は 2000 年代初頭に確立され，今日の API 設計のスタンダードとなった． 一方で，ウェブのテクノロジーが進歩するにつれて，新たな API の設計アプローチの需要も高まっている． 近年とくに人気を集めているのが， GraphQL と呼ばれる API の設計方法である． GraphQL は Facebook 社によって最初に作られ，現在は GraghQL Foundation によって維持と更新がされている． GraphQL を使用すると，クライアントは REST と比較してより柔軟性の高いデータのクエリを行うことができるなど，いくつかの利点がある． キーワードだけでも知っておくと，今後役に立つだろう．
Twitter API ​
もう少し具体的にウェブサービスの API を体験する目的で，ここでは Twitter の API を見てみよう． Twitter が提供している API の一覧は Twitter の Developer Documentation で見ることができる． いくつかの代表的な API を table_title にまとめた．
Twitter API
エンドポイント動作
GET statuses/home_timeline
ホームのタイムラインのツイートの一覧を取得する．
GET statuses/show/:id
:id で指定されたツイートの詳細情報を取得する．
GET search
ツイートの検索を実行する．
POST statuses/update
新しいツイートを投稿する．
POST media/upload
画像をアップロードする
POST statuses/destroy/:id
:id で指定されたツイートを削除する．
POST statuses/retweet/:id
:id で指定されたツイートをリツイートする．
POST statuses/unretweet/:id
:id で指定されたツイートのリツイートを取り消す．
POST favorites/create
選択したツイートを"いいね"する．
POST favorites/destroy
選択したツイートを"いいね"を取り消す．
この API リストをもとに， Twitter のアプリまたはウェブサイトを開いたときに起こるクライアントとサーバーの通信をシミュレートしてみよう．
ユーザーが Twitter を開くと，まず最初に GET statuses/home_timeline の API リクエストによって，ユーザーのホームのタイムラインのツイートのリストが取得される． 個々のツイートは JSON 形式のデータになっており， id, text, user, coordinates, entities などの属性を含む． id はツイートに固有な ID を表し， text はツイートの本文を含んでいる． user はツイートを投稿したユーザーの名前やプロフィール画像の URL などを含んだ JSON データになっている． coordinates にはツイートが発信された地理的な座標が記録されている． また， entities にはツイートに関連するメディアファイル (画像など) のリンクなどの情報が埋め込まれている． GET statuses/home_timeline からは直近のツイートのリスト (リストが長すぎる場合は途中で切られたもの) が取得される． もしツイートの ID を知っている場合は GET statuses/show/:id を呼ぶことによって， :id パラメータで指定された特定のツイートを取得することができる．
ツイートの検索を行うためには GET search API を使用する． この API には，ツイートに含まれる単語や，ハッシュタグ，ツイートの発信された日時や場所など，様々なクエリの条件を渡すことができる． API からは， GET statuses/home_timeline などと同様， JSON 形式のツイートのデータが返される．
ユーザーが新しいツイートを投稿するには POST statuses/update のエンドポイントを利用する． POST statuses/update には，ツイートの文章や，リプライの場合はリプライ先のツイートの ID などのデータを送信する． また，ツイートに画像データを添付したい場合は， POST media/upload を併せて使用する． ツイートの削除を行うには， POST statuses/destroy/:id を用いる．
そのほか，頻繁に行われる操作としては， POST statuses/retweet/:id と POST statuses/unretweet/:id がある． これらは， :id で指定されるツイートに対して，それぞれリツイートを実行あるいは取り消すための API である． また， POST favorites/create，POST favorites/destroy を使用することによって，選択されたツイートに"いいね"を追加したり，取り消したりする操作を行う．
このような一連の操作が， Twitter のアプリの背後では行われている． また，自分自身でボットを作成したい場合は，これらの API を適切に組み合わせ，カスタムのプログラムを書くことで実現される．
このように， API はあらゆるウェブサービスを作るうえで一番基礎となる要素である． 次からの章では本章で紹介した用語が何度も出てくるので，頭の片隅に置いたうえで読み進めていただきたい．

-    
+    
Toshiki's Note
Appearance
Web サービスの作り方 ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:1.4k
 Reading:5 min
ここからが，本書第三部の内容になる． これまでのセクションでは，仮想サーバーをクラウド上に起動し，そこで計算を走らせる方法について解説をしてきた． EC2, ECS, Fargate, Batch などを利用して，動的にスケールするクラスターを構成し，並列にタスクを実行するクラウドシステムを実装してきた． 振り返ると，これまで紹介してきた内容は，自分自身が行いたい計算をクラウドを駆使することで実現する，という用途にフォーカスしていたことに気がつくだろう． 一方で，広く一般の人々に使ってもらえるような計算サービス・データベースを提供する，というのもクラウドの重要な役割として挙げられる．
本章から始まる第三部では，前回までとは少し方向性を変え，どのようにしてクラウド上にアプリケーションを展開し，広く一般の人に使ってもらうか，という点を講義したいと思う． これを通じて，どのようにして世の中のウェブサービスができ上がっているのかを知り，さらにどうやって自分でそのようなアプリケーションをゼロから構築するのか，という点を学んでもらう． その過程で，サーバーレスアーキテクチャという最新のクラウド設計手法を解説する．
その前準備として，本章ではどのようにしてウェブサービスが出来上がっているのか，その背後にある技術の概要を解説する． 用語の解説が中心となるが，後のハンズオンを実装するために必須の知識であるので，理解して前に進むよう心がけよう．
ウェブサービスの仕組み  — Twitter を例に ​
あなたがパソコンやスマートフォンから Twitter, Facebook, YouTube などのウェブサービスにアクセスしたとき，実際にどのようなことが行われ，コンテンツが提示されているのだろうか？
HTTP を通じたサーバーとクライアントのデータのやり取りは，すでに知っている読者も多いだろうし，逆にすべて解説しようとすると紙面が足りないので，ここではエッセンスの説明のみにとどめる． 以降では Twitter を具体例として，背後にあるサーバーとクライアントの間の通信を概説しよう． 概念図としては figure_title のような通信がクライアントとサーバーの間で行われていることになる．
クライアントと Web サーバーの通信の概念図
前提として，クライアントとサーバーの通信は HTTP (Hypertext Transfer Protocol) を使って行われる． また，最近では，暗号化された HTTP である HTTPS (HTTPS (Hypertext Transfer Protocol Secure)) を用いることがスタンダードになってきている． 第一のステップとして，クライアントは HTTP(S) 通信によってサーバーから静的なコンテンツを取得する． 静的なコンテンツとは， HTML (Hyptertext Markup Language) で記述されたウェブページの文書本体， CSS (Cascading Style Sheets) で記述されたページのデザインやレイアウトファイル，そして JavaScript (JS) で記述されたページの動的な挙動を定義したプログラム，が含まれる． Twitter を含む現代的なウェブアプリケーションの設計では，この静的なファイル群はページの”枠”を定義するだけで，中身となるコンテンツ (例: ツイートの一覧) は別途 API (Application Programming Interface) によって取得されなければならない． そこで，クライアントは先のステップで取得された JavaScript で定義されたプログラムに従って，サーバーに API を送信し，ツイートや画像データを取得する． この際，テキストデータのやり取りには JSON (JavaScript Object Notation) というフォーマットが用いられることが多い． 画像や動画などのコンテンツも同様に API により取得される． このようにして取得されたテキストや画像が，HTML の文書に埋め込まれることで，最終的にユーザーに提示されるページが完成するのである． また，新しいツイートを投稿するときにも，クライアントから API を通じてサーバーのデータベースにデータが書き込まれる．
REST API ​
API (Application Programming Interface) とはこれまで何度も出てきた言葉であるが，ここではよりフォーマルな定義付けを行う． API とはあるソフトウェア・アプリケーションが，外部のソフトウェアに対してコマンドやデータをやり取りするための媒介の一般的総称である． とくに，ウェブサービスの文脈では，サーバーが外界に対して提示しているコマンドの一覧のことを意味する． クライアントは，提示されている API から適切なコマンドを使うことによって，所望のデータを取得したり，あるいはサーバーにデータを送信したりする．
とくに，ウェブの文脈では REST (Representational State Transfer) とよばれる設計思想に基づいた API が現在では最も一般的に使われている． REST の設計指針に従った API のことを REST API あるいは RESTful API とよんだりする．
REST API は， figure_title に示したような Method と URI (Universal Resource Identifier) の組からなる．
REST API
Method (メソッド) とは，どのような操作を行いたいかを抽象的に表す，"動詞" として捉えることができる． メソッドには HTTP 規格で定義された 9 個の動詞 (verb) を使用することができる． この中でも， GET, POST, PUT, PATCH, DELETE の 5 個が最も頻繁に使用される (table_title)． この 5 つのメソッドによる操作を総称して CRUD (create, read, update, and delete) とよぶ．
REST API Methods
メソッド意図される動作
GET
要素を取得する
POST
新しい要素を作成する
PUT
既存の要素を新しい要素と置き換える
PATCH
既存の要素の一部を更新する
DELETE
要素を削除する
一方， URI は操作が行われる対象，すなわち "目的語" を表す． ウェブの文脈では操作が行われる対象のことをしばしば リソース とよぶ． URI は多くの場合 http または https から始まるウェブサーバーのアドレスから始まり， / (スラッシュ) 以降に所望のリソースのパスが指定される． figure_title の例で言えば， https://api.twitter.com というアドレスの /1.1/status/home_timeline というリソースを取得 (GET) せよ，という意味になる (なお，ここで 1.1 という数字は API のバージョンを示している)． この API リクエストによって，ユーザーのホームのタイムラインのツイートの一覧が取得される．
REST API のメソッドには， table_title で挙げたもの以外に， HTTP プロトコルで定義されているほかのメソッド (OPTIONS, TRACE など) を用いることもできるが，あまり一般的ではない．
また，これらのメソッドだけでは動詞として表現しきれないこともあるが， URI の名前でより意味を明確にすることもある． メソッドの使い方も，要素を削除する際は必ず DELETE を使わなければならない，という決まりもなく，たとえば， Twitter API でツイートを消す API は POST statuses/destroy/:id で定義されている． 最終的には，各ウェブサービスが公開している API ドキュメンテーションを読んで，それぞれの API がどんな操作をするのかを調べる必要がある．
REST の概念は 2000 年代初頭に確立され，今日の API 設計のスタンダードとなった． 一方で，ウェブのテクノロジーが進歩するにつれて，新たな API の設計アプローチの需要も高まっている． 近年とくに人気を集めているのが， GraphQL と呼ばれる API の設計方法である． GraphQL は Facebook 社によって最初に作られ，現在は GraghQL Foundation によって維持と更新がされている． GraphQL を使用すると，クライアントは REST と比較してより柔軟性の高いデータのクエリを行うことができるなど，いくつかの利点がある． キーワードだけでも知っておくと，今後役に立つだろう．
Twitter API ​
もう少し具体的にウェブサービスの API を体験する目的で，ここでは Twitter の API を見てみよう． Twitter が提供している API の一覧は Twitter の Developer Documentation で見ることができる． いくつかの代表的な API を table_title にまとめた．
Twitter API
エンドポイント動作
GET statuses/home_timeline
ホームのタイムラインのツイートの一覧を取得する．
GET statuses/show/:id
:id で指定されたツイートの詳細情報を取得する．
GET search
ツイートの検索を実行する．
POST statuses/update
新しいツイートを投稿する．
POST media/upload
画像をアップロードする
POST statuses/destroy/:id
:id で指定されたツイートを削除する．
POST statuses/retweet/:id
:id で指定されたツイートをリツイートする．
POST statuses/unretweet/:id
:id で指定されたツイートのリツイートを取り消す．
POST favorites/create
選択したツイートを"いいね"する．
POST favorites/destroy
選択したツイートを"いいね"を取り消す．
この API リストをもとに， Twitter のアプリまたはウェブサイトを開いたときに起こるクライアントとサーバーの通信をシミュレートしてみよう．
ユーザーが Twitter を開くと，まず最初に GET statuses/home_timeline の API リクエストによって，ユーザーのホームのタイムラインのツイートのリストが取得される． 個々のツイートは JSON 形式のデータになっており， id, text, user, coordinates, entities などの属性を含む． id はツイートに固有な ID を表し， text はツイートの本文を含んでいる． user はツイートを投稿したユーザーの名前やプロフィール画像の URL などを含んだ JSON データになっている． coordinates にはツイートが発信された地理的な座標が記録されている． また， entities にはツイートに関連するメディアファイル (画像など) のリンクなどの情報が埋め込まれている． GET statuses/home_timeline からは直近のツイートのリスト (リストが長すぎる場合は途中で切られたもの) が取得される． もしツイートの ID を知っている場合は GET statuses/show/:id を呼ぶことによって， :id パラメータで指定された特定のツイートを取得することができる．
ツイートの検索を行うためには GET search API を使用する． この API には，ツイートに含まれる単語や，ハッシュタグ，ツイートの発信された日時や場所など，様々なクエリの条件を渡すことができる． API からは， GET statuses/home_timeline などと同様， JSON 形式のツイートのデータが返される．
ユーザーが新しいツイートを投稿するには POST statuses/update のエンドポイントを利用する． POST statuses/update には，ツイートの文章や，リプライの場合はリプライ先のツイートの ID などのデータを送信する． また，ツイートに画像データを添付したい場合は， POST media/upload を併せて使用する． ツイートの削除を行うには， POST statuses/destroy/:id を用いる．
そのほか，頻繁に行われる操作としては， POST statuses/retweet/:id と POST statuses/unretweet/:id がある． これらは， :id で指定されるツイートに対して，それぞれリツイートを実行あるいは取り消すための API である． また， POST favorites/create，POST favorites/destroy を使用することによって，選択されたツイートに"いいね"を追加したり，取り消したりする操作を行う．
このような一連の操作が， Twitter のアプリの背後では行われている． また，自分自身でボットを作成したい場合は，これらの API を適切に組み合わせ，カスタムのプログラムを書くことで実現される．
このように， API はあらゆるウェブサービスを作るうえで一番基礎となる要素である． 次からの章では本章で紹介した用語が何度も出てくるので，頭の片隅に置いたうえで読み進めていただきたい．

+    
     
   
 
\ No newline at end of file
diff --git a/development/file-naming-convention.html b/development/file-naming-convention.html
index f409255b..37dbe53f 100644
--- a/development/file-naming-convention.html
+++ b/development/file-naming-convention.html
@@ -5,15 +5,15 @@
     
     File Name Conventions | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,74 +36,74 @@
     
   
   
-    
Toshiki's Note
Appearance
File Name Conventions ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:1.2k
 Reading:7 min
A collection of guidelines for writing file names used in web projects.
Possible characters ​
Use dashes as delimiters ​
  • You should use dashes (-) as delimiters.
  • Periods are allowed in some cases, such as for languages and conditions.
  • Never use spaces or underscores. Spaces are converted to %20 in URLs or can break an URL when shared. Underscores are difficult to see when the file name is displayed as an underlined link. Although the use of underscores does not impact your ranking that much, Google advices not to use underscores.
  • Exceptions apply for functional requirements, such as for Sass partials. A leading underscore informs the Sass compiler a file is only a partial file and should never be generated into a stand alone CSS file.
Right:
file-name-with-dashes.en.min.html
file-name-with-dashes.en.min.html
Do not use special characters ​
Avoid using non-alphanumeric characters in file names, such as: '*' ':' '\' '/' '<' '>' '|' '"' '!' '?' '[' ']' ';' '=' '+' '&' '£' '$' '€' '%' or ','. These characters can have special meaning in programming languages or can cause problems with different operating systems.
Use lowercase, never uppercase ​
We should always consider URLs as case-sensitive according to W3.org. Therefore, use lowercase to reduces errors when typing URLs.
Write sections of a file name in a consistent order ​
Sections should be written in this order:
  1. Description
  2. Number
  3. Date
  4. Target device, image size, pixel density
  5. Version number
  6. Status
  7. Language code
  8. File conditions
Possible combinations
description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
-description.min.js
-description.en.html
-description-01.jpg
-description-02.jpg
-description-1024x768_2x.jpg
-description-desk_2x.jpg
description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
-description.min.js
-description.en.html
-description-01.jpg
-description-02.jpg
-description-1024x768_2x.jpg
-description-desk_2x.jpg
Write description for developers and users ​
Don't be afraid to write long informative file names. Few people type a file name manually and most operating systems support 255 characters. But only add information that makes it easy for users and developers to recognize files from one another at a glance. For the description use information such as:
  • type of data
  • project name or acronym
  • subjects
  • people's names
  • characteristics
  • location
Give your images detailed, informative filenames The filename can give Google clues about the subject matter of the image. Try to make your filename a good description of the subject matter of the image. For example, my-new-black-kitten.jpg is a lot more informative than IMG00023.JPG. Descriptive filenames can also be useful to users: If we're unable to find suitable text in the page on which we found the image, we'll use the filename as the image's snippet in our search results. - Google, 2015, Image publishing guidelines
Keep people's names compact ​
Sometimes you want to include the name of a person in the file name, e.g. the author or the person in the photo.
  • Write names without word delimiters.
  • Only write initials for the first name and write the last name in full. There are two exceptions: (1) when the last name or final file name is very long you may use initials for the last name; (2) when there is already a person with the same combination, you may write the first name in full.
  • If people have exactly the same name written in full, you can add a number: firstnamelastname2.
Right:
bvandebiezen.jpg
-shoogenhout.jpg
-a-very-long-description-with-name-bvdb.jpg
-asmith.jpg
-adamsmith.jpg
-adamsmith2.jpg
bvandebiezen.jpg
-shoogenhout.jpg
-a-very-long-description-with-name-bvdb.jpg
-asmith.jpg
-adamsmith.jpg
-adamsmith2.jpg
Use two or more digits to distinguish sequential files with the same description ​
  • Start number with a dash as a delimiter.
  • Add a zero to single digit numbers, e.g. '01' instead of '1'.
  • Numbers may also be placed before the description if needed. A dash will still be used as delimiter with the description.
Right:
description-01.jpg
-description-02.jpg
-description-03.jpg
-description-04.jpg
-
-01-description.jpg
-02-description.jpg
-03-description.jpg
-04-description.jpg
description-01.jpg
-description-02.jpg
-description-03.jpg
-description-04.jpg
-
-01-description.jpg
-02-description.jpg
-03-description.jpg
-04-description.jpg
Keep dates or date ranges compact and start with year ​
  • Write dates without delimiters.
  • Always use four digits for years, two digits for months and two digits for days.
  • Start with year, then month, and end with day if available: yyyymmdd, yyyymm, or yyyy. This makes sure similar file names are sorted by date when sorted alphabetically.
  • Use a double dash to separate two dates describing an interval: yyyy--yyyy. Start with the earliest date.
Right:
description-20150401.php
-description-201504.php
-description-2015.php
-description-2000--2010.php
description-20150401.php
-description-201504.php
-description-2015.php
-description-2000--2010.php
See 'ISO 8601' for further reading.
Use special modifiers for target devices, image sizes or media queries, and pixel densities. ​
Modifiers are inspired by Apple iOS naming conventions. There are some differences. Apple uses '@'as a delimiter for the section indicating higher resolution images, for example '@2x' for retina images. Because '@' is a reserved character and can create problems, we use Bourbon's convention: an underscore. Also, Apple uses a tilde (~) as a delimiter for a section indicating specific devices. Because also a tilde can create problems, we suggest to simply use a dash.
  • Order should be: (1) target device or media query, (2) size, (3) pixel density.
  • Start target device or media queries with a dash (-) as delimiter.
  • Start image sizes with a dash (-) as delimiter.
  • Start pixel density with an underscore (_) as delimiter, for example '_2x' or '_3x'.
  • When only a width or height is available or applicable, add a 'w' for width or 'h' for height directly after the the amount of pixels.
  • When both measurements are available, do not add a 'w' or 'h' and separate the width and height with an 'x'.
  • When both the width and height should not exceed a dimension but the images should keep the original aspect ratio, add a 'max' (maximum) after the amount of pixels.
Right:
description_2x.jpg
-description-lap.jpg
-description-desk.jpg
-description-lap_2x.jpg
-description-palm-1024w_2x.jpg
-description-iphone5-568h_2x.jpg
-description-palm-1024x768_2x.jpg
-description-40max.jpg
description_2x.jpg
-description-lap.jpg
-description-desk.jpg
-description-lap_2x.jpg
-description-palm-1024w_2x.jpg
-description-iphone5-568h_2x.jpg
-description-palm-1024x768_2x.jpg
-description-40max.jpg
Use version numbers if available ​
  • Start version with a dash (-) as delimiter.
  • Use periods (.) to separate point releases.
  • Always add trailing zeros to major releases, e.g. '2.0' instead of '2'.
  • Types, such as 'a' (alpha), 'b' (beta), 'rc1' (release candidate 1) can be added without delimiters.
Right:
description-0.5.js
-description-1.0b.js
-description-1.0rc1.js
description-0.5.js
-description-1.0b.js
-description-1.0rc1.js
Add status when needed ​
  • You can optionally add a file status such as 'draft' and 'published'.
  • Start status with a dash.
Right:
description-draft.md
description-draft.md
Add language code only when different languages are available ​
  • Use a period to separate the language code from the rest of the file name.
  • Use ISO 639-1, two-letter codes, for languages.
  • Only add languages when different languages are available.
Right:
description.nl.txt
-description.en.txt
description.nl.txt
-description.en.txt
Add file conditions just before the file extension ​
  • The file condition should be the last part, just before the file extension.
  • Use a period (.) to separate the condition from the rest of the file name.
  • Use periods (.) as a delimiter for different conditions.
Right:
description.min.js
-description.custom1234.min.js
description.min.js
-description.custom1234.min.js
Rewrite original file names not following conventions ​
It is not preferred to keep file names in it's original format if it doesn't match your file name conventions. But in some cases it is easier to keep the file name untouched. Sometimes you want to easily replace a file with a newer one from the original source in the future.

-    
+    
Toshiki's Note
Appearance
File Name Conventions ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:1.2k
 Reading:7 min
A collection of guidelines for writing file names used in web projects.
Possible characters ​
Use dashes as delimiters ​
  • You should use dashes (-) as delimiters.
  • Periods are allowed in some cases, such as for languages and conditions.
  • Never use spaces or underscores. Spaces are converted to %20 in URLs or can break an URL when shared. Underscores are difficult to see when the file name is displayed as an underlined link. Although the use of underscores does not impact your ranking that much, Google advices not to use underscores.
  • Exceptions apply for functional requirements, such as for Sass partials. A leading underscore informs the Sass compiler a file is only a partial file and should never be generated into a stand alone CSS file.
Right:
file-name-with-dashes.en.min.html
file-name-with-dashes.en.min.html
Do not use special characters ​
Avoid using non-alphanumeric characters in file names, such as: '*' ':' '\' '/' '<' '>' '|' '"' '!' '?' '[' ']' ';' '=' '+' '&' '£' '$' '€' '%' or ','. These characters can have special meaning in programming languages or can cause problems with different operating systems.
Use lowercase, never uppercase ​
We should always consider URLs as case-sensitive according to W3.org. Therefore, use lowercase to reduces errors when typing URLs.
Write sections of a file name in a consistent order ​
Sections should be written in this order:
  1. Description
  2. Number
  3. Date
  4. Target device, image size, pixel density
  5. Version number
  6. Status
  7. Language code
  8. File conditions
Possible combinations
description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
+description.min.js
+description.en.html
+description-01.jpg
+description-02.jpg
+description-1024x768_2x.jpg
+description-desk_2x.jpg
description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
+description.min.js
+description.en.html
+description-01.jpg
+description-02.jpg
+description-1024x768_2x.jpg
+description-desk_2x.jpg
Write description for developers and users ​
Don't be afraid to write long informative file names. Few people type a file name manually and most operating systems support 255 characters. But only add information that makes it easy for users and developers to recognize files from one another at a glance. For the description use information such as:
  • type of data
  • project name or acronym
  • subjects
  • people's names
  • characteristics
  • location
Give your images detailed, informative filenames The filename can give Google clues about the subject matter of the image. Try to make your filename a good description of the subject matter of the image. For example, my-new-black-kitten.jpg is a lot more informative than IMG00023.JPG. Descriptive filenames can also be useful to users: If we're unable to find suitable text in the page on which we found the image, we'll use the filename as the image's snippet in our search results. - Google, 2015, Image publishing guidelines
Keep people's names compact ​
Sometimes you want to include the name of a person in the file name, e.g. the author or the person in the photo.
  • Write names without word delimiters.
  • Only write initials for the first name and write the last name in full. There are two exceptions: (1) when the last name or final file name is very long you may use initials for the last name; (2) when there is already a person with the same combination, you may write the first name in full.
  • If people have exactly the same name written in full, you can add a number: firstnamelastname2.
Right:
bvandebiezen.jpg
+shoogenhout.jpg
+a-very-long-description-with-name-bvdb.jpg
+asmith.jpg
+adamsmith.jpg
+adamsmith2.jpg
bvandebiezen.jpg
+shoogenhout.jpg
+a-very-long-description-with-name-bvdb.jpg
+asmith.jpg
+adamsmith.jpg
+adamsmith2.jpg
Use two or more digits to distinguish sequential files with the same description ​
  • Start number with a dash as a delimiter.
  • Add a zero to single digit numbers, e.g. '01' instead of '1'.
  • Numbers may also be placed before the description if needed. A dash will still be used as delimiter with the description.
Right:
description-01.jpg
+description-02.jpg
+description-03.jpg
+description-04.jpg
+
+01-description.jpg
+02-description.jpg
+03-description.jpg
+04-description.jpg
description-01.jpg
+description-02.jpg
+description-03.jpg
+description-04.jpg
+
+01-description.jpg
+02-description.jpg
+03-description.jpg
+04-description.jpg
Keep dates or date ranges compact and start with year ​
  • Write dates without delimiters.
  • Always use four digits for years, two digits for months and two digits for days.
  • Start with year, then month, and end with day if available: yyyymmdd, yyyymm, or yyyy. This makes sure similar file names are sorted by date when sorted alphabetically.
  • Use a double dash to separate two dates describing an interval: yyyy--yyyy. Start with the earliest date.
Right:
description-20150401.php
+description-201504.php
+description-2015.php
+description-2000--2010.php
description-20150401.php
+description-201504.php
+description-2015.php
+description-2000--2010.php
See 'ISO 8601' for further reading.
Use special modifiers for target devices, image sizes or media queries, and pixel densities. ​
Modifiers are inspired by Apple iOS naming conventions. There are some differences. Apple uses '@'as a delimiter for the section indicating higher resolution images, for example '@2x' for retina images. Because '@' is a reserved character and can create problems, we use Bourbon's convention: an underscore. Also, Apple uses a tilde (~) as a delimiter for a section indicating specific devices. Because also a tilde can create problems, we suggest to simply use a dash.
  • Order should be: (1) target device or media query, (2) size, (3) pixel density.
  • Start target device or media queries with a dash (-) as delimiter.
  • Start image sizes with a dash (-) as delimiter.
  • Start pixel density with an underscore (_) as delimiter, for example '_2x' or '_3x'.
  • When only a width or height is available or applicable, add a 'w' for width or 'h' for height directly after the the amount of pixels.
  • When both measurements are available, do not add a 'w' or 'h' and separate the width and height with an 'x'.
  • When both the width and height should not exceed a dimension but the images should keep the original aspect ratio, add a 'max' (maximum) after the amount of pixels.
Right:
description_2x.jpg
+description-lap.jpg
+description-desk.jpg
+description-lap_2x.jpg
+description-palm-1024w_2x.jpg
+description-iphone5-568h_2x.jpg
+description-palm-1024x768_2x.jpg
+description-40max.jpg
description_2x.jpg
+description-lap.jpg
+description-desk.jpg
+description-lap_2x.jpg
+description-palm-1024w_2x.jpg
+description-iphone5-568h_2x.jpg
+description-palm-1024x768_2x.jpg
+description-40max.jpg
Use version numbers if available ​
  • Start version with a dash (-) as delimiter.
  • Use periods (.) to separate point releases.
  • Always add trailing zeros to major releases, e.g. '2.0' instead of '2'.
  • Types, such as 'a' (alpha), 'b' (beta), 'rc1' (release candidate 1) can be added without delimiters.
Right:
description-0.5.js
+description-1.0b.js
+description-1.0rc1.js
description-0.5.js
+description-1.0b.js
+description-1.0rc1.js
Add status when needed ​
  • You can optionally add a file status such as 'draft' and 'published'.
  • Start status with a dash.
Right:
description-draft.md
description-draft.md
Add language code only when different languages are available ​
  • Use a period to separate the language code from the rest of the file name.
  • Use ISO 639-1, two-letter codes, for languages.
  • Only add languages when different languages are available.
Right:
description.nl.txt
+description.en.txt
description.nl.txt
+description.en.txt
Add file conditions just before the file extension ​
  • The file condition should be the last part, just before the file extension.
  • Use a period (.) to separate the condition from the rest of the file name.
  • Use periods (.) as a delimiter for different conditions.
Right:
description.min.js
+description.custom1234.min.js
description.min.js
+description.custom1234.min.js
Rewrite original file names not following conventions ​
It is not preferred to keep file names in it's original format if it doesn't match your file name conventions. But in some cases it is easier to keep the file name untouched. Sometimes you want to easily replace a file with a newer one from the original source in the future.

+    
     
   
 
\ No newline at end of file
diff --git a/development/proxy4shell-terminal.html b/development/proxy4shell-terminal.html
new file mode 100644
index 00000000..992f583e
--- /dev/null
+++ b/development/proxy4shell-terminal.html
@@ -0,0 +1,121 @@
+
+
+  
+    
+    
+    Proxies Configuration for Shells & Terminal | Toshiki's Note
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+  
+  
+    
Toshiki's Note
Appearance
Proxies Configuration for Shells & Terminal ​
 Author:Anda Toshiki
 Published:2023-11-02
 Updated:2 minutes ago
 Words:2.8k
 Reading:17 min
TL;DR ​
This article discusses the configuration of proxies for shells and terminals. It explains the advantages of using proxy servers to bypass network restrictions and surveillance. The article provides examples of the challenges faced when accessing foreign services and shows how to set up a proxy tunnel using the curl command. It also provides scripts and instructions for setting up proxy switches in different shell environments, such as zsh, bash, and Windows CMD and PowerShell. The article concludes with additional information on proxy configurations for applications like ssh and tips for working with authentication procedures.
1. Background ​
Proxies or namely proxy servers are by far one of the most affordable or cost-effective option to establish a masked layer connection to bypass the network restrictions with the annoying surveillance tracked by a local network ISP as compared to a click-to-use VPN service, which generically requires more individual invest to protect themselves under the insecure internet environment nowadays. When a user resides within the environment where the local gateways of full, user-dominant open access towards the internet is censored or restricted with domestic network blockages by the country.
 while I adopt absolute subjective yet objective perspectives on the individual viewpoints towards the MIIT department of each country those of which applies the internet regulatory services within the national range for avoiding pitfalls on misleading information brought by cross-border influences; meanwhile regardlessly such measures are still facing controversial debates amongst publics that vastly limits the independent freedom rights, though advantages must not be underestimated, still. 
2. The Major Issue ​
The majority of the issue still heavily preserves across the developmental fields which the layer of the blockage imposes limits on communicating with third-party, remote platforms such as Github or registries like NPM for frontend developments that stores key packages or components, as a requirement during a pre-built phase of a project. Most of the time foreign services becomes completely inaccessible or fortunately users could reach the services during a possible ISP maintenance downtime but normally the potentiality is mere, or hardly none yet the load speed before TTL connection expires are objectively slow, shortly before the origin site DNS being spoofed again. The unpleasant experiences with the networking somewhat affects interest on development reduces by high percentages or it even strand some awesome projects ran ashore ultimately.
The following screenshots are a more direct representation to visualize the differences between the connection towards one of the most beloved search engine, Google with the following command via curl.
sh
curl -I google.com
curl -I google.com
The command is used to fetch the headers of a URL or web page. When you run "curl -I" followed by a URL, the command sends an HTTP HEAD request to the specified URL and retrieves the HTTP headers of the response. This allows you to view the information contained in the response headers without requesting and downloading the entire content of the page. The headers typically include details like the server information, content type, content length, status codes, and more.
The following screenshot from terminal indicates the the final output of the package availability received without losses on a bare unmasked network environment, which returns FAIL in the final connection after a dry run fails 11s after when the TTL expires the connection fails.
The next screenshot from terminal indicates a temporary proxy tunnel is established both in http and https protocol tunneled through a local proxy gateway at the local systemic IP address at 127.0.0.1 and exposes the proxy server at a mix of socks/https/http protocol port at 7890, just simply with the traditional export method by setting up in the nonce, the command is given as followed.
sh
export http_proxy=http://127.0.0.1:7890
+export https_proxy=$http_proxy
export http_proxy=http://127.0.0.1:7890
+export https_proxy=$http_proxy
And then we re-enter the same command with curl from above; surprisingly, the header responses returned TTP/1.1 200 OK, thus the conclusion drawn here is the proxy server we launched was successfully up and running with tunneled access towards foreign sites without restrictions! Hooray!
◎ Curl in action with successful response header from Google
Since each proxy configuration might varies atop of the user preferred client, not including ShadowRocket, Clash, V2ray or other proprietary softwares that are licensed either behind a paywall to run with; or simply expensive to purchase a subscription; the proxy ports forwarded varies alongside the changes amongst clients. But the overall approach taken into the account still remains the same with the following traditional formats, the local IP of the machine (normally 127.0.0.1) followed after with the specified ports. In the scenario of the article is referenced as example, I chose Clash (in spite the entire Clash project repository as well as its affiliated forked projects are being taken down by anonymous reasons by either archiving the overall projects or simply shutting down due to possible legal actions or political reasons regarding the country of residency of various developers).
shj
# http protocal
+http://127.0.0.1:7890
+# https protocal
+https://127.0.0.1:7890
# http protocal
+http://127.0.0.1:7890
+# https protocal
+https://127.0.0.1:7890
2.1: Kill the Complexities; Unleash the Simplicity! ​
But, the logic routes to the central question on: How can we simplify the course of action on setting up proxies without manually run export command every single time we wish to use? Below is a simple approach by aliasing a shortcut code to a proxy switch script amended towards your shell configuration profile that initializes on every session startups, in this case I uses zsh since it's integrated as the default shell on macOS since the release of macOS Catalina, yet it's one of my most familiar and favored shell when was using other OS as well.
Though some people might use autosuggestion extensions as third-party shell features to automatically predict the command completion after a code piece is inputted such as zsh-autosuggestion plugin or fan of fish shell users has the native privilege of auto completions but I personally not fond of such featured integration since it might decelerate the load speed of an active session; I prefer stick tightly with original shell.
sh
# open your shell profile with an preferred editor
+$ vim ~/.zshrc
+
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+
+# restart your terminal with a new session or reload the config
+$ source ~/.zshrc
# open your shell profile with an preferred editor
+$ vim ~/.zshrc
+
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+
+# restart your terminal with a new session or reload the config
+$ source ~/.zshrc
The proxy essentially provides two shortcut command function defined with proxy_on and proxy_off. he proxy_on function sets the environment variables http_proxy and https_proxy to http://127.0.0.1:7890, which is the default proxy port of the traditional clash protocol, here is where you could replace the IP with other remote proxy servers or ports of other local proxies .Enabling a global proxy for the current terminal session. Meanwhile the proxy_off function unsets (removes) the http_proxy and https_proxy environment variables, effectively turning off the global proxy for the current terminal session. When any of the both executed, the indicator message will be echoed on the terminal, see the following screenshot in action.
◎ Enabling the shell session proxy with script
After you reload your shell profile you can test out the scripted command yourself. To test whether the proxy has a successful setup after the proxy has been switched on, run echo $http_proxy or https_proxy with a dollar sign in front of the alias as an indicator for environmental variable, the third command as shown in the screenshot above, the command will simply print the configured variable value addressed to the specified alias. Contrarily, if your terminal returns the following resultant,
sh
$ proxy_on
+zsh: command not found: proxy_on
$ proxy_on
+zsh: command not found: proxy_on
Then you will have to distinguish the exact shell you are currently on, the hereinafter content are mainly targeted towards novice learners whom are unable to track the shell types or configuration on particular operating systems. The configuration file for each shell varies their file names as well the location of storage; while Mac users could directly apply changes based on the instruction provided above if your system if Catalina or above. To know what exactly the active shell running, run,
sh
$ echo $SHELL
$ echo $SHELL
The returned string text will be the name of the current active shell, the following is a list of the possible shell profile config name affiliated with each shell; most of the config profile files should be lied under the ~ or the root/home folder of each operating system with a dot in front of the file names are inferred as hidden file or directory in most of the Unix-like systems, such as macOS, Ubuntu, Debian and etc, but some of the config file such as fish shell could locate in an isolated config directory. The usual format of a config file is as followed,
shell
~/.zshrc
~/.zshrc
The following is a list of the most common shells with their possible profile file names that corresponded,
  • /bin/bash : .bash_profile or .bashrc
  • /bin/zsh : .zprofile or .zshrc
  • /bin/fish:  ~/.config/fish/config
Still, the location might still varies, users might have to perform individual research to precisely locate their configuration file location, which is out of my jurisdiction of concerns (it's just evident action of procrastination and laziness, my apologies if none of the ones above fits your demand) ;).
For Unix-like users, after you have specified your shell as well as your config file name and locations, copy the following code chunk as command and paste it back into your terminal and run to apply permanent changes to the configuration.
sh
cat >> ~/.zshrc << EOF
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+EOF
cat >> ~/.zshrc << EOF
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+EOF
The script above will write-in and install the proxy switch script and save the the content to the very end of the file. As a kindly reminder, if your shell is not zsh make sure to replace the string after cat >> to the actual path of your profile as well as your proxy server IP and port to the actual functioning details to your own demand; then ultimately, don't for get to reinitialize the shell by close and reopen the terminal or simply sourcing the config,
sh
source ~/.zshrc
source ~/.zshrc
To check whether the proxy script has taken its effect to the current session, don't forget to rerun the same echo command indicated as above. And up until here, the script has been properly installed and operatable as a charm, if your's still does not take any effect, go through the process again and read carefully through the documentation.
3: To All Windows Users ​
The documentation above are mainly targeted towards macOS & Linux users, to setup local proxy with Windows machines there is a complete different approach if you are more comfortably working with Powershells and CMD, since I disused windows less and less frequently by the time I decided to upgrade my device to macOS; even if I did use Windows my primary choice of developmental environment is still Linux by the native support of WSL with enhanced Ubuntu version in a virtual environment; the following commands are only done from my prior researches, I do not fully guarantee the usability of the commands, please use them at your own risks if any unexpected errors not only including system crashes or other affiliated damages, I do not relate responsibility to any of those presented.
Simple concluding, abandon proprietary software, fall in the hug of open source; Linux even if most of the users might feel overwhelming when getting started with the system first :). Alright, enough with off-topic talkings, let's jump right in the process.
3.1: CMD ​
cmd
set http_proxy=http://127.0.0.1:7890
+set https_proxy=http://127.0.0.1:7890
set http_proxy=http://127.0.0.1:7890
+set https_proxy=http://127.0.0.1:7890
The commands are basically the same to Unix but the major difference is the amend commands in Windows are set instead of export. Once again I haven't personally tested the command, thus only use them as a reference. And whenever you wish to unset the global proxy for the session just simply run the set proxy command again but without any proxy server details.
cmd
set http_proxy=
+set https_proxy=
set http_proxy=
+set https_proxy=
3.2: PowerShell ​
Alike CMD, the string after are exactly the same but the setup prefix command differentiates,
powershell
$env:http_proxy="http://127.0.0.1:1080"
+$env:https_proxy="http://127.0.0.1:1080"
$env:http_proxy="http://127.0.0.1:1080"
+$env:https_proxy="http://127.0.0.1:1080"
And to revert to the default proxy setting, execute the following command to unset both the http and https proxy.
powershell
$env:http_proxy=""
+$env:https_proxy=""
$env:http_proxy=""
+$env:https_proxy=""
4: Extended Trivia on Proxy ​
Sometimes a proxy server may require an authentication procedure involving passcode for accessing before establishing a secure connection to interact with the server itself. From the partial article above we only discussed on a simple local proxy server setup including a host IP with its forwarded port gateways; but when facing the scenario described for a net connection, we will need a bit more complex method when working in the CLI environment.
Before we start, quoting from one of the answer from AskUbuntu, resolving the misconception on the difference between terminal application and the net utilities falls underly,
Terminal is not net application. Maybe is better to say, in your case, terminal is container for net application like ssh, telnet, lftp, wget, lynx ...
A terminal provides a command-line interface that allows users to send commands and receive responses from network applications, facilitating communication and control over a network connection. It acts as a mediator between the user and the network applications, enabling the user to send instructions and receive information, but not a proxy client.
Done with the technical talkings, now let's dive into the actual configuration process of the shell. Other than simply inputting a host IP and a port followed, the following formats are the default configuration for a proxy server with HTTP connection protocol, follow the exact same process as described based on your shell type, modify the fields with the following,
shell
export http_proxy=http://username:password@proxyhost:port/
+export ftp_proxy=http://username:password@proxyhost:port/
+export telnet_proxy=http://username:password@proxyhost:port/
export http_proxy=http://username:password@proxyhost:port/
+export ftp_proxy=http://username:password@proxyhost:port/
+export telnet_proxy=http://username:password@proxyhost:port/
Another approach suggested by the same user whom provided the answer on AskUbuntu for all Ubuntu users, edit the proxy configuration at the root of your machine as follows,
sh
sudo -H vim /etc/profile.d/proxy.sh
sudo -H vim /etc/profile.d/proxy.sh
And add the exported proxy members aligning the format as above, then save and reinitialize the environment, viola. The patches edited are mainly targeted for incorporating with wget, ftp, lftp, telnet in terminal.
When working with ssh instance over a proxy, a different approach has to be taken since SSH library does not natively support SOCKS5 client, user will have to pass a ProxyCommand option as a workaround to apply proxied connection, below is an instance of socat,
sh
ssh -o ProxyCommand='socat - SOCKS4A:myproxy:%h:%p,socksuser=nobody' user@host
ssh -o ProxyCommand='socat - SOCKS4A:myproxy:%h:%p,socksuser=nobody' user@host
The proxyCommand option allows user to integrate socat as an intermediary mediator to establish connection above a proxy. Other alternatives like tsocks are as well viable to transparently use SOCKS for TCP traffic, Exemplifying running SOCKS5 over socat2,
bash
ssh -o ProxyCommand='socat - "SOCKS5:%h:%p|tcp:myproxy:1080"' user@host
ssh -o ProxyCommand='socat - "SOCKS5:%h:%p|tcp:myproxy:1080"' user@host
Further, socat2 for HTTP Proxy CONNECT method,
bash
ssh -o ProxyCommand='socat - "PROXY:%h:%p|tcp:myproxy:80"' user@host
ssh -o ProxyCommand='socat - "PROXY:%h:%p|tcp:myproxy:80"' user@host
Reference

+    
+    
+  
+
\ No newline at end of file
diff --git a/development/rclone-for-r2.html b/development/rclone-for-r2.html
index 92d654ca..a3bdde56 100644
--- a/development/rclone-for-r2.html
+++ b/development/rclone-for-r2.html
@@ -5,15 +5,15 @@
     
     Configure rclone for R2 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,62 +36,62 @@
     
   
   
-    
Toshiki's Note
Appearance
Configure rclone for R2 ​
 Author:Anda Toshiki
 Updated:4 minutes ago
 Words:336
 Reading:2 min
Example of how to configure rclone to use R2.
You must generate an Access Key before getting started. All examples will utilize access_key_id and access_key_secret variables which represent the Access Key ID and Secret Access Key values you generated.
With rclone installed, you may run rclone config to configure a new S3 storage provider. You will be prompted with a series of questions for the new prvider details.
If you have already configured rclone in the past, you may run rclone config file to print the location of your rclone configuration file:
bash
$ rclone config file
-# Configuration file is stored at:
-# ~/.config/rclone/rclone.conf
$ rclone config file
-# Configuration file is stored at:
-# ~/.config/rclone/rclone.conf
Then use an editor (nano or vim, for example) to add or edit the new provider. This example assumes you are adding a new r2demo provider:
bash
[r2]
-type = s3
-provider = Cloudflare
-access_key_id = abc123 # Your access_key_id
-secret_access_key = xyz456 # Your access_key_secret
-endpoint = https://<accountid>.r2.cloudflarestorage.com
-acl = private
[r2]
-type = s3
-provider = Cloudflare
-access_key_id = abc123 # Your access_key_id
-secret_access_key = xyz456 # Your access_key_secret
-endpoint = https://<accountid>.r2.cloudflarestorage.com
-acl = private
You may then use the new rclone provider for any of your normal workflows.
List buckets & objects ​
The rclone tree command can be used to list the contents of the remote, in this case Cloudflare R2.
bash
$ rclone tree r2demo:
-# /
-# ├── user-uploads
-# │   └── foobar.png
-# └── my-bucket-name
-#     ├── cat.png
-#     └── todos.txt
+    
Toshiki's Note
Appearance
Configure rclone for R2 ​
 Author:Anda Toshiki
 Updated:2 minutes ago
 Words:336
 Reading:2 min
Example of how to configure rclone to use R2.
You must generate an Access Key before getting started. All examples will utilize access_key_id and access_key_secret variables which represent the Access Key ID and Secret Access Key values you generated.
With rclone installed, you may run rclone config to configure a new S3 storage provider. You will be prompted with a series of questions for the new prvider details.
If you have already configured rclone in the past, you may run rclone config file to print the location of your rclone configuration file:
bash
$ rclone config file
+# Configuration file is stored at:
+# ~/.config/rclone/rclone.conf
$ rclone config file
+# Configuration file is stored at:
+# ~/.config/rclone/rclone.conf
Then use an editor (nano or vim, for example) to add or edit the new provider. This example assumes you are adding a new r2demo provider:
bash
[r2]
+type = s3
+provider = Cloudflare
+access_key_id = abc123 # Your access_key_id
+secret_access_key = xyz456 # Your access_key_secret
+endpoint = https://<accountid>.r2.cloudflarestorage.com
+acl = private
[r2]
+type = s3
+provider = Cloudflare
+access_key_id = abc123 # Your access_key_id
+secret_access_key = xyz456 # Your access_key_secret
+endpoint = https://<accountid>.r2.cloudflarestorage.com
+acl = private
You may then use the new rclone provider for any of your normal workflows.
List buckets & objects ​
The rclone tree command can be used to list the contents of the remote, in this case Cloudflare R2.
bash
$ rclone tree r2demo:
+# /
+# ├── user-uploads
+# │   └── foobar.png
+# └── my-bucket-name
+#     ├── cat.png
+#     └── todos.txt
 
-$ rclone tree r2demo:my-bucket-name
-# /
-# ├── cat.png
-# └── todos.txt
$ rclone tree r2demo:
-# /
-# ├── user-uploads
-# │   └── foobar.png
-# └── my-bucket-name
-#     ├── cat.png
-#     └── todos.txt
+$ rclone tree r2demo:my-bucket-name
+# /
+# ├── cat.png
+# └── todos.txt
$ rclone tree r2demo:
+# /
+# ├── user-uploads
+# │   └── foobar.png
+# └── my-bucket-name
+#     ├── cat.png
+#     └── todos.txt
 
-$ rclone tree r2demo:my-bucket-name
-# /
-# ├── cat.png
-# └── todos.txt
Upload and retrieve objects ​
The rclone copy command can be used to upload objects to an R2 bucket and vice versa - this allows you to upload files up to the 5 TB maximum object size that R2 supports.
bash
# Upload dog.txt to the user-uploads bucket
-$ rclone copy dog.txt r2demo:user-uploads/dog.txt
-$ rclone tree r2demo:user-uploads
-# /
-# ├── foobar.png
-# └── dog.txt
+$ rclone tree r2demo:my-bucket-name
+# /
+# ├── cat.png
+# └── todos.txt
Upload and retrieve objects ​
The rclone copy command can be used to upload objects to an R2 bucket and vice versa - this allows you to upload files up to the 5 TB maximum object size that R2 supports.
bash
# Upload dog.txt to the user-uploads bucket
+$ rclone copy dog.txt r2demo:user-uploads/dog.txt
+$ rclone tree r2demo:user-uploads
+# /
+# ├── foobar.png
+# └── dog.txt
 
-# Download dog.txt from the user-uploads bucket
-$ rclone copy r2demo:user-uploads/dog.txt dog.txt
# Upload dog.txt to the user-uploads bucket
-$ rclone copy dog.txt r2demo:user-uploads/dog.txt
-$ rclone tree r2demo:user-uploads
-# /
-# ├── foobar.png
-# └── dog.txt
+# Download dog.txt from the user-uploads bucket
+$ rclone copy r2demo:user-uploads/dog.txt dog.txt
# Upload dog.txt to the user-uploads bucket
+$ rclone copy dog.txt r2demo:user-uploads/dog.txt
+$ rclone tree r2demo:user-uploads
+# /
+# ├── foobar.png
+# └── dog.txt
 
-# Download dog.txt from the user-uploads bucket
-$ rclone copy r2demo:user-uploads/dog.txt dog.txt
Generate presigned URLs ​
You can also generate presigned links which allow you to share public access to a file temporarily using the rclone link command.

-    
+# Download dog.txt from the user-uploads bucket
+$ rclone copy r2demo:user-uploads/dog.txt dog.txt
Generate presigned URLs ​
You can also generate presigned links which allow you to share public access to a file temporarily using the rclone link command.

+    
     
   
 
\ No newline at end of file
diff --git a/feed.xml b/feed.xml
index a111dddc..eec69eb2 100644
--- a/feed.xml
+++ b/feed.xml
@@ -4,7 +4,7 @@
         toshiki-notebook
         https://note.toshiki.dev
         Toshiki's web notebook served via Vitepress!
-        Fri, 22 Sep 2023 10:17:15 GMT
+        Fri, 03 Nov 2023 22:54:27 GMT
         https://validator.w3.org/feed/docs/rss2.html
         https://github.com/jpmonette/feed
         en-US
@@ -3553,67 +3553,67 @@ M834 80h400000v40h-400000z'/>
 
 
1: Installation ​

 
Before you start using this plugin, make sure you have already installed the default markdown-it parser; if not, please run the following command or refer to the official markdown-it documentation.

-
sh
$ npm install markdown-it --save
$ npm install markdown-it --save

+
sh
$ npm install markdown-it --save
$ npm install markdown-it --save

 
First install package with your preferred package manager (npm, yarn, pnpm), or include javascript before the closing </body> for markdown-it-katex's core utils to be loaded for the static page.

-

-
sh
$ npm install -D @andatoshiki/markdown-it-katex
$ npm install -D @andatoshiki/markdown-it-katex

-
sh
$ yarn add --dev @andatoshiki/markdown-it-katex
$ yarn add --dev @andatoshiki/markdown-it-katex

-
sh
$ pnpm add -D @andatoshiki/markdown-it-katex
$ pnpm add -D @andatoshiki/markdown-it-katex

-
html
<!-- your other body contents ... -->
-    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
-</body>
<!-- your other body contents ... -->
-    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
-</body>

+

+
sh
$ npm install -D @andatoshiki/markdown-it-katex
$ npm install -D @andatoshiki/markdown-it-katex

+
sh
$ yarn add --dev @andatoshiki/markdown-it-katex
$ yarn add --dev @andatoshiki/markdown-it-katex

+
sh
$ pnpm add -D @andatoshiki/markdown-it-katex
$ pnpm add -D @andatoshiki/markdown-it-katex

+
html
<!-- your other body contents ... -->
+    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
+</body>
<!-- your other body contents ... -->
+    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
+</body>

 

 
Including KaTeX CSS is necessary in the way you are convenient with, either link the stylesheet from a third party CDN into the local HTML <head> tag or import it into a currently linked CSS stylesheets to enable styles for KaTeX globally as follows,

 
Or, you could clone or download the entire repository source of KaTeX and self load the fonts/styles/scripts locally, but if you prefer loading from third-party CDN with faster load speed when deployed to save your server resources, the following CDN links might be your choice, you can always switch to other platforms based on your need.

-

-
html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />

-
html
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />

-
html
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />

-
html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />

-
html
<link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
<link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />

-
scss
// ... your other styles
-@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
// ... your other styles
-@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';

+

+
html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />

+
html
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />

+
html
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />

+
html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />

+
html
<link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
<link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />

+
scss
// ... your other styles
+@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
// ... your other styles
+@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';

 

 
If you are using the default markdown-it parser, I personally recommend that you use the GitHub markdown CSS (github-markdown-css) for styling your HTML output with a similar style replica of GitHub's markdown styling to your familiarity.

-
html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />

+
html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />

 
This forked project maintained by Anda Toshiki comes with the update of KaTeX components with higher style version support (this documentation uses KaTeX version 16.0, without hassels), later versions may works, but no guarantees are given by the developers, if you are not obsessed with the latest released version, 16.0 may fits your need for loading KaTeX on a personal blog site or small educational sites; yet it should work fully functionally.

 
Warning

 
Since this project is a fork of the original markdown-it-katex project that hasn't been receiving any active updates of its code source for years, the latest katex style version supported is somewhere around ver. 0.9.0 which clearly is outdated and results in broken styles with overflowing and other potential bug presents.

 

 
2: Usage ​

 
RTo render equations, you need to include the markdown-it-katex plugin in the markdown-it components in your JavaScript or TypeScript file as follows,

-

-
js
var md = require('markdown-it')(),
-    mk = require('andatoshiki/markdown-it-katex')
+

+
js
var md = require('markdown-it')(),
+    mk = require('andatoshiki/markdown-it-katex')
 
-md.use(mk)
+md.use(mk)
 
-// double backslash is required for javascript strings, but not html input
-var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
var md = require('markdown-it')(),
-    mk = require('andatoshiki/markdown-it-katex')
+// double backslash is required for javascript strings, but not html input
+var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
var md = require('markdown-it')(),
+    mk = require('andatoshiki/markdown-it-katex')
 
-md.use(mk)
+md.use(mk)
 
-// double backslash is required for javascript strings, but not html input
-var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')

-
ts
import * as mk from 'markdown-it-katex'
-import * as MarkdownIt from '@andatoshiki/markdown-it'
+// double backslash is required for javascript strings, but not html input
+var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')

+
ts
import * as mk from 'markdown-it-katex'
+import * as MarkdownIt from '@andatoshiki/markdown-it'
 
-const md = new MarkdownIt()
-md.use(mk)
+const md = new MarkdownIt()
+md.use(mk)
 
-// double backslash is not required for TypeScript strings or template literals
-const result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
import * as mk from 'markdown-it-katex'
-import * as MarkdownIt from '@andatoshiki/markdown-it'
+// double backslash is not required for TypeScript strings or template literals
+const result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
import * as mk from 'markdown-it-katex'
+import * as MarkdownIt from '@andatoshiki/markdown-it'
 
-const md = new MarkdownIt()
-md.use(mk)
+const md = new MarkdownIt()
+md.use(mk)
 
-// double backslash is not required for TypeScript strings or template literals
-const result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')

+// double backslash is not required for TypeScript strings or template literals
+const result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')

 

 
3: Configuration ​

 
The following list of variable are the customizable components of markdown-it-katex, adjust to your needs,

@@ -3622,11 +3622,11 @@ M834 80h400000v40h-400000z'/>
 
  • blockClass: Class added to KaTeX block.
    • 
 
  • Apply any other KaTeX options if needed as a regard to the docs
    • 
 
-
    js
    md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
    md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
    
+
    js
    md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
    md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
    
 
    4: Examples ​
    
 
    4.1: Inline math ​
    
 
    To render your LaTeX equations inline, enclose them with a single dollar sign $ on each side of the equation as follows,
    
-
    tex
    $\sqrt{3x-1}+(1+x)^2$
    $\sqrt{3x-1}+(1+x)^2$
    
+
    tex
    $\sqrt{3x-1}+(1+x)^2$
    $\sqrt{3x-1}+(1+x)^2$
    
 
    rendered output equation as follows, 3x−1+(1+x)2\sqrt{3x-1}+(1+x)^2.
    
 
    4.2: Blocked math ​
    
 
    To render blocks, use double dollar sign ($$). This mode utilizes larger symbols and centers the result as a block displayed as a <div> block in HTML output, as follows,
    
-
    tex
    $$
-\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
-= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
-$$
    $$
-\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
-= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
-$$
    
+
    tex
    $$
+\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
+= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
+$$
    $$
+\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
+= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
+$$
    
 
    the above block equation renders the LaTeX equation as a block with output as follows,
    
 
    ∂r∂ωr(yωω)=(yωω){(log⁡y)r+∑i=1r(−1)Ir⋯(r−i+1)(log⁡y)riωi}\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
 = \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
@@ -3672,67 +3672,67 @@ M834 80h400000v40h-400000z'/>
 
 
    1: Installation ​
    
 
    Before you start using this plugin, make sure you have already installed the default markdown-it parser; if not, please run the following command or refer to the official markdown-it documentation.
    
-
    sh
    $ npm install markdown-it --save
    $ npm install markdown-it --save
    
+
    sh
    $ npm install markdown-it --save
    $ npm install markdown-it --save
    
 
    First install package with your preferred package manager (npm, yarn, pnpm), or include javascript before the closing </body> for markdown-it-katex's core utils to be loaded for the static page.
    
-
    
-
    sh
    $ npm install -D @andatoshiki/markdown-it-katex
    $ npm install -D @andatoshiki/markdown-it-katex
    
-
    sh
    $ yarn add --dev @andatoshiki/markdown-it-katex
    $ yarn add --dev @andatoshiki/markdown-it-katex
    
-
    sh
    $ pnpm add -D @andatoshiki/markdown-it-katex
    $ pnpm add -D @andatoshiki/markdown-it-katex
    
-
    html
    <!-- your other body contents ... -->
-    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
-</body>
    <!-- your other body contents ... -->
-    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
-</body>
    
+
    
+
    sh
    $ npm install -D @andatoshiki/markdown-it-katex
    $ npm install -D @andatoshiki/markdown-it-katex
    
+
    sh
    $ yarn add --dev @andatoshiki/markdown-it-katex
    $ yarn add --dev @andatoshiki/markdown-it-katex
    
+
    sh
    $ pnpm add -D @andatoshiki/markdown-it-katex
    $ pnpm add -D @andatoshiki/markdown-it-katex
    
+
    html
    <!-- your other body contents ... -->
+    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
+</body>
    <!-- your other body contents ... -->
+    <script src="https://unpkg.com/@andatoshiki/markdown-it-katex@0.0.3/markdown-it-katex.min.js"></script>
+</body>
    
 
    
 
    Including KaTeX CSS is necessary in the way you are convenient with, either link the stylesheet from a third party CDN into the local HTML <head> tag or import it into a currently linked CSS stylesheets to enable styles for KaTeX globally as follows,
    
 
    Or, you could clone or download the entire repository source of KaTeX and self load the fonts/styles/scripts locally, but if you prefer loading from third-party CDN with faster load speed when deployed to save your server resources, the following CDN links might be your choice, you can always switch to other platforms based on your need.
    
-
    
-
    html
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
    
-
    html
    <link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
    <link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
    
-
    html
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
    
-
    html
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
    
-
    html
    <link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
    <link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
    
-
    scss
    // ... your other styles
-@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
    // ... your other styles
-@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
    
+
    
+
    html
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
    
+
    html
    <link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
    <link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
    
+
    html
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" />
    
+
    html
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.0/katex.min.css" />
    
+
    html
    <link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
    <link rel="stylesheet" href="https://unpkg.com/katex@0.16.0/dist/katex.min.css" />
    
+
    scss
    // ... your other styles
+@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
    // ... your other styles
+@import 'https://cdnjs.toshiki.dev/ajax/libs/KaTeX/0.16.0/katex.min.css';
    
 
    
 
    If you are using the default markdown-it parser, I personally recommend that you use the GitHub markdown CSS (github-markdown-css) for styling your HTML output with a similar style replica of GitHub's markdown styling to your familiarity.
    
-
    html
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
    
+
    html
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown.min.css" />
    
 
    This forked project maintained by Anda Toshiki comes with the update of KaTeX components with higher style version support (this documentation uses KaTeX version 16.0, without hassels), later versions may works, but no guarantees are given by the developers, if you are not obsessed with the latest released version, 16.0 may fits your need for loading KaTeX on a personal blog site or small educational sites; yet it should work fully functionally.
    
 
    Warning
    
 
    Since this project is a fork of the original markdown-it-katex project that hasn't been receiving any active updates of its code source for years, the latest katex style version supported is somewhere around ver. 0.9.0 which clearly is outdated and results in broken styles with overflowing and other potential bug presents.
    
 
    
 
    2: Usage ​
    
 
    RTo render equations, you need to include the markdown-it-katex plugin in the markdown-it components in your JavaScript or TypeScript file as follows,
    
-
    
-
    js
    var md = require('markdown-it')(),
-    mk = require('andatoshiki/markdown-it-katex')
+
    
+
    js
    var md = require('markdown-it')(),
+    mk = require('andatoshiki/markdown-it-katex')
 
-md.use(mk)
+md.use(mk)
 
-// double backslash is required for javascript strings, but not html input
-var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
    var md = require('markdown-it')(),
-    mk = require('andatoshiki/markdown-it-katex')
+// double backslash is required for javascript strings, but not html input
+var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
    var md = require('markdown-it')(),
+    mk = require('andatoshiki/markdown-it-katex')
 
-md.use(mk)
+md.use(mk)
 
-// double backslash is required for javascript strings, but not html input
-var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
    
-
    ts
    import * as mk from 'markdown-it-katex'
-import * as MarkdownIt from '@andatoshiki/markdown-it'
+// double backslash is required for javascript strings, but not html input
+var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
    
+
    ts
    import * as mk from 'markdown-it-katex'
+import * as MarkdownIt from '@andatoshiki/markdown-it'
 
-const md = new MarkdownIt()
-md.use(mk)
+const md = new MarkdownIt()
+md.use(mk)
 
-// double backslash is not required for TypeScript strings or template literals
-const result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
    import * as mk from 'markdown-it-katex'
-import * as MarkdownIt from '@andatoshiki/markdown-it'
+// double backslash is not required for TypeScript strings or template literals
+const result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
    import * as mk from 'markdown-it-katex'
+import * as MarkdownIt from '@andatoshiki/markdown-it'
 
-const md = new MarkdownIt()
-md.use(mk)
+const md = new MarkdownIt()
+md.use(mk)
 
-// double backslash is not required for TypeScript strings or template literals
-const result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
    
+// double backslash is not required for TypeScript strings or template literals
+const result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$')
    
 
    
 
    3: Configuration ​
    
 
    The following list of variable are the customizable components of markdown-it-katex, adjust to your needs,
    
@@ -3741,11 +3741,11 @@ M834 80h400000v40h-400000z'/>
 
  • blockClass: Class added to KaTeX block.
    • 
 
  • Apply any other KaTeX options if needed as a regard to the docs
    • 
 
-
    js
    md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
    md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
    
+
    js
    md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
    md.use(mk, { blockClass: 'math-block', errorColor: ' #cc0000' })
    
 
    4: Examples ​
    
 
    4.1: Inline math ​
    
 
    To render your LaTeX equations inline, enclose them with a single dollar sign $ on each side of the equation as follows,
    
-
    tex
    $\sqrt{3x-1}+(1+x)^2$
    $\sqrt{3x-1}+(1+x)^2$
    
+
    tex
    $\sqrt{3x-1}+(1+x)^2$
    $\sqrt{3x-1}+(1+x)^2$
    
 
    rendered output equation as follows, 3x−1+(1+x)2\sqrt{3x-1}+(1+x)^2.
    
 
    4.2: Blocked math ​
    
 
    To render blocks, use double dollar sign ($$). This mode utilizes larger symbols and centers the result as a block displayed as a <div> block in HTML output, as follows,
    
-
    tex
    $$
-\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
-= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
-$$
    $$
-\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
-= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
-$$
    
+
    tex
    $$
+\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
+= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
+$$
    $$
+\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
+= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
+$$
    
 
    the above block equation renders the LaTeX equation as a block with output as follows,
    
 
    ∂r∂ωr(yωω)=(yωω){(log⁡y)r+∑i=1r(−1)Ir⋯(r−i+1)(log⁡y)riωi}\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
 = \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}
@@ -19959,11 +19959,11 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
    The above situation is undoubtedly annoying for user experiences while reading documentation, consider at what scenarios users have to scroll, scroll and scroll only for viewing a single long-blocked equation, who would want to read such a text, right? But don't worry we have a simple fix for this situation via by several line of css.
    
 
    1.2: Temporary solution ​
    
 
    If you happened to search over KaTeX's official repo issue tracker on GitHub, there are several user-made css tweaks hack already, the fix is simple by adjusting the overflows of both x and y axes of the KaTeX render <div> blocks. The katex-display > .katex selector targets the child element of the .katex-display class that has the .katex class. This is the element that contains the KaTeX math expression. The first block of styles is mostly concerned with making sure that the KaTeX expression doesn't overflow its container and can be scrolled horizontally if needed. The second block of styles sets the font and line-height for the KaTeX expression and makes sure that its text is properly indented.
    
-
    Break/wrap formula if too wide · Issue #327 · KaTeX/KaTeX
    Is there a way to break formulaundefineds if they are to wide (with respect to their parent) ?
    GitHub
    
+
    @preview
    
 
    But, the issue here is, the overflowing issue is resolved on the webpage, but the style itself left with a slight whitish "box" at the crossing corner of both horizontal as well as vertical scrollbar tracks, this might not be so explicit in the light mode of the webpage, but when it turns to dark mode, the box become annoying. Some people might say it's an easy tweak via setting the display property of the "box" element to display: none; to directly remove the box out of the page, this is a smart approach; however, while the box is gone, the two crossing tracks is going to form an untouched invisible box again against two bars without color. Thus, neither ways seems to perfectly solve the problem.
    
 
    1.3: Finding solution ​
    
 
    After running a quick research on Google, I found a simple hack tweak used in a theme of VuePress, vuepress-theme-hope on GitHub, the theme both integrate with KaTeX and MathJax for math supports.
    
-
    GitHub - vuepress-theme-hope/vuepress-theme-hope: A vuepress theme with tons of features✨
    A vuepress theme with tons of features✨. Contribute to vuepress-theme-hope/vuepress-theme-hope development by creating an account on GitHub.
    GitHub
    
+
    @preview
    
 
    Under the styles directory of the repository, several line of scss styles came across my eyes,
    
 
    KaTeX tweak fix styles in theme
    ◎ KaTeX tweak fix styles in theme
    
 
    this scss lines only add a horizontal trackbar at the bottom of each overflowing equation while maximizing the vertical height of the equation, when user is on a small screened device as follows,
    
@@ -19972,71 +19972,71 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
    1.4: Solution ​
    
 
    If you are running a documentation site like this version controlled via Node, especially VitePress without native scss supports, your fix would be installing scss support globally across the project, then add the scss styles and finally import the stylesheets to take effect globally.
    
 
    Install global scss support using your favored package manager.
    
-
    
-
    sh
    $ npm install -D scss
    $ npm install -D scss
    
-
    sh
    $ yarn add --dev scss
    $ yarn add --dev scss
    
-
    sh
    $ pnpm add -D scss
    $ pnpm add -D scss
    
+
    
+
    sh
    $ npm install -D scss
    $ npm install -D scss
    
+
    sh
    $ yarn add --dev scss
    $ yarn add --dev scss
    
+
    sh
    $ pnpm add -D scss
    $ pnpm add -D scss
    
 
    
 
    Then in your scss stylesheets, add the following and link or import them to your global styles, you should be off to go with a complete fix-up for KaTeX.
    
-
    scss
    ...
+
    scss
    ...
 
-// katex responsiveness fix
-.katex {
-  font-size: 1.05em;
-  direction: ltr;
-}
+// katex responsiveness fix
+.katex {
+  font-size: 1.05em;
+  direction: ltr;
+}
 
-.katex-display {
-  overflow: auto hidden;
-  -webkit-overflow-scrolling: touch;
-  padding-top: 0.2em;
-  padding-bottom: 0.2em;
+.katex-display {
+  overflow: auto hidden;
+  -webkit-overflow-scrolling: touch;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
 
-  &::-webkit-scrollbar {
-    height: 3px;
-  }
+  &::-webkit-scrollbar {
+    height: 3px;
+  }
 
-  .katex {
-    font-size: 1.21em;
-  }
-}
+  .katex {
+    font-size: 1.21em;
+  }
+}
 
-.katex-error {
-  color: #f00;
-}
-// katex responsiveness fix ends
+.katex-error {
+  color: #f00;
+}
+// katex responsiveness fix ends
 
-...
    ...
+...
    ...
 
-// katex responsiveness fix
-.katex {
-  font-size: 1.05em;
-  direction: ltr;
-}
+// katex responsiveness fix
+.katex {
+  font-size: 1.05em;
+  direction: ltr;
+}
 
-.katex-display {
-  overflow: auto hidden;
-  -webkit-overflow-scrolling: touch;
-  padding-top: 0.2em;
-  padding-bottom: 0.2em;
+.katex-display {
+  overflow: auto hidden;
+  -webkit-overflow-scrolling: touch;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
 
-  &::-webkit-scrollbar {
-    height: 3px;
-  }
+  &::-webkit-scrollbar {
+    height: 3px;
+  }
 
-  .katex {
-    font-size: 1.21em;
-  }
-}
+  .katex {
+    font-size: 1.21em;
+  }
+}
 
-.katex-error {
-  color: #f00;
-}
-// katex responsiveness fix ends
+.katex-error {
+  color: #f00;
+}
+// katex responsiveness fix ends
 
-...
    
+...
    
 
    Next, import your styles globally to take effect,
    
-
    scss
    @import '<your-scss-file>.scss';
    @import '<your-scss-file>.scss';
    
+
    scss
    @import '<your-scss-file>.scss';
    @import '<your-scss-file>.scss';
    
 
    1.4.1: Fix Explanation ​
    
 
    The first section sets the base styles for all KaTeX elements by increasing the font size slightly and ensuring that the text direction is left to right.
    
 
    The second section of code targets the KaTeX display elements specifically. This section adds a bit of padding to the top and bottom of the display elements and sets overflow to auto hidden, which allows the content to scroll inside the container horizontally if it overflows the container's width. The -webkit-overflow-scrolling property is added to ensure smooth scrolling on mobile devices.
    
@@ -20045,51 +20045,51 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
    1.5: What if I Don't Have SCSS? ​
    
 
    If you do not have native scss support for your site, such as a static HTML based documentation site or content management site builder such as Wiki.JS that works as an SaaS which only allows users to apply custom stylesheets within slots provided and make effects, you could use some scss to css converter online with options follows,
    
 
 
    to precompile from source scss into normal css styles and use them based on your needs, below are auto-generated compiled css, ONLY take it as reference, I do not guarantee the usability.
    
-
    css
    .katex {
-    font-size: 1.05em;
-    direction: ltr;
-}
+
    css
    .katex {
+    font-size: 1.05em;
+    direction: ltr;
+}
 
-.katex-display {
-    overflow: auto hidden;
-    -webkit-overflow-scrolling: touch;
-    padding-top: 0.2em;
-    padding-bottom: 0.2em;
-}
-.katex-display::-webkit-scrollbar {
-    height: 3px;
-}
-.katex-display .katex {
-    font-size: 1.21em;
-}
+.katex-display {
+    overflow: auto hidden;
+    -webkit-overflow-scrolling: touch;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+}
+.katex-display::-webkit-scrollbar {
+    height: 3px;
+}
+.katex-display .katex {
+    font-size: 1.21em;
+}
 
-.katex-error {
-    color: #f00;
-}
    .katex {
-    font-size: 1.05em;
-    direction: ltr;
-}
+.katex-error {
+    color: #f00;
+}
    .katex {
+    font-size: 1.05em;
+    direction: ltr;
+}
 
-.katex-display {
-    overflow: auto hidden;
-    -webkit-overflow-scrolling: touch;
-    padding-top: 0.2em;
-    padding-bottom: 0.2em;
-}
-.katex-display::-webkit-scrollbar {
-    height: 3px;
-}
-.katex-display .katex {
-    font-size: 1.21em;
-}
+.katex-display {
+    overflow: auto hidden;
+    -webkit-overflow-scrolling: touch;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+}
+.katex-display::-webkit-scrollbar {
+    height: 3px;
+}
+.katex-display .katex {
+    font-size: 1.21em;
+}
 
-.katex-error {
-    color: #f00;
-}
    
+.katex-error {
+    color: #f00;
+}
    
 
    To be continued.
    
 
    Reference
    
 
      
@@ -20108,11 +20108,11 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
      The above situation is undoubtedly annoying for user experiences while reading documentation, consider at what scenarios users have to scroll, scroll and scroll only for viewing a single long-blocked equation, who would want to read such a text, right? But don't worry we have a simple fix for this situation via by several line of css.
      
 
      1.2: Temporary solution ​
      
 
      If you happened to search over KaTeX's official repo issue tracker on GitHub, there are several user-made css tweaks hack already, the fix is simple by adjusting the overflows of both x and y axes of the KaTeX render <div> blocks. The katex-display > .katex selector targets the child element of the .katex-display class that has the .katex class. This is the element that contains the KaTeX math expression. The first block of styles is mostly concerned with making sure that the KaTeX expression doesn't overflow its container and can be scrolled horizontally if needed. The second block of styles sets the font and line-height for the KaTeX expression and makes sure that its text is properly indented.
      
-
      Break/wrap formula if too wide · Issue #327 · KaTeX/KaTeX
      Is there a way to break formulaundefineds if they are to wide (with respect to their parent) ?
      GitHub
      
+
      @preview
      
 
      But, the issue here is, the overflowing issue is resolved on the webpage, but the style itself left with a slight whitish "box" at the crossing corner of both horizontal as well as vertical scrollbar tracks, this might not be so explicit in the light mode of the webpage, but when it turns to dark mode, the box become annoying. Some people might say it's an easy tweak via setting the display property of the "box" element to display: none; to directly remove the box out of the page, this is a smart approach; however, while the box is gone, the two crossing tracks is going to form an untouched invisible box again against two bars without color. Thus, neither ways seems to perfectly solve the problem.
      
 
      1.3: Finding solution ​
      
 
      After running a quick research on Google, I found a simple hack tweak used in a theme of VuePress, vuepress-theme-hope on GitHub, the theme both integrate with KaTeX and MathJax for math supports.
      
-
      GitHub - vuepress-theme-hope/vuepress-theme-hope: A vuepress theme with tons of features✨
      A vuepress theme with tons of features✨. Contribute to vuepress-theme-hope/vuepress-theme-hope development by creating an account on GitHub.
      GitHub
      
+
      @preview
      
 
      Under the styles directory of the repository, several line of scss styles came across my eyes,
      
 
      KaTeX tweak fix styles in theme
      ◎ KaTeX tweak fix styles in theme
      
 
      this scss lines only add a horizontal trackbar at the bottom of each overflowing equation while maximizing the vertical height of the equation, when user is on a small screened device as follows,
      
@@ -20121,71 +20121,71 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
      1.4: Solution ​
      
 
      If you are running a documentation site like this version controlled via Node, especially VitePress without native scss supports, your fix would be installing scss support globally across the project, then add the scss styles and finally import the stylesheets to take effect globally.
      
 
      Install global scss support using your favored package manager.
      
-
      
-
      sh
      $ npm install -D scss
      $ npm install -D scss
      
-
      sh
      $ yarn add --dev scss
      $ yarn add --dev scss
      
-
      sh
      $ pnpm add -D scss
      $ pnpm add -D scss
      
+
      
+
      sh
      $ npm install -D scss
      $ npm install -D scss
      
+
      sh
      $ yarn add --dev scss
      $ yarn add --dev scss
      
+
      sh
      $ pnpm add -D scss
      $ pnpm add -D scss
      
 
      
 
      Then in your scss stylesheets, add the following and link or import them to your global styles, you should be off to go with a complete fix-up for KaTeX.
      
-
      scss
      ...
+
      scss
      ...
 
-// katex responsiveness fix
-.katex {
-  font-size: 1.05em;
-  direction: ltr;
-}
+// katex responsiveness fix
+.katex {
+  font-size: 1.05em;
+  direction: ltr;
+}
 
-.katex-display {
-  overflow: auto hidden;
-  -webkit-overflow-scrolling: touch;
-  padding-top: 0.2em;
-  padding-bottom: 0.2em;
+.katex-display {
+  overflow: auto hidden;
+  -webkit-overflow-scrolling: touch;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
 
-  &::-webkit-scrollbar {
-    height: 3px;
-  }
+  &::-webkit-scrollbar {
+    height: 3px;
+  }
 
-  .katex {
-    font-size: 1.21em;
-  }
-}
+  .katex {
+    font-size: 1.21em;
+  }
+}
 
-.katex-error {
-  color: #f00;
-}
-// katex responsiveness fix ends
+.katex-error {
+  color: #f00;
+}
+// katex responsiveness fix ends
 
-...
      ...
+...
      ...
 
-// katex responsiveness fix
-.katex {
-  font-size: 1.05em;
-  direction: ltr;
-}
+// katex responsiveness fix
+.katex {
+  font-size: 1.05em;
+  direction: ltr;
+}
 
-.katex-display {
-  overflow: auto hidden;
-  -webkit-overflow-scrolling: touch;
-  padding-top: 0.2em;
-  padding-bottom: 0.2em;
+.katex-display {
+  overflow: auto hidden;
+  -webkit-overflow-scrolling: touch;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
 
-  &::-webkit-scrollbar {
-    height: 3px;
-  }
+  &::-webkit-scrollbar {
+    height: 3px;
+  }
 
-  .katex {
-    font-size: 1.21em;
-  }
-}
+  .katex {
+    font-size: 1.21em;
+  }
+}
 
-.katex-error {
-  color: #f00;
-}
-// katex responsiveness fix ends
+.katex-error {
+  color: #f00;
+}
+// katex responsiveness fix ends
 
-...
      
+...
      
 
      Next, import your styles globally to take effect,
      
-
      scss
      @import '<your-scss-file>.scss';
      @import '<your-scss-file>.scss';
      
+
      scss
      @import '<your-scss-file>.scss';
      @import '<your-scss-file>.scss';
      
 
      1.4.1: Fix Explanation ​
      
 
      The first section sets the base styles for all KaTeX elements by increasing the font size slightly and ensuring that the text direction is left to right.
      
 
      The second section of code targets the KaTeX display elements specifically. This section adds a bit of padding to the top and bottom of the display elements and sets overflow to auto hidden, which allows the content to scroll inside the container horizontally if it overflows the container's width. The -webkit-overflow-scrolling property is added to ensure smooth scrolling on mobile devices.
      
@@ -20194,51 +20194,51 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
      1.5: What if I Don't Have SCSS? ​
      
 
      If you do not have native scss support for your site, such as a static HTML based documentation site or content management site builder such as Wiki.JS that works as an SaaS which only allows users to apply custom stylesheets within slots provided and make effects, you could use some scss to css converter online with options follows,
      
 
 
      to precompile from source scss into normal css styles and use them based on your needs, below are auto-generated compiled css, ONLY take it as reference, I do not guarantee the usability.
      
-
      css
      .katex {
-    font-size: 1.05em;
-    direction: ltr;
-}
+
      css
      .katex {
+    font-size: 1.05em;
+    direction: ltr;
+}
 
-.katex-display {
-    overflow: auto hidden;
-    -webkit-overflow-scrolling: touch;
-    padding-top: 0.2em;
-    padding-bottom: 0.2em;
-}
-.katex-display::-webkit-scrollbar {
-    height: 3px;
-}
-.katex-display .katex {
-    font-size: 1.21em;
-}
+.katex-display {
+    overflow: auto hidden;
+    -webkit-overflow-scrolling: touch;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+}
+.katex-display::-webkit-scrollbar {
+    height: 3px;
+}
+.katex-display .katex {
+    font-size: 1.21em;
+}
 
-.katex-error {
-    color: #f00;
-}
      .katex {
-    font-size: 1.05em;
-    direction: ltr;
-}
+.katex-error {
+    color: #f00;
+}
      .katex {
+    font-size: 1.05em;
+    direction: ltr;
+}
 
-.katex-display {
-    overflow: auto hidden;
-    -webkit-overflow-scrolling: touch;
-    padding-top: 0.2em;
-    padding-bottom: 0.2em;
-}
-.katex-display::-webkit-scrollbar {
-    height: 3px;
-}
-.katex-display .katex {
-    font-size: 1.21em;
-}
+.katex-display {
+    overflow: auto hidden;
+    -webkit-overflow-scrolling: touch;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+}
+.katex-display::-webkit-scrollbar {
+    height: 3px;
+}
+.katex-display .katex {
+    font-size: 1.21em;
+}
 
-.katex-error {
-    color: #f00;
-}
      
+.katex-error {
+    color: #f00;
+}
      
 
      To be continued.
      
 
      Reference
      
 
        
@@ -20257,40 +20257,40 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        Sometimes the thing you want to say is about the code, annotations provide a way to provide outside commentary on your code.
        
 
        @annotate: [left|right] [overrides] - [text] ​
        
 
        Annotate has a lot more controls than most of the other Twoslash commands, because each use of it probably needs to feel a bit different. Here's an example based on the TypeScript home page, click it to get it running so we can talk about what it does:
        
-
        
-
        ts
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
+
        
+
        ts
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
 
        
   
     
 
   
        Discovered a typo, the param is arr, not orr!
        
 
        
-
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
+
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
 
        
   
     
 
   
        Discovered a typo, the param is arr, not orr!
        
 
        
-
        md
        ```ts twoslash
-// @errors: 2304
-// @strict: false
+
        md
        ```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
        ```ts twoslash
-// @errors: 2304
-// @strict: false
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
        ```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
        
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
        
 
        
 
        First up, cool — it adds some text to the left hand side of the code. It features quite a few different options, so lets go through them one by one:
        
 
          
@@ -20309,116 +20309,116 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        
 
        What's not included in this sample is flipped, which can be used to flip the arrow's orientation. Here's some examples:
        
 
        A horizontal right example:
        
-
        
-
        ts
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
+
        
+
        ts
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
 
        
   
     
 
   
        Discovered a typo, the param is arr, not orr!
        
 
        
-
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
+
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
 
        
   
     
 
   
        Discovered a typo, the param is arr, not orr!
        
 
        
-
        md
        ```ts twoslash
-// @errors: 2304
-// @strict: false
+
        md
        ```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
        ```ts twoslash
-// @errors: 2304
-// @strict: false
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
        ```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
        
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
        
 
        
 
        Upside down arrow pointing at the error, using flipped to re-flip the arrow:
        
-
        
-
        ts
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
+
        
+
        ts
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
 
        
   
     
 
   
        Discovered a typo, the param is arr, not orr!
        
 
        
-
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
+
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
 
        
   
     
 
   
        Discovered a typo, the param is arr, not orr!
        
 
        
-
        md
        ```ts twoslash
-// @errors: 2304
-// @strict: false
+
        md
        ```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
        ```ts twoslash
-// @errors: 2304
-// @strict: false
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
        ```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
        
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
        
 
        
 ]]>
             Queries ​
 
        Sometimes the thing you want to say is about the code, annotations provide a way to provide outside commentary on your code.
        
 
        @annotate: [left|right] [overrides] - [text] ​
        
 
        Annotate has a lot more controls than most of the other Twoslash commands, because each use of it probably needs to feel a bit different. Here's an example based on the TypeScript home page, click it to get it running so we can talk about what it does:
        
-
        
-
        ts
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
+
        
+
        ts
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
 
        
   
     
 
   
        Discovered a typo, the param is arr, not orr!
        
 
        
-
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
+
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
 
        
   
     
 
   
        Discovered a typo, the param is arr, not orr!
        
 
        
-
        md
        ```ts twoslash
-// @errors: 2304
-// @strict: false
+
        md
        ```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
        ```ts twoslash
-// @errors: 2304
-// @strict: false
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
        ```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
        
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
        
 
        
 
        First up, cool — it adds some text to the left hand side of the code. It features quite a few different options, so lets go through them one by one:
        
 
          
@@ -20437,76 +20437,76 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        
 
        What's not included in this sample is flipped, which can be used to flip the arrow's orientation. Here's some examples:
        
 
        A horizontal right example:
        
-
        
-
        ts
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
+
        
+
        ts
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
 
        
   
     
 
   
        Discovered a typo, the param is arr, not orr!
        
 
        
-
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
+
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
 
        
   
     
 
   
        Discovered a typo, the param is arr, not orr!
        
 
        
-
        md
        ```ts twoslash
-// @errors: 2304
-// @strict: false
+
        md
        ```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
        ```ts twoslash
-// @errors: 2304
-// @strict: false
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
        ```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
        
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
        
 
        
 
        Upside down arrow pointing at the error, using flipped to re-flip the arrow:
        
-
        
-
        ts
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
+
        
+
        ts
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
 
        
   
     
 
   
        Discovered a typo, the param is arr, not orr!
        
 
        
-
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
+
        ts
        function compact(arr) {
            if (orr.length > 10) return arr.trim(0, 10)
        Cannot find name 'orr'.2304Cannot find name 'orr'.
            return arr
        }
        
 
        
   
     
 
   
        Discovered a typo, the param is arr, not orr!
        
 
        
-
        md
        ```ts twoslash
-// @errors: 2304
-// @strict: false
+
        md
        ```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
        ```ts twoslash
-// @errors: 2304
-// @strict: false
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
        ```ts twoslash
+// @errors: 2304
+// @strict: false
 
-function compact(arr) {
-    if (orr.length > 10) return arr.trim(0, 10)
-    return arr
-}
-// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
-```
        
+function compact(arr) {
+    if (orr.length > 10) return arr.trim(0, 10)
+    return arr
+}
+// @annotate: left { "arrowRot": "90deg 8px 27px", "textDegree": "3deg", "top": "0rem" } - Discovered a typo, the param is arr, not orr!
+```
        
 
        
 ]]>        
         
@@ -20519,126 +20519,126 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        Every Twoslash code example needs to be a complete TypeScript program so it can compile. Quite often to make it compile, there is a bunch of code which isn't relevant to the user. This can be extracted out of the code examples via cut comments.
        
 
        ---cut--- ​
        
 
        Cut works after TypeScript has generated the project and pulled out all the editor information (like identifiers, queries, highlights etc) and then amends all of their offsets and lines to re-fit the smaller output. What your user sees is everything below the ---cut---.
        
-
        
-
        ts
        ts
        console.log(level)
        
-
        ts
        console.log(level)
        
-
        md
        ```ts twoslash
-const level: string = 'Danger'
-// ---cut---
-console.log(level)
-```
        ```ts twoslash
-const level: string = 'Danger'
-// ---cut---
-console.log(level)
-```
        
+
        
+
        ts
        ts
        console.log(level)
        
+
        ts
        console.log(level)
        
+
        md
        ```ts twoslash
+const level: string = 'Danger'
+// ---cut---
+console.log(level)
+```
        ```ts twoslash
+const level: string = 'Danger'
+// ---cut---
+console.log(level)
+```
        
 
        
 
        Cutting even works across multiple files. This is why // @filename: [file] is specifically the only Twoslash command which is not removed, because if it's not relevant it can be ---cut--- away.
        
-
        
-
        ts
        ts
        import { helloWorld } from './a'
        console.log(helloWorld)
        
-
        ts
        import { helloWorld } from './a'
        console.log(helloWorld)
        
-
        md
        ```ts twoslash
-// @filename: a.ts
-export const helloWorld: string = 'Hi'
+
        
+
        ts
        ts
        import { helloWorld } from './a'
        console.log(helloWorld)
        
+
        ts
        import { helloWorld } from './a'
        console.log(helloWorld)
        
+
        md
        ```ts twoslash
+// @filename: a.ts
+export const helloWorld: string = 'Hi'
 
-// @filename: b.ts
-// ---cut---
-import { helloWorld } from './a'
-console.log(helloWorld)
-```
        ```ts twoslash
-// @filename: a.ts
-export const helloWorld: string = 'Hi'
+// @filename: b.ts
+// ---cut---
+import { helloWorld } from './a'
+console.log(helloWorld)
+```
        ```ts twoslash
+// @filename: a.ts
+export const helloWorld: string = 'Hi'
 
-// @filename: b.ts
-// ---cut---
-import { helloWorld } from './a'
-console.log(helloWorld)
-```
        
+// @filename: b.ts
+// ---cut---
+import { helloWorld } from './a'
+console.log(helloWorld)
+```
        
 
        
 
        ---cut-after--- ​
        
 
        The sibling to ---cut---, which trims anything after the sigil:
        
-
        
-
        tsx
        tsx
            <Container>
                <ImportantComponent />
            </Container>
        
-
        tsx
            <Container>
                <ImportantComponent />
            </Container>
        
-
        md
        ```tsx twoslash
-const Page = () => (
-    // ---cut---
-    <Container>
-        <ImportantComponent />
-    </Container>
-    // ---cut-after---
-)
-```
        ```tsx twoslash
-const Page = () => (
-    // ---cut---
-    <Container>
-        <ImportantComponent />
-    </Container>
-    // ---cut-after---
-)
-```
        
+
        
+
        tsx
        tsx
            <Container>
                <ImportantComponent />
            </Container>
        
+
        tsx
            <Container>
                <ImportantComponent />
            </Container>
        
+
        md
        ```tsx twoslash
+const Page = () => (
+    // ---cut---
+    <Container>
+        <ImportantComponent />
+    </Container>
+    // ---cut-after---
+)
+```
        ```tsx twoslash
+const Page = () => (
+    // ---cut---
+    <Container>
+        <ImportantComponent />
+    </Container>
+    // ---cut-after---
+)
+```
        
 
        
 ]]>
             Cutting ​
 
        Every Twoslash code example needs to be a complete TypeScript program so it can compile. Quite often to make it compile, there is a bunch of code which isn't relevant to the user. This can be extracted out of the code examples via cut comments.
        
 
        ---cut--- ​
        
 
        Cut works after TypeScript has generated the project and pulled out all the editor information (like identifiers, queries, highlights etc) and then amends all of their offsets and lines to re-fit the smaller output. What your user sees is everything below the ---cut---.
        
-
        
-
        ts
        ts
        console.log(level)
        
-
        ts
        console.log(level)
        
-
        md
        ```ts twoslash
-const level: string = 'Danger'
-// ---cut---
-console.log(level)
-```
        ```ts twoslash
-const level: string = 'Danger'
-// ---cut---
-console.log(level)
-```
        
+
        
+
        ts
        ts
        console.log(level)
        
+
        ts
        console.log(level)
        
+
        md
        ```ts twoslash
+const level: string = 'Danger'
+// ---cut---
+console.log(level)
+```
        ```ts twoslash
+const level: string = 'Danger'
+// ---cut---
+console.log(level)
+```
        
 
        
 
        Cutting even works across multiple files. This is why // @filename: [file] is specifically the only Twoslash command which is not removed, because if it's not relevant it can be ---cut--- away.
        
-
        
-
        ts
        ts
        import { helloWorld } from './a'
        console.log(helloWorld)
        
-
        ts
        import { helloWorld } from './a'
        console.log(helloWorld)
        
-
        md
        ```ts twoslash
-// @filename: a.ts
-export const helloWorld: string = 'Hi'
+
        
+
        ts
        ts
        import { helloWorld } from './a'
        console.log(helloWorld)
        
+
        ts
        import { helloWorld } from './a'
        console.log(helloWorld)
        
+
        md
        ```ts twoslash
+// @filename: a.ts
+export const helloWorld: string = 'Hi'
 
-// @filename: b.ts
-// ---cut---
-import { helloWorld } from './a'
-console.log(helloWorld)
-```
        ```ts twoslash
-// @filename: a.ts
-export const helloWorld: string = 'Hi'
+// @filename: b.ts
+// ---cut---
+import { helloWorld } from './a'
+console.log(helloWorld)
+```
        ```ts twoslash
+// @filename: a.ts
+export const helloWorld: string = 'Hi'
 
-// @filename: b.ts
-// ---cut---
-import { helloWorld } from './a'
-console.log(helloWorld)
-```
        
+// @filename: b.ts
+// ---cut---
+import { helloWorld } from './a'
+console.log(helloWorld)
+```
        
 
        
 
        ---cut-after--- ​
        
 
        The sibling to ---cut---, which trims anything after the sigil:
        
-
        
-
        tsx
        tsx
            <Container>
                <ImportantComponent />
            </Container>
        
-
        tsx
            <Container>
                <ImportantComponent />
            </Container>
        
-
        md
        ```tsx twoslash
-const Page = () => (
-    // ---cut---
-    <Container>
-        <ImportantComponent />
-    </Container>
-    // ---cut-after---
-)
-```
        ```tsx twoslash
-const Page = () => (
-    // ---cut---
-    <Container>
-        <ImportantComponent />
-    </Container>
-    // ---cut-after---
-)
-```
        
+
        
+
        tsx
        tsx
            <Container>
                <ImportantComponent />
            </Container>
        
+
        tsx
            <Container>
                <ImportantComponent />
            </Container>
        
+
        md
        ```tsx twoslash
+const Page = () => (
+    // ---cut---
+    <Container>
+        <ImportantComponent />
+    </Container>
+    // ---cut-after---
+)
+```
        ```tsx twoslash
+const Page = () => (
+    // ---cut---
+    <Container>
+        <ImportantComponent />
+    </Container>
+    // ---cut-after---
+)
+```
        
 
        
 ]]>
         
@@ -20651,134 +20651,134 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        Running a Twoslash code example is a full TypeScript compiler run that will create files inside the virtual file system. You can replace the contents of your code examples with the results of running TypeScript over the project.
        
 
        @showEmit ​
        
 
        // @showEmit is the main command to tell Shiki Twoslash that you want to replace the output of your code example with the equivalent .js file.
        
-
        
-
        ts
        ts
        "use strict";
        const level = 'Danger';
         
        
-
        ts
        "use strict";
        const level = 'Danger';
         
        
-
        md
        ```ts twoslash
-// @showEmit
-const level: string = 'Danger'
-```
        ```ts twoslash
-// @showEmit
-const level: string = 'Danger'
-```
        
+
        
+
        ts
        ts
        "use strict";
        const level = 'Danger';
         
        
+
        ts
        "use strict";
        const level = 'Danger';
         
        
+
        md
        ```ts twoslash
+// @showEmit
+const level: string = 'Danger'
+```
        ```ts twoslash
+// @showEmit
+const level: string = 'Danger'
+```
        
 
        
 
        @showEmittedFile: [file] ​
        
 
        While the .js file is probably the most useful file out of the box, TypeScript does emit other files if you have the right flags enabled (.d.ts and .map) but also when you have a multi-file code sample — you might need to tell Twoslash which file to show. For all these cases you can also add @showEmittedFile: [file] to tell Twoslash which file you want to show.
        
 
        Shows emitted .d.ts for a TypeScript code example:
        
-
        
-
        md
        ```ts twoslash
-// @declaration
-// @showEmit
-// @showEmittedFile: index.d.ts
-export const hello = 'world'
-```
        ```ts twoslash
-// @declaration
-// @showEmit
-// @showEmittedFile: index.d.ts
-export const hello = 'world'
-```
        
-
        ts
        ts
        export declare const hello = "world";
         
        
-
        ts
        export declare const hello = "world";
         
        
+
        
+
        md
        ```ts twoslash
+// @declaration
+// @showEmit
+// @showEmittedFile: index.d.ts
+export const hello = 'world'
+```
        ```ts twoslash
+// @declaration
+// @showEmit
+// @showEmittedFile: index.d.ts
+export const hello = 'world'
+```
        
+
        ts
        ts
        export declare const hello = "world";
         
        
+
        ts
        export declare const hello = "world";
         
        
 
        
 
        Shows emitted .map files:
        
-
        
-
        md
        ```ts twoslash
-// @sourceMap
-// @showEmit
-// @showEmittedFile: index.js.map
-export const hello = 'world'
-```
        ```ts twoslash
-// @sourceMap
-// @showEmit
-// @showEmittedFile: index.js.map
-export const hello = 'world'
-```
        
-
        ts
        ts
        {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
        
-
        ts
        {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
        
+
        
+
        md
        ```ts twoslash
+// @sourceMap
+// @showEmit
+// @showEmittedFile: index.js.map
+export const hello = 'world'
+```
        ```ts twoslash
+// @sourceMap
+// @showEmit
+// @showEmittedFile: index.js.map
+export const hello = 'world'
+```
        
+
        ts
        ts
        {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
        
+
        ts
        {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
        
 
        
-
        
-
        md
        ```ts twoslash
-// @declaration
-// @declarationMap
-// @showEmit
-// @showEmittedFile: index.d.ts.map
-export const hello = 'world'
-```
        ```ts twoslash
-// @declaration
-// @declarationMap
-// @showEmit
-// @showEmittedFile: index.d.ts.map
-export const hello = 'world'
-```
        
-
        ts
        ts
        {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
        
-
        ts
        {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
        
+
        
+
        md
        ```ts twoslash
+// @declaration
+// @declarationMap
+// @showEmit
+// @showEmittedFile: index.d.ts.map
+export const hello = 'world'
+```
        ```ts twoslash
+// @declaration
+// @declarationMap
+// @showEmit
+// @showEmittedFile: index.d.ts.map
+export const hello = 'world'
+```
        
+
        ts
        ts
        {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
        
+
        ts
        {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
        
 
        
 ]]>
             Emit ​
 
        Running a Twoslash code example is a full TypeScript compiler run that will create files inside the virtual file system. You can replace the contents of your code examples with the results of running TypeScript over the project.
        
 
        @showEmit ​
        
 
        // @showEmit is the main command to tell Shiki Twoslash that you want to replace the output of your code example with the equivalent .js file.
        
-
        
-
        ts
        ts
        "use strict";
        const level = 'Danger';
         
        
-
        ts
        "use strict";
        const level = 'Danger';
         
        
-
        md
        ```ts twoslash
-// @showEmit
-const level: string = 'Danger'
-```
        ```ts twoslash
-// @showEmit
-const level: string = 'Danger'
-```
        
+
        
+
        ts
        ts
        "use strict";
        const level = 'Danger';
         
        
+
        ts
        "use strict";
        const level = 'Danger';
         
        
+
        md
        ```ts twoslash
+// @showEmit
+const level: string = 'Danger'
+```
        ```ts twoslash
+// @showEmit
+const level: string = 'Danger'
+```
        
 
        
 
        @showEmittedFile: [file] ​
        
 
        While the .js file is probably the most useful file out of the box, TypeScript does emit other files if you have the right flags enabled (.d.ts and .map) but also when you have a multi-file code sample — you might need to tell Twoslash which file to show. For all these cases you can also add @showEmittedFile: [file] to tell Twoslash which file you want to show.
        
 
        Shows emitted .d.ts for a TypeScript code example:
        
-
        
-
        md
        ```ts twoslash
-// @declaration
-// @showEmit
-// @showEmittedFile: index.d.ts
-export const hello = 'world'
-```
        ```ts twoslash
-// @declaration
-// @showEmit
-// @showEmittedFile: index.d.ts
-export const hello = 'world'
-```
        
-
        ts
        ts
        export declare const hello = "world";
         
        
-
        ts
        export declare const hello = "world";
         
        
+
        
+
        md
        ```ts twoslash
+// @declaration
+// @showEmit
+// @showEmittedFile: index.d.ts
+export const hello = 'world'
+```
        ```ts twoslash
+// @declaration
+// @showEmit
+// @showEmittedFile: index.d.ts
+export const hello = 'world'
+```
        
+
        ts
        ts
        export declare const hello = "world";
         
        
+
        ts
        export declare const hello = "world";
         
        
 
        
 
        Shows emitted .map files:
        
-
        
-
        md
        ```ts twoslash
-// @sourceMap
-// @showEmit
-// @showEmittedFile: index.js.map
-export const hello = 'world'
-```
        ```ts twoslash
-// @sourceMap
-// @showEmit
-// @showEmittedFile: index.js.map
-export const hello = 'world'
-```
        
-
        ts
        ts
        {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
        
-
        ts
        {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
        
+
        
+
        md
        ```ts twoslash
+// @sourceMap
+// @showEmit
+// @showEmittedFile: index.js.map
+export const hello = 'world'
+```
        ```ts twoslash
+// @sourceMap
+// @showEmit
+// @showEmittedFile: index.js.map
+export const hello = 'world'
+```
        
+
        ts
        ts
        {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
        
+
        ts
        {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAA"}
        
 
        
-
        
-
        md
        ```ts twoslash
-// @declaration
-// @declarationMap
-// @showEmit
-// @showEmittedFile: index.d.ts.map
-export const hello = 'world'
-```
        ```ts twoslash
-// @declaration
-// @declarationMap
-// @showEmit
-// @showEmittedFile: index.d.ts.map
-export const hello = 'world'
-```
        
-
        ts
        ts
        {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
        
-
        ts
        {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
        
+
        
+
        md
        ```ts twoslash
+// @declaration
+// @declarationMap
+// @showEmit
+// @showEmittedFile: index.d.ts.map
+export const hello = 'world'
+```
        ```ts twoslash
+// @declaration
+// @declarationMap
+// @showEmit
+// @showEmittedFile: index.d.ts.map
+export const hello = 'world'
+```
        
+
        ts
        ts
        {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
        
+
        ts
        {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAU,CAAA"}
        
 
        
 ]]>
         
@@ -20793,33 +20793,33 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        @errors: [num] ​
        
 
        All TypeScript compiler errors have a number, this number is relatively arbitrary and can change between TypeScript versions. For our case these numbers are useul in declaring what we expect to see.
        
 
        You can use // @errors: [num] to tell Twoslash that you expect this error to occur. This moves the compiler error message into the code example.
        
-
        
-
        ts
        ts
        const a = '123'
        a = 132
        Cannot assign to 'a' because it is a constant.2588Cannot assign to 'a' because it is a constant.
        
-
        ts
        const a = '123'
        a = 132
        Cannot assign to 'a' because it is a constant.2588Cannot assign to 'a' because it is a constant.
        
-
        md
        ```ts twoslash
-// @errors: 2588
-const a = '123'
-a = 132
-```
        ```ts twoslash
-// @errors: 2588
-const a = '123'
-a = 132
-```
        
+
        
+
        ts
        ts
        const a = '123'
        a = 132
        Cannot assign to 'a' because it is a constant.2588Cannot assign to 'a' because it is a constant.
        
+
        ts
        const a = '123'
        a = 132
        Cannot assign to 'a' because it is a constant.2588Cannot assign to 'a' because it is a constant.
        
+
        md
        ```ts twoslash
+// @errors: 2588
+const a = '123'
+a = 132
+```
        ```ts twoslash
+// @errors: 2588
+const a = '123'
+a = 132
+```
        
 
        
 
        @noErrors ​
        
 
        Sometimes you have needs in which a broken TypeScript build is okay. A good example of this is using a completion query, which requires a broken TypeScript project to work. You can use // @noErrors to supress all errors in a code sample, and not have them show inline.
        
-
        
-
        ts
        ts
        const a = '123'
        a = 132
        
-
        ts
        const a = '123'
        a = 132
        
-
        md
        ```ts twoslash
-// @noErrors
-const a = '123'
-a = 132
-```
        ```ts twoslash
-// @noErrors
-const a = '123'
-a = 132
-```
        
+
        
+
        ts
        ts
        const a = '123'
        a = 132
        
+
        ts
        const a = '123'
        a = 132
        
+
        md
        ```ts twoslash
+// @noErrors
+const a = '123'
+a = 132
+```
        ```ts twoslash
+// @noErrors
+const a = '123'
+a = 132
+```
        
 
        
 ]]>
             Errors ​
@@ -20828,33 +20828,33 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        @errors: [num] ​
        
 
        All TypeScript compiler errors have a number, this number is relatively arbitrary and can change between TypeScript versions. For our case these numbers are useul in declaring what we expect to see.
        
 
        You can use // @errors: [num] to tell Twoslash that you expect this error to occur. This moves the compiler error message into the code example.
        
-
        
-
        ts
        ts
        const a = '123'
        a = 132
        Cannot assign to 'a' because it is a constant.2588Cannot assign to 'a' because it is a constant.
        
-
        ts
        const a = '123'
        a = 132
        Cannot assign to 'a' because it is a constant.2588Cannot assign to 'a' because it is a constant.
        
-
        md
        ```ts twoslash
-// @errors: 2588
-const a = '123'
-a = 132
-```
        ```ts twoslash
-// @errors: 2588
-const a = '123'
-a = 132
-```
        
+
        
+
        ts
        ts
        const a = '123'
        a = 132
        Cannot assign to 'a' because it is a constant.2588Cannot assign to 'a' because it is a constant.
        
+
        ts
        const a = '123'
        a = 132
        Cannot assign to 'a' because it is a constant.2588Cannot assign to 'a' because it is a constant.
        
+
        md
        ```ts twoslash
+// @errors: 2588
+const a = '123'
+a = 132
+```
        ```ts twoslash
+// @errors: 2588
+const a = '123'
+a = 132
+```
        
 
        
 
        @noErrors ​
        
 
        Sometimes you have needs in which a broken TypeScript build is okay. A good example of this is using a completion query, which requires a broken TypeScript project to work. You can use // @noErrors to supress all errors in a code sample, and not have them show inline.
        
-
        
-
        ts
        ts
        const a = '123'
        a = 132
        
-
        ts
        const a = '123'
        a = 132
        
-
        md
        ```ts twoslash
-// @noErrors
-const a = '123'
-a = 132
-```
        ```ts twoslash
-// @noErrors
-const a = '123'
-a = 132
-```
        
+
        
+
        ts
        ts
        const a = '123'
        a = 132
        
+
        ts
        const a = '123'
        a = 132
        
+
        md
        ```ts twoslash
+// @noErrors
+const a = '123'
+a = 132
+```
        ```ts twoslash
+// @noErrors
+const a = '123'
+a = 132
+```
        
 
        
 ]]>
         
@@ -20867,248 +20867,248 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        As your documentation grows, you may need a way of re-using code blocks to prevent code duplication. Shiki Twoslash provides a simple includes system.
        
 
        Defining a re-usable block ​
        
 
        Re-usable code blocks are defined by the twoslash language, followed by the include keyword and the reference name of your choice.
        
-
        md
        ```twoslash include myBlock
-type SomeString = string
-```
        ```twoslash include myBlock
-type SomeString = string
-```
        
+
        md
        ```twoslash include myBlock
+type SomeString = string
+```
        ```twoslash include myBlock
+type SomeString = string
+```
        
 
        Incremental steps ​
        
 
        Shiki Twoslash also provide the ability to define incremental steps through the definition of re-usable blocks. This means whenever a new step is delimited down the code, it will also include previous steps. These are not groups.
        
 
          
 
        • Incremental steps are delimited by // - [name of the step]
          • 
 
        • They are named at the end of the actual code
          • 
 
        
-
        md
        ```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
        ```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
        
+
        md
        ```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
        ```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
        
 
        Including a whole block ​
        
 
        To include a re-usable block, add // @include: [block name] in your code block.
        
 
        twoslash
        -
        
-
        ts
        ts
        type SomeString = string
        const a: SomeString = 'string'
        
-
        ts
        type SomeString = string
        const a: SomeString = 'string'
        
-
        md
        ```twoslash include myBlock
-type SomeString = string
-```
+
        
+
        ts
        ts
        type SomeString = string
        const a: SomeString = 'string'
        
+
        ts
        type SomeString = string
        const a: SomeString = 'string'
        
+
        md
        ```twoslash include myBlock
+type SomeString = string
+```
 
-```ts twoslash
-// @include: myBlock
-const a: SomeString = 'string'
-```
        ```twoslash include myBlock
-type SomeString = string
-```
+```ts twoslash
+// @include: myBlock
+const a: SomeString = 'string'
+```
        ```twoslash include myBlock
+type SomeString = string
+```
 
-```ts twoslash
-// @include: myBlock
-const a: SomeString = 'string'
-```
        
+```ts twoslash
+// @include: myBlock
+const a: SomeString = 'string'
+```        
 
        
 
        Including a block step ​
        
 
        To include a re-usable block at a specific step, add // @include: [block name]-[step name] in your code block.
        
 
        twoslash
        -
        
-
        ts
        ts
        type SomeString = string
        type SomeUser = { name: string; mail?: SomeUserMail }
        type SomeUserMail = { content: string; verified: boolean }
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
-
        ts
        type SomeString = string
        type SomeUser = { name: string; mail?: SomeUserMail }
        type SomeUserMail = { content: string; verified: boolean }
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
-
        md
        ```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
+
        
+
        ts
        ts
        type SomeString = string
        type SomeUser = { name: string; mail?: SomeUserMail }
        type SomeUserMail = { content: string; verified: boolean }
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
+
        ts
        type SomeString = string
        type SomeUser = { name: string; mail?: SomeUserMail }
        type SomeUserMail = { content: string; verified: boolean }
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
+
        md
        ```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
 
-```ts twoslash
-// @include: myBlockWithSteps-afterUserDefinitions
-const mail: SomeUserMail = { content: 'some-email', verified: true }
-```
        ```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
+```ts twoslash
+// @include: myBlockWithSteps-afterUserDefinitions
+const mail: SomeUserMail = { content: 'some-email', verified: true }
+```
        ```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
 
-```ts twoslash
-// @include: myBlockWithSteps-afterUserDefinitions
-const mail: SomeUserMail = { content: 'some-email', verified: true }
-```
        
+```ts twoslash
+// @include: myBlockWithSteps-afterUserDefinitions
+const mail: SomeUserMail = { content: 'some-email', verified: true }
+```        
 
        
 
        Hiding re-used code ​
        
 
        Re-using a lot of TypeScript code can easily bloat your documentation and obstruct the main point of your code block. You can hide re-used code to keep your code blocks clean and concise by cutting right after the @include statement.
        
-
        
-
        ts
        ts
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
-
        ts
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
-
        md
        ```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
+
        
+
        ts
        ts
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
+
        ts
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
+
        md
        ```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
 
-```ts twoslash
-// @include: myBlockWithSteps-afterUserDefinitions
-// ---cut---
-const mail: SomeUserMail = { content: 'some-email', verified: true }
-```
        ```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
+```ts twoslash
+// @include: myBlockWithSteps-afterUserDefinitions
+// ---cut---
+const mail: SomeUserMail = { content: 'some-email', verified: true }
+```
        ```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
 
-```ts twoslash
-// @include: myBlockWithSteps-afterUserDefinitions
-// ---cut---
-const mail: SomeUserMail = { content: 'some-email', verified: true }
-```
        
+```ts twoslash
+// @include: myBlockWithSteps-afterUserDefinitions
+// ---cut---
+const mail: SomeUserMail = { content: 'some-email', verified: true }
+```
        
 
        
 ]]>
             Includes ​
 
        As your documentation grows, you may need a way of re-using code blocks to prevent code duplication. Shiki Twoslash provides a simple includes system.
        
 
        Defining a re-usable block ​
        
 
        Re-usable code blocks are defined by the twoslash language, followed by the include keyword and the reference name of your choice.
        
-
        md
        ```twoslash include myBlock
-type SomeString = string
-```
        ```twoslash include myBlock
-type SomeString = string
-```
        
+
        md
        ```twoslash include myBlock
+type SomeString = string
+```
        ```twoslash include myBlock
+type SomeString = string
+```
        
 
        Incremental steps ​
        
 
        Shiki Twoslash also provide the ability to define incremental steps through the definition of re-usable blocks. This means whenever a new step is delimited down the code, it will also include previous steps. These are not groups.
        
 
          
 
        • Incremental steps are delimited by // - [name of the step]
          • 
 
        • They are named at the end of the actual code
          • 
 
        
-
        md
        ```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
        ```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
        
+
        md
        ```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
        ```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
        
 
        Including a whole block ​
        
 
        To include a re-usable block, add // @include: [block name] in your code block.
        
 
        twoslash
        -
        
-
        ts
        ts
        type SomeString = string
        const a: SomeString = 'string'
        
-
        ts
        type SomeString = string
        const a: SomeString = 'string'
        
-
        md
        ```twoslash include myBlock
-type SomeString = string
-```
+
        
+
        ts
        ts
        type SomeString = string
        const a: SomeString = 'string'
        
+
        ts
        type SomeString = string
        const a: SomeString = 'string'
        
+
        md
        ```twoslash include myBlock
+type SomeString = string
+```
 
-```ts twoslash
-// @include: myBlock
-const a: SomeString = 'string'
-```
        ```twoslash include myBlock
-type SomeString = string
-```
+```ts twoslash
+// @include: myBlock
+const a: SomeString = 'string'
+```
        ```twoslash include myBlock
+type SomeString = string
+```
 
-```ts twoslash
-// @include: myBlock
-const a: SomeString = 'string'
-```
        
+```ts twoslash
+// @include: myBlock
+const a: SomeString = 'string'
+```        
 
        
 
        Including a block step ​
        
 
        To include a re-usable block at a specific step, add // @include: [block name]-[step name] in your code block.
        
 
        twoslash
        -
        
-
        ts
        ts
        type SomeString = string
        type SomeUser = { name: string; mail?: SomeUserMail }
        type SomeUserMail = { content: string; verified: boolean }
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
-
        ts
        type SomeString = string
        type SomeUser = { name: string; mail?: SomeUserMail }
        type SomeUserMail = { content: string; verified: boolean }
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
-
        md
        ```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
+
        
+
        ts
        ts
        type SomeString = string
        type SomeUser = { name: string; mail?: SomeUserMail }
        type SomeUserMail = { content: string; verified: boolean }
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
+
        ts
        type SomeString = string
        type SomeUser = { name: string; mail?: SomeUserMail }
        type SomeUserMail = { content: string; verified: boolean }
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
+
        md
        ```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
 
-```ts twoslash
-// @include: myBlockWithSteps-afterUserDefinitions
-const mail: SomeUserMail = { content: 'some-email', verified: true }
-```
        ```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
+```ts twoslash
+// @include: myBlockWithSteps-afterUserDefinitions
+const mail: SomeUserMail = { content: 'some-email', verified: true }
+```
        ```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
 
-```ts twoslash
-// @include: myBlockWithSteps-afterUserDefinitions
-const mail: SomeUserMail = { content: 'some-email', verified: true }
-```
        
+```ts twoslash
+// @include: myBlockWithSteps-afterUserDefinitions
+const mail: SomeUserMail = { content: 'some-email', verified: true }
+```        
 
        
 
        Hiding re-used code ​
        
 
        Re-using a lot of TypeScript code can easily bloat your documentation and obstruct the main point of your code block. You can hide re-used code to keep your code blocks clean and concise by cutting right after the @include statement.
        
-
        
-
        ts
        ts
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
-
        ts
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
-
        md
        ```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
+
        
+
        ts
        ts
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
+
        ts
        const mail: SomeUserMail = { content: 'some-email', verified: true }
        
+
        md
        ```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
 
-```ts twoslash
-// @include: myBlockWithSteps-afterUserDefinitions
-// ---cut---
-const mail: SomeUserMail = { content: 'some-email', verified: true }
-```
        ```twoslash include myBlockWithSteps
-type SomeString = string
-// - base
-type SomeUser = { name: string; mail?: SomeUserMail }
-type SomeUserMail = { content: string; verified: boolean }
-// - afterUserDefinitions
-type SomeGroup = { name: string; members: SomeUser[] }
-// - afterGroupDefinitions
-```
+```ts twoslash
+// @include: myBlockWithSteps-afterUserDefinitions
+// ---cut---
+const mail: SomeUserMail = { content: 'some-email', verified: true }
+```
        ```twoslash include myBlockWithSteps
+type SomeString = string
+// - base
+type SomeUser = { name: string; mail?: SomeUserMail }
+type SomeUserMail = { content: string; verified: boolean }
+// - afterUserDefinitions
+type SomeGroup = { name: string; members: SomeUser[] }
+// - afterGroupDefinitions
+```
 
-```ts twoslash
-// @include: myBlockWithSteps-afterUserDefinitions
-// ---cut---
-const mail: SomeUserMail = { content: 'some-email', verified: true }
-```
        
+```ts twoslash
+// @include: myBlockWithSteps-afterUserDefinitions
+// ---cut---
+const mail: SomeUserMail = { content: 'some-email', verified: true }
+```
        
 
        
 ]]>
         
@@ -21122,28 +21122,28 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        This feature is effectively a facade, people will trust your output and it will look better.
        
 
        @log:, @warn:, @error: ​
        
 
        The names are based on the functions on the console object:
        
-
        
-
        ts
        ts
        console.log('Hello log')
        Hello log
         
        console.warn('Hello warn')
        Hello warn
         
        console.error('Hello error')
        Hello error
        
-
        ts
        console.log('Hello log')
        Hello log
         
        console.warn('Hello warn')
        Hello warn
         
        console.error('Hello error')
        Hello error
        
-
        md
        ```ts twoslash
-console.log('Hello log')
-// @log: Hello log
+
        
+
        ts
        ts
        console.log('Hello log')
        Hello log
         
        console.warn('Hello warn')
        Hello warn
         
        console.error('Hello error')
        Hello error
        
+
        ts
        console.log('Hello log')
        Hello log
         
        console.warn('Hello warn')
        Hello warn
         
        console.error('Hello error')
        Hello error
        
+
        md
        ```ts twoslash
+console.log('Hello log')
+// @log: Hello log
 
-console.warn('Hello warn')
-// @warn: Hello warn
+console.warn('Hello warn')
+// @warn: Hello warn
 
-console.error('Hello error')
-// @error: Hello error
-```
        ```ts twoslash
-console.log('Hello log')
-// @log: Hello log
+console.error('Hello error')
+// @error: Hello error
+```
        ```ts twoslash
+console.log('Hello log')
+// @log: Hello log
 
-console.warn('Hello warn')
-// @warn: Hello warn
+console.warn('Hello warn')
+// @warn: Hello warn
 
-console.error('Hello error')
-// @error: Hello error
-```
        
+console.error('Hello error')
+// @error: Hello error
+```
        
 
        
 ]]>
             Logging ​
@@ -21151,28 +21151,28 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        This feature is effectively a facade, people will trust your output and it will look better.
        
 
        @log:, @warn:, @error: ​
        
 
        The names are based on the functions on the console object:
        
-
        
-
        ts
        ts
        console.log('Hello log')
        Hello log
         
        console.warn('Hello warn')
        Hello warn
         
        console.error('Hello error')
        Hello error
        
-
        ts
        console.log('Hello log')
        Hello log
         
        console.warn('Hello warn')
        Hello warn
         
        console.error('Hello error')
        Hello error
        
-
        md
        ```ts twoslash
-console.log('Hello log')
-// @log: Hello log
+
        
+
        ts
        ts
        console.log('Hello log')
        Hello log
         
        console.warn('Hello warn')
        Hello warn
         
        console.error('Hello error')
        Hello error
        
+
        ts
        console.log('Hello log')
        Hello log
         
        console.warn('Hello warn')
        Hello warn
         
        console.error('Hello error')
        Hello error
        
+
        md
        ```ts twoslash
+console.log('Hello log')
+// @log: Hello log
 
-console.warn('Hello warn')
-// @warn: Hello warn
+console.warn('Hello warn')
+// @warn: Hello warn
 
-console.error('Hello error')
-// @error: Hello error
-```
        ```ts twoslash
-console.log('Hello log')
-// @log: Hello log
+console.error('Hello error')
+// @error: Hello error
+```
        ```ts twoslash
+console.log('Hello log')
+// @log: Hello log
 
-console.warn('Hello warn')
-// @warn: Hello warn
+console.warn('Hello warn')
+// @warn: Hello warn
 
-console.error('Hello error')
-// @error: Hello error
-```
        
+console.error('Hello error')
+// @error: Hello error
+```
        
 
        
 ]]>        
         
@@ -21185,234 +21185,234 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        Twoslash code examples aren't limited to creating a single file, by using // @filename: [file] you can write any file to the virtual file system used by TypeScript to power your code examples.
        
 
        @filename: [file] ​
        
 
        Most of the time, you don't need to think about the underlaying virtual file system in a code example, but when you have imports between them it becomes important to know. Twoslash will default to creating an index.[type] based on the langauge passed to the code example:
        
-
        
-
        ts
        ts
        // I'm index.ts
        
-
        ts
        // I'm index.ts
        
-
        md
        ```ts twoslash
-// I'm index.ts
-```
        ```ts twoslash
-// I'm index.ts
-```
        
+
        
+
        ts
        ts
        // I'm index.ts
        
+
        ts
        // I'm index.ts
        
+
        md
        ```ts twoslash
+// I'm index.ts
+```
        ```ts twoslash
+// I'm index.ts
+```
        
 
        
-
        
-
        tsx
        tsx
        // I'm index.tsx
        
-
        tsx
        // I'm index.tsx
        
-
        md
        ```tsx twoslash
-// I'm index.tsx
-```
        ```tsx twoslash
-// I'm index.tsx
-```
        
+
        
+
        tsx
        tsx
        // I'm index.tsx
        
+
        tsx
        // I'm index.tsx
        
+
        md
        ```tsx twoslash
+// I'm index.tsx
+```
        ```tsx twoslash
+// I'm index.tsx
+```
        
 
        
-
        
-
        js
        js
        // I'm index.tjs
        
-
        js
        // I'm index.tjs
        
-
        md
        ```js twoslash
-// I'm index.tjs
-```
        ```js twoslash
-// I'm index.tjs
-```
        
+
        
+
        js
        js
        // I'm index.tjs
        
+
        js
        // I'm index.tjs
        
+
        md
        ```js twoslash
+// I'm index.tjs
+```
        ```js twoslash
+// I'm index.tjs
+```
        
 
        
 
        Then until Twoslash hits another // @filename: [file], the parser keeps adding new lines into the same file. After seeing @filename Twoslash creates a new virtual file-system file and adds the new lines to that. You can't edit a file after it was created, but you can overwrite it.
        
 
        It can be any file. For example, if you want to quickly fake a node module:
        
-
        
-
        ts
        ts
        // @filename: node_modules/@types/mylib/index.d.ts
        export function doit(): string
         
        // @filename: index.ts
        import { doit } from 'mylib'
        console.log(doit)
        
-
        ts
        // @filename: node_modules/@types/mylib/index.d.ts
        export function doit(): string
         
        // @filename: index.ts
        import { doit } from 'mylib'
        console.log(doit)
        
+
        
+
        ts
        ts
        // @filename: node_modules/@types/mylib/index.d.ts
        export function doit(): string
         
        // @filename: index.ts
        import { doit } from 'mylib'
        console.log(doit)
        
+
        ts
        // @filename: node_modules/@types/mylib/index.d.ts
        export function doit(): string
         
        // @filename: index.ts
        import { doit } from 'mylib'
        console.log(doit)
        
 
        This code example sets up the types for a non-existent npm module, and TypeScript picks it up as the definitions in the same way it would in a non-virtual TypeScript project.
        
-
        md
        ```ts twoslash
-// @filename: node_modules/@types/mylib/index.d.ts
-export function doit(): string
+
        md
        ```ts twoslash
+// @filename: node_modules/@types/mylib/index.d.ts
+export function doit(): string
 
-// @filename: index.ts
-import { doit } from 'mylib'
-console.log(doit)
-```
        ```ts twoslash
-// @filename: node_modules/@types/mylib/index.d.ts
-export function doit(): string
+// @filename: index.ts
+import { doit } from 'mylib'
+console.log(doit)
+```
        ```ts twoslash
+// @filename: node_modules/@types/mylib/index.d.ts
+export function doit(): string
 
-// @filename: index.ts
-import { doit } from 'mylib'
-console.log(doit)
-```
        
+// @filename: index.ts
+import { doit } from 'mylib'
+console.log(doit)
+```
        
 
        
 
        You can also set up a JSON object which can be imported in a TypeScript file:
        
-
        
-
        ts
        ts
        // @filename: app.json
        { "version": "23.2.3" }
         
        // @filename: index.ts
        import appSettings from "./app.json"
        appSettings.version
                      
        (property) "version": string
        
-
        ts
        // @filename: app.json
        { "version": "23.2.3" }
         
        // @filename: index.ts
        import appSettings from "./app.json"
        appSettings.version
                      
        (property) "version": string
        
-
        md
        ```ts twoslash
-// @resolveJsonModule
-// @filename: app.json
-{ "version": "23.2.3" }
+
        
+
        ts
        ts
        // @filename: app.json
        { "version": "23.2.3" }
         
        // @filename: index.ts
        import appSettings from "./app.json"
        appSettings.version
                      
        (property) "version": string
        
+
        ts
        // @filename: app.json
        { "version": "23.2.3" }
         
        // @filename: index.ts
        import appSettings from "./app.json"
        appSettings.version
                      
        (property) "version": string
        
+
        md
        ```ts twoslash
+// @resolveJsonModule
+// @filename: app.json
+{ "version": "23.2.3" }
 
-// @filename: index.ts
-import appSettings from "./app.json"
-appSettings.version
-//           ^?
-```
        ```ts twoslash
-// @resolveJsonModule
-// @filename: app.json
-{ "version": "23.2.3" }
+// @filename: index.ts
+import appSettings from "./app.json"
+appSettings.version
+//           ^?
+```
        ```ts twoslash
+// @resolveJsonModule
+// @filename: app.json
+{ "version": "23.2.3" }
 
-// @filename: index.ts
-import appSettings from "./app.json"
-appSettings.version
-//           ^?
-```
        
+// @filename: index.ts
+import appSettings from "./app.json"
+appSettings.version
+//           ^?
+```
        
 
        
 
        Finally, the following code allows importing non-TypeScript content. There is a .d.ts file which globally says 'md files are OK to import' and 'the module "react" exists, but don't worry about the details'.
        
 
        Then for a user, they only see the imports and exports inside index.tsx.
        
-
        
-
        ts
        ts
        import React from "react"
        import MultiFileDocs from "./MultiFileDocs.mdx"
         
        export default () => <MultiFileDocs/>
        
-
        ts
        import React from "react"
        import MultiFileDocs from "./MultiFileDocs.mdx"
         
        export default () => <MultiFileDocs/>
        
-
        md
        ```ts twoslash
-// @filename: ambient.d.ts
-declare module '*.mdx' {
-    export default any
-}
-declare module "react"
+
        
+
        ts
        ts
        import React from "react"
        import MultiFileDocs from "./MultiFileDocs.mdx"
         
        export default () => <MultiFileDocs/>
        
+
        ts
        import React from "react"
        import MultiFileDocs from "./MultiFileDocs.mdx"
         
        export default () => <MultiFileDocs/>
        
+
        md
        ```ts twoslash
+// @filename: ambient.d.ts
+declare module '*.mdx' {
+    export default any
+}
+declare module "react"
 
-// @filename: MultiFileDocs.mdx
-## Hello world
+// @filename: MultiFileDocs.mdx
+## Hello world
 
-// @filename: index.tsx
-// ---cut---
-import React from "react"
-import MultiFileDocs from "./MultiFileDocs.mdx"
+// @filename: index.tsx
+// ---cut---
+import React from "react"
+import MultiFileDocs from "./MultiFileDocs.mdx"
 
-export default () => <MultiFileDocs/>
-```
        ```ts twoslash
-// @filename: ambient.d.ts
-declare module '*.mdx' {
-    export default any
-}
-declare module "react"
+export default () => <MultiFileDocs/>
+```
        ```ts twoslash
+// @filename: ambient.d.ts
+declare module '*.mdx' {
+    export default any
+}
+declare module "react"
 
-// @filename: MultiFileDocs.mdx
-## Hello world
+// @filename: MultiFileDocs.mdx
+## Hello world
 
-// @filename: index.tsx
-// ---cut---
-import React from "react"
-import MultiFileDocs from "./MultiFileDocs.mdx"
+// @filename: index.tsx
+// ---cut---
+import React from "react"
+import MultiFileDocs from "./MultiFileDocs.mdx"
 
-export default () => <MultiFileDocs/>
-```
        
+export default () => <MultiFileDocs/>
+```
        
 
        
 ]]>
             Multi-file ​
 
        Twoslash code examples aren't limited to creating a single file, by using // @filename: [file] you can write any file to the virtual file system used by TypeScript to power your code examples.
        
 
        @filename: [file] ​
        
 
        Most of the time, you don't need to think about the underlaying virtual file system in a code example, but when you have imports between them it becomes important to know. Twoslash will default to creating an index.[type] based on the langauge passed to the code example:
        
-
        
-
        ts
        ts
        // I'm index.ts
        
-
        ts
        // I'm index.ts
        
-
        md
        ```ts twoslash
-// I'm index.ts
-```
        ```ts twoslash
-// I'm index.ts
-```
        
+
        
+
        ts
        ts
        // I'm index.ts
        
+
        ts
        // I'm index.ts
        
+
        md
        ```ts twoslash
+// I'm index.ts
+```
        ```ts twoslash
+// I'm index.ts
+```
        
 
        
-
        
-
        tsx
        tsx
        // I'm index.tsx
        
-
        tsx
        // I'm index.tsx
        
-
        md
        ```tsx twoslash
-// I'm index.tsx
-```
        ```tsx twoslash
-// I'm index.tsx
-```
        
+
        
+
        tsx
        tsx
        // I'm index.tsx
        
+
        tsx
        // I'm index.tsx
        
+
        md
        ```tsx twoslash
+// I'm index.tsx
+```
        ```tsx twoslash
+// I'm index.tsx
+```
        
 
        
-
        
-
        js
        js
        // I'm index.tjs
        
-
        js
        // I'm index.tjs
        
-
        md
        ```js twoslash
-// I'm index.tjs
-```
        ```js twoslash
-// I'm index.tjs
-```
        
+
        
+
        js
        js
        // I'm index.tjs
        
+
        js
        // I'm index.tjs
        
+
        md
        ```js twoslash
+// I'm index.tjs
+```
        ```js twoslash
+// I'm index.tjs
+```
        
 
        
 
        Then until Twoslash hits another // @filename: [file], the parser keeps adding new lines into the same file. After seeing @filename Twoslash creates a new virtual file-system file and adds the new lines to that. You can't edit a file after it was created, but you can overwrite it.
        
 
        It can be any file. For example, if you want to quickly fake a node module:
        
-
        
-
        ts
        ts
        // @filename: node_modules/@types/mylib/index.d.ts
        export function doit(): string
         
        // @filename: index.ts
        import { doit } from 'mylib'
        console.log(doit)
        
-
        ts
        // @filename: node_modules/@types/mylib/index.d.ts
        export function doit(): string
         
        // @filename: index.ts
        import { doit } from 'mylib'
        console.log(doit)
        
+
        
+
        ts
        ts
        // @filename: node_modules/@types/mylib/index.d.ts
        export function doit(): string
         
        // @filename: index.ts
        import { doit } from 'mylib'
        console.log(doit)
        
+
        ts
        // @filename: node_modules/@types/mylib/index.d.ts
        export function doit(): string
         
        // @filename: index.ts
        import { doit } from 'mylib'
        console.log(doit)
        
 
        This code example sets up the types for a non-existent npm module, and TypeScript picks it up as the definitions in the same way it would in a non-virtual TypeScript project.
        
-
        md
        ```ts twoslash
-// @filename: node_modules/@types/mylib/index.d.ts
-export function doit(): string
+
        md
        ```ts twoslash
+// @filename: node_modules/@types/mylib/index.d.ts
+export function doit(): string
 
-// @filename: index.ts
-import { doit } from 'mylib'
-console.log(doit)
-```
        ```ts twoslash
-// @filename: node_modules/@types/mylib/index.d.ts
-export function doit(): string
+// @filename: index.ts
+import { doit } from 'mylib'
+console.log(doit)
+```
        ```ts twoslash
+// @filename: node_modules/@types/mylib/index.d.ts
+export function doit(): string
 
-// @filename: index.ts
-import { doit } from 'mylib'
-console.log(doit)
-```
        
+// @filename: index.ts
+import { doit } from 'mylib'
+console.log(doit)
+```
        
 
        
 
        You can also set up a JSON object which can be imported in a TypeScript file:
        
-
        
-
        ts
        ts
        // @filename: app.json
        { "version": "23.2.3" }
         
        // @filename: index.ts
        import appSettings from "./app.json"
        appSettings.version
                      
        (property) "version": string
        
-
        ts
        // @filename: app.json
        { "version": "23.2.3" }
         
        // @filename: index.ts
        import appSettings from "./app.json"
        appSettings.version
                      
        (property) "version": string
        
-
        md
        ```ts twoslash
-// @resolveJsonModule
-// @filename: app.json
-{ "version": "23.2.3" }
+
        
+
        ts
        ts
        // @filename: app.json
        { "version": "23.2.3" }
         
        // @filename: index.ts
        import appSettings from "./app.json"
        appSettings.version
                      
        (property) "version": string
        
+
        ts
        // @filename: app.json
        { "version": "23.2.3" }
         
        // @filename: index.ts
        import appSettings from "./app.json"
        appSettings.version
                      
        (property) "version": string
        
+
        md
        ```ts twoslash
+// @resolveJsonModule
+// @filename: app.json
+{ "version": "23.2.3" }
 
-// @filename: index.ts
-import appSettings from "./app.json"
-appSettings.version
-//           ^?
-```
        ```ts twoslash
-// @resolveJsonModule
-// @filename: app.json
-{ "version": "23.2.3" }
+// @filename: index.ts
+import appSettings from "./app.json"
+appSettings.version
+//           ^?
+```
        ```ts twoslash
+// @resolveJsonModule
+// @filename: app.json
+{ "version": "23.2.3" }
 
-// @filename: index.ts
-import appSettings from "./app.json"
-appSettings.version
-//           ^?
-```
        
+// @filename: index.ts
+import appSettings from "./app.json"
+appSettings.version
+//           ^?
+```
        
 
        
 
        Finally, the following code allows importing non-TypeScript content. There is a .d.ts file which globally says 'md files are OK to import' and 'the module "react" exists, but don't worry about the details'.
        
 
        Then for a user, they only see the imports and exports inside index.tsx.
        
-
        
-
        ts
        ts
        import React from "react"
        import MultiFileDocs from "./MultiFileDocs.mdx"
         
        export default () => <MultiFileDocs/>
        
-
        ts
        import React from "react"
        import MultiFileDocs from "./MultiFileDocs.mdx"
         
        export default () => <MultiFileDocs/>
        
-
        md
        ```ts twoslash
-// @filename: ambient.d.ts
-declare module '*.mdx' {
-    export default any
-}
-declare module "react"
+
        
+
        ts
        ts
        import React from "react"
        import MultiFileDocs from "./MultiFileDocs.mdx"
         
        export default () => <MultiFileDocs/>
        
+
        ts
        import React from "react"
        import MultiFileDocs from "./MultiFileDocs.mdx"
         
        export default () => <MultiFileDocs/>
        
+
        md
        ```ts twoslash
+// @filename: ambient.d.ts
+declare module '*.mdx' {
+    export default any
+}
+declare module "react"
 
-// @filename: MultiFileDocs.mdx
-## Hello world
+// @filename: MultiFileDocs.mdx
+## Hello world
 
-// @filename: index.tsx
-// ---cut---
-import React from "react"
-import MultiFileDocs from "./MultiFileDocs.mdx"
+// @filename: index.tsx
+// ---cut---
+import React from "react"
+import MultiFileDocs from "./MultiFileDocs.mdx"
 
-export default () => <MultiFileDocs/>
-```
        ```ts twoslash
-// @filename: ambient.d.ts
-declare module '*.mdx' {
-    export default any
-}
-declare module "react"
+export default () => <MultiFileDocs/>
+```
        ```ts twoslash
+// @filename: ambient.d.ts
+declare module '*.mdx' {
+    export default any
+}
+declare module "react"
 
-// @filename: MultiFileDocs.mdx
-## Hello world
+// @filename: MultiFileDocs.mdx
+## Hello world
 
-// @filename: index.tsx
-// ---cut---
-import React from "react"
-import MultiFileDocs from "./MultiFileDocs.mdx"
+// @filename: index.tsx
+// ---cut---
+import React from "react"
+import MultiFileDocs from "./MultiFileDocs.mdx"
 
-export default () => <MultiFileDocs/>
-```
        
+export default () => <MultiFileDocs/>
+```
        
 
        
 ]]>
         
@@ -21425,33 +21425,33 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code. Twoslash comes with two different ways to query your code: ?^ and ?|.
        
 
        Extract Type ^? ​
        
 
        Using ^? you can pull out type information about a particular identifier in the line of code above it.
        
-
        
-
        ts
        ts
        const hi = 'Hello'
        const msg = hi + ', world'
              
        const msg: string
        
-
        ts
        const hi = 'Hello'
        const msg = hi + ', world'
              
        const msg: string
        
-
        md
        ```ts twoslash
-const hi = 'Hello'
-const msg = hi + ', world'
-//    ^?
-```
        ```ts twoslash
-const hi = 'Hello'
-const msg = hi + ', world'
-//    ^?
-```
        
+
        
+
        ts
        ts
        const hi = 'Hello'
        const msg = hi + ', world'
              
        const msg: string
        
+
        ts
        const hi = 'Hello'
        const msg = hi + ', world'
              
        const msg: string
        
+
        md
        ```ts twoslash
+const hi = 'Hello'
+const msg = hi + ', world'
+//    ^?
+```
        ```ts twoslash
+const hi = 'Hello'
+const msg = hi + ', world'
+//    ^?
+```
        
 
        
 
        Completions ^| ​
        
 
        Using ^| you can pull out information about a what the auto-complete looks like at a particular location.
        
-
        
-
        ts
        ts
        console.e
                 
        • error
        
-
        ts
        console.e
                 
        • error
        
-
        md
        ```ts twoslash
-// @noErrors
-console.e
-//       ^|
-```
        ```ts twoslash
-// @noErrors
-console.e
-//       ^|
-```
        
+
        
+
        ts
        ts
        console.e
                 
        • error
        
+
        ts
        console.e
                 
        • error
        
+
        md
        ```ts twoslash
+// @noErrors
+console.e
+//       ^|
+```
        ```ts twoslash
+// @noErrors
+console.e
+//       ^|
+```
        
 
        
 
        INFO
        
 
        Note that the compiler flag for // @noErrors is set, because console.e is a failing TypeScript code sample but we don't really care about that.
        
@@ -21461,33 +21461,33 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        One of the key features of Twoslash is the ability to use the TypeScript compiler to pull out type information about your code. Twoslash comes with two different ways to query your code: ?^ and ?|.
        
 
        Extract Type ^? ​
        
 
        Using ^? you can pull out type information about a particular identifier in the line of code above it.
        
-
        
-
        ts
        ts
        const hi = 'Hello'
        const msg = hi + ', world'
              
        const msg: string
        
-
        ts
        const hi = 'Hello'
        const msg = hi + ', world'
              
        const msg: string
        
-
        md
        ```ts twoslash
-const hi = 'Hello'
-const msg = hi + ', world'
-//    ^?
-```
        ```ts twoslash
-const hi = 'Hello'
-const msg = hi + ', world'
-//    ^?
-```
        
+
        
+
        ts
        ts
        const hi = 'Hello'
        const msg = hi + ', world'
              
        const msg: string
        
+
        ts
        const hi = 'Hello'
        const msg = hi + ', world'
              
        const msg: string
        
+
        md
        ```ts twoslash
+const hi = 'Hello'
+const msg = hi + ', world'
+//    ^?
+```
        ```ts twoslash
+const hi = 'Hello'
+const msg = hi + ', world'
+//    ^?
+```
        
 
        
 
        Completions ^| ​
        
 
        Using ^| you can pull out information about a what the auto-complete looks like at a particular location.
        
-
        
-
        ts
        ts
        console.e
                 
        • error
        
-
        ts
        console.e
                 
        • error
        
-
        md
        ```ts twoslash
-// @noErrors
-console.e
-//       ^|
-```
        ```ts twoslash
-// @noErrors
-console.e
-//       ^|
-```
        
+
        
+
        ts
        ts
        console.e
                 
        • error
        
+
        ts
        console.e
                 
        • error
        
+
        md
        ```ts twoslash
+// @noErrors
+console.e
+//       ^|
+```
        ```ts twoslash
+// @noErrors
+console.e
+//       ^|
+```
        
 
        
 
        INFO
        
 
        Note that the compiler flag for // @noErrors is set, because console.e is a failing TypeScript code sample but we don't really care about that.
        
@@ -21504,60 +21504,60 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        Twoslash works by faking a virtual file system over your existing file system. This means any @types or libraries with TypeScript definitions should work out of the box with no config.
        
 
        Local Sources ​
        
 
        Simply import locally installed libraries and Twoslash can pick up types:
        
-
        
-
        ts
        ts
        import { defineConfig } from 'vitepress'
        const config = defineConfig({})
                
        const config: UserConfig<DefaultTheme.Config>
        export default config
        
-
        ts
        import { defineConfig } from 'vitepress'
        const config = defineConfig({})
                
        const config: UserConfig<DefaultTheme.Config>
        export default config
        
-
        md
        ```ts twoslash
-import { defineConfig } from 'vitepress'
-const config = defineConfig({})
-//    ^?
-export default config
-```
        ```ts twoslash
-import { defineConfig } from 'vitepress'
-const config = defineConfig({})
-//    ^?
-export default config
-```
        
+
        
+
        ts
        ts
        import { defineConfig } from 'vitepress'
        const config = defineConfig({})
                
        const config: UserConfig<DefaultTheme.Config>
        export default config
        
+
        ts
        import { defineConfig } from 'vitepress'
        const config = defineConfig({})
                
        const config: UserConfig<DefaultTheme.Config>
        export default config
        
+
        md
        ```ts twoslash
+import { defineConfig } from 'vitepress'
+const config = defineConfig({})
+//    ^?
+export default config
+```
        ```ts twoslash
+import { defineConfig } from 'vitepress'
+const config = defineConfig({})
+//    ^?
+export default config
+```
        
 
        
 
        Globals ​
        
 
        Setting up globals is a little bit more complex, but not drastically. You need to use the triple slash reference which adds a particular library to the global scope.
        
 
        For example, setting up Node imports and globals etc.
        
-
        
-
        ts
        ts
        import { writeFileSync } from 'fs'
        writeFileSync('myfile.txt', '// TODO')
        
-
        ts
        import { writeFileSync } from 'fs'
        writeFileSync('myfile.txt', '// TODO')
        
-
        md
        ```ts twoslash
-/// <reference types="node" />
-// ---cut---
-import { writeFileSync } from 'fs'
-writeFileSync('myfile.txt', '// TODO')
-```
        ```ts twoslash
-/// <reference types="node" />
-// ---cut---
-import { writeFileSync } from 'fs'
-writeFileSync('myfile.txt', '// TODO')
-```
        
+
        
+
        ts
        ts
        import { writeFileSync } from 'fs'
        writeFileSync('myfile.txt', '// TODO')
        
+
        ts
        import { writeFileSync } from 'fs'
        writeFileSync('myfile.txt', '// TODO')
        
+
        md
        ```ts twoslash
+/// <reference types="node" />
+// ---cut---
+import { writeFileSync } from 'fs'
+writeFileSync('myfile.txt', '// TODO')
+```
        ```ts twoslash
+/// <reference types="node" />
+// ---cut---
+import { writeFileSync } from 'fs'
+writeFileSync('myfile.txt', '// TODO')
+```
        
 
        
 
        APIs like Vitest are similar cases where you would use a triple slash reference.
        
-
        
-
        ts
        ts
        test('my tests', () => {
            expect('hello').toEqual('hello')
              
        const expect: ExpectStatic
        })
        
-
        ts
        test('my tests', () => {
            expect('hello').toEqual('hello')
              
        const expect: ExpectStatic
        })
        
-
        md
        ```ts twoslash
-/// <reference types="vitest/globals" />
-// ---cut---
+
        
+
        ts
        ts
        test('my tests', () => {
            expect('hello').toEqual('hello')
              
        const expect: ExpectStatic
        })
        
+
        ts
        test('my tests', () => {
            expect('hello').toEqual('hello')
              
        const expect: ExpectStatic
        })
        
+
        md
        ```ts twoslash
+/// <reference types="vitest/globals" />
+// ---cut---
 
-test('my tests', () => {
-    expect('hello').toEqual('hello')
-    // ^?
-})
-```
        ```ts twoslash
-/// <reference types="vitest/globals" />
-// ---cut---
+test('my tests', () => {
+    expect('hello').toEqual('hello')
+    // ^?
+})
+```
        ```ts twoslash
+/// <reference types="vitest/globals" />
+// ---cut---
 
-test('my tests', () => {
-    expect('hello').toEqual('hello')
-    // ^?
-})
-```
        
+test('my tests', () => {
+    expect('hello').toEqual('hello')
+    // ^?
+})
+```
        
 
        
 ]]>
             @types ​
@@ -21565,60 +21565,60 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
        Twoslash works by faking a virtual file system over your existing file system. This means any @types or libraries with TypeScript definitions should work out of the box with no config.
        
 
        Local Sources ​
        
 
        Simply import locally installed libraries and Twoslash can pick up types:
        
-
        
-
        ts
        ts
        import { defineConfig } from 'vitepress'
        const config = defineConfig({})
                
        const config: UserConfig<DefaultTheme.Config>
        export default config
        
-
        ts
        import { defineConfig } from 'vitepress'
        const config = defineConfig({})
                
        const config: UserConfig<DefaultTheme.Config>
        export default config
        
-
        md
        ```ts twoslash
-import { defineConfig } from 'vitepress'
-const config = defineConfig({})
-//    ^?
-export default config
-```
        ```ts twoslash
-import { defineConfig } from 'vitepress'
-const config = defineConfig({})
-//    ^?
-export default config
-```
        
+
        
+
        ts
        ts
        import { defineConfig } from 'vitepress'
        const config = defineConfig({})
                
        const config: UserConfig<DefaultTheme.Config>
        export default config
        
+
        ts
        import { defineConfig } from 'vitepress'
        const config = defineConfig({})
                
        const config: UserConfig<DefaultTheme.Config>
        export default config
        
+
        md
        ```ts twoslash
+import { defineConfig } from 'vitepress'
+const config = defineConfig({})
+//    ^?
+export default config
+```
        ```ts twoslash
+import { defineConfig } from 'vitepress'
+const config = defineConfig({})
+//    ^?
+export default config
+```
        
 
        
 
        Globals ​
        
 
        Setting up globals is a little bit more complex, but not drastically. You need to use the triple slash reference which adds a particular library to the global scope.
        
 
        For example, setting up Node imports and globals etc.
        
-
        
-
        ts
        ts
        import { writeFileSync } from 'fs'
        writeFileSync('myfile.txt', '// TODO')
        
-
        ts
        import { writeFileSync } from 'fs'
        writeFileSync('myfile.txt', '// TODO')
        
-
        md
        ```ts twoslash
-/// <reference types="node" />
-// ---cut---
-import { writeFileSync } from 'fs'
-writeFileSync('myfile.txt', '// TODO')
-```
        ```ts twoslash
-/// <reference types="node" />
-// ---cut---
-import { writeFileSync } from 'fs'
-writeFileSync('myfile.txt', '// TODO')
-```
        
+
        
+
        ts
        ts
        import { writeFileSync } from 'fs'
        writeFileSync('myfile.txt', '// TODO')
        
+
        ts
        import { writeFileSync } from 'fs'
        writeFileSync('myfile.txt', '// TODO')
        
+
        md
        ```ts twoslash
+/// <reference types="node" />
+// ---cut---
+import { writeFileSync } from 'fs'
+writeFileSync('myfile.txt', '// TODO')
+```
        ```ts twoslash
+/// <reference types="node" />
+// ---cut---
+import { writeFileSync } from 'fs'
+writeFileSync('myfile.txt', '// TODO')
+```
        
 
        
 
        APIs like Vitest are similar cases where you would use a triple slash reference.
        
-
        
-
        ts
        ts
        test('my tests', () => {
            expect('hello').toEqual('hello')
              
        const expect: ExpectStatic
        })
        
-
        ts
        test('my tests', () => {
            expect('hello').toEqual('hello')
              
        const expect: ExpectStatic
        })
        
-
        md
        ```ts twoslash
-/// <reference types="vitest/globals" />
-// ---cut---
+
        
+
        ts
        ts
        test('my tests', () => {
            expect('hello').toEqual('hello')
              
        const expect: ExpectStatic
        })
        
+
        ts
        test('my tests', () => {
            expect('hello').toEqual('hello')
              
        const expect: ExpectStatic
        })
        
+
        md
        ```ts twoslash
+/// <reference types="vitest/globals" />
+// ---cut---
 
-test('my tests', () => {
-    expect('hello').toEqual('hello')
-    // ^?
-})
-```
        ```ts twoslash
-/// <reference types="vitest/globals" />
-// ---cut---
+test('my tests', () => {
+    expect('hello').toEqual('hello')
+    // ^?
+})
+```
        ```ts twoslash
+/// <reference types="vitest/globals" />
+// ---cut---
 
-test('my tests', () => {
-    expect('hello').toEqual('hello')
-    // ^?
-})
-```
        
+test('my tests', () => {
+    expect('hello').toEqual('hello')
+    // ^?
+})
+```
        
 
        
 ]]>
         
@@ -21628,1190 +21628,1190 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
             https://note.toshiki.devapplication/vitepress-plugin-shiki-twoslash/config/flags
             Thu, 01 Jul 2021 00:00:00 GMT
             Compiler Flags ​
-
        // @allowJs
-Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files..
-
-// @allowSyntheticDefaultImports
-Allow 'import x from y' when a module doesn't have a default export..
-
-// @allowUmdGlobalAccess
-Allow accessing UMD globals from modules..
-
-// @allowUnreachableCode
-Disable error reporting for unreachable code..
-
-// @allowUnusedLabels
-Disable error reporting for unused labels..
-
-// @alwaysStrict
-Ensure 'use strict' is always emitted..
-
-// @assumeChangesOnlyAffectDirectDependencies
-Have recompiles in projects that use `incremental` and `watch` mode assume that changes within a file will only affect files directly depending on it..
-
-// @baseUrl
-Specify the base directory to resolve non-relative module names..
-
-// @charset
-No longer supported. In early versions, manually set the text encoding for reading files..
-
-// @checkJs
-Enable error reporting in type-checked JavaScript files..
-
-// @composite
-Enable constraints that allow a TypeScript project to be used with project references..
-
-// @declaration
-Generate .d.ts files from TypeScript and JavaScript files in your project..
-
-// @declarationDir
-Specify the output directory for generated declaration files..
-
-// @declarationMap
-Create sourcemaps for d.ts files..
-
-// @diagnostics
-Output compiler performance information after building..
-
-// @disableReferencedProjectLoad
-Reduce the number of projects loaded automatically by TypeScript..
-
-// @disableSizeLimit
-Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
-
-// @disableSolutionSearching
-Opt a project out of multi-project reference checking when editing..
-
-// @disableSourceOfProjectReferenceRedirect
-Disable preferring source files instead of declaration files when referencing composite projects.
-
-// @downlevelIteration
-Emit more compliant, but verbose and less performant JavaScript for iteration..
-
-// @emitBOM
-Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
-
-// @emitDeclarationOnly
-Only output d.ts files and not JavaScript files..
-
-// @emitDecoratorMetadata
-Emit design-type metadata for decorated declarations in source files..
-
-// @esModuleInterop
-Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility..
-
-// @exactOptionalPropertyTypes
-Interpret optional property types as written, rather than adding 'undefined'..
-
-// @experimentalDecorators
-Enable experimental support for TC39 stage 2 draft decorators..
-
-// @explainFiles
-Print files read during the compilation including why it was included..
-
-// @extendedDiagnostics
-Output more detailed compiler performance information after building..
-
-// @forceConsistentCasingInFileNames
-Ensure that casing is correct in imports..
-
-// @generateCpuProfile
-Emit a v8 CPU profile of the compiler run for debugging..
-
-// @importHelpers
-Allow importing helper functions from tslib once per project, instead of including them per-file..
-
-// @importsNotUsedAsValues
-Specify emit/checking behavior for imports that are only used for types.
-
-// @incremental
-Enable incremental compilation.
-
-// @inlineSourceMap
-Include sourcemap files inside the emitted JavaScript..
-
-// @inlineSources
-Include source code in the sourcemaps inside the emitted JavaScript..
-
-// @isolatedModules
-Ensure that each file can be safely transpiled without relying on other imports..
-
-// @jsx
-Specify what JSX code is generated..
-
-// @jsxFactory
-Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
-
-// @jsxFragmentFactory
-Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
-
-// @jsxImportSource
-Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.`.
-
-// @keyofStringsOnly
-Make keyof only return strings instead of string, numbers or symbols. Legacy option..
-
-// @lib
-Specify a set of bundled library declaration files that describe the target runtime environment..
-
-// @listEmittedFiles
-Print the names of emitted files after a compilation..
-
-// @listFiles
-Print all of the files read during the compilation..
-
-// @mapRoot
-Specify the location where debugger should locate map files instead of generated locations..
-
-// @maxNodeModuleJsDepth
-Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`..
-
-// @module
-Specify what module code is generated..
-
-// @moduleResolution
-Specify how TypeScript looks up a file from a given module specifier..
-
-// @newLine
-Set the newline character for emitting files..
-
-// @noEmit
-Disable emitting file from a compilation..
-
-// @noEmitHelpers
-Disable generating custom helper functions like `__extends` in compiled output..
-
-// @noEmitOnError
-Disable emitting files if any type checking errors are reported..
-
-// @noErrorTruncation
-Disable truncating types in error messages..
-
-// @noFallthroughCasesInSwitch
-Enable error reporting for fallthrough cases in switch statements..
-
-// @noImplicitAny
-Enable error reporting for expressions and declarations with an implied `any` type...
-
-// @noImplicitOverride
-Add `undefined` to a type when accessed using an index..
-
-// @noImplicitReturns
-Enable error reporting for codepaths that do not explicitly return in a function..
-
-// @noImplicitThis
-Enable error reporting when `this` is given the type `any`..
-
-// @noImplicitUseStrict
-Disable adding 'use strict' directives in emitted JavaScript files..
-
-// @noLib
-Disable including any library files, including the default lib.d.ts..
-
-// @noPropertyAccessFromIndexSignature
-Enforces using indexed accessors for keys declared using an indexed type.
-
-// @noResolve
-Disallow `import`s, `require`s or ``s from expanding the number of files TypeScript should add to a project..
-
-// @noStrictGenericChecks
-Disable strict checking of generic signatures in function types..
-
-// @noUncheckedIndexedAccess
-Include 'undefined' in index signature results.
-
-// @noUnusedLocals
-Enable error reporting when a local variables aren't read..
-
-// @noUnusedParameters
-Raise an error when a function parameter isn't read.
-
-// @out
-Deprecated setting. Use `outFile` instead..
-
-// @outDir
-Specify an output folder for all emitted files..
-
-// @outFile
-Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output..
-
-// @paths
-Specify a set of entries that re-map imports to additional lookup locations..
-
-// @plugins
-List of language service plugins..
-
-// @preserveConstEnums
-Disable erasing `const enum` declarations in generated code..
-
-// @preserveSymlinks
-Disable resolving symlinks to their realpath. This correlates to the same flag in node..
-
-// @preserveWatchOutput
-Disable wiping the console in watch mode.
-
-// @pretty
-Enable color and formatting in output to make compiler errors easier to read.
-
-// @reactNamespace
-Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit..
-
-// @removeComments
-Disable emitting comments..
-
-// @resolveJsonModule
-Enable importing .json files.
-
-// @rootDir
-Specify the root folder within your source files..
-
-// @rootDirs
-Allow multiple folders to be treated as one when resolving modules..
-
-// @skipDefaultLibCheck
-Skip type checking .d.ts files that are included with TypeScript..
-
-// @skipLibCheck
-Skip type checking all .d.ts files..
-
-// @sourceMap
-Create source map files for emitted JavaScript files..
-
-// @sourceRoot
-Specify the root path for debuggers to find the reference source code..
-
-// @strict
-Enable all strict type-checking options..
-
-// @strictBindCallApply
-Check that the arguments for `bind`, `call`, and `apply` methods match the original function..
-
-// @strictFunctionTypes
-When assigning functions, check to ensure parameters and the return values are subtype-compatible..
-
-// @strictNullChecks
-When type checking, take into account `null` and `undefined`..
-
-// @strictPropertyInitialization
-Check for class properties that are declared but not set in the constructor..
-
-// @stripInternal
-Disable emitting declarations that have `@internal` in their JSDoc comments..
-
-// @suppressExcessPropertyErrors
-Disable reporting of excess property errors during the creation of object literals..
-
-// @suppressImplicitAnyIndexErrors
-Suppress `noImplicitAny` errors when indexing objects that lack index signatures..
-
-// @target
-Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
-
-// @traceResolution
-Log paths used during the `moduleResolution` process..
-
-// @tsBuildInfoFile
-Specify the folder for .tsbuildinfo incremental compilation files..
-
-// @typeRoots
-Specify multiple folders that act like `./node_modules/@types`..
-
-// @types
-Specify type package names to be included without being referenced in a source file..
-
-// @useDefineForClassFields
-Emit ECMAScript-standard-compliant class fields..
-
-// @useUnknownInCatchVariables
-Type catch clause variables as 'unknown' instead of 'any'..
        // @allowJs
-Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files..
-
-// @allowSyntheticDefaultImports
-Allow 'import x from y' when a module doesn't have a default export..
-
-// @allowUmdGlobalAccess
-Allow accessing UMD globals from modules..
-
-// @allowUnreachableCode
-Disable error reporting for unreachable code..
-
-// @allowUnusedLabels
-Disable error reporting for unused labels..
-
-// @alwaysStrict
-Ensure 'use strict' is always emitted..
-
-// @assumeChangesOnlyAffectDirectDependencies
-Have recompiles in projects that use `incremental` and `watch` mode assume that changes within a file will only affect files directly depending on it..
-
-// @baseUrl
-Specify the base directory to resolve non-relative module names..
-
-// @charset
-No longer supported. In early versions, manually set the text encoding for reading files..
-
-// @checkJs
-Enable error reporting in type-checked JavaScript files..
-
-// @composite
-Enable constraints that allow a TypeScript project to be used with project references..
-
-// @declaration
-Generate .d.ts files from TypeScript and JavaScript files in your project..
-
-// @declarationDir
-Specify the output directory for generated declaration files..
-
-// @declarationMap
-Create sourcemaps for d.ts files..
-
-// @diagnostics
-Output compiler performance information after building..
-
-// @disableReferencedProjectLoad
-Reduce the number of projects loaded automatically by TypeScript..
-
-// @disableSizeLimit
-Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
-
-// @disableSolutionSearching
-Opt a project out of multi-project reference checking when editing..
-
-// @disableSourceOfProjectReferenceRedirect
-Disable preferring source files instead of declaration files when referencing composite projects.
-
-// @downlevelIteration
-Emit more compliant, but verbose and less performant JavaScript for iteration..
-
-// @emitBOM
-Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
-
-// @emitDeclarationOnly
-Only output d.ts files and not JavaScript files..
-
-// @emitDecoratorMetadata
-Emit design-type metadata for decorated declarations in source files..
-
-// @esModuleInterop
-Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility..
-
-// @exactOptionalPropertyTypes
-Interpret optional property types as written, rather than adding 'undefined'..
-
-// @experimentalDecorators
-Enable experimental support for TC39 stage 2 draft decorators..
-
-// @explainFiles
-Print files read during the compilation including why it was included..
-
-// @extendedDiagnostics
-Output more detailed compiler performance information after building..
-
-// @forceConsistentCasingInFileNames
-Ensure that casing is correct in imports..
-
-// @generateCpuProfile
-Emit a v8 CPU profile of the compiler run for debugging..
-
-// @importHelpers
-Allow importing helper functions from tslib once per project, instead of including them per-file..
-
-// @importsNotUsedAsValues
-Specify emit/checking behavior for imports that are only used for types.
-
-// @incremental
-Enable incremental compilation.
-
-// @inlineSourceMap
-Include sourcemap files inside the emitted JavaScript..
-
-// @inlineSources
-Include source code in the sourcemaps inside the emitted JavaScript..
-
-// @isolatedModules
-Ensure that each file can be safely transpiled without relying on other imports..
-
-// @jsx
-Specify what JSX code is generated..
-
-// @jsxFactory
-Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
-
-// @jsxFragmentFactory
-Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
-
-// @jsxImportSource
-Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.`.
-
-// @keyofStringsOnly
-Make keyof only return strings instead of string, numbers or symbols. Legacy option..
-
-// @lib
-Specify a set of bundled library declaration files that describe the target runtime environment..
-
-// @listEmittedFiles
-Print the names of emitted files after a compilation..
-
-// @listFiles
-Print all of the files read during the compilation..
-
-// @mapRoot
-Specify the location where debugger should locate map files instead of generated locations..
-
-// @maxNodeModuleJsDepth
-Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`..
-
-// @module
-Specify what module code is generated..
-
-// @moduleResolution
-Specify how TypeScript looks up a file from a given module specifier..
-
-// @newLine
-Set the newline character for emitting files..
-
-// @noEmit
-Disable emitting file from a compilation..
-
-// @noEmitHelpers
-Disable generating custom helper functions like `__extends` in compiled output..
-
-// @noEmitOnError
-Disable emitting files if any type checking errors are reported..
-
-// @noErrorTruncation
-Disable truncating types in error messages..
-
-// @noFallthroughCasesInSwitch
-Enable error reporting for fallthrough cases in switch statements..
-
-// @noImplicitAny
-Enable error reporting for expressions and declarations with an implied `any` type...
-
-// @noImplicitOverride
-Add `undefined` to a type when accessed using an index..
-
-// @noImplicitReturns
-Enable error reporting for codepaths that do not explicitly return in a function..
-
-// @noImplicitThis
-Enable error reporting when `this` is given the type `any`..
-
-// @noImplicitUseStrict
-Disable adding 'use strict' directives in emitted JavaScript files..
-
-// @noLib
-Disable including any library files, including the default lib.d.ts..
-
-// @noPropertyAccessFromIndexSignature
-Enforces using indexed accessors for keys declared using an indexed type.
-
-// @noResolve
-Disallow `import`s, `require`s or ``s from expanding the number of files TypeScript should add to a project..
-
-// @noStrictGenericChecks
-Disable strict checking of generic signatures in function types..
-
-// @noUncheckedIndexedAccess
-Include 'undefined' in index signature results.
-
-// @noUnusedLocals
-Enable error reporting when a local variables aren't read..
-
-// @noUnusedParameters
-Raise an error when a function parameter isn't read.
-
-// @out
-Deprecated setting. Use `outFile` instead..
-
-// @outDir
-Specify an output folder for all emitted files..
-
-// @outFile
-Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output..
-
-// @paths
-Specify a set of entries that re-map imports to additional lookup locations..
-
-// @plugins
-List of language service plugins..
-
-// @preserveConstEnums
-Disable erasing `const enum` declarations in generated code..
-
-// @preserveSymlinks
-Disable resolving symlinks to their realpath. This correlates to the same flag in node..
-
-// @preserveWatchOutput
-Disable wiping the console in watch mode.
-
-// @pretty
-Enable color and formatting in output to make compiler errors easier to read.
-
-// @reactNamespace
-Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit..
-
-// @removeComments
-Disable emitting comments..
-
-// @resolveJsonModule
-Enable importing .json files.
-
-// @rootDir
-Specify the root folder within your source files..
-
-// @rootDirs
-Allow multiple folders to be treated as one when resolving modules..
-
-// @skipDefaultLibCheck
-Skip type checking .d.ts files that are included with TypeScript..
-
-// @skipLibCheck
-Skip type checking all .d.ts files..
-
-// @sourceMap
-Create source map files for emitted JavaScript files..
-
-// @sourceRoot
-Specify the root path for debuggers to find the reference source code..
-
-// @strict
-Enable all strict type-checking options..
-
-// @strictBindCallApply
-Check that the arguments for `bind`, `call`, and `apply` methods match the original function..
-
-// @strictFunctionTypes
-When assigning functions, check to ensure parameters and the return values are subtype-compatible..
-
-// @strictNullChecks
-When type checking, take into account `null` and `undefined`..
-
-// @strictPropertyInitialization
-Check for class properties that are declared but not set in the constructor..
-
-// @stripInternal
-Disable emitting declarations that have `@internal` in their JSDoc comments..
-
-// @suppressExcessPropertyErrors
-Disable reporting of excess property errors during the creation of object literals..
-
-// @suppressImplicitAnyIndexErrors
-Suppress `noImplicitAny` errors when indexing objects that lack index signatures..
-
-// @target
-Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
-
-// @traceResolution
-Log paths used during the `moduleResolution` process..
-
-// @tsBuildInfoFile
-Specify the folder for .tsbuildinfo incremental compilation files..
-
-// @typeRoots
-Specify multiple folders that act like `./node_modules/@types`..
-
-// @types
-Specify type package names to be included without being referenced in a source file..
-
-// @useDefineForClassFields
-Emit ECMAScript-standard-compliant class fields..
-
-// @useUnknownInCatchVariables
-Type catch clause variables as 'unknown' instead of 'any'..
        
+
        // @allowJs
+Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files..
+
+// @allowSyntheticDefaultImports
+Allow 'import x from y' when a module doesn't have a default export..
+
+// @allowUmdGlobalAccess
+Allow accessing UMD globals from modules..
+
+// @allowUnreachableCode
+Disable error reporting for unreachable code..
+
+// @allowUnusedLabels
+Disable error reporting for unused labels..
+
+// @alwaysStrict
+Ensure 'use strict' is always emitted..
+
+// @assumeChangesOnlyAffectDirectDependencies
+Have recompiles in projects that use `incremental` and `watch` mode assume that changes within a file will only affect files directly depending on it..
+
+// @baseUrl
+Specify the base directory to resolve non-relative module names..
+
+// @charset
+No longer supported. In early versions, manually set the text encoding for reading files..
+
+// @checkJs
+Enable error reporting in type-checked JavaScript files..
+
+// @composite
+Enable constraints that allow a TypeScript project to be used with project references..
+
+// @declaration
+Generate .d.ts files from TypeScript and JavaScript files in your project..
+
+// @declarationDir
+Specify the output directory for generated declaration files..
+
+// @declarationMap
+Create sourcemaps for d.ts files..
+
+// @diagnostics
+Output compiler performance information after building..
+
+// @disableReferencedProjectLoad
+Reduce the number of projects loaded automatically by TypeScript..
+
+// @disableSizeLimit
+Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
+
+// @disableSolutionSearching
+Opt a project out of multi-project reference checking when editing..
+
+// @disableSourceOfProjectReferenceRedirect
+Disable preferring source files instead of declaration files when referencing composite projects.
+
+// @downlevelIteration
+Emit more compliant, but verbose and less performant JavaScript for iteration..
+
+// @emitBOM
+Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
+
+// @emitDeclarationOnly
+Only output d.ts files and not JavaScript files..
+
+// @emitDecoratorMetadata
+Emit design-type metadata for decorated declarations in source files..
+
+// @esModuleInterop
+Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility..
+
+// @exactOptionalPropertyTypes
+Interpret optional property types as written, rather than adding 'undefined'..
+
+// @experimentalDecorators
+Enable experimental support for TC39 stage 2 draft decorators..
+
+// @explainFiles
+Print files read during the compilation including why it was included..
+
+// @extendedDiagnostics
+Output more detailed compiler performance information after building..
+
+// @forceConsistentCasingInFileNames
+Ensure that casing is correct in imports..
+
+// @generateCpuProfile
+Emit a v8 CPU profile of the compiler run for debugging..
+
+// @importHelpers
+Allow importing helper functions from tslib once per project, instead of including them per-file..
+
+// @importsNotUsedAsValues
+Specify emit/checking behavior for imports that are only used for types.
+
+// @incremental
+Enable incremental compilation.
+
+// @inlineSourceMap
+Include sourcemap files inside the emitted JavaScript..
+
+// @inlineSources
+Include source code in the sourcemaps inside the emitted JavaScript..
+
+// @isolatedModules
+Ensure that each file can be safely transpiled without relying on other imports..
+
+// @jsx
+Specify what JSX code is generated..
+
+// @jsxFactory
+Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
+
+// @jsxFragmentFactory
+Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
+
+// @jsxImportSource
+Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.`.
+
+// @keyofStringsOnly
+Make keyof only return strings instead of string, numbers or symbols. Legacy option..
+
+// @lib
+Specify a set of bundled library declaration files that describe the target runtime environment..
+
+// @listEmittedFiles
+Print the names of emitted files after a compilation..
+
+// @listFiles
+Print all of the files read during the compilation..
+
+// @mapRoot
+Specify the location where debugger should locate map files instead of generated locations..
+
+// @maxNodeModuleJsDepth
+Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`..
+
+// @module
+Specify what module code is generated..
+
+// @moduleResolution
+Specify how TypeScript looks up a file from a given module specifier..
+
+// @newLine
+Set the newline character for emitting files..
+
+// @noEmit
+Disable emitting file from a compilation..
+
+// @noEmitHelpers
+Disable generating custom helper functions like `__extends` in compiled output..
+
+// @noEmitOnError
+Disable emitting files if any type checking errors are reported..
+
+// @noErrorTruncation
+Disable truncating types in error messages..
+
+// @noFallthroughCasesInSwitch
+Enable error reporting for fallthrough cases in switch statements..
+
+// @noImplicitAny
+Enable error reporting for expressions and declarations with an implied `any` type...
+
+// @noImplicitOverride
+Add `undefined` to a type when accessed using an index..
+
+// @noImplicitReturns
+Enable error reporting for codepaths that do not explicitly return in a function..
+
+// @noImplicitThis
+Enable error reporting when `this` is given the type `any`..
+
+// @noImplicitUseStrict
+Disable adding 'use strict' directives in emitted JavaScript files..
+
+// @noLib
+Disable including any library files, including the default lib.d.ts..
+
+// @noPropertyAccessFromIndexSignature
+Enforces using indexed accessors for keys declared using an indexed type.
+
+// @noResolve
+Disallow `import`s, `require`s or ``s from expanding the number of files TypeScript should add to a project..
+
+// @noStrictGenericChecks
+Disable strict checking of generic signatures in function types..
+
+// @noUncheckedIndexedAccess
+Include 'undefined' in index signature results.
+
+// @noUnusedLocals
+Enable error reporting when a local variables aren't read..
+
+// @noUnusedParameters
+Raise an error when a function parameter isn't read.
+
+// @out
+Deprecated setting. Use `outFile` instead..
+
+// @outDir
+Specify an output folder for all emitted files..
+
+// @outFile
+Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output..
+
+// @paths
+Specify a set of entries that re-map imports to additional lookup locations..
+
+// @plugins
+List of language service plugins..
+
+// @preserveConstEnums
+Disable erasing `const enum` declarations in generated code..
+
+// @preserveSymlinks
+Disable resolving symlinks to their realpath. This correlates to the same flag in node..
+
+// @preserveWatchOutput
+Disable wiping the console in watch mode.
+
+// @pretty
+Enable color and formatting in output to make compiler errors easier to read.
+
+// @reactNamespace
+Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit..
+
+// @removeComments
+Disable emitting comments..
+
+// @resolveJsonModule
+Enable importing .json files.
+
+// @rootDir
+Specify the root folder within your source files..
+
+// @rootDirs
+Allow multiple folders to be treated as one when resolving modules..
+
+// @skipDefaultLibCheck
+Skip type checking .d.ts files that are included with TypeScript..
+
+// @skipLibCheck
+Skip type checking all .d.ts files..
+
+// @sourceMap
+Create source map files for emitted JavaScript files..
+
+// @sourceRoot
+Specify the root path for debuggers to find the reference source code..
+
+// @strict
+Enable all strict type-checking options..
+
+// @strictBindCallApply
+Check that the arguments for `bind`, `call`, and `apply` methods match the original function..
+
+// @strictFunctionTypes
+When assigning functions, check to ensure parameters and the return values are subtype-compatible..
+
+// @strictNullChecks
+When type checking, take into account `null` and `undefined`..
+
+// @strictPropertyInitialization
+Check for class properties that are declared but not set in the constructor..
+
+// @stripInternal
+Disable emitting declarations that have `@internal` in their JSDoc comments..
+
+// @suppressExcessPropertyErrors
+Disable reporting of excess property errors during the creation of object literals..
+
+// @suppressImplicitAnyIndexErrors
+Suppress `noImplicitAny` errors when indexing objects that lack index signatures..
+
+// @target
+Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
+
+// @traceResolution
+Log paths used during the `moduleResolution` process..
+
+// @tsBuildInfoFile
+Specify the folder for .tsbuildinfo incremental compilation files..
+
+// @typeRoots
+Specify multiple folders that act like `./node_modules/@types`..
+
+// @types
+Specify type package names to be included without being referenced in a source file..
+
+// @useDefineForClassFields
+Emit ECMAScript-standard-compliant class fields..
+
+// @useUnknownInCatchVariables
+Type catch clause variables as 'unknown' instead of 'any'..
        // @allowJs
+Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files..
+
+// @allowSyntheticDefaultImports
+Allow 'import x from y' when a module doesn't have a default export..
+
+// @allowUmdGlobalAccess
+Allow accessing UMD globals from modules..
+
+// @allowUnreachableCode
+Disable error reporting for unreachable code..
+
+// @allowUnusedLabels
+Disable error reporting for unused labels..
+
+// @alwaysStrict
+Ensure 'use strict' is always emitted..
+
+// @assumeChangesOnlyAffectDirectDependencies
+Have recompiles in projects that use `incremental` and `watch` mode assume that changes within a file will only affect files directly depending on it..
+
+// @baseUrl
+Specify the base directory to resolve non-relative module names..
+
+// @charset
+No longer supported. In early versions, manually set the text encoding for reading files..
+
+// @checkJs
+Enable error reporting in type-checked JavaScript files..
+
+// @composite
+Enable constraints that allow a TypeScript project to be used with project references..
+
+// @declaration
+Generate .d.ts files from TypeScript and JavaScript files in your project..
+
+// @declarationDir
+Specify the output directory for generated declaration files..
+
+// @declarationMap
+Create sourcemaps for d.ts files..
+
+// @diagnostics
+Output compiler performance information after building..
+
+// @disableReferencedProjectLoad
+Reduce the number of projects loaded automatically by TypeScript..
+
+// @disableSizeLimit
+Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
+
+// @disableSolutionSearching
+Opt a project out of multi-project reference checking when editing..
+
+// @disableSourceOfProjectReferenceRedirect
+Disable preferring source files instead of declaration files when referencing composite projects.
+
+// @downlevelIteration
+Emit more compliant, but verbose and less performant JavaScript for iteration..
+
+// @emitBOM
+Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
+
+// @emitDeclarationOnly
+Only output d.ts files and not JavaScript files..
+
+// @emitDecoratorMetadata
+Emit design-type metadata for decorated declarations in source files..
+
+// @esModuleInterop
+Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility..
+
+// @exactOptionalPropertyTypes
+Interpret optional property types as written, rather than adding 'undefined'..
+
+// @experimentalDecorators
+Enable experimental support for TC39 stage 2 draft decorators..
+
+// @explainFiles
+Print files read during the compilation including why it was included..
+
+// @extendedDiagnostics
+Output more detailed compiler performance information after building..
+
+// @forceConsistentCasingInFileNames
+Ensure that casing is correct in imports..
+
+// @generateCpuProfile
+Emit a v8 CPU profile of the compiler run for debugging..
+
+// @importHelpers
+Allow importing helper functions from tslib once per project, instead of including them per-file..
+
+// @importsNotUsedAsValues
+Specify emit/checking behavior for imports that are only used for types.
+
+// @incremental
+Enable incremental compilation.
+
+// @inlineSourceMap
+Include sourcemap files inside the emitted JavaScript..
+
+// @inlineSources
+Include source code in the sourcemaps inside the emitted JavaScript..
+
+// @isolatedModules
+Ensure that each file can be safely transpiled without relying on other imports..
+
+// @jsx
+Specify what JSX code is generated..
+
+// @jsxFactory
+Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
+
+// @jsxFragmentFactory
+Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
+
+// @jsxImportSource
+Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.`.
+
+// @keyofStringsOnly
+Make keyof only return strings instead of string, numbers or symbols. Legacy option..
+
+// @lib
+Specify a set of bundled library declaration files that describe the target runtime environment..
+
+// @listEmittedFiles
+Print the names of emitted files after a compilation..
+
+// @listFiles
+Print all of the files read during the compilation..
+
+// @mapRoot
+Specify the location where debugger should locate map files instead of generated locations..
+
+// @maxNodeModuleJsDepth
+Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`..
+
+// @module
+Specify what module code is generated..
+
+// @moduleResolution
+Specify how TypeScript looks up a file from a given module specifier..
+
+// @newLine
+Set the newline character for emitting files..
+
+// @noEmit
+Disable emitting file from a compilation..
+
+// @noEmitHelpers
+Disable generating custom helper functions like `__extends` in compiled output..
+
+// @noEmitOnError
+Disable emitting files if any type checking errors are reported..
+
+// @noErrorTruncation
+Disable truncating types in error messages..
+
+// @noFallthroughCasesInSwitch
+Enable error reporting for fallthrough cases in switch statements..
+
+// @noImplicitAny
+Enable error reporting for expressions and declarations with an implied `any` type...
+
+// @noImplicitOverride
+Add `undefined` to a type when accessed using an index..
+
+// @noImplicitReturns
+Enable error reporting for codepaths that do not explicitly return in a function..
+
+// @noImplicitThis
+Enable error reporting when `this` is given the type `any`..
+
+// @noImplicitUseStrict
+Disable adding 'use strict' directives in emitted JavaScript files..
+
+// @noLib
+Disable including any library files, including the default lib.d.ts..
+
+// @noPropertyAccessFromIndexSignature
+Enforces using indexed accessors for keys declared using an indexed type.
+
+// @noResolve
+Disallow `import`s, `require`s or ``s from expanding the number of files TypeScript should add to a project..
+
+// @noStrictGenericChecks
+Disable strict checking of generic signatures in function types..
+
+// @noUncheckedIndexedAccess
+Include 'undefined' in index signature results.
+
+// @noUnusedLocals
+Enable error reporting when a local variables aren't read..
+
+// @noUnusedParameters
+Raise an error when a function parameter isn't read.
+
+// @out
+Deprecated setting. Use `outFile` instead..
+
+// @outDir
+Specify an output folder for all emitted files..
+
+// @outFile
+Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output..
+
+// @paths
+Specify a set of entries that re-map imports to additional lookup locations..
+
+// @plugins
+List of language service plugins..
+
+// @preserveConstEnums
+Disable erasing `const enum` declarations in generated code..
+
+// @preserveSymlinks
+Disable resolving symlinks to their realpath. This correlates to the same flag in node..
+
+// @preserveWatchOutput
+Disable wiping the console in watch mode.
+
+// @pretty
+Enable color and formatting in output to make compiler errors easier to read.
+
+// @reactNamespace
+Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit..
+
+// @removeComments
+Disable emitting comments..
+
+// @resolveJsonModule
+Enable importing .json files.
+
+// @rootDir
+Specify the root folder within your source files..
+
+// @rootDirs
+Allow multiple folders to be treated as one when resolving modules..
+
+// @skipDefaultLibCheck
+Skip type checking .d.ts files that are included with TypeScript..
+
+// @skipLibCheck
+Skip type checking all .d.ts files..
+
+// @sourceMap
+Create source map files for emitted JavaScript files..
+
+// @sourceRoot
+Specify the root path for debuggers to find the reference source code..
+
+// @strict
+Enable all strict type-checking options..
+
+// @strictBindCallApply
+Check that the arguments for `bind`, `call`, and `apply` methods match the original function..
+
+// @strictFunctionTypes
+When assigning functions, check to ensure parameters and the return values are subtype-compatible..
+
+// @strictNullChecks
+When type checking, take into account `null` and `undefined`..
+
+// @strictPropertyInitialization
+Check for class properties that are declared but not set in the constructor..
+
+// @stripInternal
+Disable emitting declarations that have `@internal` in their JSDoc comments..
+
+// @suppressExcessPropertyErrors
+Disable reporting of excess property errors during the creation of object literals..
+
+// @suppressImplicitAnyIndexErrors
+Suppress `noImplicitAny` errors when indexing objects that lack index signatures..
+
+// @target
+Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
+
+// @traceResolution
+Log paths used during the `moduleResolution` process..
+
+// @tsBuildInfoFile
+Specify the folder for .tsbuildinfo incremental compilation files..
+
+// @typeRoots
+Specify multiple folders that act like `./node_modules/@types`..
+
+// @types
+Specify type package names to be included without being referenced in a source file..
+
+// @useDefineForClassFields
+Emit ECMAScript-standard-compliant class fields..
+
+// @useUnknownInCatchVariables
+Type catch clause variables as 'unknown' instead of 'any'..
        
 
        ]]>
             Compiler Flags ​
-
        // @allowJs
-Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files..
-
-// @allowSyntheticDefaultImports
-Allow 'import x from y' when a module doesn't have a default export..
-
-// @allowUmdGlobalAccess
-Allow accessing UMD globals from modules..
-
-// @allowUnreachableCode
-Disable error reporting for unreachable code..
-
-// @allowUnusedLabels
-Disable error reporting for unused labels..
-
-// @alwaysStrict
-Ensure 'use strict' is always emitted..
-
-// @assumeChangesOnlyAffectDirectDependencies
-Have recompiles in projects that use `incremental` and `watch` mode assume that changes within a file will only affect files directly depending on it..
-
-// @baseUrl
-Specify the base directory to resolve non-relative module names..
-
-// @charset
-No longer supported. In early versions, manually set the text encoding for reading files..
-
-// @checkJs
-Enable error reporting in type-checked JavaScript files..
-
-// @composite
-Enable constraints that allow a TypeScript project to be used with project references..
-
-// @declaration
-Generate .d.ts files from TypeScript and JavaScript files in your project..
-
-// @declarationDir
-Specify the output directory for generated declaration files..
-
-// @declarationMap
-Create sourcemaps for d.ts files..
-
-// @diagnostics
-Output compiler performance information after building..
-
-// @disableReferencedProjectLoad
-Reduce the number of projects loaded automatically by TypeScript..
-
-// @disableSizeLimit
-Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
-
-// @disableSolutionSearching
-Opt a project out of multi-project reference checking when editing..
-
-// @disableSourceOfProjectReferenceRedirect
-Disable preferring source files instead of declaration files when referencing composite projects.
-
-// @downlevelIteration
-Emit more compliant, but verbose and less performant JavaScript for iteration..
-
-// @emitBOM
-Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
-
-// @emitDeclarationOnly
-Only output d.ts files and not JavaScript files..
-
-// @emitDecoratorMetadata
-Emit design-type metadata for decorated declarations in source files..
-
-// @esModuleInterop
-Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility..
-
-// @exactOptionalPropertyTypes
-Interpret optional property types as written, rather than adding 'undefined'..
-
-// @experimentalDecorators
-Enable experimental support for TC39 stage 2 draft decorators..
-
-// @explainFiles
-Print files read during the compilation including why it was included..
-
-// @extendedDiagnostics
-Output more detailed compiler performance information after building..
-
-// @forceConsistentCasingInFileNames
-Ensure that casing is correct in imports..
-
-// @generateCpuProfile
-Emit a v8 CPU profile of the compiler run for debugging..
-
-// @importHelpers
-Allow importing helper functions from tslib once per project, instead of including them per-file..
-
-// @importsNotUsedAsValues
-Specify emit/checking behavior for imports that are only used for types.
-
-// @incremental
-Enable incremental compilation.
-
-// @inlineSourceMap
-Include sourcemap files inside the emitted JavaScript..
-
-// @inlineSources
-Include source code in the sourcemaps inside the emitted JavaScript..
-
-// @isolatedModules
-Ensure that each file can be safely transpiled without relying on other imports..
-
-// @jsx
-Specify what JSX code is generated..
-
-// @jsxFactory
-Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
-
-// @jsxFragmentFactory
-Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
-
-// @jsxImportSource
-Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.`.
-
-// @keyofStringsOnly
-Make keyof only return strings instead of string, numbers or symbols. Legacy option..
-
-// @lib
-Specify a set of bundled library declaration files that describe the target runtime environment..
-
-// @listEmittedFiles
-Print the names of emitted files after a compilation..
-
-// @listFiles
-Print all of the files read during the compilation..
-
-// @mapRoot
-Specify the location where debugger should locate map files instead of generated locations..
-
-// @maxNodeModuleJsDepth
-Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`..
-
-// @module
-Specify what module code is generated..
-
-// @moduleResolution
-Specify how TypeScript looks up a file from a given module specifier..
-
-// @newLine
-Set the newline character for emitting files..
-
-// @noEmit
-Disable emitting file from a compilation..
-
-// @noEmitHelpers
-Disable generating custom helper functions like `__extends` in compiled output..
-
-// @noEmitOnError
-Disable emitting files if any type checking errors are reported..
-
-// @noErrorTruncation
-Disable truncating types in error messages..
-
-// @noFallthroughCasesInSwitch
-Enable error reporting for fallthrough cases in switch statements..
-
-// @noImplicitAny
-Enable error reporting for expressions and declarations with an implied `any` type...
-
-// @noImplicitOverride
-Add `undefined` to a type when accessed using an index..
-
-// @noImplicitReturns
-Enable error reporting for codepaths that do not explicitly return in a function..
-
-// @noImplicitThis
-Enable error reporting when `this` is given the type `any`..
-
-// @noImplicitUseStrict
-Disable adding 'use strict' directives in emitted JavaScript files..
-
-// @noLib
-Disable including any library files, including the default lib.d.ts..
-
-// @noPropertyAccessFromIndexSignature
-Enforces using indexed accessors for keys declared using an indexed type.
-
-// @noResolve
-Disallow `import`s, `require`s or ``s from expanding the number of files TypeScript should add to a project..
-
-// @noStrictGenericChecks
-Disable strict checking of generic signatures in function types..
-
-// @noUncheckedIndexedAccess
-Include 'undefined' in index signature results.
-
-// @noUnusedLocals
-Enable error reporting when a local variables aren't read..
-
-// @noUnusedParameters
-Raise an error when a function parameter isn't read.
-
-// @out
-Deprecated setting. Use `outFile` instead..
-
-// @outDir
-Specify an output folder for all emitted files..
-
-// @outFile
-Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output..
-
-// @paths
-Specify a set of entries that re-map imports to additional lookup locations..
-
-// @plugins
-List of language service plugins..
-
-// @preserveConstEnums
-Disable erasing `const enum` declarations in generated code..
-
-// @preserveSymlinks
-Disable resolving symlinks to their realpath. This correlates to the same flag in node..
-
-// @preserveWatchOutput
-Disable wiping the console in watch mode.
-
-// @pretty
-Enable color and formatting in output to make compiler errors easier to read.
-
-// @reactNamespace
-Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit..
-
-// @removeComments
-Disable emitting comments..
-
-// @resolveJsonModule
-Enable importing .json files.
-
-// @rootDir
-Specify the root folder within your source files..
-
-// @rootDirs
-Allow multiple folders to be treated as one when resolving modules..
-
-// @skipDefaultLibCheck
-Skip type checking .d.ts files that are included with TypeScript..
-
-// @skipLibCheck
-Skip type checking all .d.ts files..
-
-// @sourceMap
-Create source map files for emitted JavaScript files..
-
-// @sourceRoot
-Specify the root path for debuggers to find the reference source code..
-
-// @strict
-Enable all strict type-checking options..
-
-// @strictBindCallApply
-Check that the arguments for `bind`, `call`, and `apply` methods match the original function..
-
-// @strictFunctionTypes
-When assigning functions, check to ensure parameters and the return values are subtype-compatible..
-
-// @strictNullChecks
-When type checking, take into account `null` and `undefined`..
-
-// @strictPropertyInitialization
-Check for class properties that are declared but not set in the constructor..
-
-// @stripInternal
-Disable emitting declarations that have `@internal` in their JSDoc comments..
-
-// @suppressExcessPropertyErrors
-Disable reporting of excess property errors during the creation of object literals..
-
-// @suppressImplicitAnyIndexErrors
-Suppress `noImplicitAny` errors when indexing objects that lack index signatures..
-
-// @target
-Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
-
-// @traceResolution
-Log paths used during the `moduleResolution` process..
-
-// @tsBuildInfoFile
-Specify the folder for .tsbuildinfo incremental compilation files..
-
-// @typeRoots
-Specify multiple folders that act like `./node_modules/@types`..
-
-// @types
-Specify type package names to be included without being referenced in a source file..
-
-// @useDefineForClassFields
-Emit ECMAScript-standard-compliant class fields..
-
-// @useUnknownInCatchVariables
-Type catch clause variables as 'unknown' instead of 'any'..
        // @allowJs
-Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files..
-
-// @allowSyntheticDefaultImports
-Allow 'import x from y' when a module doesn't have a default export..
-
-// @allowUmdGlobalAccess
-Allow accessing UMD globals from modules..
-
-// @allowUnreachableCode
-Disable error reporting for unreachable code..
-
-// @allowUnusedLabels
-Disable error reporting for unused labels..
-
-// @alwaysStrict
-Ensure 'use strict' is always emitted..
-
-// @assumeChangesOnlyAffectDirectDependencies
-Have recompiles in projects that use `incremental` and `watch` mode assume that changes within a file will only affect files directly depending on it..
-
-// @baseUrl
-Specify the base directory to resolve non-relative module names..
-
-// @charset
-No longer supported. In early versions, manually set the text encoding for reading files..
-
-// @checkJs
-Enable error reporting in type-checked JavaScript files..
-
-// @composite
-Enable constraints that allow a TypeScript project to be used with project references..
-
-// @declaration
-Generate .d.ts files from TypeScript and JavaScript files in your project..
-
-// @declarationDir
-Specify the output directory for generated declaration files..
-
-// @declarationMap
-Create sourcemaps for d.ts files..
-
-// @diagnostics
-Output compiler performance information after building..
-
-// @disableReferencedProjectLoad
-Reduce the number of projects loaded automatically by TypeScript..
-
-// @disableSizeLimit
-Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
-
-// @disableSolutionSearching
-Opt a project out of multi-project reference checking when editing..
-
-// @disableSourceOfProjectReferenceRedirect
-Disable preferring source files instead of declaration files when referencing composite projects.
-
-// @downlevelIteration
-Emit more compliant, but verbose and less performant JavaScript for iteration..
-
-// @emitBOM
-Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
-
-// @emitDeclarationOnly
-Only output d.ts files and not JavaScript files..
-
-// @emitDecoratorMetadata
-Emit design-type metadata for decorated declarations in source files..
-
-// @esModuleInterop
-Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility..
-
-// @exactOptionalPropertyTypes
-Interpret optional property types as written, rather than adding 'undefined'..
-
-// @experimentalDecorators
-Enable experimental support for TC39 stage 2 draft decorators..
-
-// @explainFiles
-Print files read during the compilation including why it was included..
-
-// @extendedDiagnostics
-Output more detailed compiler performance information after building..
-
-// @forceConsistentCasingInFileNames
-Ensure that casing is correct in imports..
-
-// @generateCpuProfile
-Emit a v8 CPU profile of the compiler run for debugging..
-
-// @importHelpers
-Allow importing helper functions from tslib once per project, instead of including them per-file..
-
-// @importsNotUsedAsValues
-Specify emit/checking behavior for imports that are only used for types.
-
-// @incremental
-Enable incremental compilation.
-
-// @inlineSourceMap
-Include sourcemap files inside the emitted JavaScript..
-
-// @inlineSources
-Include source code in the sourcemaps inside the emitted JavaScript..
-
-// @isolatedModules
-Ensure that each file can be safely transpiled without relying on other imports..
-
-// @jsx
-Specify what JSX code is generated..
-
-// @jsxFactory
-Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
-
-// @jsxFragmentFactory
-Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
-
-// @jsxImportSource
-Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.`.
-
-// @keyofStringsOnly
-Make keyof only return strings instead of string, numbers or symbols. Legacy option..
-
-// @lib
-Specify a set of bundled library declaration files that describe the target runtime environment..
-
-// @listEmittedFiles
-Print the names of emitted files after a compilation..
-
-// @listFiles
-Print all of the files read during the compilation..
-
-// @mapRoot
-Specify the location where debugger should locate map files instead of generated locations..
-
-// @maxNodeModuleJsDepth
-Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`..
-
-// @module
-Specify what module code is generated..
-
-// @moduleResolution
-Specify how TypeScript looks up a file from a given module specifier..
-
-// @newLine
-Set the newline character for emitting files..
-
-// @noEmit
-Disable emitting file from a compilation..
-
-// @noEmitHelpers
-Disable generating custom helper functions like `__extends` in compiled output..
-
-// @noEmitOnError
-Disable emitting files if any type checking errors are reported..
-
-// @noErrorTruncation
-Disable truncating types in error messages..
-
-// @noFallthroughCasesInSwitch
-Enable error reporting for fallthrough cases in switch statements..
-
-// @noImplicitAny
-Enable error reporting for expressions and declarations with an implied `any` type...
-
-// @noImplicitOverride
-Add `undefined` to a type when accessed using an index..
-
-// @noImplicitReturns
-Enable error reporting for codepaths that do not explicitly return in a function..
-
-// @noImplicitThis
-Enable error reporting when `this` is given the type `any`..
-
-// @noImplicitUseStrict
-Disable adding 'use strict' directives in emitted JavaScript files..
-
-// @noLib
-Disable including any library files, including the default lib.d.ts..
-
-// @noPropertyAccessFromIndexSignature
-Enforces using indexed accessors for keys declared using an indexed type.
-
-// @noResolve
-Disallow `import`s, `require`s or ``s from expanding the number of files TypeScript should add to a project..
-
-// @noStrictGenericChecks
-Disable strict checking of generic signatures in function types..
-
-// @noUncheckedIndexedAccess
-Include 'undefined' in index signature results.
-
-// @noUnusedLocals
-Enable error reporting when a local variables aren't read..
-
-// @noUnusedParameters
-Raise an error when a function parameter isn't read.
-
-// @out
-Deprecated setting. Use `outFile` instead..
-
-// @outDir
-Specify an output folder for all emitted files..
-
-// @outFile
-Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output..
-
-// @paths
-Specify a set of entries that re-map imports to additional lookup locations..
-
-// @plugins
-List of language service plugins..
-
-// @preserveConstEnums
-Disable erasing `const enum` declarations in generated code..
-
-// @preserveSymlinks
-Disable resolving symlinks to their realpath. This correlates to the same flag in node..
-
-// @preserveWatchOutput
-Disable wiping the console in watch mode.
-
-// @pretty
-Enable color and formatting in output to make compiler errors easier to read.
-
-// @reactNamespace
-Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit..
-
-// @removeComments
-Disable emitting comments..
-
-// @resolveJsonModule
-Enable importing .json files.
-
-// @rootDir
-Specify the root folder within your source files..
-
-// @rootDirs
-Allow multiple folders to be treated as one when resolving modules..
-
-// @skipDefaultLibCheck
-Skip type checking .d.ts files that are included with TypeScript..
-
-// @skipLibCheck
-Skip type checking all .d.ts files..
-
-// @sourceMap
-Create source map files for emitted JavaScript files..
-
-// @sourceRoot
-Specify the root path for debuggers to find the reference source code..
-
-// @strict
-Enable all strict type-checking options..
-
-// @strictBindCallApply
-Check that the arguments for `bind`, `call`, and `apply` methods match the original function..
-
-// @strictFunctionTypes
-When assigning functions, check to ensure parameters and the return values are subtype-compatible..
-
-// @strictNullChecks
-When type checking, take into account `null` and `undefined`..
-
-// @strictPropertyInitialization
-Check for class properties that are declared but not set in the constructor..
-
-// @stripInternal
-Disable emitting declarations that have `@internal` in their JSDoc comments..
-
-// @suppressExcessPropertyErrors
-Disable reporting of excess property errors during the creation of object literals..
-
-// @suppressImplicitAnyIndexErrors
-Suppress `noImplicitAny` errors when indexing objects that lack index signatures..
-
-// @target
-Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
-
-// @traceResolution
-Log paths used during the `moduleResolution` process..
-
-// @tsBuildInfoFile
-Specify the folder for .tsbuildinfo incremental compilation files..
-
-// @typeRoots
-Specify multiple folders that act like `./node_modules/@types`..
-
-// @types
-Specify type package names to be included without being referenced in a source file..
-
-// @useDefineForClassFields
-Emit ECMAScript-standard-compliant class fields..
-
-// @useUnknownInCatchVariables
-Type catch clause variables as 'unknown' instead of 'any'..
        
+
        // @allowJs
+Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files..
+
+// @allowSyntheticDefaultImports
+Allow 'import x from y' when a module doesn't have a default export..
+
+// @allowUmdGlobalAccess
+Allow accessing UMD globals from modules..
+
+// @allowUnreachableCode
+Disable error reporting for unreachable code..
+
+// @allowUnusedLabels
+Disable error reporting for unused labels..
+
+// @alwaysStrict
+Ensure 'use strict' is always emitted..
+
+// @assumeChangesOnlyAffectDirectDependencies
+Have recompiles in projects that use `incremental` and `watch` mode assume that changes within a file will only affect files directly depending on it..
+
+// @baseUrl
+Specify the base directory to resolve non-relative module names..
+
+// @charset
+No longer supported. In early versions, manually set the text encoding for reading files..
+
+// @checkJs
+Enable error reporting in type-checked JavaScript files..
+
+// @composite
+Enable constraints that allow a TypeScript project to be used with project references..
+
+// @declaration
+Generate .d.ts files from TypeScript and JavaScript files in your project..
+
+// @declarationDir
+Specify the output directory for generated declaration files..
+
+// @declarationMap
+Create sourcemaps for d.ts files..
+
+// @diagnostics
+Output compiler performance information after building..
+
+// @disableReferencedProjectLoad
+Reduce the number of projects loaded automatically by TypeScript..
+
+// @disableSizeLimit
+Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
+
+// @disableSolutionSearching
+Opt a project out of multi-project reference checking when editing..
+
+// @disableSourceOfProjectReferenceRedirect
+Disable preferring source files instead of declaration files when referencing composite projects.
+
+// @downlevelIteration
+Emit more compliant, but verbose and less performant JavaScript for iteration..
+
+// @emitBOM
+Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
+
+// @emitDeclarationOnly
+Only output d.ts files and not JavaScript files..
+
+// @emitDecoratorMetadata
+Emit design-type metadata for decorated declarations in source files..
+
+// @esModuleInterop
+Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility..
+
+// @exactOptionalPropertyTypes
+Interpret optional property types as written, rather than adding 'undefined'..
+
+// @experimentalDecorators
+Enable experimental support for TC39 stage 2 draft decorators..
+
+// @explainFiles
+Print files read during the compilation including why it was included..
+
+// @extendedDiagnostics
+Output more detailed compiler performance information after building..
+
+// @forceConsistentCasingInFileNames
+Ensure that casing is correct in imports..
+
+// @generateCpuProfile
+Emit a v8 CPU profile of the compiler run for debugging..
+
+// @importHelpers
+Allow importing helper functions from tslib once per project, instead of including them per-file..
+
+// @importsNotUsedAsValues
+Specify emit/checking behavior for imports that are only used for types.
+
+// @incremental
+Enable incremental compilation.
+
+// @inlineSourceMap
+Include sourcemap files inside the emitted JavaScript..
+
+// @inlineSources
+Include source code in the sourcemaps inside the emitted JavaScript..
+
+// @isolatedModules
+Ensure that each file can be safely transpiled without relying on other imports..
+
+// @jsx
+Specify what JSX code is generated..
+
+// @jsxFactory
+Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
+
+// @jsxFragmentFactory
+Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
+
+// @jsxImportSource
+Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.`.
+
+// @keyofStringsOnly
+Make keyof only return strings instead of string, numbers or symbols. Legacy option..
+
+// @lib
+Specify a set of bundled library declaration files that describe the target runtime environment..
+
+// @listEmittedFiles
+Print the names of emitted files after a compilation..
+
+// @listFiles
+Print all of the files read during the compilation..
+
+// @mapRoot
+Specify the location where debugger should locate map files instead of generated locations..
+
+// @maxNodeModuleJsDepth
+Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`..
+
+// @module
+Specify what module code is generated..
+
+// @moduleResolution
+Specify how TypeScript looks up a file from a given module specifier..
+
+// @newLine
+Set the newline character for emitting files..
+
+// @noEmit
+Disable emitting file from a compilation..
+
+// @noEmitHelpers
+Disable generating custom helper functions like `__extends` in compiled output..
+
+// @noEmitOnError
+Disable emitting files if any type checking errors are reported..
+
+// @noErrorTruncation
+Disable truncating types in error messages..
+
+// @noFallthroughCasesInSwitch
+Enable error reporting for fallthrough cases in switch statements..
+
+// @noImplicitAny
+Enable error reporting for expressions and declarations with an implied `any` type...
+
+// @noImplicitOverride
+Add `undefined` to a type when accessed using an index..
+
+// @noImplicitReturns
+Enable error reporting for codepaths that do not explicitly return in a function..
+
+// @noImplicitThis
+Enable error reporting when `this` is given the type `any`..
+
+// @noImplicitUseStrict
+Disable adding 'use strict' directives in emitted JavaScript files..
+
+// @noLib
+Disable including any library files, including the default lib.d.ts..
+
+// @noPropertyAccessFromIndexSignature
+Enforces using indexed accessors for keys declared using an indexed type.
+
+// @noResolve
+Disallow `import`s, `require`s or ``s from expanding the number of files TypeScript should add to a project..
+
+// @noStrictGenericChecks
+Disable strict checking of generic signatures in function types..
+
+// @noUncheckedIndexedAccess
+Include 'undefined' in index signature results.
+
+// @noUnusedLocals
+Enable error reporting when a local variables aren't read..
+
+// @noUnusedParameters
+Raise an error when a function parameter isn't read.
+
+// @out
+Deprecated setting. Use `outFile` instead..
+
+// @outDir
+Specify an output folder for all emitted files..
+
+// @outFile
+Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output..
+
+// @paths
+Specify a set of entries that re-map imports to additional lookup locations..
+
+// @plugins
+List of language service plugins..
+
+// @preserveConstEnums
+Disable erasing `const enum` declarations in generated code..
+
+// @preserveSymlinks
+Disable resolving symlinks to their realpath. This correlates to the same flag in node..
+
+// @preserveWatchOutput
+Disable wiping the console in watch mode.
+
+// @pretty
+Enable color and formatting in output to make compiler errors easier to read.
+
+// @reactNamespace
+Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit..
+
+// @removeComments
+Disable emitting comments..
+
+// @resolveJsonModule
+Enable importing .json files.
+
+// @rootDir
+Specify the root folder within your source files..
+
+// @rootDirs
+Allow multiple folders to be treated as one when resolving modules..
+
+// @skipDefaultLibCheck
+Skip type checking .d.ts files that are included with TypeScript..
+
+// @skipLibCheck
+Skip type checking all .d.ts files..
+
+// @sourceMap
+Create source map files for emitted JavaScript files..
+
+// @sourceRoot
+Specify the root path for debuggers to find the reference source code..
+
+// @strict
+Enable all strict type-checking options..
+
+// @strictBindCallApply
+Check that the arguments for `bind`, `call`, and `apply` methods match the original function..
+
+// @strictFunctionTypes
+When assigning functions, check to ensure parameters and the return values are subtype-compatible..
+
+// @strictNullChecks
+When type checking, take into account `null` and `undefined`..
+
+// @strictPropertyInitialization
+Check for class properties that are declared but not set in the constructor..
+
+// @stripInternal
+Disable emitting declarations that have `@internal` in their JSDoc comments..
+
+// @suppressExcessPropertyErrors
+Disable reporting of excess property errors during the creation of object literals..
+
+// @suppressImplicitAnyIndexErrors
+Suppress `noImplicitAny` errors when indexing objects that lack index signatures..
+
+// @target
+Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
+
+// @traceResolution
+Log paths used during the `moduleResolution` process..
+
+// @tsBuildInfoFile
+Specify the folder for .tsbuildinfo incremental compilation files..
+
+// @typeRoots
+Specify multiple folders that act like `./node_modules/@types`..
+
+// @types
+Specify type package names to be included without being referenced in a source file..
+
+// @useDefineForClassFields
+Emit ECMAScript-standard-compliant class fields..
+
+// @useUnknownInCatchVariables
+Type catch clause variables as 'unknown' instead of 'any'..
        // @allowJs
+Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files..
+
+// @allowSyntheticDefaultImports
+Allow 'import x from y' when a module doesn't have a default export..
+
+// @allowUmdGlobalAccess
+Allow accessing UMD globals from modules..
+
+// @allowUnreachableCode
+Disable error reporting for unreachable code..
+
+// @allowUnusedLabels
+Disable error reporting for unused labels..
+
+// @alwaysStrict
+Ensure 'use strict' is always emitted..
+
+// @assumeChangesOnlyAffectDirectDependencies
+Have recompiles in projects that use `incremental` and `watch` mode assume that changes within a file will only affect files directly depending on it..
+
+// @baseUrl
+Specify the base directory to resolve non-relative module names..
+
+// @charset
+No longer supported. In early versions, manually set the text encoding for reading files..
+
+// @checkJs
+Enable error reporting in type-checked JavaScript files..
+
+// @composite
+Enable constraints that allow a TypeScript project to be used with project references..
+
+// @declaration
+Generate .d.ts files from TypeScript and JavaScript files in your project..
+
+// @declarationDir
+Specify the output directory for generated declaration files..
+
+// @declarationMap
+Create sourcemaps for d.ts files..
+
+// @diagnostics
+Output compiler performance information after building..
+
+// @disableReferencedProjectLoad
+Reduce the number of projects loaded automatically by TypeScript..
+
+// @disableSizeLimit
+Remove the 20mb cap on total source code size for JavaScript files in the TypeScript language server..
+
+// @disableSolutionSearching
+Opt a project out of multi-project reference checking when editing..
+
+// @disableSourceOfProjectReferenceRedirect
+Disable preferring source files instead of declaration files when referencing composite projects.
+
+// @downlevelIteration
+Emit more compliant, but verbose and less performant JavaScript for iteration..
+
+// @emitBOM
+Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files..
+
+// @emitDeclarationOnly
+Only output d.ts files and not JavaScript files..
+
+// @emitDecoratorMetadata
+Emit design-type metadata for decorated declarations in source files..
+
+// @esModuleInterop
+Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility..
+
+// @exactOptionalPropertyTypes
+Interpret optional property types as written, rather than adding 'undefined'..
+
+// @experimentalDecorators
+Enable experimental support for TC39 stage 2 draft decorators..
+
+// @explainFiles
+Print files read during the compilation including why it was included..
+
+// @extendedDiagnostics
+Output more detailed compiler performance information after building..
+
+// @forceConsistentCasingInFileNames
+Ensure that casing is correct in imports..
+
+// @generateCpuProfile
+Emit a v8 CPU profile of the compiler run for debugging..
+
+// @importHelpers
+Allow importing helper functions from tslib once per project, instead of including them per-file..
+
+// @importsNotUsedAsValues
+Specify emit/checking behavior for imports that are only used for types.
+
+// @incremental
+Enable incremental compilation.
+
+// @inlineSourceMap
+Include sourcemap files inside the emitted JavaScript..
+
+// @inlineSources
+Include source code in the sourcemaps inside the emitted JavaScript..
+
+// @isolatedModules
+Ensure that each file can be safely transpiled without relying on other imports..
+
+// @jsx
+Specify what JSX code is generated..
+
+// @jsxFactory
+Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'.
+
+// @jsxFragmentFactory
+Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'..
+
+// @jsxImportSource
+Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.`.
+
+// @keyofStringsOnly
+Make keyof only return strings instead of string, numbers or symbols. Legacy option..
+
+// @lib
+Specify a set of bundled library declaration files that describe the target runtime environment..
+
+// @listEmittedFiles
+Print the names of emitted files after a compilation..
+
+// @listFiles
+Print all of the files read during the compilation..
+
+// @mapRoot
+Specify the location where debugger should locate map files instead of generated locations..
+
+// @maxNodeModuleJsDepth
+Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`..
+
+// @module
+Specify what module code is generated..
+
+// @moduleResolution
+Specify how TypeScript looks up a file from a given module specifier..
+
+// @newLine
+Set the newline character for emitting files..
+
+// @noEmit
+Disable emitting file from a compilation..
+
+// @noEmitHelpers
+Disable generating custom helper functions like `__extends` in compiled output..
+
+// @noEmitOnError
+Disable emitting files if any type checking errors are reported..
+
+// @noErrorTruncation
+Disable truncating types in error messages..
+
+// @noFallthroughCasesInSwitch
+Enable error reporting for fallthrough cases in switch statements..
+
+// @noImplicitAny
+Enable error reporting for expressions and declarations with an implied `any` type...
+
+// @noImplicitOverride
+Add `undefined` to a type when accessed using an index..
+
+// @noImplicitReturns
+Enable error reporting for codepaths that do not explicitly return in a function..
+
+// @noImplicitThis
+Enable error reporting when `this` is given the type `any`..
+
+// @noImplicitUseStrict
+Disable adding 'use strict' directives in emitted JavaScript files..
+
+// @noLib
+Disable including any library files, including the default lib.d.ts..
+
+// @noPropertyAccessFromIndexSignature
+Enforces using indexed accessors for keys declared using an indexed type.
+
+// @noResolve
+Disallow `import`s, `require`s or ``s from expanding the number of files TypeScript should add to a project..
+
+// @noStrictGenericChecks
+Disable strict checking of generic signatures in function types..
+
+// @noUncheckedIndexedAccess
+Include 'undefined' in index signature results.
+
+// @noUnusedLocals
+Enable error reporting when a local variables aren't read..
+
+// @noUnusedParameters
+Raise an error when a function parameter isn't read.
+
+// @out
+Deprecated setting. Use `outFile` instead..
+
+// @outDir
+Specify an output folder for all emitted files..
+
+// @outFile
+Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output..
+
+// @paths
+Specify a set of entries that re-map imports to additional lookup locations..
+
+// @plugins
+List of language service plugins..
+
+// @preserveConstEnums
+Disable erasing `const enum` declarations in generated code..
+
+// @preserveSymlinks
+Disable resolving symlinks to their realpath. This correlates to the same flag in node..
+
+// @preserveWatchOutput
+Disable wiping the console in watch mode.
+
+// @pretty
+Enable color and formatting in output to make compiler errors easier to read.
+
+// @reactNamespace
+Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit..
+
+// @removeComments
+Disable emitting comments..
+
+// @resolveJsonModule
+Enable importing .json files.
+
+// @rootDir
+Specify the root folder within your source files..
+
+// @rootDirs
+Allow multiple folders to be treated as one when resolving modules..
+
+// @skipDefaultLibCheck
+Skip type checking .d.ts files that are included with TypeScript..
+
+// @skipLibCheck
+Skip type checking all .d.ts files..
+
+// @sourceMap
+Create source map files for emitted JavaScript files..
+
+// @sourceRoot
+Specify the root path for debuggers to find the reference source code..
+
+// @strict
+Enable all strict type-checking options..
+
+// @strictBindCallApply
+Check that the arguments for `bind`, `call`, and `apply` methods match the original function..
+
+// @strictFunctionTypes
+When assigning functions, check to ensure parameters and the return values are subtype-compatible..
+
+// @strictNullChecks
+When type checking, take into account `null` and `undefined`..
+
+// @strictPropertyInitialization
+Check for class properties that are declared but not set in the constructor..
+
+// @stripInternal
+Disable emitting declarations that have `@internal` in their JSDoc comments..
+
+// @suppressExcessPropertyErrors
+Disable reporting of excess property errors during the creation of object literals..
+
+// @suppressImplicitAnyIndexErrors
+Suppress `noImplicitAny` errors when indexing objects that lack index signatures..
+
+// @target
+Set the JavaScript language version for emitted JavaScript and include compatible library declarations..
+
+// @traceResolution
+Log paths used during the `moduleResolution` process..
+
+// @tsBuildInfoFile
+Specify the folder for .tsbuildinfo incremental compilation files..
+
+// @typeRoots
+Specify multiple folders that act like `./node_modules/@types`..
+
+// @types
+Specify type package names to be included without being referenced in a source file..
+
+// @useDefineForClassFields
+Emit ECMAScript-standard-compliant class fields..
+
+// @useUnknownInCatchVariables
+Type catch clause variables as 'unknown' instead of 'any'..
        
 
        ]]>
         
         
@@ -22822,8 +22822,8 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
             Config ​
 
        Overview ​
        
 
        You can configure VitePress Twoslash using the twoslash property added to defineConfig.
        
-
        ts
        ts
        // .vitepress/config.[ext]
        import { defineConfig } from 'vitepress'
        import { withTwoslash, TwoslashConfigSettings } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
         
        export default withTwoslash(
            defineConfig({
                twoslash: {
                    // Your VitePress Twoslash options
                },
            })
        )
        
-
        ts
        // .vitepress/config.[ext]
        import { defineConfig } from 'vitepress'
        import { withTwoslash, TwoslashConfigSettings } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
         
        export default withTwoslash(
            defineConfig({
                twoslash: {
                    // Your VitePress Twoslash options
                },
            })
        )
        
+
        ts
        ts
        // .vitepress/config.[ext]
        import { defineConfig } from 'vitepress'
        import { withTwoslash, TwoslashConfigSettings } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
         
        export default withTwoslash(
            defineConfig({
                twoslash: {
                    // Your VitePress Twoslash options
                },
            })
        )
        
+
        ts
        // .vitepress/config.[ext]
        import { defineConfig } from 'vitepress'
        import { withTwoslash, TwoslashConfigSettings } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
         
        export default withTwoslash(
            defineConfig({
                twoslash: {
                    // Your VitePress Twoslash options
                },
            })
        )
        
 
        INFO
        
 
        In addition to the below config options, VitePress Twoslash also supports all shiki HighlighterOptions and @typescript/twoslash TwoSlashOptions.
        
 
        
@@ -22834,120 +22834,120 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
      • Type: boolean
        • 
 
      • Default: false
        • 
 
      
-
      ts
      export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            addTryButton: true, 
-        },
-    })
-)
      export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            addTryButton: true, 
-        },
-    })
-)
      
+
      ts
      export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            addTryButton: true, 
+        },
+    })
+)
      export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            addTryButton: true, 
+        },
+    })
+)
      
 
      alwayRaiseForTwoslashExceptions ​
      
 
      Instead of showing twoslash exceptions inline, throw the entire process like it will on CI.
      
 
        
 
      • Type: boolean
        • 
 
      • Default: false
        • 
 
      
-
      ts
      export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            alwayRaiseForTwoslashExceptions: true, 
-        },
-    })
-)
      export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            alwayRaiseForTwoslashExceptions: true, 
-        },
-    })
-)
      
+
      ts
      export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            alwayRaiseForTwoslashExceptions: true, 
+        },
+    })
+)
      export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            alwayRaiseForTwoslashExceptions: true, 
+        },
+    })
+)
      
 
      disableImplicitReactImport ​
      
 
      A way to disable implicit React imports on tsx/jsx language codeblocks
      
 
        
 
      • Type: boolean
        • 
 
      • Default: false
        • 
 
      
-
      ts
      export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            disableImplicitReactImport: true, 
-        },
-    })
-)
      export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            disableImplicitReactImport: true, 
-        },
-    })
-)
      
+
      ts
      export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            disableImplicitReactImport: true, 
+        },
+    })
+)
      export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            disableImplicitReactImport: true, 
+        },
+    })
+)
      
 
      includeJSDocInHover ​
      
 
      Include JSDoc comments in the hovers.
      
 
        
 
      • Type: boolean
        • 
 
      • Default: false
        • 
 
      
-
      ts
      export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            includeJSDocInHover: true, 
-        },
-    })
-)
      export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            includeJSDocInHover: true, 
-        },
-    })
-)
      
+
      ts
      export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            includeJSDocInHover: true, 
+        },
+    })
+)
      export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            includeJSDocInHover: true, 
+        },
+    })
+)
      
 
      ignoreCodeblocksWithCodefenceMeta ​
      
 
      Ignore transforming certain code blocks.
      
 
        
 
      • Type: boolean
        • 
 
      • Default: false
        • 
 
      
-
      ts
      export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            ignoreCodeblocksWithCodefenceMeta: true, 
-        },
-    })
-)
      export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            ignoreCodeblocksWithCodefenceMeta: true, 
-        },
-    })
-)
      
+
      ts
      export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            ignoreCodeblocksWithCodefenceMeta: true, 
+        },
+    })
+)
      export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            ignoreCodeblocksWithCodefenceMeta: true, 
+        },
+    })
+)
      
 
      wrapFragments ​
      
 
      A way to add a div wrapper for multi-theme outputs.
      
 
        
 
      • Type: boolean
        • 
 
      • Default: false
        • 
 
      
-
      ts
      export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            wrapFragments: true, 
-        },
-    })
-)
      export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            wrapFragments: true, 
-        },
-    })
-)
      
+
      ts
      export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            wrapFragments: true, 
+        },
+    })
+)
      export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            wrapFragments: true, 
+        },
+    })
+)
      
 
      ]]>
             Config ​
 
      Overview ​
      
 
      You can configure VitePress Twoslash using the twoslash property added to defineConfig.
      
-
      ts
      ts
      // .vitepress/config.[ext]
      import { defineConfig } from 'vitepress'
      import { withTwoslash, TwoslashConfigSettings } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
       
      export default withTwoslash(
          defineConfig({
              twoslash: {
                  // Your VitePress Twoslash options
              },
          })
      )
      
-
      ts
      // .vitepress/config.[ext]
      import { defineConfig } from 'vitepress'
      import { withTwoslash, TwoslashConfigSettings } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
       
      export default withTwoslash(
          defineConfig({
              twoslash: {
                  // Your VitePress Twoslash options
              },
          })
      )
      
+
      ts
      ts
      // .vitepress/config.[ext]
      import { defineConfig } from 'vitepress'
      import { withTwoslash, TwoslashConfigSettings } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
       
      export default withTwoslash(
          defineConfig({
              twoslash: {
                  // Your VitePress Twoslash options
              },
          })
      )
      
+
      ts
      // .vitepress/config.[ext]
      import { defineConfig } from 'vitepress'
      import { withTwoslash, TwoslashConfigSettings } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
       
      export default withTwoslash(
          defineConfig({
              twoslash: {
                  // Your VitePress Twoslash options
              },
          })
      )
      
 
      INFO
      
 
      In addition to the below config options, VitePress Twoslash also supports all shiki HighlighterOptions and @typescript/twoslash TwoSlashOptions.
      
 
      
@@ -22958,114 +22958,114 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
    • Type: boolean
      • 
 
    • Default: false
      • 
 
    
-
    ts
    export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            addTryButton: true, 
-        },
-    })
-)
    export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            addTryButton: true, 
-        },
-    })
-)
    
+
    ts
    export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            addTryButton: true, 
+        },
+    })
+)
    export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            addTryButton: true, 
+        },
+    })
+)
    
 
    alwayRaiseForTwoslashExceptions ​
    
 
    Instead of showing twoslash exceptions inline, throw the entire process like it will on CI.
    
 
      
 
    • Type: boolean
      • 
 
    • Default: false
      • 
 
    
-
    ts
    export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            alwayRaiseForTwoslashExceptions: true, 
-        },
-    })
-)
    export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            alwayRaiseForTwoslashExceptions: true, 
-        },
-    })
-)
    
+
    ts
    export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            alwayRaiseForTwoslashExceptions: true, 
+        },
+    })
+)
    export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            alwayRaiseForTwoslashExceptions: true, 
+        },
+    })
+)
    
 
    disableImplicitReactImport ​
    
 
    A way to disable implicit React imports on tsx/jsx language codeblocks
    
 
      
 
    • Type: boolean
      • 
 
    • Default: false
      • 
 
    
-
    ts
    export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            disableImplicitReactImport: true, 
-        },
-    })
-)
    export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            disableImplicitReactImport: true, 
-        },
-    })
-)
    
+
    ts
    export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            disableImplicitReactImport: true, 
+        },
+    })
+)
    export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            disableImplicitReactImport: true, 
+        },
+    })
+)
    
 
    includeJSDocInHover ​
    
 
    Include JSDoc comments in the hovers.
    
 
      
 
    • Type: boolean
      • 
 
    • Default: false
      • 
 
    
-
    ts
    export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            includeJSDocInHover: true, 
-        },
-    })
-)
    export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            includeJSDocInHover: true, 
-        },
-    })
-)
    
+
    ts
    export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            includeJSDocInHover: true, 
+        },
+    })
+)
    export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            includeJSDocInHover: true, 
+        },
+    })
+)
    
 
    ignoreCodeblocksWithCodefenceMeta ​
    
 
    Ignore transforming certain code blocks.
    
 
      
 
    • Type: boolean
      • 
 
    • Default: false
      • 
 
    
-
    ts
    export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            ignoreCodeblocksWithCodefenceMeta: true, 
-        },
-    })
-)
    export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            ignoreCodeblocksWithCodefenceMeta: true, 
-        },
-    })
-)
    
+
    ts
    export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            ignoreCodeblocksWithCodefenceMeta: true, 
+        },
+    })
+)
    export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            ignoreCodeblocksWithCodefenceMeta: true, 
+        },
+    })
+)
    
 
    wrapFragments ​
    
 
    A way to add a div wrapper for multi-theme outputs.
    
 
      
 
    • Type: boolean
      • 
 
    • Default: false
      • 
 
    
-
    ts
    export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            wrapFragments: true, 
-        },
-    })
-)
    export default withTwoslash(
-    defineConfig({
-        twoslash: {
-            wrapFragments: true, 
-        },
-    })
-)
    
+
    ts
    export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            wrapFragments: true, 
+        },
+    })
+)
    export default withTwoslash(
+    defineConfig({
+        twoslash: {
+            wrapFragments: true, 
+        },
+    })
+)
    
 
    ]]>
         
         
@@ -23077,189 +23077,189 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
 
    Twoslash uses your markdown.theme for syntax highlighting, but there are a few other things you can do to customize the look and feel of your code examples — particulary the generated Twoslash interface.
    
 
    CSS Variables ​
    
 
    The following CSS variables (and their defaults) are available to style Twoslash interface:
    
-
    css
    :root {
-    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
+
    css
    :root {
+    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
 
-    --vp-twoslash-c-brand: var(--vp-c-brand);
+    --vp-twoslash-c-brand: var(--vp-c-brand);
 
-    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
 
-    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
-    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
-    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
-    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
-    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
+    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
+    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
+    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
+    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
+    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
 
-    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
-    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
-    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
-    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
+    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
+    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
+    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
+    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
 
-    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
-    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
-    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
-}
    :root {
-    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
+    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
+    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
+}
    :root {
+    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
 
-    --vp-twoslash-c-brand: var(--vp-c-brand);
+    --vp-twoslash-c-brand: var(--vp-c-brand);
 
-    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
 
-    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
-    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
-    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
-    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
-    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
+    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
+    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
+    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
+    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
+    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
 
-    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
-    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
-    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
-    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
+    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
+    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
+    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
+    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
 
-    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
-    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
-    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
-}
    
+    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
+    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
+    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
+}
    
 
    Dark/Light Theme ​
    
 
    If you pass a responsive theme to markdown.theme, you probably also want to hide/show the correct theme based on the user's settings.
    
-
    ts
    ts
    export default defineConfig({
        markdown: {
            theme: { dark: 'vitesse-dark', light: 'vitesse-light' },
        },
    })
    
-
    ts
    export default defineConfig({
        markdown: {
            theme: { dark: 'vitesse-dark', light: 'vitesse-light' },
        },
    })
    
+
    ts
    ts
    export default defineConfig({
        markdown: {
            theme: { dark: 'vitesse-dark', light: 'vitesse-light' },
        },
    })
    
+
    ts
    export default defineConfig({
        markdown: {
            theme: { dark: 'vitesse-dark', light: 'vitesse-light' },
        },
    })
    
 
    You can do this with the following CSS:
    
-
    css
    /*
- * Hide block based on theme
- * `[class*='-dark']` matches `'vitesse-dark'`
- * `[class*='-light']` matches `'vitesse-light'`
- */
-html:not(.dark) pre.shiki[class*='-dark'] {
-    display: none;
-}
-html:not(.dark) pre.shiki[class*='-light'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-dark'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-light'] {
-    display: none;
-}
    /*
- * Hide block based on theme
- * `[class*='-dark']` matches `'vitesse-dark'`
- * `[class*='-light']` matches `'vitesse-light'`
- */
-html:not(.dark) pre.shiki[class*='-dark'] {
-    display: none;
-}
-html:not(.dark) pre.shiki[class*='-light'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-dark'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-light'] {
-    display: none;
-}
    
+
    css
    /*
+ * Hide block based on theme
+ * `[class*='-dark']` matches `'vitesse-dark'`
+ * `[class*='-light']` matches `'vitesse-light'`
+ */
+html:not(.dark) pre.shiki[class*='-dark'] {
+    display: none;
+}
+html:not(.dark) pre.shiki[class*='-light'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-dark'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-light'] {
+    display: none;
+}
    /*
+ * Hide block based on theme
+ * `[class*='-dark']` matches `'vitesse-dark'`
+ * `[class*='-light']` matches `'vitesse-light'`
+ */
+html:not(.dark) pre.shiki[class*='-dark'] {
+    display: none;
+}
+html:not(.dark) pre.shiki[class*='-light'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-dark'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-light'] {
+    display: none;
+}
    
 
    ]]>
             Using a Custom Theme ​
 
    Twoslash uses your markdown.theme for syntax highlighting, but there are a few other things you can do to customize the look and feel of your code examples — particulary the generated Twoslash interface.
    
 
    CSS Variables ​
    
 
    The following CSS variables (and their defaults) are available to style Twoslash interface:
    
-
    css
    :root {
-    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
+
    css
    :root {
+    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
 
-    --vp-twoslash-c-brand: var(--vp-c-brand);
+    --vp-twoslash-c-brand: var(--vp-c-brand);
 
-    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
 
-    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
-    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
-    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
-    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
-    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
+    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
+    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
+    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
+    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
+    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
 
-    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
-    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
-    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
-    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
+    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
+    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
+    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
+    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
 
-    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
-    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
-    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
-}
    :root {
-    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
+    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
+    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
+}
    :root {
+    --vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
 
-    --vp-twoslash-c-brand: var(--vp-c-brand);
+    --vp-twoslash-c-brand: var(--vp-c-brand);
 
-    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-error-fg: var(--vp-c-text-1);
 
-    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
-    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
-    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
-    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
-    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
-    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
+    --vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
+    --vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
+    --vp-twoslash-c-logger-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
+    --vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
+    --vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
+    --vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
 
-    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
-    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
-    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
-    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
-    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
+    --vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
+    --vp-twoslash-c-lsp-border: var(--vp-c-divider);
+    --vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
+    --vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
+    --vp-twoslash-lsp-shadow: var(--vp-shadow-2);
 
-    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
-    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
-    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
-}
    
+    --vp-twoslash-c-query-bg: var(--vp-c-mute-darker);
+    --vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
+    --vp-twoslash-c-query-fg: var(--vp-c-text-1);
+}
    
 
    Dark/Light Theme ​
    
 
    If you pass a responsive theme to markdown.theme, you probably also want to hide/show the correct theme based on the user's settings.
    
-
    ts
    ts
    export default defineConfig({
        markdown: {
            theme: { dark: 'vitesse-dark', light: 'vitesse-light' },
        },
    })
    
-
    ts
    export default defineConfig({
        markdown: {
            theme: { dark: 'vitesse-dark', light: 'vitesse-light' },
        },
    })
    
+
    ts
    ts
    export default defineConfig({
        markdown: {
            theme: { dark: 'vitesse-dark', light: 'vitesse-light' },
        },
    })
    
+
    ts
    export default defineConfig({
        markdown: {
            theme: { dark: 'vitesse-dark', light: 'vitesse-light' },
        },
    })
    
 
    You can do this with the following CSS:
    
-
    css
    /*
- * Hide block based on theme
- * `[class*='-dark']` matches `'vitesse-dark'`
- * `[class*='-light']` matches `'vitesse-light'`
- */
-html:not(.dark) pre.shiki[class*='-dark'] {
-    display: none;
-}
-html:not(.dark) pre.shiki[class*='-light'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-dark'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-light'] {
-    display: none;
-}
    /*
- * Hide block based on theme
- * `[class*='-dark']` matches `'vitesse-dark'`
- * `[class*='-light']` matches `'vitesse-light'`
- */
-html:not(.dark) pre.shiki[class*='-dark'] {
-    display: none;
-}
-html:not(.dark) pre.shiki[class*='-light'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-dark'] {
-    display: block;
-}
-html.dark pre.shiki[class*='-light'] {
-    display: none;
-}
    
+
    css
    /*
+ * Hide block based on theme
+ * `[class*='-dark']` matches `'vitesse-dark'`
+ * `[class*='-light']` matches `'vitesse-light'`
+ */
+html:not(.dark) pre.shiki[class*='-dark'] {
+    display: none;
+}
+html:not(.dark) pre.shiki[class*='-light'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-dark'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-light'] {
+    display: none;
+}
    /*
+ * Hide block based on theme
+ * `[class*='-dark']` matches `'vitesse-dark'`
+ * `[class*='-light']` matches `'vitesse-light'`
+ */
+html:not(.dark) pre.shiki[class*='-dark'] {
+    display: none;
+}
+html:not(.dark) pre.shiki[class*='-light'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-dark'] {
+    display: block;
+}
+html.dark pre.shiki[class*='-light'] {
+    display: none;
+}
    
 
    ]]>
         
         
@@ -23270,13 +23270,13 @@ c-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3
             Markdown Extensions ​
 
    Code Groups ​
    
 
    Code Groups and Twoslash multi-file support.
    
-
    
-
    ts
    ts
    import { name } from './name'
    export function hello(name: string) {
        console.log(`Hello, ${name}!`)
    }
    hello(name)
           
    (alias) const name: "twoslash"
+
    
+
    ts
    ts
    import { name } from './name'
    export function hello(name: string) {
        console.log(`Hello, ${name}!`)
    }
    hello(name)
           
    (alias) const name: "twoslash"
 import name
    
-
    ts
    import { name } from './name'
    export function hello(name: string) {
        console.log(`Hello, ${name}!`)
    }
    hello(name)
           
    (alias) const name: "twoslash"
+
    ts
    import { name } from './name'
    export function hello(name: string) {
        console.log(`Hello, ${name}!`)
    }
    hello(name)
           
    (alias) const name: "twoslash"
 import name
    
-
    ts
    ts
    export const name = 'twoslash'
    
-
    ts
    export const name = 'twoslash'
    
+
    ts
    ts
    export const name = 'twoslash'
    
+
    ts
    export const name = 'twoslash'
    
 
    
 
    Unsupported Extensions ​
    
 
    Since VitePress Twoslash uses it's own Shiki highlighter, the following syntax highlighting extensions are not currently compatible.
    
@@ -23293,13 +23293,13 @@ import name
    
             Markdown Extensions ​
 
    Code Groups ​
    
 
    Code Groups and Twoslash multi-file support.
    
-
    
-
    ts
    ts
    import { name } from './name'
    export function hello(name: string) {
        console.log(`Hello, ${name}!`)
    }
    hello(name)
           
    (alias) const name: "twoslash"
+
    
+
    ts
    ts
    import { name } from './name'
    export function hello(name: string) {
        console.log(`Hello, ${name}!`)
    }
    hello(name)
           
    (alias) const name: "twoslash"
 import name
    
-
    ts
    import { name } from './name'
    export function hello(name: string) {
        console.log(`Hello, ${name}!`)
    }
    hello(name)
           
    (alias) const name: "twoslash"
+
    ts
    import { name } from './name'
    export function hello(name: string) {
        console.log(`Hello, ${name}!`)
    }
    hello(name)
           
    (alias) const name: "twoslash"
 import name
    
-
    ts
    ts
    export const name = 'twoslash'
    
-
    ts
    export const name = 'twoslash'
    
+
    ts
    ts
    export const name = 'twoslash'
    
+
    ts
    export const name = 'twoslash'
    
 
    
 
    Unsupported Extensions ​
    
 
    Since VitePress Twoslash uses it's own Shiki highlighter, the following syntax highlighting extensions are not currently compatible.
    
@@ -23325,83 +23325,83 @@ import name
    
 
 
    Overview ​
    
 
    Try moving your cursor into the code block below:
    
-
    ts
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
    
-
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
    
+
    ts
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
    
+
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
    
 
    Pretty neat, right? To some extent, anything your editor can show you about code, Twoslash can show. For example, here is the real auto-complete for a VitePress config:
    
-
    ts
    ts
    import { defineConfig } from 'vitepress'
     
    export default defineConfig({
        ti,
          
    • title
    • titleTemplate
    })
    
-
    ts
    import { defineConfig } from 'vitepress'
     
    export default defineConfig({
        ti,
          
    • title
    • titleTemplate
    })
    
+
    ts
    ts
    import { defineConfig } from 'vitepress'
     
    export default defineConfig({
        ti,
          
    • title
    • titleTemplate
    })
    
+
    ts
    import { defineConfig } from 'vitepress'
     
    export default defineConfig({
        ti,
          
    • title
    • titleTemplate
    })
    
 
    The name Twoslash refers to specially formatted comments (e.g. // ^?) which can be used to set up your environment, like compiler flags or separate input files. It couldn't be easier to set up and start creating incredible code examples!
    
 
    Install ​
    
 
    Install @andatoshiki/vitepress-plugin-shiki-twoslash (requires vitepress@>=1.0.0-alpha.61).
    
-
    
-
    bash
    pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
    pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
    
-
    bash
    npm i @andatoshiki/vitepress-plugin-shiki-twoslash
    npm i @andatoshiki/vitepress-plugin-shiki-twoslash
    
-
    bash
    yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
    yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
    
+
    
+
    bash
    pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
    pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
    
+
    bash
    npm i @andatoshiki/vitepress-plugin-shiki-twoslash
    npm i @andatoshiki/vitepress-plugin-shiki-twoslash
    
+
    bash
    yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
    yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
    
 
    
 
    WARNING
    
 
    Until shiki-twoslash uses the same version of shiki as VitePress, you must override the following packages' shiki versions for syntax highlighting to look the same.
    
-
    json
    {
-    "pnpm": {
-        "overrides": {
-            "remark-shiki-twoslash>shiki": "^0.14.1",
-            "shiki-twoslash>shiki": "^0.14.1"
-        }
-    }
-}
    {
-    "pnpm": {
-        "overrides": {
-            "remark-shiki-twoslash>shiki": "^0.14.1",
-            "shiki-twoslash>shiki": "^0.14.1"
-        }
-    }
-}
    
+
    json
    {
+    "pnpm": {
+        "overrides": {
+            "remark-shiki-twoslash>shiki": "^0.14.1",
+            "shiki-twoslash>shiki": "^0.14.1"
+        }
+    }
+}
    {
+    "pnpm": {
+        "overrides": {
+            "remark-shiki-twoslash>shiki": "^0.14.1",
+            "shiki-twoslash>shiki": "^0.14.1"
+        }
+    }
+}
    
 
    Tracked in an upstream issue: https://github.com/shikijs/twoslash/issues/180
    
 
    
 
    Configure ​
    
 
    First, wrap your VitePress config file with the withTwoslash wrapper.
    
-
    ts
    ts
    // .vitepress/config.[ext]
    import { defineConfig } from 'vitepress'
    import { withTwoslash } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
     
    export default withTwoslash(
        defineConfig({
            // Your VitePress config
        })
    )
    
-
    ts
    // .vitepress/config.[ext]
    import { defineConfig } from 'vitepress'
    import { withTwoslash } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
     
    export default withTwoslash(
        defineConfig({
            // Your VitePress config
        })
    )
    
+
    ts
    ts
    // .vitepress/config.[ext]
    import { defineConfig } from 'vitepress'
    import { withTwoslash } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
     
    export default withTwoslash(
        defineConfig({
            // Your VitePress config
        })
    )
    
+
    ts
    // .vitepress/config.[ext]
    import { defineConfig } from 'vitepress'
    import { withTwoslash } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
     
    export default withTwoslash(
        defineConfig({
            // Your VitePress config
        })
    )
    
 
    Then, import @andatoshiki/vitepress-plugin-shiki-twoslash/styles.css into your theme.
    
-
    ts
    ts
    // .vitepress/theme/index.ts
    import defaultTheme from 'vitepress/theme'
    import '@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'
     
    export default defaultTheme
    
-
    ts
    // .vitepress/theme/index.ts
    import defaultTheme from 'vitepress/theme'
    import '@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'
     
    export default defaultTheme
    
+
    ts
    ts
    // .vitepress/theme/index.ts
    import defaultTheme from 'vitepress/theme'
    import '@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'
     
    export default defaultTheme
    
+
    ts
    // .vitepress/theme/index.ts
    import defaultTheme from 'vitepress/theme'
    import '@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'
     
    export default defaultTheme
    
 
    TIP
    
 
    You can configure VitePress Twoslash using the twoslash property added to defineConfig.
    
 
    
 
    Add Twoslash ​
    
 
    Finally, add the twoslash attribute to markdown fenced code blocks.
    
-
    md
    ```ts twoslash
-// Removes 'readonly' attributes from a type's properties
-type CreateMutable<Type> = {
-    -readonly [Property in keyof Type]: Type[Property]
-}
+
    md
    ```ts twoslash
+// Removes 'readonly' attributes from a type's properties
+type CreateMutable<Type> = {
+    -readonly [Property in keyof Type]: Type[Property]
+}
 
-type LockedAccount = {
-    readonly id: string
-    readonly name: string
-}
+type LockedAccount = {
+    readonly id: string
+    readonly name: string
+}
 
-type UnlockedAccount = CreateMutable<LockedAccount>
-//   ^?
-```
    ```ts twoslash
-// Removes 'readonly' attributes from a type's properties
-type CreateMutable<Type> = {
-    -readonly [Property in keyof Type]: Type[Property]
-}
+type UnlockedAccount = CreateMutable<LockedAccount>
+//   ^?
+```
    ```ts twoslash
+// Removes 'readonly' attributes from a type's properties
+type CreateMutable<Type> = {
+    -readonly [Property in keyof Type]: Type[Property]
+}
 
-type LockedAccount = {
-    readonly id: string
-    readonly name: string
-}
+type LockedAccount = {
+    readonly id: string
+    readonly name: string
+}
 
-type UnlockedAccount = CreateMutable<LockedAccount>
-//   ^?
-```
    
+type UnlockedAccount = CreateMutable<LockedAccount>
+//   ^?
+```
    
 
    And your code blocks will be twoslashified!
    
-
    ts
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
               
    type UnlockedAccount = {
+
    ts
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
               
    type UnlockedAccount = {
     id: string;
     name: string;
 }
    
-
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
               
    type UnlockedAccount = {
+
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
               
    type UnlockedAccount = {
     id: string;
     name: string;
 }
    
@@ -23412,83 +23412,83 @@ import name
    
 
 
    Overview ​
    
 
    Try moving your cursor into the code block below:
    
-
    ts
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
    
-
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
    
+
    ts
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
    
+
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
    
 
    Pretty neat, right? To some extent, anything your editor can show you about code, Twoslash can show. For example, here is the real auto-complete for a VitePress config:
    
-
    ts
    ts
    import { defineConfig } from 'vitepress'
     
    export default defineConfig({
        ti,
          
    • title
    • titleTemplate
    })
    
-
    ts
    import { defineConfig } from 'vitepress'
     
    export default defineConfig({
        ti,
          
    • title
    • titleTemplate
    })
    
+
    ts
    ts
    import { defineConfig } from 'vitepress'
     
    export default defineConfig({
        ti,
          
    • title
    • titleTemplate
    })
    
+
    ts
    import { defineConfig } from 'vitepress'
     
    export default defineConfig({
        ti,
          
    • title
    • titleTemplate
    })
    
 
    The name Twoslash refers to specially formatted comments (e.g. // ^?) which can be used to set up your environment, like compiler flags or separate input files. It couldn't be easier to set up and start creating incredible code examples!
    
 
    Install ​
    
 
    Install @andatoshiki/vitepress-plugin-shiki-twoslash (requires vitepress@>=1.0.0-alpha.61).
    
-
    
-
    bash
    pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
    pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
    
-
    bash
    npm i @andatoshiki/vitepress-plugin-shiki-twoslash
    npm i @andatoshiki/vitepress-plugin-shiki-twoslash
    
-
    bash
    yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
    yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
    
+
    
+
    bash
    pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
    pnpm add @andatoshiki/vitepress-plugin-shiki-twoslash
    
+
    bash
    npm i @andatoshiki/vitepress-plugin-shiki-twoslash
    npm i @andatoshiki/vitepress-plugin-shiki-twoslash
    
+
    bash
    yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
    yarn add @andatoshiki/vitepress-plugin-shiki-twoslash
    
 
    
 
    WARNING
    
 
    Until shiki-twoslash uses the same version of shiki as VitePress, you must override the following packages' shiki versions for syntax highlighting to look the same.
    
-
    json
    {
-    "pnpm": {
-        "overrides": {
-            "remark-shiki-twoslash>shiki": "^0.14.1",
-            "shiki-twoslash>shiki": "^0.14.1"
-        }
-    }
-}
    {
-    "pnpm": {
-        "overrides": {
-            "remark-shiki-twoslash>shiki": "^0.14.1",
-            "shiki-twoslash>shiki": "^0.14.1"
-        }
-    }
-}
    
+
    json
    {
+    "pnpm": {
+        "overrides": {
+            "remark-shiki-twoslash>shiki": "^0.14.1",
+            "shiki-twoslash>shiki": "^0.14.1"
+        }
+    }
+}
    {
+    "pnpm": {
+        "overrides": {
+            "remark-shiki-twoslash>shiki": "^0.14.1",
+            "shiki-twoslash>shiki": "^0.14.1"
+        }
+    }
+}
    
 
    Tracked in an upstream issue: https://github.com/shikijs/twoslash/issues/180
    
 
    
 
    Configure ​
    
 
    First, wrap your VitePress config file with the withTwoslash wrapper.
    
-
    ts
    ts
    // .vitepress/config.[ext]
    import { defineConfig } from 'vitepress'
    import { withTwoslash } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
     
    export default withTwoslash(
        defineConfig({
            // Your VitePress config
        })
    )
    
-
    ts
    // .vitepress/config.[ext]
    import { defineConfig } from 'vitepress'
    import { withTwoslash } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
     
    export default withTwoslash(
        defineConfig({
            // Your VitePress config
        })
    )
    
+
    ts
    ts
    // .vitepress/config.[ext]
    import { defineConfig } from 'vitepress'
    import { withTwoslash } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
     
    export default withTwoslash(
        defineConfig({
            // Your VitePress config
        })
    )
    
+
    ts
    // .vitepress/config.[ext]
    import { defineConfig } from 'vitepress'
    import { withTwoslash } from '@andatoshiki/vitepress-plugin-shiki-twoslash'
     
    export default withTwoslash(
        defineConfig({
            // Your VitePress config
        })
    )
    
 
    Then, import @andatoshiki/vitepress-plugin-shiki-twoslash/styles.css into your theme.
    
-
    ts
    ts
    // .vitepress/theme/index.ts
    import defaultTheme from 'vitepress/theme'
    import '@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'
     
    export default defaultTheme
    
-
    ts
    // .vitepress/theme/index.ts
    import defaultTheme from 'vitepress/theme'
    import '@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'
     
    export default defaultTheme
    
+
    ts
    ts
    // .vitepress/theme/index.ts
    import defaultTheme from 'vitepress/theme'
    import '@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'
     
    export default defaultTheme
    
+
    ts
    // .vitepress/theme/index.ts
    import defaultTheme from 'vitepress/theme'
    import '@andatoshiki/vitepress-plugin-shiki-twoslash/styles.css'
     
    export default defaultTheme
    
 
    TIP
    
 
    You can configure VitePress Twoslash using the twoslash property added to defineConfig.
    
 
    
 
    Add Twoslash ​
    
 
    Finally, add the twoslash attribute to markdown fenced code blocks.
    
-
    md
    ```ts twoslash
-// Removes 'readonly' attributes from a type's properties
-type CreateMutable<Type> = {
-    -readonly [Property in keyof Type]: Type[Property]
-}
+
    md
    ```ts twoslash
+// Removes 'readonly' attributes from a type's properties
+type CreateMutable<Type> = {
+    -readonly [Property in keyof Type]: Type[Property]
+}
 
-type LockedAccount = {
-    readonly id: string
-    readonly name: string
-}
+type LockedAccount = {
+    readonly id: string
+    readonly name: string
+}
 
-type UnlockedAccount = CreateMutable<LockedAccount>
-//   ^?
-```
    ```ts twoslash
-// Removes 'readonly' attributes from a type's properties
-type CreateMutable<Type> = {
-    -readonly [Property in keyof Type]: Type[Property]
-}
+type UnlockedAccount = CreateMutable<LockedAccount>
+//   ^?
+```
    ```ts twoslash
+// Removes 'readonly' attributes from a type's properties
+type CreateMutable<Type> = {
+    -readonly [Property in keyof Type]: Type[Property]
+}
 
-type LockedAccount = {
-    readonly id: string
-    readonly name: string
-}
+type LockedAccount = {
+    readonly id: string
+    readonly name: string
+}
 
-type UnlockedAccount = CreateMutable<LockedAccount>
-//   ^?
-```
    
+type UnlockedAccount = CreateMutable<LockedAccount>
+//   ^?
+```
    
 
    And your code blocks will be twoslashified!
    
-
    ts
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
               
    type UnlockedAccount = {
+
    ts
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
               
    type UnlockedAccount = {
     id: string;
     name: string;
 }
    
-
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
               
    type UnlockedAccount = {
+
    ts
    // Removes 'readonly' attributes from a type's properties
    type CreateMutable<Type> = {
        -readonly [Property in keyof Type]: Type[Property]
    }
     
    type LockedAccount = {
        readonly id: string
        readonly name: string
    }
     
    type UnlockedAccount = CreateMutable<LockedAccount>
               
    type UnlockedAccount = {
     id: string;
     name: string;
 }
    
@@ -23638,11 +23638,11 @@ import name
    
 
    続いて， ~/.aws/config というファイルを用意し，次の内容を書き込む． 現時点では AWS Starter Account は us-east-1 リージョンでしか利用できないためである．
    
 
 
-
    toml
    [default]
-    region = us-east-1
-    output = json
    [default]
-    region = us-east-1
-    output = json
    
+
    toml
    [default]
+    region = us-east-1
+    output = json
    [default]
+    region = us-east-1
+    output = json
    
 
      
 
    • 上記の説明ではプロファイル名が default となっていたが，これは自分の好きな名前に変更してもよい． default 以外の名前を使用する場合は，コマンドを実行するときにプロファイル名を指定する必要がある (詳しくは AWS CLI のインストール)．
      • 
 
    
@@ -23650,59 +23650,59 @@ import name
    
 
    vocareum から AWS シークレットキーの発行
    
 
    AWS CLI のインストール ​
    
 
    読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
    
-
    sh
    $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
    $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
    
+
    sh
    $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
    $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
    
 
    インストールできたか確認するため，次のコマンドを打ってバージョン情報が出力されることを確認する．
    
-
    sh
    $ aws --version
    $ aws --version
    
+
    sh
    $ aws --version
    $ aws --version
    
 
    インストールができたら，次のコマンドにより初期設定を行う (参照)．
    
-
    sh
    $ aws configure
    $ aws configure
    
+
    sh
    $ aws configure
    $ aws configure
    
 
    コマンドを実行すると， AWS Access Key ID, AWS Secret Access Key を入力するよう指示される． シークレットキーの発行については AWS のシークレットキーの作成 を参照． コマンドは加えて，Default region name を訊いてくる． ここには自分の好きな地域 (例えば ap-northeast-1 =東京リージョン) を指定すればよい． 最後の Default output format は json としておくとよい．
    
 
    このコマンドを完了すると， ~/.aws/credentials と ~/.aws/config　という名前のファイルが生成されているはずである． 念のため， cat コマンドを使って中身を確認してみるとよい．
    
-
    sh
    $ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+
    sh
    $ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
 
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
    $ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
    $ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
 
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
    
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
    
 
    ~/.aws/credentials には認証鍵の情報が， ~/.aws/config には AWS CLI の設定が記録されている．
    
 
    デフォルトでは， [default] という名前でプロファイルが保存される． いくつかのプロファイルを使い分けたければ， default の例に従って，たとえば [myprofile] などという名前でプロファイルを追加すればよい．
    
 
    AWS CLI でコマンドを打つときに，プロファイルを使い分けるには，
    
-
    sh
    $ aws s3 ls --profile myprofile
    $ aws s3 ls --profile myprofile
    
+
    sh
    $ aws s3 ls --profile myprofile
    $ aws s3 ls --profile myprofile
    
 
    のように， --profile というオプションをつけてコマンドを実行する．
    
 
    いちいち --profile オプションをつけるのが面倒だと感じる場合は， AWS_PROFILE という環境変数を設定するとよい．
    
-
    sh
    $ export AWS_PROFILE=myprofile
    $ export AWS_PROFILE=myprofile
    
+
    sh
    $ export AWS_PROFILE=myprofile
    $ export AWS_PROFILE=myprofile
    
 
    あるいは，認証情報などを環境変数に設定するテクニックもある．
    
-
    sh
    export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
    export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
    
+
    sh
    export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
    export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
    
 
    これらの環境変数は， ~/.aws/credentials よりも高い優先度をもつので，環境変数が設定されていればそちらの情報が使用される (参照)．
    
 
    AWS Educate Starter Account は us-east-1 のリージョンのみ利用可能である (執筆時点での情報)． よって， AWS Educate Starter Account を使用している場合は， default region を us-east-1 に設定する必要がある．
    
 
    AWS CDK のインストール ​
    
 
    読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
    
 
    Node.js がインストールされていれば，基本的に次のコマンドを実行すればよい．
    
-
    sh
    $ sudo npm install -g aws-cdk
    $ sudo npm install -g aws-cdk
    
+
    sh
    $ sudo npm install -g aws-cdk
    $ sudo npm install -g aws-cdk
    
 
    本書のハンズオンは AWS CDK version 1.100.0 で開発した． CDK は開発途上のライブラリなので，将来的に API が変更される可能性がある． API の変更によりエラーが生じた場合は， version 1.100.0 を使用することを推奨する．
    
-
    sh
    $ npm install -g aws-cdk@1.100
    $ npm install -g aws-cdk@1.100
    
+
    sh
    $ npm install -g aws-cdk@1.100
    $ npm install -g aws-cdk@1.100
    
 
    インストールできたか確認するため，次のコマンドを打って正しくバージョンが表示されることを確認する．
    
-
    sh
    $ cdk --version
    $ cdk --version
    
+
    sh
    $ cdk --version
    $ cdk --version
    
 
    インストールができたら，次のコマンドにより AWS 側の初期設定を行う． これは一度実行すれば OK．
    
-
    sh
    $ cdk bootstrap
    $ cdk bootstrap
    
+
    sh
    $ cdk bootstrap
    $ cdk bootstrap
    
 
    cdk bootstrap を実行するときは，AWS の認証情報とリージョンが正しく設定されていることを確認する． デフォルトでは ~/.aws/config にあるデフォルトのプロファイルが使用される． デフォルト以外のプロファイルを用いるときは AWS CLI のインストール で紹介したテクニックを使って切り替える．
    
 
    AWS CDK の認証情報の設定は AWS CLI と基本的に同じである．詳しくは AWS CLI のインストール を参照．
    
 
    WSL のインストール ​
    
@@ -23713,15 +23713,15 @@ import name
    
 
    まず最初に， Administrator 権限で PowerShell を起動する (figure_title)． 左下の Windows メニューの検索バーに powershell と入力すると， PowerShell のプログラムが見つかるはずである， これを右クリックし、 Run as administrator を選択し起動する．
    
 
    管理者権限での PowerShell の起動
    
 
    PowerShell が起動したら、次のコマンドを実行する．
    
-
    powershell
    dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
    dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
    
+
    powershell
    dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
    dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
    
 
    実行して、“The operation completed successfully.” と出力されるのを確認する． これで WSL が enable される．
    
 
    次に，先ほどと同じ Administrator 権限で開いた PowerShell で次のコマンドを実行する。
    
-
    powershell
    dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
    dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
    
+
    powershell
    dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
    dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
    
 
    実行して， “The operation completed successfully.” と出力されるのを確認する． これが確認出来たら、一度コンピュータを再起動する．
    
 
    続いて， Linux kernel update package を次のリンクからダウンロードする． https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
    
 
    ダウンロードしたファイルをダブルクリックして実行する． ダイアログに従ってインストールを完了させる．
    
 
    そうしたら，再び PowerShell を開き次のコマンドを実行する。
    
-
    powershell
    wsl --set-default-version 2
    wsl --set-default-version 2
    
+
    powershell
    wsl --set-default-version 2
    wsl --set-default-version 2
    
 
    最後に、自分の好みの Linux distribution をインストールする． ここでは Ubuntu 20.04 をインストールしよう．
    
 
    Microsoft store のアプリを起動し，検索バーに Ubuntu と入力する． Ubuntu 20.04 LTS という項目が見つかるはずなので，それを開き， “Get” ボタンをクリックする (figure_title)． しばらく待つと， Ubuntu 20.04 のインストールが完了する．
    
 
    Microsoft store から Ubuntu 20.04 をインストール
    
@@ -23737,33 +23737,33 @@ import name
    
 
    Windows のユーザーは，Docker Desktop をインストールする． その際， WSL 2 が事前にインストールされていなければならない． 詳細は 公式ドキュメンテーション を参照のこと． Docker Desktop をインストールすると， WSL からも docker コマンドが使用できるようになる．
    
 
    Linux ユーザー (特に Ubuntu ユーザー) については，インストールの方法はいくつかのアプローチがある． 公式ドキュメンテーション にいくつかのインストールの方法が示されているので，詳しい情報はそちらを参照いただきたい．
    
 
    最も簡単な方法は， Docker が公式で提供しているインストールスクリプトを用いる方法である． この場合，次のコマンドを実行することで Docker がインストールされる．
    
-
    sh
    $ curl -fsSL https://get.docker.com -o get-docker.sh
-$ sudo sh get-docker.sh
    $ curl -fsSL https://get.docker.com -o get-docker.sh
-$ sudo sh get-docker.sh
    
+
    sh
    $ curl -fsSL https://get.docker.com -o get-docker.sh
+$ sudo sh get-docker.sh
    $ curl -fsSL https://get.docker.com -o get-docker.sh
+$ sudo sh get-docker.sh
    
 
    デフォルトのインストールでは， root ユーザーのみが docker コマンドを使用できる設定になっている． 従って，コマンドには毎回 sudo を付け加える必要がある． これが面倒だと感じる場合は，次のステップにより，使用するユーザーを docker というグループに追加する (詳細は 公式ドキュメンテーション "Post-installation steps for Linux" を参照)．
    
 
    まず最初に， docker という名前にグループを追加する． インストールによっては，既に docker グループが作られている場合もある．
    
-
    sh
    $ sudo groupadd docker
    $ sudo groupadd docker
    
+
    sh
    $ sudo groupadd docker
    $ sudo groupadd docker
    
 
    次に，現在使用しているユーザーを docker グループに加える．
    
-
    sh
    $ sudo usermod -aG docker $USER
    $ sudo usermod -aG docker $USER
    
+
    sh
    $ sudo usermod -aG docker $USER
    $ sudo usermod -aG docker $USER
    
 
    ここまでできたら，一度ログアウトし，再度ログインする． これによって，グループの変更がターミナルのセッションに反映される．
    
 
    設定が正しくできているかを確認するため，次のコマンドを実行してみる．
    
-
    sh
    $ docker run hello-world
    $ docker run hello-world
    
+
    sh
    $ docker run hello-world
    $ docker run hello-world
    
 
    sudo なしでコンテナが実行できたならば，設定は完了である．
    
 
    Python venv クイックガイド ​
    
 
    他人からもらったプログラムで， numpy や scipy のバージョンが違う！などの理由で，プログラムが動かない，という経験をしたことがある人は多いのではないだろうか． もし，自分の計算機の中に一つしか Python 環境がないとすると，プロジェクトを切り替えるごとに正しいバージョンをインストールし直さなければならず，これは大変な手間である．
    
 
    コードのシェアをよりスムーズにするためには，ライブラリのバージョンはプロジェクトごとに管理されるべきである． それを可能にするのが Python 仮想環境とよばれるツールであり， venv, pyenv, conda などがよく使われる．
    
 
    そのなかでも， venv は Python に標準搭載されているのでとても便利である． pyenv や conda は，別途インストールの必要があるが，それぞれの長所もある．
    
 
    venv を使って仮想環境を作成するには，
    
-
    sh
    $ python -m venv .env
    $ python -m venv .env
    
+
    sh
    $ python -m venv .env
    $ python -m venv .env
    
 
    と実行する． これにより .env/ というディレクトリが作られ，このディレクトリに依存するライブラリが保存されることになる．
    
 
    この新たな仮想環境を起動するには
    
-
    sh
    $ source .env/bin/activate
    $ source .env/bin/activate
    
+
    sh
    $ source .env/bin/activate
    $ source .env/bin/activate
    
 
    と実行する．
    
 
    シェルのプロンプトに (.env) という文字が追加されていることを確認しよう (figure_title)． これが， "いまあなたは venv の中にいますよ" というしるしになる．
    
 
    venv を起動したときのプロンプト
    
 
    仮想環境を起動すると，それ以降実行する pip コマンドは， .env/ 以下にインストールされる．このようにして，プロジェクトごとに使うライブラリのバージョンを切り分けることができる．
    
 
    Python では requirements.txt というファイルに依存ライブラリを記述するのが一般的な慣例である．他人からもらったプログラムに， requirements.txt が定義されていれば，
    
-
    sh
    $ pip install -r requirements.txt
    $ pip install -r requirements.txt
    
+
    sh
    $ pip install -r requirements.txt
    $ pip install -r requirements.txt
    
 
    と実行することで，必要なライブラリをインストールし，瞬時に Python 環境を再現することができる．
    
 
    venv による仮想環境を保存するディレクトリの名前は任意に選べることができるが， .env という名前を用いるのが一般的である．
    
 
    ハンズオン実行用の Docker image の使い方 ​
    
@@ -23771,16 +23771,16 @@ import name
    
 
    ハンズオンのいくつかのコマンドは Docker の外 = ローカルマシンのリアル環境で実行されなければならない． それらについてはハンズオンの該当箇所に注意書きとして記してある．
    
 
    Docker イメージは Docker Hub においてある． Docker イメージのビルドファイルは GitHub の docker/Dockerfile にある．
    
 
    次のコマンドでコンテナを起動する．
    
-
    sh
    $ docker run -it tomomano/labc:latest
    $ docker run -it tomomano/labc:latest
    
+
    sh
    $ docker run -it tomomano/labc:latest
    $ docker run -it tomomano/labc:latest
    
 
    初回にコマンドを実行したときのみ，イメージが Docker Hub からダウンロード (pull) される． 二回目以降はローカルにダウンロードされたイメージが使用される．
    
 
    コンテナが起動すると，次のようなインタラクティブシェルが表示されるはずである (起動時に -it のオプションをつけたのがポイントである)．
    
 
    root@aws-handson:~$</programlisting>
    
 
    この状態で ls コマンドを打つと， handson/ というディレクトリがあるはずである． ここに cd する．
    
-
    sh
    $ cd handson
    $ cd handson
    
+
    sh
    $ cd handson
    $ cd handson
    
 
    すると，各ハンズオンごとのディレクトリが見つかるはずである．
    
 
    あとは，ハンズオンごとにディレクトリを移動し，ハンズオンごとの virtualenv を作成し，スタックのデプロイを行えばよい ( (#sec_handson_ec2_run) など参照)． ハンズオンごとに使用する依存ライブラリが異なるので，それぞれのハンズオンごとに virtualenv を作成するという設計になっている．
    
 
    AWS の認証情報を設定することも忘れずに． AWS CLI のインストール で記述したように， AWS_ACCESS_KEY_ID などの環境変数を設定するのが簡単な方法である． あるいは，ローカルマシンの ~/.aws/credentials に認証情報が書き込まれているなら，このディレクトリをコンテナにマウントすることで，同じ認証ファイルをコンテナ内部から参照することが可能である． この選択肢を取る場合は，次のコマンドでコンテナを起動する．
    
-
    sh
    $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
    $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
    
+
    sh
    $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
    $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
    
 
    これにより，ローカルマシンの ~/.aws をコンテナの /root/.aws にマウントすることができる． 最後の :ro は read-only を意味する． 大切な認証ファイルが誤って書き換えられてしまわないように， read-only のフラグをつけることをおすすめする．
    
 
    /root/ がコンテナ環境におけるホームディレクトリである． ここで紹介した認証ファイルをマウントするテクニックは， SSH 鍵をコンテナに渡すときなどにも使える．
    
 ]]>
@@ -23869,11 +23869,11 @@ import name
    
 
    続いて， ~/.aws/config というファイルを用意し，次の内容を書き込む． 現時点では AWS Starter Account は us-east-1 リージョンでしか利用できないためである．
    
 
 
-
    toml
    [default]
-    region = us-east-1
-    output = json
    [default]
-    region = us-east-1
-    output = json
    
+
    toml
    [default]
+    region = us-east-1
+    output = json
    [default]
+    region = us-east-1
+    output = json
    
 
      
 
    • 上記の説明ではプロファイル名が default となっていたが，これは自分の好きな名前に変更してもよい． default 以外の名前を使用する場合は，コマンドを実行するときにプロファイル名を指定する必要がある (詳しくは AWS CLI のインストール)．
      • 
 
    
@@ -23881,59 +23881,59 @@ import name
    
 
    vocareum から AWS シークレットキーの発行
    
 
    AWS CLI のインストール ​
    
 
    読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
    
-
    sh
    $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
    $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
    
+
    sh
    $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
    $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
    
 
    インストールできたか確認するため，次のコマンドを打ってバージョン情報が出力されることを確認する．
    
-
    sh
    $ aws --version
    $ aws --version
    
+
    sh
    $ aws --version
    $ aws --version
    
 
    インストールができたら，次のコマンドにより初期設定を行う (参照)．
    
-
    sh
    $ aws configure
    $ aws configure
    
+
    sh
    $ aws configure
    $ aws configure
    
 
    コマンドを実行すると， AWS Access Key ID, AWS Secret Access Key を入力するよう指示される． シークレットキーの発行については AWS のシークレットキーの作成 を参照． コマンドは加えて，Default region name を訊いてくる． ここには自分の好きな地域 (例えば ap-northeast-1 =東京リージョン) を指定すればよい． 最後の Default output format は json としておくとよい．
    
 
    このコマンドを完了すると， ~/.aws/credentials と ~/.aws/config　という名前のファイルが生成されているはずである． 念のため， cat コマンドを使って中身を確認してみるとよい．
    
-
    sh
    $ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+
    sh
    $ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
 
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
    $ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
    $ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
 
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
    
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
    
 
    ~/.aws/credentials には認証鍵の情報が， ~/.aws/config には AWS CLI の設定が記録されている．
    
 
    デフォルトでは， [default] という名前でプロファイルが保存される． いくつかのプロファイルを使い分けたければ， default の例に従って，たとえば [myprofile] などという名前でプロファイルを追加すればよい．
    
 
    AWS CLI でコマンドを打つときに，プロファイルを使い分けるには，
    
-
    sh
    $ aws s3 ls --profile myprofile
    $ aws s3 ls --profile myprofile
    
+
    sh
    $ aws s3 ls --profile myprofile
    $ aws s3 ls --profile myprofile
    
 
    のように， --profile というオプションをつけてコマンドを実行する．
    
 
    いちいち --profile オプションをつけるのが面倒だと感じる場合は， AWS_PROFILE という環境変数を設定するとよい．
    
-
    sh
    $ export AWS_PROFILE=myprofile
    $ export AWS_PROFILE=myprofile
    
+
    sh
    $ export AWS_PROFILE=myprofile
    $ export AWS_PROFILE=myprofile
    
 
    あるいは，認証情報などを環境変数に設定するテクニックもある．
    
-
    sh
    export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
    export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
    
+
    sh
    export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
    export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
    
 
    これらの環境変数は， ~/.aws/credentials よりも高い優先度をもつので，環境変数が設定されていればそちらの情報が使用される (参照)．
    
 
    AWS Educate Starter Account は us-east-1 のリージョンのみ利用可能である (執筆時点での情報)． よって， AWS Educate Starter Account を使用している場合は， default region を us-east-1 に設定する必要がある．
    
 
    AWS CDK のインストール ​
    
 
    読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
    
 
    Node.js がインストールされていれば，基本的に次のコマンドを実行すればよい．
    
-
    sh
    $ sudo npm install -g aws-cdk
    $ sudo npm install -g aws-cdk
    
+
    sh
    $ sudo npm install -g aws-cdk
    $ sudo npm install -g aws-cdk
    
 
    本書のハンズオンは AWS CDK version 1.100.0 で開発した． CDK は開発途上のライブラリなので，将来的に API が変更される可能性がある． API の変更によりエラーが生じた場合は， version 1.100.0 を使用することを推奨する．
    
-
    sh
    $ npm install -g aws-cdk@1.100
    $ npm install -g aws-cdk@1.100
    
+
    sh
    $ npm install -g aws-cdk@1.100
    $ npm install -g aws-cdk@1.100
    
 
    インストールできたか確認するため，次のコマンドを打って正しくバージョンが表示されることを確認する．
    
-
    sh
    $ cdk --version
    $ cdk --version
    
+
    sh
    $ cdk --version
    $ cdk --version
    
 
    インストールができたら，次のコマンドにより AWS 側の初期設定を行う． これは一度実行すれば OK．
    
-
    sh
    $ cdk bootstrap
    $ cdk bootstrap
    
+
    sh
    $ cdk bootstrap
    $ cdk bootstrap
    
 
    cdk bootstrap を実行するときは，AWS の認証情報とリージョンが正しく設定されていることを確認する． デフォルトでは ~/.aws/config にあるデフォルトのプロファイルが使用される． デフォルト以外のプロファイルを用いるときは AWS CLI のインストール で紹介したテクニックを使って切り替える．
    
 
    AWS CDK の認証情報の設定は AWS CLI と基本的に同じである．詳しくは AWS CLI のインストール を参照．
    
 
    WSL のインストール ​
    
@@ -23944,15 +23944,15 @@ import name
    
 
    まず最初に， Administrator 権限で PowerShell を起動する (figure_title)． 左下の Windows メニューの検索バーに powershell と入力すると， PowerShell のプログラムが見つかるはずである， これを右クリックし、 Run as administrator を選択し起動する．
    
 
    管理者権限での PowerShell の起動
    
 
    PowerShell が起動したら、次のコマンドを実行する．
    
-
    powershell
    dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
    dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
    
+
    powershell
    dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
    dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
    
 
    実行して、“The operation completed successfully.” と出力されるのを確認する． これで WSL が enable される．
    
 
    次に，先ほどと同じ Administrator 権限で開いた PowerShell で次のコマンドを実行する。
    
-
    powershell
    dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
    dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
    
+
    powershell
    dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
    dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
    
 
    実行して， “The operation completed successfully.” と出力されるのを確認する． これが確認出来たら、一度コンピュータを再起動する．
    
 
    続いて， Linux kernel update package を次のリンクからダウンロードする． https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
    
 
    ダウンロードしたファイルをダブルクリックして実行する． ダイアログに従ってインストールを完了させる．
    
 
    そうしたら，再び PowerShell を開き次のコマンドを実行する。
    
-
    powershell
    wsl --set-default-version 2
    wsl --set-default-version 2
    
+
    powershell
    wsl --set-default-version 2
    wsl --set-default-version 2
    
 
    最後に、自分の好みの Linux distribution をインストールする． ここでは Ubuntu 20.04 をインストールしよう．
    
 
    Microsoft store のアプリを起動し，検索バーに Ubuntu と入力する． Ubuntu 20.04 LTS という項目が見つかるはずなので，それを開き， “Get” ボタンをクリックする (figure_title)． しばらく待つと， Ubuntu 20.04 のインストールが完了する．
    
 
    Microsoft store から Ubuntu 20.04 をインストール
    
@@ -23968,33 +23968,33 @@ import name
    
 
    Windows のユーザーは，Docker Desktop をインストールする． その際， WSL 2 が事前にインストールされていなければならない． 詳細は 公式ドキュメンテーション を参照のこと． Docker Desktop をインストールすると， WSL からも docker コマンドが使用できるようになる．
    
 
    Linux ユーザー (特に Ubuntu ユーザー) については，インストールの方法はいくつかのアプローチがある． 公式ドキュメンテーション にいくつかのインストールの方法が示されているので，詳しい情報はそちらを参照いただきたい．
    
 
    最も簡単な方法は， Docker が公式で提供しているインストールスクリプトを用いる方法である． この場合，次のコマンドを実行することで Docker がインストールされる．
    
-
    sh
    $ curl -fsSL https://get.docker.com -o get-docker.sh
-$ sudo sh get-docker.sh
    $ curl -fsSL https://get.docker.com -o get-docker.sh
-$ sudo sh get-docker.sh
    
+
    sh
    $ curl -fsSL https://get.docker.com -o get-docker.sh
+$ sudo sh get-docker.sh
    $ curl -fsSL https://get.docker.com -o get-docker.sh
+$ sudo sh get-docker.sh
    
 
    デフォルトのインストールでは， root ユーザーのみが docker コマンドを使用できる設定になっている． 従って，コマンドには毎回 sudo を付け加える必要がある． これが面倒だと感じる場合は，次のステップにより，使用するユーザーを docker というグループに追加する (詳細は 公式ドキュメンテーション "Post-installation steps for Linux" を参照)．
    
 
    まず最初に， docker という名前にグループを追加する． インストールによっては，既に docker グループが作られている場合もある．
    
-
    sh
    $ sudo groupadd docker
    $ sudo groupadd docker
    
+
    sh
    $ sudo groupadd docker
    $ sudo groupadd docker
    
 
    次に，現在使用しているユーザーを docker グループに加える．
    
-
    sh
    $ sudo usermod -aG docker $USER
    $ sudo usermod -aG docker $USER
    
+
    sh
    $ sudo usermod -aG docker $USER
    $ sudo usermod -aG docker $USER
    
 
    ここまでできたら，一度ログアウトし，再度ログインする． これによって，グループの変更がターミナルのセッションに反映される．
    
 
    設定が正しくできているかを確認するため，次のコマンドを実行してみる．
    
-
    sh
    $ docker run hello-world
    $ docker run hello-world
    
+
    sh
    $ docker run hello-world
    $ docker run hello-world
    
 
    sudo なしでコンテナが実行できたならば，設定は完了である．
    
 
    Python venv クイックガイド ​
    
 
    他人からもらったプログラムで， numpy や scipy のバージョンが違う！などの理由で，プログラムが動かない，という経験をしたことがある人は多いのではないだろうか． もし，自分の計算機の中に一つしか Python 環境がないとすると，プロジェクトを切り替えるごとに正しいバージョンをインストールし直さなければならず，これは大変な手間である．
    
 
    コードのシェアをよりスムーズにするためには，ライブラリのバージョンはプロジェクトごとに管理されるべきである． それを可能にするのが Python 仮想環境とよばれるツールであり， venv, pyenv, conda などがよく使われる．
    
 
    そのなかでも， venv は Python に標準搭載されているのでとても便利である． pyenv や conda は，別途インストールの必要があるが，それぞれの長所もある．
    
 
    venv を使って仮想環境を作成するには，
    
-
    sh
    $ python -m venv .env
    $ python -m venv .env
    
+
    sh
    $ python -m venv .env
    $ python -m venv .env
    
 
    と実行する． これにより .env/ というディレクトリが作られ，このディレクトリに依存するライブラリが保存されることになる．
    
 
    この新たな仮想環境を起動するには
    
-
    sh
    $ source .env/bin/activate
    $ source .env/bin/activate
    
+
    sh
    $ source .env/bin/activate
    $ source .env/bin/activate
    
 
    と実行する．
    
 
    シェルのプロンプトに (.env) という文字が追加されていることを確認しよう (figure_title)． これが， "いまあなたは venv の中にいますよ" というしるしになる．
    
 
    venv を起動したときのプロンプト
    
 
    仮想環境を起動すると，それ以降実行する pip コマンドは， .env/ 以下にインストールされる．このようにして，プロジェクトごとに使うライブラリのバージョンを切り分けることができる．
    
 
    Python では requirements.txt というファイルに依存ライブラリを記述するのが一般的な慣例である．他人からもらったプログラムに， requirements.txt が定義されていれば，
    
-
    sh
    $ pip install -r requirements.txt
    $ pip install -r requirements.txt
    
+
    sh
    $ pip install -r requirements.txt
    $ pip install -r requirements.txt
    
 
    と実行することで，必要なライブラリをインストールし，瞬時に Python 環境を再現することができる．
    
 
    venv による仮想環境を保存するディレクトリの名前は任意に選べることができるが， .env という名前を用いるのが一般的である．
    
 
    ハンズオン実行用の Docker image の使い方 ​
    
@@ -24002,16 +24002,16 @@ import name
    
 
    ハンズオンのいくつかのコマンドは Docker の外 = ローカルマシンのリアル環境で実行されなければならない． それらについてはハンズオンの該当箇所に注意書きとして記してある．
    
 
    Docker イメージは Docker Hub においてある． Docker イメージのビルドファイルは GitHub の docker/Dockerfile にある．
    
 
    次のコマンドでコンテナを起動する．
    
-
    sh
    $ docker run -it tomomano/labc:latest
    $ docker run -it tomomano/labc:latest
    
+
    sh
    $ docker run -it tomomano/labc:latest
    $ docker run -it tomomano/labc:latest
    
 
    初回にコマンドを実行したときのみ，イメージが Docker Hub からダウンロード (pull) される． 二回目以降はローカルにダウンロードされたイメージが使用される．
    
 
    コンテナが起動すると，次のようなインタラクティブシェルが表示されるはずである (起動時に -it のオプションをつけたのがポイントである)．
    
 
    root@aws-handson:~$</programlisting>
    
 
    この状態で ls コマンドを打つと， handson/ というディレクトリがあるはずである． ここに cd する．
    
-
    sh
    $ cd handson
    $ cd handson
    
+
    sh
    $ cd handson
    $ cd handson
    
 
    すると，各ハンズオンごとのディレクトリが見つかるはずである．
    
 
    あとは，ハンズオンごとにディレクトリを移動し，ハンズオンごとの virtualenv を作成し，スタックのデプロイを行えばよい ( (#sec_handson_ec2_run) など参照)． ハンズオンごとに使用する依存ライブラリが異なるので，それぞれのハンズオンごとに virtualenv を作成するという設計になっている．
    
 
    AWS の認証情報を設定することも忘れずに． AWS CLI のインストール で記述したように， AWS_ACCESS_KEY_ID などの環境変数を設定するのが簡単な方法である． あるいは，ローカルマシンの ~/.aws/credentials に認証情報が書き込まれているなら，このディレクトリをコンテナにマウントすることで，同じ認証ファイルをコンテナ内部から参照することが可能である． この選択肢を取る場合は，次のコマンドでコンテナを起動する．
    
-
    sh
    $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
    $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
    
+
    sh
    $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
    $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
    
 
    これにより，ローカルマシンの ~/.aws をコンテナの /root/.aws にマウントすることができる． 最後の :ro は read-only を意味する． 大切な認証ファイルが誤って書き換えられてしまわないように， read-only のフラグをつけることをおすすめする．
    
 
    /root/ がコンテナ環境におけるホームディレクトリである． ここで紹介した認証ファイルをマウントするテクニックは， SSH 鍵をコンテナに渡すときなどにも使える．
    
 ]]>
@@ -24079,7 +24079,7 @@ import name
    
 
    (#sec:jupyter_and_deep_learning_setup) でも注意したが，このハンズオンを始める前に G タイプインスタンスの起動上限を AWS コンソールの EC2 管理画面から確認しよう． もし上限が 0 になっていた場合は，上限緩和の申請を行う必要がある． アプリケーションの説明 にも関連した情報を記載しているので，併せて参照されたい．
    
 
    MNIST 手書き文字認識 (再訪) ​
    
 
    今回のハンズオンでは，機械学習のハイパーパラメータ調整を取り上げると冒頭で述べた． その最もシンプルな例題として， (#sec_mnist_using_jupyter) で扱った MNIST 手書き文字認識の問題を再度取り上げよう． (#sec_mnist_using_jupyter) では，適当にチョイスしたハイパーパラメータを用いてモデルの訓練を行った． ここで使用したプログラムのハイパーパラメータとしては，確率的勾配降下法 (SGD) における学習率やモメンタムが含まれる． コードでいうと，次の行が該当する．
    
-
    python
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    
+
    python
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    
 
    ここで使用された 学習率 (lr=0.01) やモメンタム (momentum=0.5) は恣意的に選択された値であり，これがベストな数値であるのかはわからない． たまたまこのチョイスが最適であるかもしれないし，もっと高い精度を出すハイパーパラメータの組が存在するかもしれない． この問題に答えるため，ハイパーパラメータサーチを行おう． 今回は，最もシンプルなアプローチとして，グリッドサーチによるハイパーパラメータサーチを行おう．
    
 
    機械学習のハイパーパラメータの最適化には大きく３つのアプローチが挙げられる． グリッドサーチ，ランダムサーチ，そしてベイズ最適化による方法である．
    
 
    グリッドサーチとは，ハイパーパラメータの組をある範囲の中で可能な組み合わせをすべて計算し，最適なパラメータの組を見出す方法である． 最もシンプルかつ確実な方法であるが，すべての組み合わせの可能性を愚直に計算するので計算コストが大きい．
    
@@ -24090,14 +24090,14 @@ import name
    
 
    まずは，本ハンズオンで使用する Docker イメージをローカルで実行してみよう．
    
 
    Docker イメージのソースコードは handson/aws-batch/docker にある． 基本的に (#sec_mnist_using_jupyter) のハンズオンを元にし，本ハンズオン専用の軽微な変更が施してある． 興味のある読者はソースコードも含めて読んでいただきたい．
    
 
    練習として，この Docker イメージを手元でビルドするところからはじめてみよう． Dockerfile が保存されているディレクトリに移動し， mymnist という名前 (Tag) をつけてビルドを実行する．
    
-
    sh
    $ cd handson/aws-batch/docker
-$ docker build -t mymnist .
    $ cd handson/aws-batch/docker
-$ docker build -t mymnist .
    
+
    sh
    $ cd handson/aws-batch/docker
+$ docker build -t mymnist .
    $ cd handson/aws-batch/docker
+$ docker build -t mymnist .
    
 
    docker build でエラーが出たときは次の可能性を疑ってほしい． ビルドの中で， MNIST の画像データセットを http://yann.lecun.com/exdb/mnist/ からダウンロードするのだが，ダウンロード先のサーバーがしばしばダウンしている． 世界中の機械学習ユーザーがアクセスするので，これはしばしば発生するようである． サーバーがダウンしているとビルドも失敗してしまう． エラーメッセージにそれらしい文言が含まれていたら，この可能性を疑おう．
    
 
    手元でビルドするかわりに， Docker Hub から pull することも可能である． その場合は次のコマンドを実行する．
    
-
    sh
    $ docker pull tomomano/mymnist:latest
    $ docker pull tomomano/mymnist:latest
    
+
    sh
    $ docker pull tomomano/mymnist:latest
    $ docker pull tomomano/mymnist:latest
    
 
    イメージの準備ができたら，次のコマンドでコンテナを起動し， MNIST の学習を実行する．．
    
-
    sh
    $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
+
    sh
    $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
 
    このコマンドを実行すると，指定したハイパーパラメータ (--lr で与えられる学習率と --momentum で与えられるモメンタム) を使ってニューラルネットの最適化が始まる． 学習を行う最大のエポック数は --epochs パラメータで指定する． (#sec_jupyter_and_deep_learning) のハンズオンで見たような， Loss の低下がコマンドライン上に出力されるだろう (figure_title)．
    
 
    Docker を実行した際の出力
    
 
    上に示したコマンドを使うと，計算は CPU を使って実行される． もし，ローカルの計算機に GPU が備わっており， nvidia-docker の設定が済んでいるならば， 次のコマンドにより GPU を使って計算を実行できる．
    
@@ -24136,163 +24136,163 @@ import name
    
 
 
 
    それでは，プログラムのソースコードを見てみよう (handson/aws-batch/app.py)．
    
-
    python
    class SimpleBatch(core.Stack):
+
    python
    class SimpleBatch(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
 
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
 
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
 
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
 
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
 
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
 
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
    class SimpleBatch(core.Stack):
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
    class SimpleBatch(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
 
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
 
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
 
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
 
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
 
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
 
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
    
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
    
 
      
 
    • 
 
      で，計算結果を保存するための S3 バケットを用意している
      
@@ -24319,25 +24319,25 @@ import name
    
 
    スタックのデプロイ ​
    
 
    スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されたことが確認できたら，AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールの検索バーで batch と入力し， AWS Batch の管理画面を開く (figure_title)．
    
 
    AWS Batch のコンソール画面 (ダッシュボード)
    
 
    まず目を向けてほしいのが，画面の一番下にある Compute environment overview の中の SimpleBatchcompute-env という名前の項目だ． Compute environment とは，先ほど述べたとおり，計算が実行される環境 (クラスターと読み替えてもよい) である． プログラムで指定したとおり， g4dn.xlarge が実際に使用されるインスタンスタイプとして表示されている． また， Minimum vCPUs が 0，Maximum vCPUs が 64 と設定されていることも見て取れる． 加えて，この時点では一つもジョブが走っていないので， Desired vCPUs は 0 になっている． より詳細な Compute environment の情報を閲覧したい場合は，名前をクリックすることで詳細画面が開く．
    
@@ -24347,33 +24347,33 @@ import name
    
 
    Docker image を ECR に配置する ​
    
 
    さて， Batch がジョブを実行するには，どこか指定された場所から Docker イメージをダウンロード (pull) してくる必要がある． 前回のハンズオン ( (#sec_fargate_qabot)) では，公開設定にしてある Docker Hub からイメージを pull してきた． 今回のハンズオンでは， AWS から提供されているレジストリである ECR (Elastic Container Registry) に image を配置するという設計を採用する． ECR を利用する利点は，自分だけがアクセスすることのできるプライベートなイメージの置き場所を用意できる点である． Batch は ECR からイメージを pull してくることで，タスクを実行する (figure_title)．
    
 
    スタックのソースコードでいうと，次の箇所が ECR を定義している．
    
-
    python
    #
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
+
    python
    #
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
 
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
    #
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
    #
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
 
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
    
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
    
 
      
 
    • 
 
      で，新規の ECR を作成している．
      
@@ -24395,89 +24395,89 @@ import name
    
 
    さて，ここからは実際に AWS Batch にジョブを投入する方法を見ていこう．
    
 
    ハンズオンのディレクトリの notebook/ というディレクトリの中に， run_single.ipynb というファイルが見つかるはずである (.ipynb は Jupyter notebook のファイル形式)． これを Jupyter notebook から開こう．
    
 
    今回のハンズオンでは， venv による仮想環境の中に Jupyter notebook もインストール済みである． なので，ローカルマシンから以下のコマンドで Jupyter notebook を立ち上げる．
    
-
    sh
    # .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
    # .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
    
+
    sh
    # .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
    # .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
    
 
    Jupyter notebook が起動したら， run_single.ipynb を開く．
    
 
    最初の [1], [2], [3] 番のセルは，ジョブをサブミットするための関数 (submit_job()) を定義している．
    
-
    python
    # [1]
-import boto3
-import argparse
+
    python
    # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
 
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
    # [1]
-import boto3
-import argparse
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
    # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
 
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
    
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
    
 
    submit_job() 関数について簡単に説明しよう． MNIST 手書き文字認識 (再訪) で， MNIST の Docker をローカルで実行したとき，次のようなコマンドを使用した．
    
-
    sh
    $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
+
    sh
    $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
 
    ここで， --lr 0.1 --momentum 0.5 --epochs 10 の部分が，コンテナに渡されるコマンドである．
    
 
    AWS Batch でジョブを実行する際も，ContainerOverrides の command というパラメータを使用することで，コンテナに渡されるコマンドを指定することができる． コードでは以下の部分が該当する．
    
-
    python
    containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
    containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
    
+
    python
    containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
    containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
    
 
    続いて， [4] 番のセルに移ろう． ここでは，上記の submit_job() 関数を用いて， 学習率 = 0.01, モメンタム=0.1, エポック数=100 を指定したジョブを投入する．
    
-
    python
    # [4]
-submit_job(0.01, 0.1, 100)
    # [4]
-submit_job(0.01, 0.1, 100)
    
+
    python
    # [4]
+submit_job(0.01, 0.1, 100)
    # [4]
+submit_job(0.01, 0.1, 100)
    
 
    AWS の認証情報は， Jupyter Notebook の内部から再度定義する必要がある． これを手助けするため， Notebook の [2] 番のセル (デフォルトではすべてコメントアウトされている) を用意した． これを使うにはコメントアウトを解除すればよい． このセルを実行すると， AWS の認証情報を入力する対話的なプロンプトが表示される． プロンプトに従って aws secret key などを入力することで， (Jupyter のセッションに固有な) 環境変数に AWS の認証情報が記録される．
    
 
    もう一つの認証方法として， submit_job() 関数に profile_name というパラメータを用意した． もし ~/.aws/credentials に認証情報が書き込まれているのならば (詳しくは (#aws_cli_install))， profile_name に使用したいプロファイルの名前を渡すだけで， 認証を行うことができる． 慣れている読者は後者のほうが便利であると感じるだろう．
    
 
    [4] 番のセルを実行したら，ジョブが実際に投入されたかどうかを AWS コンソールから確認してみよう． AWS Batch の管理コンソールを開くと， figure_title のような画面が表示されるだろう．
    
@@ -24489,124 +24489,124 @@ import name
    
 
    S3 のコンソールに行くと simplebatch-bucketXXXX (XXXX の部分はユーザーによって異なる) という名前のバケットが見つかるはずである． これをクリックして中身を見てみると， metrics_lr0.0100_m0.1000.csv という名前の CSV があることが確認できるだろう (figure_title)． これが， 学習率 = 0.01, モメンタム = 0.1 として学習を行ったときの結果である．
    
 
    ジョブの実行結果は S3 に保存される
    
 
    さて，ここで run_single.ipynb に戻ってこよう． [5] から [7] 番のセルでは，学習結果の CSV ファイルのダウンロードを行っている．
    
-
    python
    # [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
+
    python
    # [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
    # [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
    # [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
    
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
    
 
    [6] で S3 から CSV データをダウンロードし， pandas の DataFrame オブジェクトとしてロードする関数を定義している． [7] を実行する際， bucket_name という変数の値を，自分自身のバケットの名前に置き換えることに注意しよう (先ほど S3 コンソールから確認した simplebatch-bucketXXXX のことである)．
    
 
    続いて， [9] 番のセルで， CSV のデータをプロットしている (figure_title)． ローカルで実行したときと同じように， AWS Batch を用いて MNIST モデルを訓練することに成功した！
    
-
    python
    # [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
+
    python
    # [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
 
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
 
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
 
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
    # [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
    # [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
 
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
 
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
 
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
    
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
    
 
    AWS Batch で行った MNIST モデルの学習の結果
    
 
    並列に複数の Job を実行する ​
    
 
    さて，ここからが最後の仕上げである． ここまでのハンズオンで構築した AWS Batch のシステムを使って，ハイパーパラメータサーチを実際に行おう．
    
 
    先ほど実行した run_single.ipynb と同じディレクトリにある run_sweep.ipynb を開く．
    
 
    セル [1], [2], [3] は run_single.ipynb と同一である．
    
-
    python
    # [1]
-import boto3
-import argparse
+
    python
    # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
    # [1]
-import boto3
-import argparse
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
    # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
    
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
    
 
    セル [4] の for ループを使って，グリッド状にハイパーパラメータの組み合わせを用意し， batch にジョブを投入している． ここでは 3x3=9 個のジョブを作成した．
    
-
    python
    # [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
    # [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
    
+
    python
    # [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
    # [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
    
 
    セル [4] を実行したら， Batch のコンソールを開こう． 先ほどと同様に，ジョブのステータスは SUBMITTED > RUNNABLE > STARTING > RUNNING と移り変わっていくことがわかるだろう． 最終的に 9 個のジョブがすべて RUNNING の状態になることを確認しよう (figure_title)． また，このとき Compute environment の Desired vCPUs は 4x9=36 となっていることを確認しよう (figure_title)．
    
 
    複数のジョブを同時投入したときの Batch コンソール
    
 
    次に，Batch のコンソールの左側のメニューから Jobs をクリックしてみよう． ここでは，実行中のジョブの一覧が確認することができる (figure_title)． ジョブのステータスでフィルタリングをすることも可能である． 9 個のジョブがどれも RUNNING 状態にあることが確認できるだろう．
    
@@ -24616,81 +24616,81 @@ import name
    
 
    ここまで確認できたら，それぞれの Job が終了するまでしばらく待とう (だいたい 10-15 分くらいで終わる)． すべてのジョブが終了すると，ダッシュボードの SUCCEEDED が 9 となっているはずだ． また， Compute environment の Desired vCPUs も 0 に落ちていることを確認しよう． 最後に EC2 コンソールに行って，すべての g4dn インスタンスが停止していることを確認しよう．
    
 
    以上から， AWS Batch を使うことで，ジョブの投入に応じて自動的に EC2 インスタンスが起動され，ジョブの完了とともに，ただちにインスタンスの停止が行われる一連の挙動を観察することができた． 一つのジョブの完了におよそ 10 分の時間がかかるので，9 個のハイパーパラメータの組を逐次的に計算していた場合は 90 分の時間を要することになる． AWS Batch を使ってこれらの計算を並列に実行することで，ジョブ一個分の計算時間 (=10 分) ですべての計算を終えることができた！
    
 
    さて，再び run_sweep.ipynb に戻ってこよう． [5] 以降のセルでは，グリッドサーチの結果を可視化している．
    
-
    python
    # [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
+
    python
    # [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
 
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
 
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
 
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
    # [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
    # [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
 
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
 
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
 
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
    
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
    
 
    最終的に出力されるプロットが figure_title である．
    
 
    ハイパーパラメータのグリッドサーチの結果
    
 
    このプロットから，差は僅かであるが，学習率が 0.1 のときに精度は最大となることがわかる． また，学習率 0.1 のときはモメンタムを変えても大きな差は生じないことが見て取れる．
    
@@ -24703,9 +24703,9 @@ import name
    
 
    ECR の Docker image を削除するには， ECR のコンソールに行き，イメージが配置されたレポジトリを開く． そして，画面右上の DELETE ボタンを押して削除する (figure_title)．
    
 
    ECR から Docker image を削除する
    
 
    あるいは， AWS CLI から同様の操作を行うには，以下のコマンドを用いる (XXXX は自分の ECR レポジトリ名に置き換える)．
    
-
    sh
    $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
    $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
    
+
    sh
    $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
    $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
    
 
    image の削除が完了したうえで，次のコマンドでスタックを削除する．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    (#sec:batch_development_and_debug) === クラウドを用いた機械学習アプリケーションの開発とデバッグ
    
 
    本章で紹介したハンズオンでは， AWS Batch を使用することでニューラルネットの学習を複数並列に実行し，高速化を実現した． 本章の最後の話題として，クラウドを用いた機械学習アプリケーションの開発とデバッグの方法について述べよう．
    
 
    ローカルに GPU を搭載した強力なマシンがなく，クラウドを利用する予算が確保されているのであれば， figure_title のような開発のスキームが理想的であると考える． 最初の段階では， (#sec_jupyter_and_deep_learning) で見たような方法で， GPU 搭載型の EC2 インスタンスを作成し， Jupyter Notebook などのインタラクティブな環境で様々なモデルを試し実験を行う． Jupyter である程度アプリケーションが完成してきたタイミングで，作成したアプリケーションを Docker イメージにパッケージングする． そして， EC2 上で docker run を行い，作成したイメージがバグなく動作するか確認を行う． その次に，ハイパーパラメータの最適化などのチューニングを， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する のハンズオンで学んだ AWS Batch などの計算システムを利用して行う． よい深層学習モデルが完成したら，仕上げに大規模データへの推論処理を行うシステムを (#sec_fargate_qabot) を参考に構築する．
    
@@ -24746,7 +24746,7 @@ import name
    
 
    (#sec:jupyter_and_deep_learning_setup) でも注意したが，このハンズオンを始める前に G タイプインスタンスの起動上限を AWS コンソールの EC2 管理画面から確認しよう． もし上限が 0 になっていた場合は，上限緩和の申請を行う必要がある． アプリケーションの説明 にも関連した情報を記載しているので，併せて参照されたい．
    
 
    MNIST 手書き文字認識 (再訪) ​
    
 
    今回のハンズオンでは，機械学習のハイパーパラメータ調整を取り上げると冒頭で述べた． その最もシンプルな例題として， (#sec_mnist_using_jupyter) で扱った MNIST 手書き文字認識の問題を再度取り上げよう． (#sec_mnist_using_jupyter) では，適当にチョイスしたハイパーパラメータを用いてモデルの訓練を行った． ここで使用したプログラムのハイパーパラメータとしては，確率的勾配降下法 (SGD) における学習率やモメンタムが含まれる． コードでいうと，次の行が該当する．
    
-
    python
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    
+
    python
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    
 
    ここで使用された 学習率 (lr=0.01) やモメンタム (momentum=0.5) は恣意的に選択された値であり，これがベストな数値であるのかはわからない． たまたまこのチョイスが最適であるかもしれないし，もっと高い精度を出すハイパーパラメータの組が存在するかもしれない． この問題に答えるため，ハイパーパラメータサーチを行おう． 今回は，最もシンプルなアプローチとして，グリッドサーチによるハイパーパラメータサーチを行おう．
    
 
    機械学習のハイパーパラメータの最適化には大きく３つのアプローチが挙げられる． グリッドサーチ，ランダムサーチ，そしてベイズ最適化による方法である．
    
 
    グリッドサーチとは，ハイパーパラメータの組をある範囲の中で可能な組み合わせをすべて計算し，最適なパラメータの組を見出す方法である． 最もシンプルかつ確実な方法であるが，すべての組み合わせの可能性を愚直に計算するので計算コストが大きい．
    
@@ -24757,14 +24757,14 @@ import name
    
 
    まずは，本ハンズオンで使用する Docker イメージをローカルで実行してみよう．
    
 
    Docker イメージのソースコードは handson/aws-batch/docker にある． 基本的に (#sec_mnist_using_jupyter) のハンズオンを元にし，本ハンズオン専用の軽微な変更が施してある． 興味のある読者はソースコードも含めて読んでいただきたい．
    
 
    練習として，この Docker イメージを手元でビルドするところからはじめてみよう． Dockerfile が保存されているディレクトリに移動し， mymnist という名前 (Tag) をつけてビルドを実行する．
    
-
    sh
    $ cd handson/aws-batch/docker
-$ docker build -t mymnist .
    $ cd handson/aws-batch/docker
-$ docker build -t mymnist .
    
+
    sh
    $ cd handson/aws-batch/docker
+$ docker build -t mymnist .
    $ cd handson/aws-batch/docker
+$ docker build -t mymnist .
    
 
    docker build でエラーが出たときは次の可能性を疑ってほしい． ビルドの中で， MNIST の画像データセットを http://yann.lecun.com/exdb/mnist/ からダウンロードするのだが，ダウンロード先のサーバーがしばしばダウンしている． 世界中の機械学習ユーザーがアクセスするので，これはしばしば発生するようである． サーバーがダウンしているとビルドも失敗してしまう． エラーメッセージにそれらしい文言が含まれていたら，この可能性を疑おう．
    
 
    手元でビルドするかわりに， Docker Hub から pull することも可能である． その場合は次のコマンドを実行する．
    
-
    sh
    $ docker pull tomomano/mymnist:latest
    $ docker pull tomomano/mymnist:latest
    
+
    sh
    $ docker pull tomomano/mymnist:latest
    $ docker pull tomomano/mymnist:latest
    
 
    イメージの準備ができたら，次のコマンドでコンテナを起動し， MNIST の学習を実行する．．
    
-
    sh
    $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
+
    sh
    $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
 
    このコマンドを実行すると，指定したハイパーパラメータ (--lr で与えられる学習率と --momentum で与えられるモメンタム) を使ってニューラルネットの最適化が始まる． 学習を行う最大のエポック数は --epochs パラメータで指定する． (#sec_jupyter_and_deep_learning) のハンズオンで見たような， Loss の低下がコマンドライン上に出力されるだろう (figure_title)．
    
 
    Docker を実行した際の出力
    
 
    上に示したコマンドを使うと，計算は CPU を使って実行される． もし，ローカルの計算機に GPU が備わっており， nvidia-docker の設定が済んでいるならば， 次のコマンドにより GPU を使って計算を実行できる．
    
@@ -24803,163 +24803,163 @@ import name
    
 
 
 
    それでは，プログラムのソースコードを見てみよう (handson/aws-batch/app.py)．
    
-
    python
    class SimpleBatch(core.Stack):
+
    python
    class SimpleBatch(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
 
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
 
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
 
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
 
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
 
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
 
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
    class SimpleBatch(core.Stack):
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
    class SimpleBatch(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
 
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
 
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
 
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
 
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
 
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
 
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
    
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
    
 
      
 
    • 
 
      で，計算結果を保存するための S3 バケットを用意している
      
@@ -24986,25 +24986,25 @@ import name
    
 
    スタックのデプロイ ​
    
 
    スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されたことが確認できたら，AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールの検索バーで batch と入力し， AWS Batch の管理画面を開く (figure_title)．
    
 
    AWS Batch のコンソール画面 (ダッシュボード)
    
 
    まず目を向けてほしいのが，画面の一番下にある Compute environment overview の中の SimpleBatchcompute-env という名前の項目だ． Compute environment とは，先ほど述べたとおり，計算が実行される環境 (クラスターと読み替えてもよい) である． プログラムで指定したとおり， g4dn.xlarge が実際に使用されるインスタンスタイプとして表示されている． また， Minimum vCPUs が 0，Maximum vCPUs が 64 と設定されていることも見て取れる． 加えて，この時点では一つもジョブが走っていないので， Desired vCPUs は 0 になっている． より詳細な Compute environment の情報を閲覧したい場合は，名前をクリックすることで詳細画面が開く．
    
@@ -25014,33 +25014,33 @@ import name
    
 
    Docker image を ECR に配置する ​
    
 
    さて， Batch がジョブを実行するには，どこか指定された場所から Docker イメージをダウンロード (pull) してくる必要がある． 前回のハンズオン ( (#sec_fargate_qabot)) では，公開設定にしてある Docker Hub からイメージを pull してきた． 今回のハンズオンでは， AWS から提供されているレジストリである ECR (Elastic Container Registry) に image を配置するという設計を採用する． ECR を利用する利点は，自分だけがアクセスすることのできるプライベートなイメージの置き場所を用意できる点である． Batch は ECR からイメージを pull してくることで，タスクを実行する (figure_title)．
    
 
    スタックのソースコードでいうと，次の箇所が ECR を定義している．
    
-
    python
    #
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
+
    python
    #
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
 
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
    #
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
    #
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
 
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
    
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
    
 
      
 
    • 
 
      で，新規の ECR を作成している．
      
@@ -25062,89 +25062,89 @@ import name
    
 
    さて，ここからは実際に AWS Batch にジョブを投入する方法を見ていこう．
    
 
    ハンズオンのディレクトリの notebook/ というディレクトリの中に， run_single.ipynb というファイルが見つかるはずである (.ipynb は Jupyter notebook のファイル形式)． これを Jupyter notebook から開こう．
    
 
    今回のハンズオンでは， venv による仮想環境の中に Jupyter notebook もインストール済みである． なので，ローカルマシンから以下のコマンドで Jupyter notebook を立ち上げる．
    
-
    sh
    # .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
    # .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
    
+
    sh
    # .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
    # .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
    
 
    Jupyter notebook が起動したら， run_single.ipynb を開く．
    
 
    最初の [1], [2], [3] 番のセルは，ジョブをサブミットするための関数 (submit_job()) を定義している．
    
-
    python
    # [1]
-import boto3
-import argparse
+
    python
    # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
 
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
    # [1]
-import boto3
-import argparse
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
    # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
 
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
    
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
    
 
    submit_job() 関数について簡単に説明しよう． MNIST 手書き文字認識 (再訪) で， MNIST の Docker をローカルで実行したとき，次のようなコマンドを使用した．
    
-
    sh
    $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
+
    sh
    $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
 
    ここで， --lr 0.1 --momentum 0.5 --epochs 10 の部分が，コンテナに渡されるコマンドである．
    
 
    AWS Batch でジョブを実行する際も，ContainerOverrides の command というパラメータを使用することで，コンテナに渡されるコマンドを指定することができる． コードでは以下の部分が該当する．
    
-
    python
    containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
    containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
    
+
    python
    containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
    containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
    
 
    続いて， [4] 番のセルに移ろう． ここでは，上記の submit_job() 関数を用いて， 学習率 = 0.01, モメンタム=0.1, エポック数=100 を指定したジョブを投入する．
    
-
    python
    # [4]
-submit_job(0.01, 0.1, 100)
    # [4]
-submit_job(0.01, 0.1, 100)
    
+
    python
    # [4]
+submit_job(0.01, 0.1, 100)
    # [4]
+submit_job(0.01, 0.1, 100)
    
 
    AWS の認証情報は， Jupyter Notebook の内部から再度定義する必要がある． これを手助けするため， Notebook の [2] 番のセル (デフォルトではすべてコメントアウトされている) を用意した． これを使うにはコメントアウトを解除すればよい． このセルを実行すると， AWS の認証情報を入力する対話的なプロンプトが表示される． プロンプトに従って aws secret key などを入力することで， (Jupyter のセッションに固有な) 環境変数に AWS の認証情報が記録される．
    
 
    もう一つの認証方法として， submit_job() 関数に profile_name というパラメータを用意した． もし ~/.aws/credentials に認証情報が書き込まれているのならば (詳しくは (#aws_cli_install))， profile_name に使用したいプロファイルの名前を渡すだけで， 認証を行うことができる． 慣れている読者は後者のほうが便利であると感じるだろう．
    
 
    [4] 番のセルを実行したら，ジョブが実際に投入されたかどうかを AWS コンソールから確認してみよう． AWS Batch の管理コンソールを開くと， figure_title のような画面が表示されるだろう．
    
@@ -25156,124 +25156,124 @@ import name
    
 
    S3 のコンソールに行くと simplebatch-bucketXXXX (XXXX の部分はユーザーによって異なる) という名前のバケットが見つかるはずである． これをクリックして中身を見てみると， metrics_lr0.0100_m0.1000.csv という名前の CSV があることが確認できるだろう (figure_title)． これが， 学習率 = 0.01, モメンタム = 0.1 として学習を行ったときの結果である．
    
 
    ジョブの実行結果は S3 に保存される
    
 
    さて，ここで run_single.ipynb に戻ってこよう． [5] から [7] 番のセルでは，学習結果の CSV ファイルのダウンロードを行っている．
    
-
    python
    # [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
+
    python
    # [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
    # [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
    # [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
    
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
    
 
    [6] で S3 から CSV データをダウンロードし， pandas の DataFrame オブジェクトとしてロードする関数を定義している． [7] を実行する際， bucket_name という変数の値を，自分自身のバケットの名前に置き換えることに注意しよう (先ほど S3 コンソールから確認した simplebatch-bucketXXXX のことである)．
    
 
    続いて， [9] 番のセルで， CSV のデータをプロットしている (figure_title)． ローカルで実行したときと同じように， AWS Batch を用いて MNIST モデルを訓練することに成功した！
    
-
    python
    # [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
+
    python
    # [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
 
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
 
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
 
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
    # [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
    # [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
 
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
 
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
 
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
    
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
    
 
    AWS Batch で行った MNIST モデルの学習の結果
    
 
    並列に複数の Job を実行する ​
    
 
    さて，ここからが最後の仕上げである． ここまでのハンズオンで構築した AWS Batch のシステムを使って，ハイパーパラメータサーチを実際に行おう．
    
 
    先ほど実行した run_single.ipynb と同じディレクトリにある run_sweep.ipynb を開く．
    
 
    セル [1], [2], [3] は run_single.ipynb と同一である．
    
-
    python
    # [1]
-import boto3
-import argparse
+
    python
    # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
    # [1]
-import boto3
-import argparse
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
    # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
    
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
    
 
    セル [4] の for ループを使って，グリッド状にハイパーパラメータの組み合わせを用意し， batch にジョブを投入している． ここでは 3x3=9 個のジョブを作成した．
    
-
    python
    # [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
    # [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
    
+
    python
    # [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
    # [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
    
 
    セル [4] を実行したら， Batch のコンソールを開こう． 先ほどと同様に，ジョブのステータスは SUBMITTED > RUNNABLE > STARTING > RUNNING と移り変わっていくことがわかるだろう． 最終的に 9 個のジョブがすべて RUNNING の状態になることを確認しよう (figure_title)． また，このとき Compute environment の Desired vCPUs は 4x9=36 となっていることを確認しよう (figure_title)．
    
 
    複数のジョブを同時投入したときの Batch コンソール
    
 
    次に，Batch のコンソールの左側のメニューから Jobs をクリックしてみよう． ここでは，実行中のジョブの一覧が確認することができる (figure_title)． ジョブのステータスでフィルタリングをすることも可能である． 9 個のジョブがどれも RUNNING 状態にあることが確認できるだろう．
    
@@ -25283,81 +25283,81 @@ import name
    
 
    ここまで確認できたら，それぞれの Job が終了するまでしばらく待とう (だいたい 10-15 分くらいで終わる)． すべてのジョブが終了すると，ダッシュボードの SUCCEEDED が 9 となっているはずだ． また， Compute environment の Desired vCPUs も 0 に落ちていることを確認しよう． 最後に EC2 コンソールに行って，すべての g4dn インスタンスが停止していることを確認しよう．
    
 
    以上から， AWS Batch を使うことで，ジョブの投入に応じて自動的に EC2 インスタンスが起動され，ジョブの完了とともに，ただちにインスタンスの停止が行われる一連の挙動を観察することができた． 一つのジョブの完了におよそ 10 分の時間がかかるので，9 個のハイパーパラメータの組を逐次的に計算していた場合は 90 分の時間を要することになる． AWS Batch を使ってこれらの計算を並列に実行することで，ジョブ一個分の計算時間 (=10 分) ですべての計算を終えることができた！
    
 
    さて，再び run_sweep.ipynb に戻ってこよう． [5] 以降のセルでは，グリッドサーチの結果を可視化している．
    
-
    python
    # [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
+
    python
    # [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
 
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
 
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
 
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
    # [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
    # [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
 
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
 
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
 
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
    
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
    
 
    最終的に出力されるプロットが figure_title である．
    
 
    ハイパーパラメータのグリッドサーチの結果
    
 
    このプロットから，差は僅かであるが，学習率が 0.1 のときに精度は最大となることがわかる． また，学習率 0.1 のときはモメンタムを変えても大きな差は生じないことが見て取れる．
    
@@ -25370,9 +25370,9 @@ import name
    
 
    ECR の Docker image を削除するには， ECR のコンソールに行き，イメージが配置されたレポジトリを開く． そして，画面右上の DELETE ボタンを押して削除する (figure_title)．
    
 
    ECR から Docker image を削除する
    
 
    あるいは， AWS CLI から同様の操作を行うには，以下のコマンドを用いる (XXXX は自分の ECR レポジトリ名に置き換える)．
    
-
    sh
    $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
    $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
    
+
    sh
    $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
    $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
    
 
    image の削除が完了したうえで，次のコマンドでスタックを削除する．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    (#sec:batch_development_and_debug) === クラウドを用いた機械学習アプリケーションの開発とデバッグ
    
 
    本章で紹介したハンズオンでは， AWS Batch を使用することでニューラルネットの学習を複数並列に実行し，高速化を実現した． 本章の最後の話題として，クラウドを用いた機械学習アプリケーションの開発とデバッグの方法について述べよう．
    
 
    ローカルに GPU を搭載した強力なマシンがなく，クラウドを利用する予算が確保されているのであれば， figure_title のような開発のスキームが理想的であると考える． 最初の段階では， (#sec_jupyter_and_deep_learning) で見たような方法で， GPU 搭載型の EC2 インスタンスを作成し， Jupyter Notebook などのインタラクティブな環境で様々なモデルを試し実験を行う． Jupyter である程度アプリケーションが完成してきたタイミングで，作成したアプリケーションを Docker イメージにパッケージングする． そして， EC2 上で docker run を行い，作成したイメージがバグなく動作するか確認を行う． その次に，ハイパーパラメータの最適化などのチューニングを， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する のハンズオンで学んだ AWS Batch などの計算システムを利用して行う． よい深層学習モデルが完成したら，仕上げに大規模データへの推論処理を行うシステムを (#sec_fargate_qabot) を参考に構築する．
    
@@ -25456,44 +25456,44 @@ import name
    
 
 
    具体的な API の使用例を見てみよう．
    
 
    S3 に新しい保存領域 (Bucket (バケット) とよばれる) を追加したいとしよう． AWS CLI を使った場合は，次のようなコマンドを打てばよい．
    
-
    sh
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    
+
    sh
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    
 
    上記のコマンドは， my-bucket という名前のバケットを， ap-northeast-1 のリージョンに作成する．
    
 
    Python からこれと同じ操作を実行するには， boto3 ライブラリを使って，次のようなスクリプトを実行する．
    
-
    python
    import boto3
+
    python
    import boto3
 
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
    import boto3
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
    import boto3
 
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
    
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
    
 
    もう一つ例をあげよう．
    
 
    新しい EC2 のインスタンス(インスタンスとは，起動状態にある仮想サーバーの意味である)を起動するには，次のようなコマンドを打てば良い．
    
-
    sh
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    
+
    sh
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    
 
    このコマンドにより， t2.micro というタイプ (1 vCPU, 1.0 GB RAM) のインスタンスが起動する． ここではその他のパラメータの詳細の説明は省略する (ハンズオン ( (#sec_first_ec2)) で詳しく解説する)．
    
 
    Python から上記と同じ操作を実行するには，以下のようなスクリプトを使う．
    
-
    python
    import boto3
+
    python
    import boto3
 
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
    import boto3
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
    import boto3
 
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
    
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
    
 
    以上の例を通じて，API によるクラウドのリソースの操作のイメージがつかめてきただろうか？ コマンド一つで，新しい仮想サーバーを起動したり，データの保存領域を追加したり，任意の操作を実行できるわけである． 基本的に，このようなコマンドを複数組み合わせていくことで，自分の望む CPU・RAM・ネットワーク・ストレージが備わった計算環境を構築することができる． もちろん，逆の操作 (リソースの削除) も API を使って実行できる．
    
 
    ミニ・ハンズオン: AWS CLI を使ってみよう ​
    
 
    ここでは，ミニ・ハンズオンとして，AWS CLI を実際に使ってみる． AWS CLI は先述のとおり， AWS 上の任意のリソースの操作が可能であるが，ここでは一番シンプルな，S3 を使ったファイルの読み書きを実践する (EC2 の操作は少し複雑なので，第一回ハンズオンで行う)． aws s3 コマンドの詳しい使い方は 公式ドキュメンテーションを参照．
    
@@ -25501,34 +25501,34 @@ import name
    
 
    以下に紹介するハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
    
 
    以下のコマンドを実行する前に，AWS の認証情報が正しく設定されていることを確認する． これには ~/.aws/credentials のファイルに設定が書き込まれているか，環境変数 (AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION) が定義されている必要がある． 詳しくは (#aws_cli_install) を参照．
    
 
    まずは，S3 にデータの格納領域 (Bucket とよばれる．一般的な OS での"ドライブ"に相当する) を作成するところから始めよう．
    
-
    sh
    $ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://${bucketName}"
    $ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://${bucketName}"
    
+
    sh
    $ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://${bucketName}"
    $ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://${bucketName}"
    
 
    S3 のバケットの名前は， AWS 全体で一意的でなければならないことから，前述のコマンドではランダムな文字列を含んだバケットの名前を生成し，bucketName という変数に格納している． そして， aws s3 mb (mb は make bucket の略) によって，新しいバケットを作成する．
    
 
    次に，バケットの一覧を取得してみよう．
    
-
    sh
    $ aws s3 ls
+
    sh
    $ aws s3 ls
 
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    $ aws s3 ls
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    $ aws s3 ls
 
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    
 
    先ほど作成したバケットがリストにあることを確認できる．
    
 
    本書のノーテーションとして，コマンドラインに入力するコマンドは，それがコマンドであると明示する目的で先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力は $ なしで表示されている．
    
 
    次に，バケットにファイルをアップロードする．
    
-
    sh
    $ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    $ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    
+
    sh
    $ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    $ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    
 
    上では hello_world.txt というダミーのファイルを作成して，それをアップロードした．
    
 
    それでは，バケットの中にあるファイルの一覧を取得してみる．
    
-
    sh
    $ aws s3 ls "s3://${bucketName}" --human-readable
+
    sh
    $ aws s3 ls "s3://${bucketName}" --human-readable
 
-2020-06-07 23:54:19   13 Bytes hello_world.txt
    $ aws s3 ls "s3://${bucketName}" --human-readable
+2020-06-07 23:54:19   13 Bytes hello_world.txt
    $ aws s3 ls "s3://${bucketName}" --human-readable
 
-2020-06-07 23:54:19   13 Bytes hello_world.txt
    
+2020-06-07 23:54:19   13 Bytes hello_world.txt
    
 
    先ほどアップロードしたファイルがたしかに存在することがわかる．
    
 
    最後に，使い終わったバケットを削除する．
    
-
    sh
    $ aws s3 rb "s3://${bucketName}" --force
    $ aws s3 rb "s3://${bucketName}" --force
    
+
    sh
    $ aws s3 rb "s3://${bucketName}" --force
    $ aws s3 rb "s3://${bucketName}" --force
    
 
    rb は remove bucket の略である． デフォルトでは，バケットの中にファイルが存在すると削除できない． 空でないバケットを強制的に削除するには --force のオプションを付ける．
    
 
    以上のように，AWS CLI を使って S3 バケットに対しての一連の操作を実行できた． EC2 や Lambda, DynamoDB などについても同様に AWS CLI を使ってあらゆる操作を実行できる．
    
 
    Amazon Resource Name (ARN)
    
@@ -25544,120 +25544,120 @@ import name
    
 
    そのような観点から，インフラを記述するプログラムとタスクを実行するプログラムはある程度分けて管理されるべきである． クラウドの開発は，クラウドの(静的な)リソースを記述するプログラムを作成するステップと，インフラ上で動く動的な操作を行うプログラムを作成するステップの二段階に分けて考えることができる．
    
 
    AWS での静的リソースを管理するための仕組みが， CloudFormation である． CloudFormation とは， CloudFormation の文法に従ったテキストファイルを使って，AWS のインフラを記述する仕組みである． CloudFormation を使って，たとえば，EC2 のインスタンスをどれくらいのスペックで，何個起動するか，インスタンス間はどのようなネットワークで結び，どのようなアクセス権限を付与するか，などのリソースの要件を逐次的に記述することができる． 一度 CloudFormation ファイルができ上がれば，それにしたがったクラウドシステムをコマンド一つで AWS 上に展開することができる． また，CloudFormation ファイルを交換することで，全く同一のクラウド環境を他者が簡単に再現することも可能になる． このように，本来は物理的な実体のあるハードウェアを，プログラムによって記述し，管理するという考え方を，**Infrastructure as Code (IaC)**とよぶ．
    
 
    CloudFormation を記述するには，基本的に JSON (JavaScript Object Notation) とよばれるフォーマットを使う． 次のコードは，JSON で記述された CloudFormation ファイルの一例 (抜粋) である．
    
-
    json
    "Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\n",
-                     "yum update -y aws-cfn-bootstrap\n",
+
    json
    "Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\n",
+                     "yum update -y aws-cfn-bootstrap\n",
 
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
 
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
    "Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\n",
-                     "yum update -y aws-cfn-bootstrap\n",
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
    "Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\n",
+                     "yum update -y aws-cfn-bootstrap\n",
 
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
 
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
    
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
    
 
    ここでは， "WebServer" という名前のつけられた EC2 インスタンスを定義している．かなり長大で複雑な記述であるが，これによって所望のスペック・OS をもつ EC2 インスタンスを自動的に生成することが可能になる．
    
 
    AWS CDK ​
    
 
    前節で紹介した CloudFormation は，見てわかるとおり大変記述が複雑であり，またそれのどれか一つにでも誤りがあってはいけない． また，基本的に"テキスト"を書いていくことになるので，プログラミング言語で使うような変数やクラスといった便利な概念が使えない　(厳密には， CloudFormation にも変数に相当するような機能は存在する)． また，記述の多くの部分は繰り返しが多く，自動化できる部分も多い．
    
 
    そのような悩みを解決してくれるのが， AWS Cloud Development Kit (CDK) である． CDK は Python などのプログラミング言語を使って CloudFormation を自動的に生成してくれるツールである． CDK は 2019 年にリリースされたばかりの比較的新しいツールで，日々改良が進められている (GitHub リポジトリ のリリースを見ればその開発のスピードの速さがわかるだろう)． CDK は TypeScript (JavaScript), Python, Java など複数の言語でサポートされている．
    
 
    CDK を使うことで，CloudFormation に相当するクラウドリソースの記述を，より親しみのあるプログラミング言語を使って行うことができる． かつ，典型的なリソース操作に関してはパラメータの多くの部分を自動で決定してくれるので，記述しなければならない量もかなり削減される．
    
 
    以下に Python を使った CDK のコードの一例 (抜粋) を示す．
    
-
    python
    from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
+
    python
    from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
 
-class MyFirstEc2(core.Stack):
+class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
 
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
 
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
    from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
    from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
 
-class MyFirstEc2(core.Stack):
+class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
 
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
 
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
    
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
    
 
    このコードは，一つ前に示した JSON を使った CloudFormation と実質的に同じことを記述している． とても煩雑だった CloudFormation ファイルに比べて， CDK と Python を使うことで格段に短く，わかりやすく記述できることができるのがわかるだろう．
    
 
    本書の主題は，CDK を使って，コードを書きながら AWS の概念や開発方法を学んでいくことである． 後の章では CDK を使って様々なハンズオンを実施していく． 早速，最初のハンズオンでは， CDK を使って EC2 インスタンスを作成する方法を学んでいこう．
    
 
      
@@ -25729,44 +25729,44 @@ import name
    
 
 
    具体的な API の使用例を見てみよう．
    
 
    S3 に新しい保存領域 (Bucket (バケット) とよばれる) を追加したいとしよう． AWS CLI を使った場合は，次のようなコマンドを打てばよい．
    
-
    sh
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    
+
    sh
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    
 
    上記のコマンドは， my-bucket という名前のバケットを， ap-northeast-1 のリージョンに作成する．
    
 
    Python からこれと同じ操作を実行するには， boto3 ライブラリを使って，次のようなスクリプトを実行する．
    
-
    python
    import boto3
+
    python
    import boto3
 
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
    import boto3
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
    import boto3
 
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
    
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
    
 
    もう一つ例をあげよう．
    
 
    新しい EC2 のインスタンス(インスタンスとは，起動状態にある仮想サーバーの意味である)を起動するには，次のようなコマンドを打てば良い．
    
-
    sh
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    
+
    sh
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    
 
    このコマンドにより， t2.micro というタイプ (1 vCPU, 1.0 GB RAM) のインスタンスが起動する． ここではその他のパラメータの詳細の説明は省略する (ハンズオン ( (#sec_first_ec2)) で詳しく解説する)．
    
 
    Python から上記と同じ操作を実行するには，以下のようなスクリプトを使う．
    
-
    python
    import boto3
+
    python
    import boto3
 
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
    import boto3
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
    import boto3
 
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
    
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
    
 
    以上の例を通じて，API によるクラウドのリソースの操作のイメージがつかめてきただろうか？ コマンド一つで，新しい仮想サーバーを起動したり，データの保存領域を追加したり，任意の操作を実行できるわけである． 基本的に，このようなコマンドを複数組み合わせていくことで，自分の望む CPU・RAM・ネットワーク・ストレージが備わった計算環境を構築することができる． もちろん，逆の操作 (リソースの削除) も API を使って実行できる．
    
 
    ミニ・ハンズオン: AWS CLI を使ってみよう ​
    
 
    ここでは，ミニ・ハンズオンとして，AWS CLI を実際に使ってみる． AWS CLI は先述のとおり， AWS 上の任意のリソースの操作が可能であるが，ここでは一番シンプルな，S3 を使ったファイルの読み書きを実践する (EC2 の操作は少し複雑なので，第一回ハンズオンで行う)． aws s3 コマンドの詳しい使い方は 公式ドキュメンテーションを参照．
    
@@ -25774,34 +25774,34 @@ import name
    
 
    以下に紹介するハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
    
 
    以下のコマンドを実行する前に，AWS の認証情報が正しく設定されていることを確認する． これには ~/.aws/credentials のファイルに設定が書き込まれているか，環境変数 (AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION) が定義されている必要がある． 詳しくは (#aws_cli_install) を参照．
    
 
    まずは，S3 にデータの格納領域 (Bucket とよばれる．一般的な OS での"ドライブ"に相当する) を作成するところから始めよう．
    
-
    sh
    $ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://${bucketName}"
    $ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://${bucketName}"
    
+
    sh
    $ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://${bucketName}"
    $ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://${bucketName}"
    
 
    S3 のバケットの名前は， AWS 全体で一意的でなければならないことから，前述のコマンドではランダムな文字列を含んだバケットの名前を生成し，bucketName という変数に格納している． そして， aws s3 mb (mb は make bucket の略) によって，新しいバケットを作成する．
    
 
    次に，バケットの一覧を取得してみよう．
    
-
    sh
    $ aws s3 ls
+
    sh
    $ aws s3 ls
 
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    $ aws s3 ls
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    $ aws s3 ls
 
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    
 
    先ほど作成したバケットがリストにあることを確認できる．
    
 
    本書のノーテーションとして，コマンドラインに入力するコマンドは，それがコマンドであると明示する目的で先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力は $ なしで表示されている．
    
 
    次に，バケットにファイルをアップロードする．
    
-
    sh
    $ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    $ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    
+
    sh
    $ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    $ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    
 
    上では hello_world.txt というダミーのファイルを作成して，それをアップロードした．
    
 
    それでは，バケットの中にあるファイルの一覧を取得してみる．
    
-
    sh
    $ aws s3 ls "s3://${bucketName}" --human-readable
+
    sh
    $ aws s3 ls "s3://${bucketName}" --human-readable
 
-2020-06-07 23:54:19   13 Bytes hello_world.txt
    $ aws s3 ls "s3://${bucketName}" --human-readable
+2020-06-07 23:54:19   13 Bytes hello_world.txt
    $ aws s3 ls "s3://${bucketName}" --human-readable
 
-2020-06-07 23:54:19   13 Bytes hello_world.txt
    
+2020-06-07 23:54:19   13 Bytes hello_world.txt
    
 
    先ほどアップロードしたファイルがたしかに存在することがわかる．
    
 
    最後に，使い終わったバケットを削除する．
    
-
    sh
    $ aws s3 rb "s3://${bucketName}" --force
    $ aws s3 rb "s3://${bucketName}" --force
    
+
    sh
    $ aws s3 rb "s3://${bucketName}" --force
    $ aws s3 rb "s3://${bucketName}" --force
    
 
    rb は remove bucket の略である． デフォルトでは，バケットの中にファイルが存在すると削除できない． 空でないバケットを強制的に削除するには --force のオプションを付ける．
    
 
    以上のように，AWS CLI を使って S3 バケットに対しての一連の操作を実行できた． EC2 や Lambda, DynamoDB などについても同様に AWS CLI を使ってあらゆる操作を実行できる．
    
 
    Amazon Resource Name (ARN)
    
@@ -25817,120 +25817,120 @@ import name
    
 
    そのような観点から，インフラを記述するプログラムとタスクを実行するプログラムはある程度分けて管理されるべきである． クラウドの開発は，クラウドの(静的な)リソースを記述するプログラムを作成するステップと，インフラ上で動く動的な操作を行うプログラムを作成するステップの二段階に分けて考えることができる．
    
 
    AWS での静的リソースを管理するための仕組みが， CloudFormation である． CloudFormation とは， CloudFormation の文法に従ったテキストファイルを使って，AWS のインフラを記述する仕組みである． CloudFormation を使って，たとえば，EC2 のインスタンスをどれくらいのスペックで，何個起動するか，インスタンス間はどのようなネットワークで結び，どのようなアクセス権限を付与するか，などのリソースの要件を逐次的に記述することができる． 一度 CloudFormation ファイルができ上がれば，それにしたがったクラウドシステムをコマンド一つで AWS 上に展開することができる． また，CloudFormation ファイルを交換することで，全く同一のクラウド環境を他者が簡単に再現することも可能になる． このように，本来は物理的な実体のあるハードウェアを，プログラムによって記述し，管理するという考え方を，**Infrastructure as Code (IaC)**とよぶ．
    
 
    CloudFormation を記述するには，基本的に JSON (JavaScript Object Notation) とよばれるフォーマットを使う． 次のコードは，JSON で記述された CloudFormation ファイルの一例 (抜粋) である．
    
-
    json
    "Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\n",
-                     "yum update -y aws-cfn-bootstrap\n",
+
    json
    "Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\n",
+                     "yum update -y aws-cfn-bootstrap\n",
 
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
 
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
    "Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\n",
-                     "yum update -y aws-cfn-bootstrap\n",
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
    "Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\n",
+                     "yum update -y aws-cfn-bootstrap\n",
 
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
 
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
    
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
    
 
    ここでは， "WebServer" という名前のつけられた EC2 インスタンスを定義している．かなり長大で複雑な記述であるが，これによって所望のスペック・OS をもつ EC2 インスタンスを自動的に生成することが可能になる．
    
 
    AWS CDK ​
    
 
    前節で紹介した CloudFormation は，見てわかるとおり大変記述が複雑であり，またそれのどれか一つにでも誤りがあってはいけない． また，基本的に"テキスト"を書いていくことになるので，プログラミング言語で使うような変数やクラスといった便利な概念が使えない　(厳密には， CloudFormation にも変数に相当するような機能は存在する)． また，記述の多くの部分は繰り返しが多く，自動化できる部分も多い．
    
 
    そのような悩みを解決してくれるのが， AWS Cloud Development Kit (CDK) である． CDK は Python などのプログラミング言語を使って CloudFormation を自動的に生成してくれるツールである． CDK は 2019 年にリリースされたばかりの比較的新しいツールで，日々改良が進められている (GitHub リポジトリ のリリースを見ればその開発のスピードの速さがわかるだろう)． CDK は TypeScript (JavaScript), Python, Java など複数の言語でサポートされている．
    
 
    CDK を使うことで，CloudFormation に相当するクラウドリソースの記述を，より親しみのあるプログラミング言語を使って行うことができる． かつ，典型的なリソース操作に関してはパラメータの多くの部分を自動で決定してくれるので，記述しなければならない量もかなり削減される．
    
 
    以下に Python を使った CDK のコードの一例 (抜粋) を示す．
    
-
    python
    from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
+
    python
    from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
 
-class MyFirstEc2(core.Stack):
+class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
 
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
 
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
    from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
    from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
 
-class MyFirstEc2(core.Stack):
+class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
 
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
 
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
    
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
    
 
    このコードは，一つ前に示した JSON を使った CloudFormation と実質的に同じことを記述している． とても煩雑だった CloudFormation ファイルに比べて， CDK と Python を使うことで格段に短く，わかりやすく記述できることができるのがわかるだろう．
    
 
    本書の主題は，CDK を使って，コードを書きながら AWS の概念や開発方法を学んでいくことである． 後の章では CDK を使って様々なハンズオンを実施していく． 早速，最初のハンズオンでは， CDK を使って EC2 インスタンスを作成する方法を学んでいこう．
    
 
      
@@ -26150,92 +26150,92 @@ import name
    
 
    イメージをダウンロード ​
    
 
    パッケージ化された Docker の仮想環境 (= イメージ (Image)) は， Docker Hub からダウンロードできる． Docker Hub には，個人や企業・団体が作成した Docker イメージが集められており， GitHub などと同じ感覚で，オープンな形で公開されている．
    
 
    たとえば， Ubuntu のイメージは Ubuntu の公式リポジトリ で公開されており， pull コマンドを使うことでローカルにダウンロードすることができる．
    
-
    sh
    $ docker pull ubuntu:18.04
    $ docker pull ubuntu:18.04
    
+
    sh
    $ docker pull ubuntu:18.04
    $ docker pull ubuntu:18.04
    
 
    ここで，イメージ名の : (コロン) 以降に続く文字列を タグ (tag) と呼び，主にバージョンを指定するなどの目的で使われる．
    
 
    pull コマンドはデフォルトでは Docker Hub でイメージを検索し，ダウンロードを行う． Docker イメージを公開するためのデータベース (レジストリ (registry) とよぶ) は Docker Hub だけではなく，たとえば GitLab や GitHub は独自のレジストリ機能を提供しているし，個人のサーバーでレジストリを立ち上げることも可能である． Docker Hub 以外のレジストリから pull するには， myregistry.local:5000/testing/test-image のように，イメージ名の先頭につける形でレジストリのアドレス (さらにオプションとしてポート番号) を指定する．
    
 
    コンテナを起動 ​
    
 
    Pull してきたイメージを起動するには， run コマンドを使う．
    
-
    sh
    $ docker run -it ubuntu:18.04
    $ docker run -it ubuntu:18.04
    
+
    sh
    $ docker run -it ubuntu:18.04
    $ docker run -it ubuntu:18.04
    
 
    ここで， -it とは，インタラクティブな shell のセッションを開始するために必要なオプションである．
    
 
    このコマンドを実行すると，仮想化された Ubuntu が起動され，コマンドラインからコマンドが打ち込めるようになる (figure_title)． このように起動状態にある計算環境 (ランタイム) のことを Container (コンテナ) とよぶ．
    
 
    Docker を使って ubuntu:18.04 イメージを起動
    
 
    ここで使用した ubuntu:18.04 のイメージは，空の Ubuntu OS だが，すでにプログラムがインストール済みのものもある． これは， (#sec_jupyter_and_deep_learning) でみた DLAMI と概念として似ている． たとえば， PyTorch がインストール済みのイメージは PyTorch 公式の Docker Hub リポジトリ で公開されている．
    
 
    これを起動してみよう．
    
-
    sh
    $ docker run -it pytorch/pytorch
    $ docker run -it pytorch/pytorch
    
+
    sh
    $ docker run -it pytorch/pytorch
    $ docker run -it pytorch/pytorch
    
 
    docker run を実行したとき，ローカルに該当するイメージが見つからない場合は，自動的に Docker Hub からダウンロードされる．
    
 
    pytorch のコンテナが起動したら， Python のシェルを立ち上げて， pytorch をインポートしてみよう．
    
-
    sh
    $ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
    $ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
    
+
    sh
    $ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
    $ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
    
 
    このように， Docker を使うことで簡単に特定の OS・プログラムの入った計算環境を再現することが可能になる．
    
 
    自分だけのイメージを作る ​
    
 
    自分の使うソフトウェア・ライブラリがインストールされた，自分だけのイメージを作ることも可能である．
    
 
    たとえば， 本書のハンズオン実行用に提供している docker イメージ には， Python, Node.js, AWS CLI, AWS CDK などのソフトウェアがインストール済みであり，ダウンロードしてくるだけですぐにハンズオンのプログラムが実行できるようになっている．
    
 
    カスタムの docker イメージを作るには， Dockerfile という名前のついたファイルを用意し，その中にどんなプログラムをインストールするかなどを記述していく．
    
 
    具体例として，本書で提供している Docker イメージのレシピを見てみよう (docker/Dockerfile)．
    
-
    dockerfile
    FROM node:12
-LABEL maintainer="Tomoyuki Mano"
+
    dockerfile
    FROM node:12
+LABEL maintainer="Tomoyuki Mano"
 
-RUN apt-get update \
-    && apt-get install nano
+RUN apt-get update \
+    && apt-get install nano
 
-#
-RUN cd /opt \
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
-    && tar -xzf Python-3.7.6.tgz \
-    && cd Python-3.7.6 \
-    && ./configure --enable-optimizations \
-    && make install
+#
+RUN cd /opt \
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
+    && tar -xzf Python-3.7.6.tgz \
+    && cd Python-3.7.6 \
+    && ./configure --enable-optimizations \
+    && make install
 
-RUN cd /opt \
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install
+RUN cd /opt \
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
+    && unzip awscliv2.zip \
+    && ./aws/install
 
-#
-RUN npm install -g aws-cdk@1.100
+#
+RUN npm install -g aws-cdk@1.100
 
-# clean up unnecessary files
-RUN rm -rf /opt/*
+# clean up unnecessary files
+RUN rm -rf /opt/*
 
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
    FROM node:12
-LABEL maintainer="Tomoyuki Mano"
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
    FROM node:12
+LABEL maintainer="Tomoyuki Mano"
 
-RUN apt-get update \
-    && apt-get install nano
+RUN apt-get update \
+    && apt-get install nano
 
-#
-RUN cd /opt \
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
-    && tar -xzf Python-3.7.6.tgz \
-    && cd Python-3.7.6 \
-    && ./configure --enable-optimizations \
-    && make install
+#
+RUN cd /opt \
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
+    && tar -xzf Python-3.7.6.tgz \
+    && cd Python-3.7.6 \
+    && ./configure --enable-optimizations \
+    && make install
 
-RUN cd /opt \
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install
+RUN cd /opt \
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
+    && unzip awscliv2.zip \
+    && ./aws/install
 
-#
-RUN npm install -g aws-cdk@1.100
+#
+RUN npm install -g aws-cdk@1.100
 
-# clean up unnecessary files
-RUN rm -rf /opt/*
+# clean up unnecessary files
+RUN rm -rf /opt/*
 
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
    
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
    
 
    Dockerfile の中身の説明は詳しくは行わないが，たとえば上のコードで <1> で示したところは， Python 3.7 のインストールを実行している． また， <2> で示したところは， AWS CDK のインストールを行っていることがわかるだろう． このように，リアルな OS で行うのと同じ流れでインストールのコマンドを逐一記述していくことで，自分だけの Docker イメージを作成することができる． 一度イメージを作成すれば，それを配布することで，他者も同一の計算環境を簡単に再構成することができる．
    
 
    "ぼくの環境ではそのプログラム走ったのにな…" というのは，プログラミング初心者ではよく耳にする会話だが， Docker を使いこなせばそのような心配とは無縁である． そのような意味で，クラウド以外の場面でも， Docker の有用性・汎用性は極めて高い．
    
 
    コンテナを用いた仮想計算環境ツールとして Docker を紹介したが， ほかに選択肢はないのか？ よくぞ聞いてくれた！ Docker の登場以降，複数のコンテナベースの仮想環境ツールが開発されてきた． いずれのツールも，概念や API については Docker と共通するものが多いが，Docker にはない独自の特徴を提供している． ここではその中でも有名ないくつかを紹介しよう．
    
@@ -26288,92 +26288,92 @@ import name
    
 
    イメージをダウンロード ​
    
 
    パッケージ化された Docker の仮想環境 (= イメージ (Image)) は， Docker Hub からダウンロードできる． Docker Hub には，個人や企業・団体が作成した Docker イメージが集められており， GitHub などと同じ感覚で，オープンな形で公開されている．
    
 
    たとえば， Ubuntu のイメージは Ubuntu の公式リポジトリ で公開されており， pull コマンドを使うことでローカルにダウンロードすることができる．
    
-
    sh
    $ docker pull ubuntu:18.04
    $ docker pull ubuntu:18.04
    
+
    sh
    $ docker pull ubuntu:18.04
    $ docker pull ubuntu:18.04
    
 
    ここで，イメージ名の : (コロン) 以降に続く文字列を タグ (tag) と呼び，主にバージョンを指定するなどの目的で使われる．
    
 
    pull コマンドはデフォルトでは Docker Hub でイメージを検索し，ダウンロードを行う． Docker イメージを公開するためのデータベース (レジストリ (registry) とよぶ) は Docker Hub だけではなく，たとえば GitLab や GitHub は独自のレジストリ機能を提供しているし，個人のサーバーでレジストリを立ち上げることも可能である． Docker Hub 以外のレジストリから pull するには， myregistry.local:5000/testing/test-image のように，イメージ名の先頭につける形でレジストリのアドレス (さらにオプションとしてポート番号) を指定する．
    
 
    コンテナを起動 ​
    
 
    Pull してきたイメージを起動するには， run コマンドを使う．
    
-
    sh
    $ docker run -it ubuntu:18.04
    $ docker run -it ubuntu:18.04
    
+
    sh
    $ docker run -it ubuntu:18.04
    $ docker run -it ubuntu:18.04
    
 
    ここで， -it とは，インタラクティブな shell のセッションを開始するために必要なオプションである．
    
 
    このコマンドを実行すると，仮想化された Ubuntu が起動され，コマンドラインからコマンドが打ち込めるようになる (figure_title)． このように起動状態にある計算環境 (ランタイム) のことを Container (コンテナ) とよぶ．
    
 
    Docker を使って ubuntu:18.04 イメージを起動
    
 
    ここで使用した ubuntu:18.04 のイメージは，空の Ubuntu OS だが，すでにプログラムがインストール済みのものもある． これは， (#sec_jupyter_and_deep_learning) でみた DLAMI と概念として似ている． たとえば， PyTorch がインストール済みのイメージは PyTorch 公式の Docker Hub リポジトリ で公開されている．
    
 
    これを起動してみよう．
    
-
    sh
    $ docker run -it pytorch/pytorch
    $ docker run -it pytorch/pytorch
    
+
    sh
    $ docker run -it pytorch/pytorch
    $ docker run -it pytorch/pytorch
    
 
    docker run を実行したとき，ローカルに該当するイメージが見つからない場合は，自動的に Docker Hub からダウンロードされる．
    
 
    pytorch のコンテナが起動したら， Python のシェルを立ち上げて， pytorch をインポートしてみよう．
    
-
    sh
    $ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
    $ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
    
+
    sh
    $ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
    $ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
    
 
    このように， Docker を使うことで簡単に特定の OS・プログラムの入った計算環境を再現することが可能になる．
    
 
    自分だけのイメージを作る ​
    
 
    自分の使うソフトウェア・ライブラリがインストールされた，自分だけのイメージを作ることも可能である．
    
 
    たとえば， 本書のハンズオン実行用に提供している docker イメージ には， Python, Node.js, AWS CLI, AWS CDK などのソフトウェアがインストール済みであり，ダウンロードしてくるだけですぐにハンズオンのプログラムが実行できるようになっている．
    
 
    カスタムの docker イメージを作るには， Dockerfile という名前のついたファイルを用意し，その中にどんなプログラムをインストールするかなどを記述していく．
    
 
    具体例として，本書で提供している Docker イメージのレシピを見てみよう (docker/Dockerfile)．
    
-
    dockerfile
    FROM node:12
-LABEL maintainer="Tomoyuki Mano"
+
    dockerfile
    FROM node:12
+LABEL maintainer="Tomoyuki Mano"
 
-RUN apt-get update \
-    && apt-get install nano
+RUN apt-get update \
+    && apt-get install nano
 
-#
-RUN cd /opt \
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
-    && tar -xzf Python-3.7.6.tgz \
-    && cd Python-3.7.6 \
-    && ./configure --enable-optimizations \
-    && make install
+#
+RUN cd /opt \
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
+    && tar -xzf Python-3.7.6.tgz \
+    && cd Python-3.7.6 \
+    && ./configure --enable-optimizations \
+    && make install
 
-RUN cd /opt \
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install
+RUN cd /opt \
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
+    && unzip awscliv2.zip \
+    && ./aws/install
 
-#
-RUN npm install -g aws-cdk@1.100
+#
+RUN npm install -g aws-cdk@1.100
 
-# clean up unnecessary files
-RUN rm -rf /opt/*
+# clean up unnecessary files
+RUN rm -rf /opt/*
 
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
    FROM node:12
-LABEL maintainer="Tomoyuki Mano"
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
    FROM node:12
+LABEL maintainer="Tomoyuki Mano"
 
-RUN apt-get update \
-    && apt-get install nano
+RUN apt-get update \
+    && apt-get install nano
 
-#
-RUN cd /opt \
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
-    && tar -xzf Python-3.7.6.tgz \
-    && cd Python-3.7.6 \
-    && ./configure --enable-optimizations \
-    && make install
+#
+RUN cd /opt \
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
+    && tar -xzf Python-3.7.6.tgz \
+    && cd Python-3.7.6 \
+    && ./configure --enable-optimizations \
+    && make install
 
-RUN cd /opt \
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install
+RUN cd /opt \
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
+    && unzip awscliv2.zip \
+    && ./aws/install
 
-#
-RUN npm install -g aws-cdk@1.100
+#
+RUN npm install -g aws-cdk@1.100
 
-# clean up unnecessary files
-RUN rm -rf /opt/*
+# clean up unnecessary files
+RUN rm -rf /opt/*
 
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
    
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
    
 
    Dockerfile の中身の説明は詳しくは行わないが，たとえば上のコードで <1> で示したところは， Python 3.7 のインストールを実行している． また， <2> で示したところは， AWS CDK のインストールを行っていることがわかるだろう． このように，リアルな OS で行うのと同じ流れでインストールのコマンドを逐一記述していくことで，自分だけの Docker イメージを作成することができる． 一度イメージを作成すれば，それを配布することで，他者も同一の計算環境を簡単に再構成することができる．
    
 
    "ぼくの環境ではそのプログラム走ったのにな…" というのは，プログラミング初心者ではよく耳にする会話だが， Docker を使いこなせばそのような心配とは無縁である． そのような意味で，クラウド以外の場面でも， Docker の有用性・汎用性は極めて高い．
    
 
    コンテナを用いた仮想計算環境ツールとして Docker を紹介したが， ほかに選択肢はないのか？ よくぞ聞いてくれた！ Docker の登場以降，複数のコンテナベースの仮想環境ツールが開発されてきた． いずれのツールも，概念や API については Docker と共通するものが多いが，Docker にはない独自の特徴を提供している． ここではその中でも有名ないくつかを紹介しよう．
    
@@ -26432,197 +26432,197 @@ import name
    
 
 
 
    それでは，プログラムのソースコードを見てみよう (handson/bashoutter/app.py)．
    
-
    python
    class Bashoutter(core.Stack):
+
    python
    class Bashoutter(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
 
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
 
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
 
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
 
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
 
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
    class Bashoutter(core.Stack):
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
    class Bashoutter(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
 
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
 
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
 
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
 
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
 
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
    
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
    
 
      
 
    • 
 
      ここで，俳句の情報を記録しておくための DynamoDB テーブルを定義している．
      
@@ -26643,17 +26643,17 @@ import name
    
 
    それぞれの項目について，もう少し詳しく説明しよう．
    
 
    Public access mode の S3 バケット ​
    
 
    S3 のバケットを作成しているコードを見てみよう．
    
-
    python
    bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
    bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
    
+
    python
    bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
    bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
    
 
    ここで注目してほしいのは public_read_access=True の部分だ． 前章で， S3 について説明を行ったときには触れなかったが， S3 には Public access mode という機能がある． Public access mode をオンにしておくと，バケットの中のファイルは認証なしで (i.e. インターネット上の誰でも) 閲覧できるようになる． この設定は，一般公開されているウェブサイトの静的なコンテンツを置いておくのに最適であり，多くのサーバーレスによるウェブサービスでこのような設計が行われる． public access mode を設定しておくと， http://XXXX.s3-website-ap-northeast-1.amazonaws.com/ のような固有の URL がバケットに対して付与される． そして，クライアントがこの URL にアクセスをすると，バケットの中にある index.html がクライアントに返され，ページがロードされる (どのファイルが返されるかは， website_index_document="index.html" の部分で設定している．)
    
 
    なお，この時点ではバケットは空である． HTML/CSS/JS など静的コンテンツの配置は，デプロイを行った後ほどのステップで行う．
    
 
    より本格的なウェブページを運用する際には， public access mode の S3 バケットに， CloudFront という機能を追加することが一般的である． CloudFront により，　Content Delivery Nework (CDN) や暗号化された HTTPS 通信を設定することができる． CloudFront についての詳細は 公式ドキュメンテーション "What is Amazon CloudFront?" などを参照いただきたい．
    
@@ -26664,72 +26664,72 @@ import name
    
 
    今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
    
 
    API のハンドラ関数 ​
    
 
    API リクエストが来たときに，リクエストされた処理を行う関数のことをハンドラ (handler) 関数とよぶ． GET /haiku の API に対してのハンドラ関数を Lambda で定義している部分を見てみよう．
    
-
    python
    get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
    get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
    
+
    python
    get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
    get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
    
 
    簡単なところから見ていくと， memory_size=512 の箇所でメモリーの使用量を 512MB に指定している． また， code=_lambda.Code.from_asset("api") によって外部のディレクトリ (api/) を参照せよと指定しており， handler="api.get_haiku" のところで api.py というファイルの get_haiku() という関数をハンドラ関数として実行せよ，と定義している．
    
 
    次に，ハンドラ関数として使用されている get_haiku() のコードを見てみよう (handson/bashoutter/api/api.py)．
    
-
    python
    ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
+
    python
    ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
 
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
 
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
    ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
    ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
 
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
 
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
    
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
    
 
    response = table.scan() で，俳句の格納された DynamoDB テーブルから，すべての要素を取り出している． もしなにもエラーが起きなければステータスコード 200 が返され，もしなにかエラーが起こればステータスコード 500 が返されるようになっている．
    
 
    上記のような操作を，ほかの API についても繰り返すことで，すべての API のハンドラ関数が定義されている．
    
 
    GET /haiku のハンドラ関数で， response = table.scan() という部分があるが，実はこれは最善の書き方ではない． DynamoDB の scan() メソッドは，最大で 1MB までのデータしか返さない． データベースのサイズが大きく， 1MB 以上のデータがある場合には，再帰的に scan() メソッドをよぶ必要がある． 詳しくは boto3 ドキュメンテーション を参照．
    
 
    AWS における権限の管理 (IAM) ​
    
 
    以下の部分のコードに注目してほしい．
    
-
    python
    table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
    table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
    
+
    python
    table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
    table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
    
 
    これまでは説明の簡略化のためにあえて触れてこなかったが， AWS には IAM (Identity and Access Management) という重要な概念がある． IAM は基本的に，あるリソースがほかのリソースに対してどのような権限をもっているか，を規定するものである． Lambda は，デフォルトの状態ではほかのリソースにアクセスする権限をなにも有していない． したがって， Lambda 関数が DynamoDB のデータを読み書きするためには，それを許可するような IAM が Lambda 関数に付与されていなければならない．今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
    
 
    CDK による dynamodb.Table オブジェクトには grant_read_write_data() という便利なメソッドが備わっており，アクセスを許可したい Lambda 関数を引数としてこのメソッドを呼ぶことで，データベースへの読み書きを許可する IAM を付与することができる． 同様に，CDK の s3.Bucket オブジェクトにも grant_read_write() というメソッドが備わっており，これによってバケットへの読み書きを許可することができる． このメソッドは，実は (#sec_aws_batch) で AWS Batch によるクラスターを構成した際に使用した． 興味のある読者は振り返ってコードを確認してみよう．
    
 
    各リソースに付与する IAM は，必要最低限の権限を与えるにとどめるというのが基本方針である． これにより，セキュリティを向上させるだけでなく，意図していないプログラムからのデータベースへの読み書きを防止するという点で，バグを未然に防ぐことができる．
    
@@ -26740,69 +26740,69 @@ import name
    
 
    API Gateway を配置することで，大量 (1 秒間に数千から数万件) の API リクエストに対応することのできるシステムを容易に構築することができる． API Gateway の料金は table_title のように設定されている． また，無料利用枠により，月ごとに 100 万件までのリクエストは 0 円で利用できる．
    
 
    API Gateway の利用料金設定 (参照)
    Number of Requests (per month)Price (per million)
    First 333 million
    $4.25
    Next 667 million
    $3.53
    Next 19 billion
    $3.00
    Over 20 billion
    $1.91
    
 
    ソースコードの該当箇所を見てみよう．
    
-
    python
    #
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
+
    python
    #
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
 
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
 
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
    #
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
    #
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
 
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
 
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
    
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
    
 
      
 
    • 
 
      最初に， api = apigw.RestApi() により，空の API Gateway を作成している．
      
@@ -26825,25 +26825,25 @@ import name
    
 
    API Gateway で新規 API を作成したとき， default_cors_preflight_options= というパラメータで Cross Origin Resource Sharing (CORS) の設定を行っている． これは，ブラウザで走る Web アプリケーションと API を接続するときに必要な設定である．
    
 
    アプリケーションのデプロイ ​
    
 
    アプリケーションの中身が理解できたところで，早速デプロイを行ってみよう． デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている Bashoutter.BashoutterApiEndpoint = XXXX, Bashoutter.BucketUrl = YYYY の二つ文字列はあとで使うのでメモしておこう．
    
 
    CDKデプロイ実行後の出力
    
 
    AWS コンソールにログインして，デプロイされたスタックを確認してみよう． まずは，コンソールから API Gateway のページに行く． すると， figure_title のような画面が表示され，デプロイ済みの API エンドポイントの一覧が確認できる．
    
@@ -26859,109 +26859,109 @@ import name
    
 
    それでは，デプロイしたアプリケーションに対し，実際に API リクエストを送信してみよう． まずはコマンドラインから API を送信する演習を行おう． S3 に配置した GUI は一旦おいておく．
    
 
    ここではコマンドラインから HTTP API リクエストを送信するためのシンプルな HTTP クライアントである HTTPie を使ってみよう． HTTPie は，スタックをデプロイするときに Python 仮想環境 (venv) を作成したとき，一緒にインストールされている． 念のためインストールがうまくいっているか確認するには，仮想環境を立ち上げたあとコマンドラインに http と打ってみる． ヘルプのメッセージが出力されたら準備 OK である．
    
 
    まず，先ほどデプロイを実行したときに得られた API のエンドポイントの URL (Bashoutter.BashoutterApiEndpoint = XXXX で得られた XXXX の文字列) をコマンドラインの変数に設定しておく．
    
-
    sh
    $ export ENDPOINT_URL=XXXX
    $ export ENDPOINT_URL=XXXX
    
+
    sh
    $ export ENDPOINT_URL=XXXX
    $ export ENDPOINT_URL=XXXX
    
 
    次に，俳句の一覧を取得するため， GET /haiku の API を送信してみよう．
    
-
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
    $ http GET "${ENDPOINT_URL}/haiku"
    
+
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
    $ http GET "${ENDPOINT_URL}/haiku"
    
 
    現時点では，まだだれも俳句を投稿していないので，空の配列 ([]) が返ってくる．
    
 
    それでは次に， POST /haiku を使って俳句を投稿してみよう．
    
-
    sh
    $ http POST "${ENDPOINT_URL}/haiku" \
-username="松尾芭蕉" \
-first="閑さや" \
-second="岩にしみ入る" \
-third="蝉の声"
    $ http POST "${ENDPOINT_URL}/haiku" \
-username="松尾芭蕉" \
-first="閑さや" \
-second="岩にしみ入る" \
-third="蝉の声"
    
+
    sh
    $ http POST "${ENDPOINT_URL}/haiku" \
+username="松尾芭蕉" \
+first="閑さや" \
+second="岩にしみ入る" \
+third="蝉の声"
    $ http POST "${ENDPOINT_URL}/haiku" \
+username="松尾芭蕉" \
+first="閑さや" \
+second="岩にしみ入る" \
+third="蝉の声"
    
 
    次のような出力が得られるだろう．
    
-
    sh
    HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
    HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
    
+
    sh
    HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
    HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
    
 
    新しい俳句を投稿することに成功したようである． 本当に俳句が追加されたか，再び GET リクエストを呼ぶことで確認してみよう．
    
-
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
+
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
 
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
    $ http GET "${ENDPOINT_URL}/haiku"
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
    $ http GET "${ENDPOINT_URL}/haiku"
 
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
    
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
    
 
    素晴らしい！
    
 
    次に， PATCH /haiku/{item_id} を呼ぶことでこの俳句にいいねを追加してみよう． 一つ前のコマンドで取得した俳句の item_id を，次のコマンドの XXXX に代入した上で実行しよう．
    
-
    sh
    $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
    $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
    
+
    sh
    $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
    $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
    
 
    {"description": "OK"} という出力が得られるはずである． 再び GET リクエストを送ることで，いいね (likes) が 1 増えたことを確認しよう．
    
-
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
    $ http GET "${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
    
+
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
    $ http GET "${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
    
 
    最後に， DELETE リクエストを送ることで俳句をデータベースから削除しよう． XXXX は item_id の値で置き換えたうえで次のコマンドを実行する．
    
-
    sh
    $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
    $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
    
+
    sh
    $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
    $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
    
 
    再び GET リクエストを送ることで，返り値が空 ([]) になっていることを確認しよう．
    
 
    これで，俳句の投稿・取得・削除そしていいねの追加，といった基本的な API がきちんと動作していることが確認できた．
    
 
    大量の API リクエストをシミュレートする ​
    
 
    さて，前節ではマニュアルで一つずつ俳句を投稿した． 多数のユーザーがいるような SNS では，1 秒間に数千件以上の投稿がされている． 今回はサーバーレスアーキテクチャを採用したことで，そのような瞬間的な大量アクセスにも容易に対応できるようなシステムが自動的に構築されている． このポイントを実証するため，ここでは大量の API が送信された状況をシミュレートしてみよう．
    
 
    handson/bashoutter/client.py に，大量の API リクエストをシミュレートするためのプログラムが書かれている． このプログラムを使用すると， POST /haiku の API リクエストを指定された回数だけ実行することができる．
    
 
    テストとして， API を 300 回実行してみよう． 次のコマンドを実行する．
    
-
    sh
    $ python client.py $ENDPOINT_URL post_many 300
    $ python client.py $ENDPOINT_URL post_many 300
    
+
    sh
    $ python client.py $ENDPOINT_URL post_many 300
    $ python client.py $ENDPOINT_URL post_many 300
    
 
    数秒のうちに実行が完了するだろう． これがもし，単一のサーバーからなる API だったとしたら，このような大量のリクエストの処理にはもっと時間がかかっただろう． 最悪の場合には，サーバーダウンにもつながっていたかもしれない． したがって，今回作成したサーバーレスアプリケーションは，とてもシンプルながらも 1 秒間に数百件の処理を行えるような，スケーラブルなクラウドシステムであることがわかる． サーバーレスでクラウドを設計することの利点を垣間見ることができただろうか？
    
 
    先述のコマンドにより大量の俳句を投稿するとデータベースに無駄なデータがどんどん溜まってしまう． データベースを完全に空にするには，次のコマンドを使用する．
    
-
    sh
    $ python client.py $ENDPOINT_URL clear_database
    $ python client.py $ENDPOINT_URL clear_database
    
+
    sh
    $ python client.py $ENDPOINT_URL clear_database
    $ python client.py $ENDPOINT_URL clear_database
    
 
    Bashoutter GUI を動かしてみる ​
    
 
    前節ではコマンドラインから API を送信する演習を行った． ウェブアプリケーションでは，これと同じことがウェブブラウザの背後で行われ，ページのコンテンツが表示されている ( (#fig:web_server) 参照)． 最後に， API が GUI と統合されるとどうなるのか，見てみよう．
    
 
    CDK のコードで， Public access mode の S3 バケットを作成したことを思い出してほしい． 最初のステップとして，ここにウェブサイトのコンテンツをアップロードしよう． ハンズオンのソースコードの中に gui/dist というフォルダが見つかるはずである． ここにはビルド済みのウェブサイトの静的コンテンツ (HTML/CSS/JavaScript) が入っている． AWS CLI のコマンドを使うことでこれらのファイルを S3 にアップロードしよう．
    
-
    sh
    $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
    $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
    
+
    sh
    $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
    $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
    
 
    コマンドを実行する際は， Bashoutter ハンズオンのディレクトリから行うこと (./gui/dist に注目)，そして <BUCKET_NAME> にはデプロイした自身のバケットの名前が入る点に注意． 念のため，AWS コンソールにログインし，バケットにファイルがアップロードされている点を確認しておこう．
    
 
    なお，今回は GUI の説明はとくに行わないが， Bashoutter のウェブサイトは Vue.js と Vuetify という UI フレームワークを使って作成した． Vue を使うことで， Single page application (SPA) の技術でウェブサイトの画面がレンダリングされる． ソースコードは handson/bashoutter/gui のディレクトリの中にあるので，興味のある読者は確認してみるとよい．
    
 
    アップトードが完了したところで，続いてデプロイを実行したときにコマンドラインの出力を見直してみよう． Bashoutter.BucketUrl= で与えられた URL が見つかるはずである (figure_title)． これは，先述したとおり， Public access mode の S3 バケットの URL である．
    
@@ -26973,11 +26973,11 @@ import name
    
 
    これで， Bashoutter プロジェクトが完成した！ この SNS は，インターネットを通じて世界のどこからでもアクセスできる状態にある． また， 大量の API リクエストをシミュレートする で見たように，大量のユーザーの同時アクセスによる負荷がかかっても，柔軟にスケールが行われ遅延なく処理を行うことができる． 極めて簡素ながらも，立派なウェブサービスとしてのスペックは満たしているのである！
    
 
    Bashoutter アプリを存分に楽しむことができたら，最後に忘れずにスタックを削除しよう．
    
 
    コマンドラインからスタックの削除を実行するには，次のコマンドを使う．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    CDK のバージョンによっては S3 のバケットが空でないと， cdk destroy がエラーを出力する場合がある． この場合はスタックを削除する前に， S3 バケットの中身をすべて削除しなければならない．
    
 
    コンソールから実行するには， S3 コンソールに行き，バケットの中身を開いたうえで，すべてのファイルを選択し， "Actions" → "Delete" を実行すればよいい．
    
 
    コマンドラインから実行するには， 次のコマンドを使う． <BUCKET NAME> のところは，自分の バケットの名前 ("BashoutterBucketXXXX" というパターンの名前がついているはずである) に置き換えることを忘れずに．
    
-
    sh
    $ aws s3 rm <BUCKET NAME> --recursive
    $ aws s3 rm <BUCKET NAME> --recursive
    
+
    sh
    $ aws s3 rm <BUCKET NAME> --recursive
    $ aws s3 rm <BUCKET NAME> --recursive
    
 
    小括 ​
    
 
    ここまでが，本書第三部の内容であった．
    
 
    第三部では，クラウドの応用として，一般の人に使ってもらうようなウェブアプリケーション・データベースをどのようにして作るのか，という点に焦点を当てて，説明を行った． その中で，従来的なクラウドシステムの設計と，ここ数年の最新の設計方法であるサーバーレスアーキテクチャについて解説した． (#sec_intro_serverless) では， AWS でのサーバーレスの実践として， Lambda, S3, DynamoDB のハンズオンを行った． 最後に， Hands-on #6: Bashoutter では，これらの技術を統合することで，完全サーバーレスなウェブアプリケーション "Bashoutter" を作成した．
    
@@ -27018,197 +27018,197 @@ import name
    
 
 
 
    それでは，プログラムのソースコードを見てみよう (handson/bashoutter/app.py)．
    
-
    python
    class Bashoutter(core.Stack):
+
    python
    class Bashoutter(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
 
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
 
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
 
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
 
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
 
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
    class Bashoutter(core.Stack):
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
    class Bashoutter(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
 
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
 
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
 
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
 
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
 
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
    
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
    
 
      
 
    • 
 
      ここで，俳句の情報を記録しておくための DynamoDB テーブルを定義している．
      
@@ -27229,17 +27229,17 @@ import name
    
 
    それぞれの項目について，もう少し詳しく説明しよう．
    
 
    Public access mode の S3 バケット ​
    
 
    S3 のバケットを作成しているコードを見てみよう．
    
-
    python
    bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
    bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
    
+
    python
    bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
    bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
    
 
    ここで注目してほしいのは public_read_access=True の部分だ． 前章で， S3 について説明を行ったときには触れなかったが， S3 には Public access mode という機能がある． Public access mode をオンにしておくと，バケットの中のファイルは認証なしで (i.e. インターネット上の誰でも) 閲覧できるようになる． この設定は，一般公開されているウェブサイトの静的なコンテンツを置いておくのに最適であり，多くのサーバーレスによるウェブサービスでこのような設計が行われる． public access mode を設定しておくと， http://XXXX.s3-website-ap-northeast-1.amazonaws.com/ のような固有の URL がバケットに対して付与される． そして，クライアントがこの URL にアクセスをすると，バケットの中にある index.html がクライアントに返され，ページがロードされる (どのファイルが返されるかは， website_index_document="index.html" の部分で設定している．)
    
 
    なお，この時点ではバケットは空である． HTML/CSS/JS など静的コンテンツの配置は，デプロイを行った後ほどのステップで行う．
    
 
    より本格的なウェブページを運用する際には， public access mode の S3 バケットに， CloudFront という機能を追加することが一般的である． CloudFront により，　Content Delivery Nework (CDN) や暗号化された HTTPS 通信を設定することができる． CloudFront についての詳細は 公式ドキュメンテーション "What is Amazon CloudFront?" などを参照いただきたい．
    
@@ -27250,72 +27250,72 @@ import name
    
 
    今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
    
 
    API のハンドラ関数 ​
    
 
    API リクエストが来たときに，リクエストされた処理を行う関数のことをハンドラ (handler) 関数とよぶ． GET /haiku の API に対してのハンドラ関数を Lambda で定義している部分を見てみよう．
    
-
    python
    get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
    get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
    
+
    python
    get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
    get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
    
 
    簡単なところから見ていくと， memory_size=512 の箇所でメモリーの使用量を 512MB に指定している． また， code=_lambda.Code.from_asset("api") によって外部のディレクトリ (api/) を参照せよと指定しており， handler="api.get_haiku" のところで api.py というファイルの get_haiku() という関数をハンドラ関数として実行せよ，と定義している．
    
 
    次に，ハンドラ関数として使用されている get_haiku() のコードを見てみよう (handson/bashoutter/api/api.py)．
    
-
    python
    ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
+
    python
    ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
 
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
 
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
    ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
    ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
 
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
 
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
    
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
    
 
    response = table.scan() で，俳句の格納された DynamoDB テーブルから，すべての要素を取り出している． もしなにもエラーが起きなければステータスコード 200 が返され，もしなにかエラーが起こればステータスコード 500 が返されるようになっている．
    
 
    上記のような操作を，ほかの API についても繰り返すことで，すべての API のハンドラ関数が定義されている．
    
 
    GET /haiku のハンドラ関数で， response = table.scan() という部分があるが，実はこれは最善の書き方ではない． DynamoDB の scan() メソッドは，最大で 1MB までのデータしか返さない． データベースのサイズが大きく， 1MB 以上のデータがある場合には，再帰的に scan() メソッドをよぶ必要がある． 詳しくは boto3 ドキュメンテーション を参照．
    
 
    AWS における権限の管理 (IAM) ​
    
 
    以下の部分のコードに注目してほしい．
    
-
    python
    table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
    table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
    
+
    python
    table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
    table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
    
 
    これまでは説明の簡略化のためにあえて触れてこなかったが， AWS には IAM (Identity and Access Management) という重要な概念がある． IAM は基本的に，あるリソースがほかのリソースに対してどのような権限をもっているか，を規定するものである． Lambda は，デフォルトの状態ではほかのリソースにアクセスする権限をなにも有していない． したがって， Lambda 関数が DynamoDB のデータを読み書きするためには，それを許可するような IAM が Lambda 関数に付与されていなければならない．今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
    
 
    CDK による dynamodb.Table オブジェクトには grant_read_write_data() という便利なメソッドが備わっており，アクセスを許可したい Lambda 関数を引数としてこのメソッドを呼ぶことで，データベースへの読み書きを許可する IAM を付与することができる． 同様に，CDK の s3.Bucket オブジェクトにも grant_read_write() というメソッドが備わっており，これによってバケットへの読み書きを許可することができる． このメソッドは，実は (#sec_aws_batch) で AWS Batch によるクラスターを構成した際に使用した． 興味のある読者は振り返ってコードを確認してみよう．
    
 
    各リソースに付与する IAM は，必要最低限の権限を与えるにとどめるというのが基本方針である． これにより，セキュリティを向上させるだけでなく，意図していないプログラムからのデータベースへの読み書きを防止するという点で，バグを未然に防ぐことができる．
    
@@ -27326,69 +27326,69 @@ import name
    
 
    API Gateway を配置することで，大量 (1 秒間に数千から数万件) の API リクエストに対応することのできるシステムを容易に構築することができる． API Gateway の料金は table_title のように設定されている． また，無料利用枠により，月ごとに 100 万件までのリクエストは 0 円で利用できる．
    
 
    API Gateway の利用料金設定 (参照)
    Number of Requests (per month)Price (per million)
    First 333 million
    $4.25
    Next 667 million
    $3.53
    Next 19 billion
    $3.00
    Over 20 billion
    $1.91
    
 
    ソースコードの該当箇所を見てみよう．
    
-
    python
    #
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
+
    python
    #
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
 
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
 
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
    #
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
    #
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
 
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
 
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
    
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
    
 
      
 
    • 
 
      最初に， api = apigw.RestApi() により，空の API Gateway を作成している．
      
@@ -27411,25 +27411,25 @@ import name
    
 
    API Gateway で新規 API を作成したとき， default_cors_preflight_options= というパラメータで Cross Origin Resource Sharing (CORS) の設定を行っている． これは，ブラウザで走る Web アプリケーションと API を接続するときに必要な設定である．
    
 
    アプリケーションのデプロイ ​
    
 
    アプリケーションの中身が理解できたところで，早速デプロイを行ってみよう． デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている Bashoutter.BashoutterApiEndpoint = XXXX, Bashoutter.BucketUrl = YYYY の二つ文字列はあとで使うのでメモしておこう．
    
 
    CDKデプロイ実行後の出力
    
 
    AWS コンソールにログインして，デプロイされたスタックを確認してみよう． まずは，コンソールから API Gateway のページに行く． すると， figure_title のような画面が表示され，デプロイ済みの API エンドポイントの一覧が確認できる．
    
@@ -27445,109 +27445,109 @@ import name
    
 
    それでは，デプロイしたアプリケーションに対し，実際に API リクエストを送信してみよう． まずはコマンドラインから API を送信する演習を行おう． S3 に配置した GUI は一旦おいておく．
    
 
    ここではコマンドラインから HTTP API リクエストを送信するためのシンプルな HTTP クライアントである HTTPie を使ってみよう． HTTPie は，スタックをデプロイするときに Python 仮想環境 (venv) を作成したとき，一緒にインストールされている． 念のためインストールがうまくいっているか確認するには，仮想環境を立ち上げたあとコマンドラインに http と打ってみる． ヘルプのメッセージが出力されたら準備 OK である．
    
 
    まず，先ほどデプロイを実行したときに得られた API のエンドポイントの URL (Bashoutter.BashoutterApiEndpoint = XXXX で得られた XXXX の文字列) をコマンドラインの変数に設定しておく．
    
-
    sh
    $ export ENDPOINT_URL=XXXX
    $ export ENDPOINT_URL=XXXX
    
+
    sh
    $ export ENDPOINT_URL=XXXX
    $ export ENDPOINT_URL=XXXX
    
 
    次に，俳句の一覧を取得するため， GET /haiku の API を送信してみよう．
    
-
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
    $ http GET "${ENDPOINT_URL}/haiku"
    
+
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
    $ http GET "${ENDPOINT_URL}/haiku"
    
 
    現時点では，まだだれも俳句を投稿していないので，空の配列 ([]) が返ってくる．
    
 
    それでは次に， POST /haiku を使って俳句を投稿してみよう．
    
-
    sh
    $ http POST "${ENDPOINT_URL}/haiku" \
-username="松尾芭蕉" \
-first="閑さや" \
-second="岩にしみ入る" \
-third="蝉の声"
    $ http POST "${ENDPOINT_URL}/haiku" \
-username="松尾芭蕉" \
-first="閑さや" \
-second="岩にしみ入る" \
-third="蝉の声"
    
+
    sh
    $ http POST "${ENDPOINT_URL}/haiku" \
+username="松尾芭蕉" \
+first="閑さや" \
+second="岩にしみ入る" \
+third="蝉の声"
    $ http POST "${ENDPOINT_URL}/haiku" \
+username="松尾芭蕉" \
+first="閑さや" \
+second="岩にしみ入る" \
+third="蝉の声"
    
 
    次のような出力が得られるだろう．
    
-
    sh
    HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
    HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
    
+
    sh
    HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
    HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
    
 
    新しい俳句を投稿することに成功したようである． 本当に俳句が追加されたか，再び GET リクエストを呼ぶことで確認してみよう．
    
-
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
+
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
 
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
    $ http GET "${ENDPOINT_URL}/haiku"
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
    $ http GET "${ENDPOINT_URL}/haiku"
 
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
    
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
    
 
    素晴らしい！
    
 
    次に， PATCH /haiku/{item_id} を呼ぶことでこの俳句にいいねを追加してみよう． 一つ前のコマンドで取得した俳句の item_id を，次のコマンドの XXXX に代入した上で実行しよう．
    
-
    sh
    $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
    $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
    
+
    sh
    $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
    $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
    
 
    {"description": "OK"} という出力が得られるはずである． 再び GET リクエストを送ることで，いいね (likes) が 1 増えたことを確認しよう．
    
-
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
    $ http GET "${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
    
+
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
    $ http GET "${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
    
 
    最後に， DELETE リクエストを送ることで俳句をデータベースから削除しよう． XXXX は item_id の値で置き換えたうえで次のコマンドを実行する．
    
-
    sh
    $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
    $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
    
+
    sh
    $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
    $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
    
 
    再び GET リクエストを送ることで，返り値が空 ([]) になっていることを確認しよう．
    
 
    これで，俳句の投稿・取得・削除そしていいねの追加，といった基本的な API がきちんと動作していることが確認できた．
    
 
    大量の API リクエストをシミュレートする ​
    
 
    さて，前節ではマニュアルで一つずつ俳句を投稿した． 多数のユーザーがいるような SNS では，1 秒間に数千件以上の投稿がされている． 今回はサーバーレスアーキテクチャを採用したことで，そのような瞬間的な大量アクセスにも容易に対応できるようなシステムが自動的に構築されている． このポイントを実証するため，ここでは大量の API が送信された状況をシミュレートしてみよう．
    
 
    handson/bashoutter/client.py に，大量の API リクエストをシミュレートするためのプログラムが書かれている． このプログラムを使用すると， POST /haiku の API リクエストを指定された回数だけ実行することができる．
    
 
    テストとして， API を 300 回実行してみよう． 次のコマンドを実行する．
    
-
    sh
    $ python client.py $ENDPOINT_URL post_many 300
    $ python client.py $ENDPOINT_URL post_many 300
    
+
    sh
    $ python client.py $ENDPOINT_URL post_many 300
    $ python client.py $ENDPOINT_URL post_many 300
    
 
    数秒のうちに実行が完了するだろう． これがもし，単一のサーバーからなる API だったとしたら，このような大量のリクエストの処理にはもっと時間がかかっただろう． 最悪の場合には，サーバーダウンにもつながっていたかもしれない． したがって，今回作成したサーバーレスアプリケーションは，とてもシンプルながらも 1 秒間に数百件の処理を行えるような，スケーラブルなクラウドシステムであることがわかる． サーバーレスでクラウドを設計することの利点を垣間見ることができただろうか？
    
 
    先述のコマンドにより大量の俳句を投稿するとデータベースに無駄なデータがどんどん溜まってしまう． データベースを完全に空にするには，次のコマンドを使用する．
    
-
    sh
    $ python client.py $ENDPOINT_URL clear_database
    $ python client.py $ENDPOINT_URL clear_database
    
+
    sh
    $ python client.py $ENDPOINT_URL clear_database
    $ python client.py $ENDPOINT_URL clear_database
    
 
    Bashoutter GUI を動かしてみる ​
    
 
    前節ではコマンドラインから API を送信する演習を行った． ウェブアプリケーションでは，これと同じことがウェブブラウザの背後で行われ，ページのコンテンツが表示されている ( (#fig:web_server) 参照)． 最後に， API が GUI と統合されるとどうなるのか，見てみよう．
    
 
    CDK のコードで， Public access mode の S3 バケットを作成したことを思い出してほしい． 最初のステップとして，ここにウェブサイトのコンテンツをアップロードしよう． ハンズオンのソースコードの中に gui/dist というフォルダが見つかるはずである． ここにはビルド済みのウェブサイトの静的コンテンツ (HTML/CSS/JavaScript) が入っている． AWS CLI のコマンドを使うことでこれらのファイルを S3 にアップロードしよう．
    
-
    sh
    $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
    $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
    
+
    sh
    $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
    $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
    
 
    コマンドを実行する際は， Bashoutter ハンズオンのディレクトリから行うこと (./gui/dist に注目)，そして <BUCKET_NAME> にはデプロイした自身のバケットの名前が入る点に注意． 念のため，AWS コンソールにログインし，バケットにファイルがアップロードされている点を確認しておこう．
    
 
    なお，今回は GUI の説明はとくに行わないが， Bashoutter のウェブサイトは Vue.js と Vuetify という UI フレームワークを使って作成した． Vue を使うことで， Single page application (SPA) の技術でウェブサイトの画面がレンダリングされる． ソースコードは handson/bashoutter/gui のディレクトリの中にあるので，興味のある読者は確認してみるとよい．
    
 
    アップトードが完了したところで，続いてデプロイを実行したときにコマンドラインの出力を見直してみよう． Bashoutter.BucketUrl= で与えられた URL が見つかるはずである (figure_title)． これは，先述したとおり， Public access mode の S3 バケットの URL である．
    
@@ -27559,11 +27559,11 @@ import name
    
 
    これで， Bashoutter プロジェクトが完成した！ この SNS は，インターネットを通じて世界のどこからでもアクセスできる状態にある． また， 大量の API リクエストをシミュレートする で見たように，大量のユーザーの同時アクセスによる負荷がかかっても，柔軟にスケールが行われ遅延なく処理を行うことができる． 極めて簡素ながらも，立派なウェブサービスとしてのスペックは満たしているのである！
    
 
    Bashoutter アプリを存分に楽しむことができたら，最後に忘れずにスタックを削除しよう．
    
 
    コマンドラインからスタックの削除を実行するには，次のコマンドを使う．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    CDK のバージョンによっては S3 のバケットが空でないと， cdk destroy がエラーを出力する場合がある． この場合はスタックを削除する前に， S3 バケットの中身をすべて削除しなければならない．
    
 
    コンソールから実行するには， S3 コンソールに行き，バケットの中身を開いたうえで，すべてのファイルを選択し， "Actions" → "Delete" を実行すればよいい．
    
 
    コマンドラインから実行するには， 次のコマンドを使う． <BUCKET NAME> のところは，自分の バケットの名前 ("BashoutterBucketXXXX" というパターンの名前がついているはずである) に置き換えることを忘れずに．
    
-
    sh
    $ aws s3 rm <BUCKET NAME> --recursive
    $ aws s3 rm <BUCKET NAME> --recursive
    
+
    sh
    $ aws s3 rm <BUCKET NAME> --recursive
    $ aws s3 rm <BUCKET NAME> --recursive
    
 
    小括 ​
    
 
    ここまでが，本書第三部の内容であった．
    
 
    第三部では，クラウドの応用として，一般の人に使ってもらうようなウェブアプリケーション・データベースをどのようにして作るのか，という点に焦点を当てて，説明を行った． その中で，従来的なクラウドシステムの設計と，ここ数年の最新の設計方法であるサーバーレスアーキテクチャについて解説した． (#sec_intro_serverless) では， AWS でのサーバーレスの実践として， Lambda, S3, DynamoDB のハンズオンを行った． 最後に， Hands-on #6: Bashoutter では，これらの技術を統合することで，完全サーバーレスなウェブアプリケーション "Bashoutter" を作成した．
    
@@ -27598,7 +27598,7 @@ import name
    
 
    ソースコードのダウンロード: 本ハンズオンで使用するプログラムのソースコードを，以下のコマンドを使って GitHub からダウンロードする．
    
 
 
-
    sh
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    
+
    sh
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    
 
    あるいは， https://github.com/tomomano/learn-aws-by-coding のページに行って，右上のダウンロードボタンからダウンロードすることもできる．
    
 
    Docker を使用する場合
    
 
    Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもパッケージ済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
    
@@ -27607,95 +27607,95 @@ import name
    
 
    SSH (secure shell) は Unix 系のリモートサーバーに安全にアクセスするためのツールである． 本ハンズオンでは， SSH を使って仮想サーバーにアクセスする． SSH に慣れていない読者のため，簡単な説明をここで行おう．
    
 
    SSH による通信はすべて暗号化されているので，機密情報をインターネットを介して安全に送受信することができる． 本ハンズオンで，リモートのサーバーにアクセスするための SSH クライアントがローカルマシンにインストールされている必要がある． SSH クライアントは Linux/Mac には標準搭載されている． Windows の場合は WSL をインストールすることで SSH クライアントを利用することを推奨する ( (#environments) を参照)．
    
 
    SSH コマンドの基本的な使い方を次に示す． <host name> はアクセスする先のサーバーの IP アドレスや DNS によるホストネームが入る． <user name> は接続する先のユーザー名である．
    
-
    sh
    $ ssh <user name>@<host name>
    $ ssh <user name>@<host name>
    
+
    sh
    $ ssh <user name>@<host name>
    $ ssh <user name>@<host name>
    
 
    SSH は平文のパスワードによる認証を行うこともできるが，より強固なセキュリティを施すため，公開鍵暗号方式(Public Key Cryptography)による認証を行うことが強く推奨されており， EC2 はこの方法でしかアクセスを許していない． 公開鍵暗号方式の仕組みについては各自勉強してほしい． 本ハンズオンにおいて大事なことは，EC2 インスタンスが公開鍵(Public key)を保持し，クライアントとなるコンピュータ(読者自身のコンピュータ)が秘密鍵(Private key)を保持する，という点である． EC2 のインスタンスには秘密鍵を持ったコンピュータのみがアクセスすることができる．逆に言うと，秘密鍵が漏洩すると第三者もサーバーにアクセスできることになるので，秘密鍵は絶対に漏洩することのないよう注意して管理する．
    
 
    SSH コマンドでは，ログインのために使用する秘密鍵ファイルを -i もしくは --identity_file のオプションで指定することができる． たとえば，次のように使う．
    
-
    sh
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    
+
    sh
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    
 
    アプリケーションの説明 ​
    
 
    このハンズオンで作成するアプリケーションの概要を figure_title に示す．
    
 
    ハンズオン#1で作製するアプリケーションのアーキテクチャ
    
 
    このアプリケーションではまず，VPC (Virtual Private Cloud) を使ってプライベートな仮想ネットワーク環境を立ち上げている． その VPC の public subnet の内側に，EC2 (Elatic Compute Cloud) の仮想サーバーを配置する． さらに，セキュリティのため， Security Group による EC2 インスタンスへのアクセス制限を設定している． このようにして作成された仮想サーバーに，SSH を使ってアクセスし，簡単な計算を行う．
    
 
    figure_title のようなアプリケーションを，CDK を使って構築する．
    
 
    早速ではあるが，今回のハンズオンで使用するプログラムを見てみよう (handson/ec2-get-started/app.py)．
    
-
    python
    class MyFirstEc2(core.Stack):
+
    python
    class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    class MyFirstEc2(core.Stack):
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    
 
      
 
    • 
 
      まず最初に，VPC を定義する．
      
@@ -27714,29 +27714,29 @@ import name
    
 
    VPC は AWS 上にプライベートな仮想ネットワーク環境を構築するツールである．高度な計算システムを構築するには，複数のサーバーを連動させて計算を行う必要があるが，そのような場合に互いのアドレスなどを管理する必要があり，そういった目的で VPC は有用である．
    
 
    本ハンズオンでは，サーバーは一つしか起動しないので，VPC の恩恵はよく分からないかもしれない．しかし，EC2 インスタンスは必ず VPC の中に配置されなければならない，という制約があるので，このハンズオンでもミニマルな VPC を構成している．
    
 
    興味のある読者のために，VPC のコードについてもう少し詳しく説明しよう．
    
-
    python
    vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
    vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
    
+
    python
    vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
    vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
    
 
      
 
    • 
 
      max_azs=1 : このパラメータは，前章で説明した avaialibility zone (AZ) を設定している． このハンズオンでは，特にデータセンターの障害などを気にする必要はないので 1 にしている．
      
@@ -27754,23 +27754,23 @@ import name
    
 
    Security Group ​
    
 
    Security group (SG) は， EC2 インスタンスに付与することのできる仮想ファイアーウォールである． たとえば，特定の IP アドレスから来た接続を許可・拒絶したり　(インバウンド・トラフィックの制限) ，逆に特定の IP アドレスへのアクセスを禁止したり (アウトバウンド・トラフィックの制限) することができる．
    
 
    コードの該当部分を見てみよう．
    
-
    python
    sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
    sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
    
+
    python
    sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
    sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
    
 
    本ハンズオンでは， SSH による外部からの接続を許容するため， sg.add_ingress_rule(peer=ec2.Peer.any_ipv4(), connection=ec2.Port.tcp(22)) により，すべての IPv4 アドレスからのポート 22 番へのアクセスを許容している． また， SSH で EC2 インスタンスにログインしたのち，インターネットからプログラムなどをダウンロードできるよう， allow_all_outbound=True のパラメータを設定している．
    
 
    SSH はデフォルトでは 22 番ポートを使用するのが慣例である．
    
 
    セキュリティ上の観点からは，SSH の接続は自宅や大学・職場など特定の地点からの接続のみを許す方が望ましい．
    
@@ -27840,23 +27840,23 @@ import name
    
 
    table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
    
 
    上記で t2.micro の $0.0116 / hour という金額は， On-demand インスタンスというタイプを選択した場合の価格である． EC2 ではほかに， Spot instance とよばれるインスタンスも存在しする． Spot instance は，AWS のデータセンターの負荷が増えた場合，ユーザーのプログラムが実行中であっても AWS の判断により強制シャットダウンされる，という不便さを抱えているのだが，その分大幅に安い料金設定になっている． AWS で一時的に生じた余剰な空き CPU をユーザーに割安で貸し出す，という発想である． 科学計算やウェブサーバーなどの用途でコストを削減する目的で， Spot Instance を活用する事例も多数報告されている．
    
 
    EC2 インスタンスを定義しているコードの該当部分を見てみよう．
    
-
    python
    host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
    host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
    
+
    python
    host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
    host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
    
 
    ここでは， t2.micro というインスタンスタイプを選択している． さらに， machine_image として， Amazon Linux を選択している (Machine image は OS と似た概念である． Machine image については， (#sec_jupyter_and_deep_learning) でより詳しく触れる)． さらに，上で定義した VPC, SG をこのインスタンスに付与している．
    
 
    以上が，今回使用するプログラムの簡単な解説であった． ミニマルな形のプログラムではあるが，仮想サーバーを作成するのに必要なステップがおわかりいただけただろうか？
    
 
    プログラムを実行する ​
    
@@ -27864,13 +27864,13 @@ import name
    
 
    Python の依存ライブラリのインストール ​
    
 
    まずは，Python の依存ライブラリをインストールする．以下では，Python のライブラリを管理するツールとして， venv を使用する．
    
 
    まずは， handson/ec2-get-started のディレクトリに移動しよう．
    
-
    sh
    $ cd handson/ec2-get-started
    $ cd handson/ec2-get-started
    
+
    sh
    $ cd handson/ec2-get-started
    $ cd handson/ec2-get-started
    
 
    ディレクトリを移動したら， venv で新しい仮想環境を作成し，インストールを実行する．
    
-
    sh
    $ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
    $ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
    
+
    sh
    $ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
    $ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
    
 
    これで Python の環境構築は完了だ．
    
 
    venv の簡単な説明は (#venv_quick_guide) に記述してある．
    
 
    環境によっては pip ではなく pip3 あるいは python3 -m pip に置き換える必要がある．
    
@@ -27880,21 +27880,21 @@ import name
    
 
    SSH 鍵を生成 ​
    
 
    EC2 インスタンスには SSH を使ってログインする． EC2 インスタンスを作成するのに先行して，今回のハンズオンで専用に使う SSH の公開鍵・秘密鍵のペアを準備する必要がある．
    
 
    次の AWS CLI コマンドにより， HirakeGoma という名前のついた鍵を生成する．
    
-
    sh
    $ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
    $ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
    
+
    sh
    $ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
    $ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
    
 
    このコマンドを実行すると，現在のディレクトリに HirakeGoma.pem というファイルが作成される．これが，サーバーにアクセスするための秘密鍵である． SSH でこの鍵を使うため， ~/.ssh/ のディレクトリに鍵を移動する． さらに，秘密鍵が書き換えられたり第三者に閲覧されないよう，ファイルのアクセス権限を 400 に設定する．
    
-
    sh
    $ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
    $ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
    
+
    sh
    $ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
    $ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
    
 
    デプロイを実行 ​
    
 
    これまでのステップで， EC2 インスタンスをデプロイするための準備が整った！ 早速，次のコマンドによりアプリケーションを AWS にデプロイしよう． -c key_name="HirakeGoma" というオプションで，先ほど生成した HirakeGoma という名前の鍵を使うよう指定している．
    
-
    sh
    $ cdk deploy -c key_name="HirakeGoma"
    $ cdk deploy -c key_name="HirakeGoma"
    
+
    sh
    $ cdk deploy -c key_name="HirakeGoma"
    $ cdk deploy -c key_name="HirakeGoma"
    
 
    このコマンドを実行すると， VPC， EC2 などが AWS 上に展開される． そして，コマンドの出力の最後に figure_title のような出力が得られるはずである． 出力の中で InstancePublicIp に続く数字が，起動したインスタンスのパブリック IP アドレスである． IP アドレスはデプロイごとにランダムなアドレスが割り当てられる．
    
 
    CDKデプロイ実行後の出力
    
 
    SSH でログイン ​
    
 
    早速，SSH 　で接続してみよう．
    
-
    sh
    $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
    $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
    
+
    sh
    $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
    $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
    
 
    -i オプションで，先ほど生成した秘密鍵を指定している． EC2 インスタンスにはデフォルトで ec2-user という名前のユーザーが作られているので，それを使用する． 最後に， <IP address> の部分は自身が作成した EC2 インスタンスの IP アドレスで置き換える (12.345.678.9 など）．
    
 
    ログインに成功すると， figure_title のような画面が表示される． リモートのサーバーにログインしているので，プロンプトが [ec2-user@ip-10-10-1-217 ~]$ のようになっていることを確認しよう．
    
 
    SSH で EC2 インスタンスにログイン
    
@@ -27902,69 +27902,69 @@ import name
    
 
    起動した EC2 インスタンスで遊んでみる ​
    
 
    せっかく新しいインスタンスを起動したので，少し遊んでみよう．
    
 
    ログインした EC2 インスタンスで，次のコマンドを実行してみよう． CPU の情報を取得することができる．
    
-
    sh
    $ cat /proc/cpuinfo
+
    sh
    $ cat /proc/cpuinfo
 
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
    $ cat /proc/cpuinfo
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
    $ cat /proc/cpuinfo
 
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
    
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
    
 
    次に，実行中のプロセスやメモリの消費を見てみよう．
    
-
    bash
    $  top -n 1
+
    bash
    $  top -n 1
 
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
 
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
    $  top -n 1
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
    $  top -n 1
 
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
 
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
    
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
    
 
    t2.micro インスタンスなので， 1009140k = 1GB のメモリーがあることがわかる．
    
 
    今回起動したインスタンスには Python 2 はインストール済みだが， Python 3 は入っていない． Python 3.6 のインストールを行ってみよう． インストールは簡単である．
    
-
    sh
    $ sudo yum update -y
-$ sudo yum install -y python36
    $ sudo yum update -y
-$ sudo yum install -y python36
    
+
    sh
    $ sudo yum update -y
+$ sudo yum install -y python36
    $ sudo yum update -y
+$ sudo yum install -y python36
    
 
    インストールした Python を起動してみよう．
    
-
    sh
    $ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
    $ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
    
+
    sh
    $ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
    $ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
    
 
    Python のインタープリタが起動した！ Ctrl + D あるいは exit() と入力することで，インタープリタを閉じることができる．
    
 
    さて，サーバーでのお遊びはこんなところにしておこう (興味があれば各自いろいろと試してみると良い) ． 次のコマンドでログアウトする．
    
-
    sh
    $ exit
    $ exit
    
+
    sh
    $ exit
    $ exit
    
 
    AWS コンソールから確認 ​
    
 
    これまでは，すべてコマンドラインから EC2 に関連する操作を行ってきた． EC2 インスタンスの状態を確認したり，サーバーをシャットダウンするなどの操作は，AWS コンソールから実行することもできる． 軽くこれを紹介しよう．
    
 
    まず，ウェブブラウザを開いて AWS コンソールにログインする． ログインしたら， Services から EC2 を検索(選択)する． 次に，左のサイドバーの Instances とページをたどる. すると， figure_title のような画面が得られるはずである． この画面で，自分のアカウントの管理下にあるインスタンスを確認できる． 同様に，VPC・SG についてもコンソールから確認できる．
    
@@ -27978,16 +27978,16 @@ import name
    
 
    一つ目の方法は，前節の Cloudformation のコンソール画面で， "Delete" ボタンを押すことである (figure_title)． すると，スタックの状態が "DELETE_IN_PROGRESS" に変わり，削除が完了すると CloudFormation のスタックの一覧から消える．
    
 
    CloudFormationコンソール画面から，スタックを削除
    
 
    二つ目の方法は，コマンドラインから行う方法である． 先ほど，デプロイを行ったコマンドラインに戻ろう． そうしたら，次のコマンドを実行する．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    このコマンドを実行すると，スタックの削除が始まる． 削除した後は，VPC, EC2 など，すべて跡形もなく消え去っていることを自身で確かめよう． CloudFormation を用いることで関連するすべての AWS リソースを一度に管理・削除することができるので，大変便利である．
    
 
    スタックの削除は各自で必ず行うこと！ 行わなかった場合， EC2 インスタンスの料金が発生し続けることになる！
    
 
    また，本ハンズオンのために作成した SSH 鍵ペアも不要なので，削除しておく． まず， EC2 側に登録してある公開鍵を削除する． これも，コンソールおよびコマンドラインの二つの方法で実行できる．
    
 
    コンソールから実行するには， EC2 の画面に行き，左のサイドバーの Key Pairs を選択する． 鍵の一覧が表示されるので， HirakeGoma とある鍵にチェックを入れ，画面右上の Actions から， Delete を実行する (figure_title)．
    
 
    EC2でSSH鍵ペアを削除
    
 
    コマンドラインから実行するには，次のコマンドを使う．
    
-
    sh
    $ aws ec2 delete-key-pair --key-name "HirakeGoma"
    $ aws ec2 delete-key-pair --key-name "HirakeGoma"
    
+
    sh
    $ aws ec2 delete-key-pair --key-name "HirakeGoma"
    $ aws ec2 delete-key-pair --key-name "HirakeGoma"
    
 
    最後に，ローカルのコンピュータから鍵を削除する．
    
-
    sh
    $ rm -f ~/.ssh/HirakeGoma.pem
    $ rm -f ~/.ssh/HirakeGoma.pem
    
+
    sh
    $ rm -f ~/.ssh/HirakeGoma.pem
    $ rm -f ~/.ssh/HirakeGoma.pem
    
 
    これで，クラウドの片付けもすべて終了だ．
    
 
    なお，頻繁に EC2 インスタンスを起動したりする場合は，いちいち SSH 鍵を削除する必要はない．
    
 
    小括 ​
    
@@ -28019,7 +28019,7 @@ import name
    
 
    ソースコードのダウンロード: 本ハンズオンで使用するプログラムのソースコードを，以下のコマンドを使って GitHub からダウンロードする．
    
 
 
-
    sh
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    
+
    sh
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    
 
    あるいは， https://github.com/tomomano/learn-aws-by-coding のページに行って，右上のダウンロードボタンからダウンロードすることもできる．
    
 
    Docker を使用する場合
    
 
    Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもパッケージ済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
    
@@ -28028,95 +28028,95 @@ import name
    
 
    SSH (secure shell) は Unix 系のリモートサーバーに安全にアクセスするためのツールである． 本ハンズオンでは， SSH を使って仮想サーバーにアクセスする． SSH に慣れていない読者のため，簡単な説明をここで行おう．
    
 
    SSH による通信はすべて暗号化されているので，機密情報をインターネットを介して安全に送受信することができる． 本ハンズオンで，リモートのサーバーにアクセスするための SSH クライアントがローカルマシンにインストールされている必要がある． SSH クライアントは Linux/Mac には標準搭載されている． Windows の場合は WSL をインストールすることで SSH クライアントを利用することを推奨する ( (#environments) を参照)．
    
 
    SSH コマンドの基本的な使い方を次に示す． <host name> はアクセスする先のサーバーの IP アドレスや DNS によるホストネームが入る． <user name> は接続する先のユーザー名である．
    
-
    sh
    $ ssh <user name>@<host name>
    $ ssh <user name>@<host name>
    
+
    sh
    $ ssh <user name>@<host name>
    $ ssh <user name>@<host name>
    
 
    SSH は平文のパスワードによる認証を行うこともできるが，より強固なセキュリティを施すため，公開鍵暗号方式(Public Key Cryptography)による認証を行うことが強く推奨されており， EC2 はこの方法でしかアクセスを許していない． 公開鍵暗号方式の仕組みについては各自勉強してほしい． 本ハンズオンにおいて大事なことは，EC2 インスタンスが公開鍵(Public key)を保持し，クライアントとなるコンピュータ(読者自身のコンピュータ)が秘密鍵(Private key)を保持する，という点である． EC2 のインスタンスには秘密鍵を持ったコンピュータのみがアクセスすることができる．逆に言うと，秘密鍵が漏洩すると第三者もサーバーにアクセスできることになるので，秘密鍵は絶対に漏洩することのないよう注意して管理する．
    
 
    SSH コマンドでは，ログインのために使用する秘密鍵ファイルを -i もしくは --identity_file のオプションで指定することができる． たとえば，次のように使う．
    
-
    sh
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    
+
    sh
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    
 
    アプリケーションの説明 ​
    
 
    このハンズオンで作成するアプリケーションの概要を figure_title に示す．
    
 
    ハンズオン#1で作製するアプリケーションのアーキテクチャ
    
 
    このアプリケーションではまず，VPC (Virtual Private Cloud) を使ってプライベートな仮想ネットワーク環境を立ち上げている． その VPC の public subnet の内側に，EC2 (Elatic Compute Cloud) の仮想サーバーを配置する． さらに，セキュリティのため， Security Group による EC2 インスタンスへのアクセス制限を設定している． このようにして作成された仮想サーバーに，SSH を使ってアクセスし，簡単な計算を行う．
    
 
    figure_title のようなアプリケーションを，CDK を使って構築する．
    
 
    早速ではあるが，今回のハンズオンで使用するプログラムを見てみよう (handson/ec2-get-started/app.py)．
    
-
    python
    class MyFirstEc2(core.Stack):
+
    python
    class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    class MyFirstEc2(core.Stack):
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    
 
      
 
    • 
 
      まず最初に，VPC を定義する．
      
@@ -28135,29 +28135,29 @@ import name
    
 
    VPC は AWS 上にプライベートな仮想ネットワーク環境を構築するツールである．高度な計算システムを構築するには，複数のサーバーを連動させて計算を行う必要があるが，そのような場合に互いのアドレスなどを管理する必要があり，そういった目的で VPC は有用である．
    
 
    本ハンズオンでは，サーバーは一つしか起動しないので，VPC の恩恵はよく分からないかもしれない．しかし，EC2 インスタンスは必ず VPC の中に配置されなければならない，という制約があるので，このハンズオンでもミニマルな VPC を構成している．
    
 
    興味のある読者のために，VPC のコードについてもう少し詳しく説明しよう．
    
-
    python
    vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
    vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
    
+
    python
    vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
    vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
    
 
      
 
    • 
 
      max_azs=1 : このパラメータは，前章で説明した avaialibility zone (AZ) を設定している． このハンズオンでは，特にデータセンターの障害などを気にする必要はないので 1 にしている．
      
@@ -28175,23 +28175,23 @@ import name
    
 
    Security Group ​
    
 
    Security group (SG) は， EC2 インスタンスに付与することのできる仮想ファイアーウォールである． たとえば，特定の IP アドレスから来た接続を許可・拒絶したり　(インバウンド・トラフィックの制限) ，逆に特定の IP アドレスへのアクセスを禁止したり (アウトバウンド・トラフィックの制限) することができる．
    
 
    コードの該当部分を見てみよう．
    
-
    python
    sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
    sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
    
+
    python
    sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
    sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
    
 
    本ハンズオンでは， SSH による外部からの接続を許容するため， sg.add_ingress_rule(peer=ec2.Peer.any_ipv4(), connection=ec2.Port.tcp(22)) により，すべての IPv4 アドレスからのポート 22 番へのアクセスを許容している． また， SSH で EC2 インスタンスにログインしたのち，インターネットからプログラムなどをダウンロードできるよう， allow_all_outbound=True のパラメータを設定している．
    
 
    SSH はデフォルトでは 22 番ポートを使用するのが慣例である．
    
 
    セキュリティ上の観点からは，SSH の接続は自宅や大学・職場など特定の地点からの接続のみを許す方が望ましい．
    
@@ -28261,23 +28261,23 @@ import name
    
 
    table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
    
 
    上記で t2.micro の $0.0116 / hour という金額は， On-demand インスタンスというタイプを選択した場合の価格である． EC2 ではほかに， Spot instance とよばれるインスタンスも存在しする． Spot instance は，AWS のデータセンターの負荷が増えた場合，ユーザーのプログラムが実行中であっても AWS の判断により強制シャットダウンされる，という不便さを抱えているのだが，その分大幅に安い料金設定になっている． AWS で一時的に生じた余剰な空き CPU をユーザーに割安で貸し出す，という発想である． 科学計算やウェブサーバーなどの用途でコストを削減する目的で， Spot Instance を活用する事例も多数報告されている．
    
 
    EC2 インスタンスを定義しているコードの該当部分を見てみよう．
    
-
    python
    host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
    host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
    
+
    python
    host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
    host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
    
 
    ここでは， t2.micro というインスタンスタイプを選択している． さらに， machine_image として， Amazon Linux を選択している (Machine image は OS と似た概念である． Machine image については， (#sec_jupyter_and_deep_learning) でより詳しく触れる)． さらに，上で定義した VPC, SG をこのインスタンスに付与している．
    
 
    以上が，今回使用するプログラムの簡単な解説であった． ミニマルな形のプログラムではあるが，仮想サーバーを作成するのに必要なステップがおわかりいただけただろうか？
    
 
    プログラムを実行する ​
    
@@ -28285,13 +28285,13 @@ import name
    
 
    Python の依存ライブラリのインストール ​
    
 
    まずは，Python の依存ライブラリをインストールする．以下では，Python のライブラリを管理するツールとして， venv を使用する．
    
 
    まずは， handson/ec2-get-started のディレクトリに移動しよう．
    
-
    sh
    $ cd handson/ec2-get-started
    $ cd handson/ec2-get-started
    
+
    sh
    $ cd handson/ec2-get-started
    $ cd handson/ec2-get-started
    
 
    ディレクトリを移動したら， venv で新しい仮想環境を作成し，インストールを実行する．
    
-
    sh
    $ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
    $ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
    
+
    sh
    $ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
    $ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
    
 
    これで Python の環境構築は完了だ．
    
 
    venv の簡単な説明は (#venv_quick_guide) に記述してある．
    
 
    環境によっては pip ではなく pip3 あるいは python3 -m pip に置き換える必要がある．
    
@@ -28301,21 +28301,21 @@ import name
    
 
    SSH 鍵を生成 ​
    
 
    EC2 インスタンスには SSH を使ってログインする． EC2 インスタンスを作成するのに先行して，今回のハンズオンで専用に使う SSH の公開鍵・秘密鍵のペアを準備する必要がある．
    
 
    次の AWS CLI コマンドにより， HirakeGoma という名前のついた鍵を生成する．
    
-
    sh
    $ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
    $ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
    
+
    sh
    $ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
    $ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
    
 
    このコマンドを実行すると，現在のディレクトリに HirakeGoma.pem というファイルが作成される．これが，サーバーにアクセスするための秘密鍵である． SSH でこの鍵を使うため， ~/.ssh/ のディレクトリに鍵を移動する． さらに，秘密鍵が書き換えられたり第三者に閲覧されないよう，ファイルのアクセス権限を 400 に設定する．
    
-
    sh
    $ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
    $ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
    
+
    sh
    $ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
    $ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
    
 
    デプロイを実行 ​
    
 
    これまでのステップで， EC2 インスタンスをデプロイするための準備が整った！ 早速，次のコマンドによりアプリケーションを AWS にデプロイしよう． -c key_name="HirakeGoma" というオプションで，先ほど生成した HirakeGoma という名前の鍵を使うよう指定している．
    
-
    sh
    $ cdk deploy -c key_name="HirakeGoma"
    $ cdk deploy -c key_name="HirakeGoma"
    
+
    sh
    $ cdk deploy -c key_name="HirakeGoma"
    $ cdk deploy -c key_name="HirakeGoma"
    
 
    このコマンドを実行すると， VPC， EC2 などが AWS 上に展開される． そして，コマンドの出力の最後に figure_title のような出力が得られるはずである． 出力の中で InstancePublicIp に続く数字が，起動したインスタンスのパブリック IP アドレスである． IP アドレスはデプロイごとにランダムなアドレスが割り当てられる．
    
 
    CDKデプロイ実行後の出力
    
 
    SSH でログイン ​
    
 
    早速，SSH 　で接続してみよう．
    
-
    sh
    $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
    $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
    
+
    sh
    $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
    $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
    
 
    -i オプションで，先ほど生成した秘密鍵を指定している． EC2 インスタンスにはデフォルトで ec2-user という名前のユーザーが作られているので，それを使用する． 最後に， <IP address> の部分は自身が作成した EC2 インスタンスの IP アドレスで置き換える (12.345.678.9 など）．
    
 
    ログインに成功すると， figure_title のような画面が表示される． リモートのサーバーにログインしているので，プロンプトが [ec2-user@ip-10-10-1-217 ~]$ のようになっていることを確認しよう．
    
 
    SSH で EC2 インスタンスにログイン
    
@@ -28323,69 +28323,69 @@ import name
    
 
    起動した EC2 インスタンスで遊んでみる ​
    
 
    せっかく新しいインスタンスを起動したので，少し遊んでみよう．
    
 
    ログインした EC2 インスタンスで，次のコマンドを実行してみよう． CPU の情報を取得することができる．
    
-
    sh
    $ cat /proc/cpuinfo
+
    sh
    $ cat /proc/cpuinfo
 
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
    $ cat /proc/cpuinfo
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
    $ cat /proc/cpuinfo
 
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
    
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
    
 
    次に，実行中のプロセスやメモリの消費を見てみよう．
    
-
    bash
    $  top -n 1
+
    bash
    $  top -n 1
 
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
 
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
    $  top -n 1
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
    $  top -n 1
 
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
 
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
    
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
    
 
    t2.micro インスタンスなので， 1009140k = 1GB のメモリーがあることがわかる．
    
 
    今回起動したインスタンスには Python 2 はインストール済みだが， Python 3 は入っていない． Python 3.6 のインストールを行ってみよう． インストールは簡単である．
    
-
    sh
    $ sudo yum update -y
-$ sudo yum install -y python36
    $ sudo yum update -y
-$ sudo yum install -y python36
    
+
    sh
    $ sudo yum update -y
+$ sudo yum install -y python36
    $ sudo yum update -y
+$ sudo yum install -y python36
    
 
    インストールした Python を起動してみよう．
    
-
    sh
    $ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
    $ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
    
+
    sh
    $ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
    $ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
    
 
    Python のインタープリタが起動した！ Ctrl + D あるいは exit() と入力することで，インタープリタを閉じることができる．
    
 
    さて，サーバーでのお遊びはこんなところにしておこう (興味があれば各自いろいろと試してみると良い) ． 次のコマンドでログアウトする．
    
-
    sh
    $ exit
    $ exit
    
+
    sh
    $ exit
    $ exit
    
 
    AWS コンソールから確認 ​
    
 
    これまでは，すべてコマンドラインから EC2 に関連する操作を行ってきた． EC2 インスタンスの状態を確認したり，サーバーをシャットダウンするなどの操作は，AWS コンソールから実行することもできる． 軽くこれを紹介しよう．
    
 
    まず，ウェブブラウザを開いて AWS コンソールにログインする． ログインしたら， Services から EC2 を検索(選択)する． 次に，左のサイドバーの Instances とページをたどる. すると， figure_title のような画面が得られるはずである． この画面で，自分のアカウントの管理下にあるインスタンスを確認できる． 同様に，VPC・SG についてもコンソールから確認できる．
    
@@ -28399,16 +28399,16 @@ import name
    
 
    一つ目の方法は，前節の Cloudformation のコンソール画面で， "Delete" ボタンを押すことである (figure_title)． すると，スタックの状態が "DELETE_IN_PROGRESS" に変わり，削除が完了すると CloudFormation のスタックの一覧から消える．
    
 
    CloudFormationコンソール画面から，スタックを削除
    
 
    二つ目の方法は，コマンドラインから行う方法である． 先ほど，デプロイを行ったコマンドラインに戻ろう． そうしたら，次のコマンドを実行する．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    このコマンドを実行すると，スタックの削除が始まる． 削除した後は，VPC, EC2 など，すべて跡形もなく消え去っていることを自身で確かめよう． CloudFormation を用いることで関連するすべての AWS リソースを一度に管理・削除することができるので，大変便利である．
    
 
    スタックの削除は各自で必ず行うこと！ 行わなかった場合， EC2 インスタンスの料金が発生し続けることになる！
    
 
    また，本ハンズオンのために作成した SSH 鍵ペアも不要なので，削除しておく． まず， EC2 側に登録してある公開鍵を削除する． これも，コンソールおよびコマンドラインの二つの方法で実行できる．
    
 
    コンソールから実行するには， EC2 の画面に行き，左のサイドバーの Key Pairs を選択する． 鍵の一覧が表示されるので， HirakeGoma とある鍵にチェックを入れ，画面右上の Actions から， Delete を実行する (figure_title)．
    
 
    EC2でSSH鍵ペアを削除
    
 
    コマンドラインから実行するには，次のコマンドを使う．
    
-
    sh
    $ aws ec2 delete-key-pair --key-name "HirakeGoma"
    $ aws ec2 delete-key-pair --key-name "HirakeGoma"
    
+
    sh
    $ aws ec2 delete-key-pair --key-name "HirakeGoma"
    $ aws ec2 delete-key-pair --key-name "HirakeGoma"
    
 
    最後に，ローカルのコンピュータから鍵を削除する．
    
-
    sh
    $ rm -f ~/.ssh/HirakeGoma.pem
    $ rm -f ~/.ssh/HirakeGoma.pem
    
+
    sh
    $ rm -f ~/.ssh/HirakeGoma.pem
    $ rm -f ~/.ssh/HirakeGoma.pem
    
 
    これで，クラウドの片付けもすべて終了だ．
    
 
    なお，頻繁に EC2 インスタンスを起動したりする場合は，いちいち SSH 鍵を削除する必要はない．
    
 
    小括 ​
    
@@ -28448,85 +28448,85 @@ import name
    
 
 
 
    ハンズオンで使用するプログラムのコードをみてみよう handson/mnist/app.py)． コードは第一回目とほとんど共通である．変更点のみ解説を行う．
    
-
    python
    class Ec2ForDl(core.Stack):
+
    python
    class Ec2ForDl(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    class Ec2ForDl(core.Stack):
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    class Ec2ForDl(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    
 
      
 
    • 
 
      ここで， g4dn.xlarge インスタンスタイプを選択している (第一回では， CPU のみの t2.micro だった)． g4dn.xlarge のインスタンスタイプは， (#sec_scientific_computing) ですでに触れた通り， NVIDIA T4 と呼ばれる廉価版モデルの GPU を搭載したインスタンスである． CPU は 4 core, メインメモリーは 16GB が割り当てあられている．
      
@@ -28541,10 +28541,10 @@ import name
    
 
    AMI (Amazon Machine Image) とは，大まかには OS (Operating System) に相当する概念である． 当然のことながら， OS がなければコンピュータはなにもできないので，EC2 インスタンスを起動するときには必ずなにかの OS を"インストール"する必要がある． EC2 が起動したときにロードされる OS に相当するものが， AMI である． AMI には，たとえば Ubuntu などの Linux 系 OS に加えて，Windows Server を選択することもできる． また， EC2 での使用に最適化された Amazon Linux という AMI も提供されている．
    
 
    しかしながら， AMI を単なる OS と理解するのは過剰な単純化である． AMI には，ベースとなる (空っぽの) OS を選択することもできるが，それに加えて，各種のプログラムがインストール済みの AMI も定義することができる． 必要なプログラムがインストールされている AMI を見つけることができれば，自身でインストールを行ったり環境設定したりする手間が大幅に省ける． 具体例を挙げると，ハンズオン第一回では EC2 インスタンスに Python 3.6 をインストールする例を示したが，そのような操作をインスタンスが起動するたびに行うのは手間である！
    
 
    AMI は， AWS 公式のものに加えて，サードパーティから提供されているものもある． また，自分自身の AMI を作って登録することも可能である (参考)． AMI は EC2 のコンソールから検索することが可能である． あるいは，AWS CLI を使って，次のコマンドでリストを取得することができる (参考)．
    
-
    sh
    $ aws ec2 describe-images --owners amazon
    $ aws ec2 describe-images --owners amazon
    
+
    sh
    $ aws ec2 describe-images --owners amazon
    $ aws ec2 describe-images --owners amazon
    
 
    ディープラーニングで頻繁に使われるプログラムがあらかじめインストールしてある AMI が， DLAMI (Deep Learning AMI) である． DLAMI には TensorFlow, PyTorch などの人気の高いディープラーニングのフレームワーク・ライブラリがすでにインストールされているため， EC2 インスタンスを起動してすぐさまディープラーニングの計算を実行できる．
    
 
    本ハンズオンでは， Amazon Linux 2 をベースにした DLAMI を使用する (AMI ID = ami-09c0c16fc46a29ed9．この AMI は ap-northeast-1 でしか使用できない点に注意)． AWS CLI を使って，この AMI の詳細情報を取得してみよう．
    
-
    sh
    $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
    $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
    
+
    sh
    $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
    $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
    
 
    AMI ID = ami-09c0c16fc46a29ed9 の詳細情報
    
 
    figure_title のような出力が得られるはずである．得られた出力から，この DLAMI には PyTorch のバージョン 1.4.0 と 1.5.0 がインストールされていることがわかる． この DLAMI を使って，早速ディープラーニングの計算を実行してみよう．
    
 
    DLAMI には具体的には何がインストールされているのだろうか？ 興味のある読者のために，簡単な解説をしよう (参考: 公式ドキュメンテーション "What Is the AWS Deep Learning AMI?")．
    
@@ -28553,43 +28553,43 @@ import name
    
 
    スタックのデプロイ ​
    
 
    スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
    
 
    デプロイの手順は，ハンズオン 1 とほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれのコマンドの意味を忘れてしまった場合は，ハンズオン 1 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/mnist
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/mnist
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
 
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
    # プロジェクトのディレクトリに移動
-$ cd handson/mnist
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
    # プロジェクトのディレクトリに移動
+$ cd handson/mnist
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
 
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
    
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
    
 
    ハンズオン 1 で作成した SSH 鍵の削除を行わなかった場合は， SSH 鍵を改めて作成する必要はない． 逆に言うと，同じ名前の SSH がすでに存在する場合は，鍵生成のコマンドはエラーを出力する．
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．AWS により割り振られた IP アドレス (InstancePublicIp に続く文字列) をメモしておこう．
    
 
    CDKデプロイ実行後の出力
    
 
    ログイン ​
    
 
    早速，デプロイしたインスタンスに SSH でログインしてみよう． ここでは，この後で使う Jupyter Notebook に接続するため，ポートフォワーディング (port forwarding) のオプション (-L) をつけてログインする．
    
-
    sh
    $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
    $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
    
+
    sh
    $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
    $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
    
 
    ポートフォワーディングとは，クライアントマシンの特定のアドレスへの接続を， SSH の暗号化された通信を介して，リモートマシンの特定のアドレスへ転送する，という意味である． このコマンドの -L localhost:8931:localhost:8888 は，自分のローカルマシンの localhost:8931 へのアクセスを，リモートサーバーの localhost:8888 のアドレスに転送せよ，という意味である (: につづく数字は TCP/IP ポートの番号を意味している)． リモートサーバーのポート 8888 には，後述する Jupyter Notebook が起動している． したがって，ローカルマシンの localhost:8931 にアクセスすることで，リモートサーバーの Jupyter Notebook にアクセスすることができるのである (figure_title)． このような SSH による接続方式をトンネル接続とよぶ．
    
 
    SSH のポートフォワーディングによる Jupyter Notebook へのアクセス
    
 
    ポートフォワーディングのオプションで，ポートの番号 (:8931, :8888 など) には 1 から 65535 までの任意の整数を指定できる． しかし，たとえば ポート 22 (SSH) やポート 80 (HTTP) など，いくつかすでに使われているポート番号もあることに注意する． また， Jupyter Notebook はデフォルトではポート 8888 番を使用する． したがって，リモート側のポート番号は，8888 を使うのがよい．
    
@@ -28598,7 +28598,7 @@ import name
    
 
    SSH によるログインは， Docker の外 (すなわちクライアントマシン本体) から行わなければならない． なぜなら，Jupyter を開くウェブブラウザは Docker の外にあるからである．
    
 
    その際，秘密鍵を Docker の外にもってこなければならない． 手っ取り早い方法は， cat ~/.ssh/HirakeGoma と打って，出力結果をコピーしてホストマシンのファイルに書き込む方法である． あるいは -v オプションをつけて，ファイルシステムをマウントしてもよい (詳しくは Docker 公式ドキュメンテーション "Use volumes" を参照)．
    
 
    SSH によるログインができたら，早速， GPU の状態を確認してみよう． 次のコマンドを実行する．
    
-
    sh
    $ nvidia-smi
    $ nvidia-smi
    
+
    sh
    $ nvidia-smi
    $ nvidia-smi
    
 
    figure_title のような出力が得られるはずである． 出力を見ると， Tesla T4 型の GPU が 1 台搭載されていることが確認できる． その他，GPU Driver や CUDA のバージョン， GPU の負荷・メモリー使用率などの情報を確認することができる．
    
 
    nvidia-smi の出力
    
 
    Jupyter Notebook の起動 ​
    
@@ -28606,14 +28606,14 @@ import name
    
 
    Jupyter Notebook の画面
    
 
    このハンズオンでは， Jupyter Notebook を使ってディープラーニングのプログラムをインタラクティブに実行していく． DLAMI には既に Jupyter がインストールされているので，特段の設定なしに使い始めることができる．
    
 
    早速， Jupyter を起動しよう． SSH でログインした先の EC2 インスタンスで，次のコマンドを実行すればよい．
    
-
    sh
    $ cd ~ # go to home directory
-$ jupyter notebook
    $ cd ~ # go to home directory
-$ jupyter notebook
    
+
    sh
    $ cd ~ # go to home directory
+$ jupyter notebook
    $ cd ~ # go to home directory
+$ jupyter notebook
    
 
    このコマンドを実行すると， figure_title のような出力が確認できるだろう． この出力から，Jupyter のサーバーが EC2 インスタンスの localhost:8888 というアドレスに起動していることがわかる． また， localhost:8888 に続く ?token=XXXX は，アクセスに使うための一時的なトークンである．
    
 
    Jupyter Notebook サーバーを起動
    
 
    Jupyter Notebook を初回に起動するときは，起動に数分程度の時間がかかることがある． ほかの動作も起動直後は遅く，いくつかプログラムを走らせていくうちに俊敏に反応するようになってくる． これは， AWS の GPU 搭載型仮想マシンの運用方法に起因する現象だと考えられる．
    
 
    先ほど，ポートフォワーディングのオプションをつけて SSH 接続をしているので， Jupyter の起動している localhost:8888 には，ローカルマシンの localhost:8931 からアクセスすることができる． したがって，ローカルマシンから Jupyter にアクセスするには，ウェブブラウザ (Chrome, FireFox など)から次のアドレスにアクセスすれば良い．
    
-
    http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
    http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
    
+
    http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
    http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
    
 
    ?token=XXXX の部分は，上で Jupyter を起動したときに発行されたトークンの値に置き換える．
    
 
    上のアドレスにアクセスすると， Jupyter のホーム画面が起動するはずである (figure_title)． これで， Jupyter の準備が整った！
    
 
    Jupyter ホーム画面
    
@@ -28644,31 +28644,31 @@ import name
    
 
    ここでは，次のようなプログラムを書いて，実行していく． (figure_title)．
    
 
    PyTorch始めの一歩
    
 
    まずは， PyTorch をインポートする．さらに， GPU が使える環境にあるか，確認する．
    
-
    python
    import torch
-print("Is CUDA ready?", torch.cuda.is_available())
    import torch
-print("Is CUDA ready?", torch.cuda.is_available())
    
+
    python
    import torch
+print("Is CUDA ready?", torch.cuda.is_available())
    import torch
+print("Is CUDA ready?", torch.cuda.is_available())
    
 
    出力:
    
 
    Is CUDA ready? True</programlisting>
    
 
    次に，3x3 のランダムな行列を CPU 上に作ってみよう．
    
-
    python
    x = torch.rand(3,3)
-print(x)
    x = torch.rand(3,3)
-print(x)
    
+
    python
    x = torch.rand(3,3)
+print(x)
    x = torch.rand(3,3)
+print(x)
    
 
    出力:
    
 
    tensor([[0.6896, 0.2428, 0.3269], [0.0533, 0.3594, 0.9499], [0.9764, 0.5881, 0.0203]])</programlisting>
    
 
    次に，行列を GPU 上に作成する．
    
-
    python
    y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
    y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
    
+
    python
    y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
    y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
    
 
    そして，行列 x と y の加算を，GPU 上で実行する．
    
-
    python
    z = x + y
-print(z)
    z = x + y
-print(z)
    
+
    python
    z = x + y
+print(z)
    z = x + y
+print(z)
    
 
    出力:
    
 
    tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]], device='cuda:0')</programlisting>
    
 
    最後に， GPU 上にある行列を， CPU に戻す．
    
-
    python
    z = z.to("cpu")
-print(z)
    z = z.to("cpu")
-print(z)
    
+
    python
    z = z.to("cpu")
+print(z)
    z = z.to("cpu")
+print(z)
    
 
    出力:
    
 
    tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]])</programlisting>
    
 
    以上の例は， GPU を使った計算の初歩の初歩であるが，雰囲気はつかめただろうか？ CPU と GPU で明示的にデータを交換するのが肝である． この例はたった 3x3 の行列の足し算なので， GPU を使う意味はまったくないが，これが数千，数万のサイズの行列になったとき， GPU は格段の威力を発揮する．
    
@@ -28676,33 +28676,33 @@ import name
    
 
    しなしながら，勉強のときにはコードはすべて自分の手で打つことが，記憶に残りやすくより効果的である，というのが筆者の意見である．
    
 
    実際にベンチマークを取ることで GPU と CPU の速度を比較をしてみよう． 実行時間を計測するツールとして， Jupyter の提供する %time マジックコマンドを利用する．
    
 
    まずは CPU を使用して，10000x10000 の行列の行列積を計算した場合の速度を測ってみよう． 先ほどのノートブックの続きに，次のコードを実行する．
    
-
    python
    s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
+
    python
    s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
 
-%time z = torch.matmul(x,y)
    s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
+%time z = torch.matmul(x,y)
    s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
 
-%time z = torch.matmul(x,y)
    
+%time z = torch.matmul(x,y)
    
 
    出力は以下のようなものが得られるだろう． これは，行列積の計算に実時間で 5.8 秒かかったことを意味する (実行のたびに計測される時間はばらつくことに留意)．
    
 
    CPU times: user 11.5 s, sys: 140 ms, total: 11.6 s Wall time: 5.8 s</programlisting>
    
 
    次に， GPU を使用して，同じ演算を行った場合の速度を計測しよう．
    
-
    python
    s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
+
    python
    s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
 
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
    s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
    s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
 
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
    
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
    
 
    出力は以下のようなものになるだろう． GPU では 553 ミリ秒 で計算を終えることができた！
    
 
    CPU times: user 334 ms, sys: 220 ms, total: 554 ms Wall time: 553 ms</programlisting>
    
 
    PyTorch において， GPU での演算は asynchronous (非同期) で実行される． その理由で，上のベンチマークコードでは， torch.cuda.synchronize() というステートメントを埋め込んである．
    
@@ -28717,140 +28717,140 @@ import name
    
 
     をアップロード
    
 
    simple_mnist.py をアップロードできたら，次に新しい notebook を作成しよう． "conda_pytorch_p36" の環境を選択することを忘れずに．
    
 
    新しいノートブックが起動したら，まずは必要なライブラリをインポートしよう．
    
-
    python
    import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
+
    python
    import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
 
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
    import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
    import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
 
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
    
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
    
 
    torchvision パッケージには，MNIST データセットをロードするなどの便利な関数が含まれている． また，今回のハンズオンで使うカスタムのクラス・関数 (Model, train, evaluate) のインポートを行っている．
    
 
    次に，MNIST テストデータをダウンロードしよう． 同時に，画像データの輝度の正規化も行っている．
    
-
    python
    transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
+
    python
    transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
 
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
 
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
    transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
    transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
 
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
 
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
    
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
    
 
    今回扱う MNIST データは 28x28 ピクセルの正方形の画像(モノクロ)と，それぞれのラベル(0 - 9 の数字)の組で構成されている． いくつかのデータを抽出して，可視化してみよう． figure_title のような出力が得られるはずである．
    
-
    python
    examples = iter(testloader)
-example_data, example_targets = examples.next()
+
    python
    examples = iter(testloader)
+example_data, example_targets = examples.next()
 
-print("Example data size:", example_data.shape)
+print("Example data size:", example_data.shape)
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
    examples = iter(testloader)
-example_data, example_targets = examples.next()
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
    examples = iter(testloader)
+example_data, example_targets = examples.next()
 
-print("Example data size:", example_data.shape)
+print("Example data size:", example_data.shape)
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
    
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
    
 
    MNIST の手書き数字画像とその教師ラベル
    
 
    次に， CNN のモデルを定義する．
    
-
    python
    model = Model()
-model.to("cuda") # load to GPU
    model = Model()
-model.to("cuda") # load to GPU
    
+
    python
    model = Model()
+model.to("cuda") # load to GPU
    model = Model()
+model.to("cuda") # load to GPU
    
 
    今回使う Model は simple_mnist.py の中で定義されている． このモデルは，figure_title に示したような，２層の畳み込み層と 2 層の全結合層からなるネットワークである． 出力層 (output layer) には Softmax 関数を使用し，損失関数 (Loss function) には 負の対数尤度関数 (Negative log likelyhood; NLL) を使用している．
    
 
    本ハンズオンで使用するニューラルネットの構造．
    
 
    続いて， CNN のパラメータを更新する最適化アルゴリズムを定義する． ここでは， 確率的勾配降下法 (Stochastic Gradient Descent; SGD) を使用している．
    
-
    python
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    
+
    python
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    
 
    これで，準備が整った． CNN の学習ループを開始しよう!
    
-
    python
    train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
+
    python
    train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
 
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
    train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
    train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
 
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
    
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
    
 
    ここでは 5 エポック分の学習を行っている． GPU を使えば，これくらいの計算であれば 1 分程度で完了するだろう．
    
 
    出力として， figure_title のようなプロットが得られるはずである． イテレーションを重ねるにつれて，損失関数 (Loss function) の値が減少している (=精度が向上している) ことがわかる．
    
 
    学習の進行に対する Train loss の変化
    
 
    出力にはテキスト形式で各エポック終了後のテストデータに対する精度も表示されている． 最終的には 98% 以上の極めて高い精度を実現できていることが確認できるだろう (figure_title)．
    
 
    学習したCNNのテストデータに対するスコア (5エポック後)
    
 
    学習した CNN の推論結果を可視化してみよう． 次のコードを実行することで， figure_title のような出力が得られるだろう． この図で，下段右から二番目は，"1"に近い見た目をしているが，きちんと"9"と推論できている． なかなか賢い CNN を作り出すことができたようだ！
    
-
    python
    model.eval()
+
    python
    model.eval()
 
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
    model.eval()
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
    model.eval()
 
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
    
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
    
 
    学習した CNN による，MNIST画像の推論結果
    
 
    最後に，学習したニューラルネットワークのパラメータを mnist_cnn.pt というファイル名で保存しておこう． これで，将来いつでも今回学習したモデルを再現し，別の実験に使用することができる．
    
-
    python
    torch.save(model.state_dict(), "mnist_cnn.pt")
    torch.save(model.state_dict(), "mnist_cnn.pt")
    
+
    python
    torch.save(model.state_dict(), "mnist_cnn.pt")
    torch.save(model.state_dict(), "mnist_cnn.pt")
    
 
    以上が， AWS クラウドの仮想サーバーを立ち上げ，最初のディープラーニングの計算を行う一連の流れである． MNIST 文字認識のタスクを行うニューラルネットを，クラウド上の GPU を使って高速に学習させ，現実的な問題を一つ解くことができたのである． 興味のある読者は，今回のハンズオンを雛形に，自分の所望の計算を走らせてみるとよいだろう．
    
 
    スタックの削除 ​
    
 
    これにて，ハンズオン第二回の内容はすべて説明した． クラウドの利用料金を最小化するため，使い終わった EC2 インスタンスはすぐさま削除しよう．
    
 
    ハンズオン第一回と同様に， AWS の CloudFormation コンソールか， AWS CLI により削除を実行する (詳細は (#handson_01_delete_stack) 参照)．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    スタックの削除は各自で必ず行うこと！ 行わなかった場合，EC2 インスタンスの料金が発生し続けることになる！ g4dn.xlarge は $0.71 / hour の料金設定なので，一日起動しつづけると約$17 の請求が発生することになる！
    
 
    AWS のバジェットアラート
    
 
    AWS の初心者が (あるいは経験者も) しばしば陥る失敗が，インスタンスの停止忘れなどで無駄なリソースがクラウドで放置されてしまい，巨大な額の請求が届く，というミスだ． 特に，開発を行っている間はこのような事態は起こりうるものだと思って，備えておかなければならない． このような事態を未然に防ぐため， AWS Budgets という機能が無料で提供されている． AWS Budgets を利用することで，月の利用金額がある閾値を超えた場合にユーザーにメールが送信される，などのアラートを設定することができる． 詳細な手順は AWS の公式ブログ "Getting Started with AWS Budgets" を参照のこと． 本書の読者も，ぜひこのタイミングでアラートを設定しておくことを推奨する．
    
@@ -28880,85 +28880,85 @@ import name
    
 
 
 
    ハンズオンで使用するプログラムのコードをみてみよう handson/mnist/app.py)． コードは第一回目とほとんど共通である．変更点のみ解説を行う．
    
-
    python
    class Ec2ForDl(core.Stack):
+
    python
    class Ec2ForDl(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    class Ec2ForDl(core.Stack):
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    class Ec2ForDl(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    
 
      
 
    • 
 
      ここで， g4dn.xlarge インスタンスタイプを選択している (第一回では， CPU のみの t2.micro だった)． g4dn.xlarge のインスタンスタイプは， (#sec_scientific_computing) ですでに触れた通り， NVIDIA T4 と呼ばれる廉価版モデルの GPU を搭載したインスタンスである． CPU は 4 core, メインメモリーは 16GB が割り当てあられている．
      
@@ -28973,10 +28973,10 @@ import name
    
 
    AMI (Amazon Machine Image) とは，大まかには OS (Operating System) に相当する概念である． 当然のことながら， OS がなければコンピュータはなにもできないので，EC2 インスタンスを起動するときには必ずなにかの OS を"インストール"する必要がある． EC2 が起動したときにロードされる OS に相当するものが， AMI である． AMI には，たとえば Ubuntu などの Linux 系 OS に加えて，Windows Server を選択することもできる． また， EC2 での使用に最適化された Amazon Linux という AMI も提供されている．
    
 
    しかしながら， AMI を単なる OS と理解するのは過剰な単純化である． AMI には，ベースとなる (空っぽの) OS を選択することもできるが，それに加えて，各種のプログラムがインストール済みの AMI も定義することができる． 必要なプログラムがインストールされている AMI を見つけることができれば，自身でインストールを行ったり環境設定したりする手間が大幅に省ける． 具体例を挙げると，ハンズオン第一回では EC2 インスタンスに Python 3.6 をインストールする例を示したが，そのような操作をインスタンスが起動するたびに行うのは手間である！
    
 
    AMI は， AWS 公式のものに加えて，サードパーティから提供されているものもある． また，自分自身の AMI を作って登録することも可能である (参考)． AMI は EC2 のコンソールから検索することが可能である． あるいは，AWS CLI を使って，次のコマンドでリストを取得することができる (参考)．
    
-
    sh
    $ aws ec2 describe-images --owners amazon
    $ aws ec2 describe-images --owners amazon
    
+
    sh
    $ aws ec2 describe-images --owners amazon
    $ aws ec2 describe-images --owners amazon
    
 
    ディープラーニングで頻繁に使われるプログラムがあらかじめインストールしてある AMI が， DLAMI (Deep Learning AMI) である． DLAMI には TensorFlow, PyTorch などの人気の高いディープラーニングのフレームワーク・ライブラリがすでにインストールされているため， EC2 インスタンスを起動してすぐさまディープラーニングの計算を実行できる．
    
 
    本ハンズオンでは， Amazon Linux 2 をベースにした DLAMI を使用する (AMI ID = ami-09c0c16fc46a29ed9．この AMI は ap-northeast-1 でしか使用できない点に注意)． AWS CLI を使って，この AMI の詳細情報を取得してみよう．
    
-
    sh
    $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
    $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
    
+
    sh
    $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
    $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
    
 
    AMI ID = ami-09c0c16fc46a29ed9 の詳細情報
    
 
    figure_title のような出力が得られるはずである．得られた出力から，この DLAMI には PyTorch のバージョン 1.4.0 と 1.5.0 がインストールされていることがわかる． この DLAMI を使って，早速ディープラーニングの計算を実行してみよう．
    
 
    DLAMI には具体的には何がインストールされているのだろうか？ 興味のある読者のために，簡単な解説をしよう (参考: 公式ドキュメンテーション "What Is the AWS Deep Learning AMI?")．
    
@@ -28985,43 +28985,43 @@ import name
    
 
    スタックのデプロイ ​
    
 
    スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
    
 
    デプロイの手順は，ハンズオン 1 とほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれのコマンドの意味を忘れてしまった場合は，ハンズオン 1 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/mnist
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/mnist
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
 
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
    # プロジェクトのディレクトリに移動
-$ cd handson/mnist
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
    # プロジェクトのディレクトリに移動
+$ cd handson/mnist
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
 
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
    
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
    
 
    ハンズオン 1 で作成した SSH 鍵の削除を行わなかった場合は， SSH 鍵を改めて作成する必要はない． 逆に言うと，同じ名前の SSH がすでに存在する場合は，鍵生成のコマンドはエラーを出力する．
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．AWS により割り振られた IP アドレス (InstancePublicIp に続く文字列) をメモしておこう．
    
 
    CDKデプロイ実行後の出力
    
 
    ログイン ​
    
 
    早速，デプロイしたインスタンスに SSH でログインしてみよう． ここでは，この後で使う Jupyter Notebook に接続するため，ポートフォワーディング (port forwarding) のオプション (-L) をつけてログインする．
    
-
    sh
    $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
    $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
    
+
    sh
    $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
    $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
    
 
    ポートフォワーディングとは，クライアントマシンの特定のアドレスへの接続を， SSH の暗号化された通信を介して，リモートマシンの特定のアドレスへ転送する，という意味である． このコマンドの -L localhost:8931:localhost:8888 は，自分のローカルマシンの localhost:8931 へのアクセスを，リモートサーバーの localhost:8888 のアドレスに転送せよ，という意味である (: につづく数字は TCP/IP ポートの番号を意味している)． リモートサーバーのポート 8888 には，後述する Jupyter Notebook が起動している． したがって，ローカルマシンの localhost:8931 にアクセスすることで，リモートサーバーの Jupyter Notebook にアクセスすることができるのである (figure_title)． このような SSH による接続方式をトンネル接続とよぶ．
    
 
    SSH のポートフォワーディングによる Jupyter Notebook へのアクセス
    
 
    ポートフォワーディングのオプションで，ポートの番号 (:8931, :8888 など) には 1 から 65535 までの任意の整数を指定できる． しかし，たとえば ポート 22 (SSH) やポート 80 (HTTP) など，いくつかすでに使われているポート番号もあることに注意する． また， Jupyter Notebook はデフォルトではポート 8888 番を使用する． したがって，リモート側のポート番号は，8888 を使うのがよい．
    
@@ -29030,7 +29030,7 @@ import name
    
 
    SSH によるログインは， Docker の外 (すなわちクライアントマシン本体) から行わなければならない． なぜなら，Jupyter を開くウェブブラウザは Docker の外にあるからである．
    
 
    その際，秘密鍵を Docker の外にもってこなければならない． 手っ取り早い方法は， cat ~/.ssh/HirakeGoma と打って，出力結果をコピーしてホストマシンのファイルに書き込む方法である． あるいは -v オプションをつけて，ファイルシステムをマウントしてもよい (詳しくは Docker 公式ドキュメンテーション "Use volumes" を参照)．
    
 
    SSH によるログインができたら，早速， GPU の状態を確認してみよう． 次のコマンドを実行する．
    
-
    sh
    $ nvidia-smi
    $ nvidia-smi
    
+
    sh
    $ nvidia-smi
    $ nvidia-smi
    
 
    figure_title のような出力が得られるはずである． 出力を見ると， Tesla T4 型の GPU が 1 台搭載されていることが確認できる． その他，GPU Driver や CUDA のバージョン， GPU の負荷・メモリー使用率などの情報を確認することができる．
    
 
    nvidia-smi の出力
    
 
    Jupyter Notebook の起動 ​
    
@@ -29038,14 +29038,14 @@ import name
    
 
    Jupyter Notebook の画面
    
 
    このハンズオンでは， Jupyter Notebook を使ってディープラーニングのプログラムをインタラクティブに実行していく． DLAMI には既に Jupyter がインストールされているので，特段の設定なしに使い始めることができる．
    
 
    早速， Jupyter を起動しよう． SSH でログインした先の EC2 インスタンスで，次のコマンドを実行すればよい．
    
-
    sh
    $ cd ~ # go to home directory
-$ jupyter notebook
    $ cd ~ # go to home directory
-$ jupyter notebook
    
+
    sh
    $ cd ~ # go to home directory
+$ jupyter notebook
    $ cd ~ # go to home directory
+$ jupyter notebook
    
 
    このコマンドを実行すると， figure_title のような出力が確認できるだろう． この出力から，Jupyter のサーバーが EC2 インスタンスの localhost:8888 というアドレスに起動していることがわかる． また， localhost:8888 に続く ?token=XXXX は，アクセスに使うための一時的なトークンである．
    
 
    Jupyter Notebook サーバーを起動
    
 
    Jupyter Notebook を初回に起動するときは，起動に数分程度の時間がかかることがある． ほかの動作も起動直後は遅く，いくつかプログラムを走らせていくうちに俊敏に反応するようになってくる． これは， AWS の GPU 搭載型仮想マシンの運用方法に起因する現象だと考えられる．
    
 
    先ほど，ポートフォワーディングのオプションをつけて SSH 接続をしているので， Jupyter の起動している localhost:8888 には，ローカルマシンの localhost:8931 からアクセスすることができる． したがって，ローカルマシンから Jupyter にアクセスするには，ウェブブラウザ (Chrome, FireFox など)から次のアドレスにアクセスすれば良い．
    
-
    http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
    http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
    
+
    http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
    http://localhost:8931/?token=XXXX&lt;/programlisting&gt;
    
 
    ?token=XXXX の部分は，上で Jupyter を起動したときに発行されたトークンの値に置き換える．
    
 
    上のアドレスにアクセスすると， Jupyter のホーム画面が起動するはずである (figure_title)． これで， Jupyter の準備が整った！
    
 
    Jupyter ホーム画面
    
@@ -29076,31 +29076,31 @@ import name
    
 
    ここでは，次のようなプログラムを書いて，実行していく． (figure_title)．
    
 
    PyTorch始めの一歩
    
 
    まずは， PyTorch をインポートする．さらに， GPU が使える環境にあるか，確認する．
    
-
    python
    import torch
-print("Is CUDA ready?", torch.cuda.is_available())
    import torch
-print("Is CUDA ready?", torch.cuda.is_available())
    
+
    python
    import torch
+print("Is CUDA ready?", torch.cuda.is_available())
    import torch
+print("Is CUDA ready?", torch.cuda.is_available())
    
 
    出力:
    
 
    Is CUDA ready? True</programlisting>
    
 
    次に，3x3 のランダムな行列を CPU 上に作ってみよう．
    
-
    python
    x = torch.rand(3,3)
-print(x)
    x = torch.rand(3,3)
-print(x)
    
+
    python
    x = torch.rand(3,3)
+print(x)
    x = torch.rand(3,3)
+print(x)
    
 
    出力:
    
 
    tensor([[0.6896, 0.2428, 0.3269], [0.0533, 0.3594, 0.9499], [0.9764, 0.5881, 0.0203]])</programlisting>
    
 
    次に，行列を GPU 上に作成する．
    
-
    python
    y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
    y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
    
+
    python
    y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
    y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
    
 
    そして，行列 x と y の加算を，GPU 上で実行する．
    
-
    python
    z = x + y
-print(z)
    z = x + y
-print(z)
    
+
    python
    z = x + y
+print(z)
    z = x + y
+print(z)
    
 
    出力:
    
 
    tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]], device='cuda:0')</programlisting>
    
 
    最後に， GPU 上にある行列を， CPU に戻す．
    
-
    python
    z = z.to("cpu")
-print(z)
    z = z.to("cpu")
-print(z)
    
+
    python
    z = z.to("cpu")
+print(z)
    z = z.to("cpu")
+print(z)
    
 
    出力:
    
 
    tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]])</programlisting>
    
 
    以上の例は， GPU を使った計算の初歩の初歩であるが，雰囲気はつかめただろうか？ CPU と GPU で明示的にデータを交換するのが肝である． この例はたった 3x3 の行列の足し算なので， GPU を使う意味はまったくないが，これが数千，数万のサイズの行列になったとき， GPU は格段の威力を発揮する．
    
@@ -29108,33 +29108,33 @@ import name
    
 
    しなしながら，勉強のときにはコードはすべて自分の手で打つことが，記憶に残りやすくより効果的である，というのが筆者の意見である．
    
 
    実際にベンチマークを取ることで GPU と CPU の速度を比較をしてみよう． 実行時間を計測するツールとして， Jupyter の提供する %time マジックコマンドを利用する．
    
 
    まずは CPU を使用して，10000x10000 の行列の行列積を計算した場合の速度を測ってみよう． 先ほどのノートブックの続きに，次のコードを実行する．
    
-
    python
    s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
+
    python
    s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
 
-%time z = torch.matmul(x,y)
    s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
+%time z = torch.matmul(x,y)
    s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
 
-%time z = torch.matmul(x,y)
    
+%time z = torch.matmul(x,y)
    
 
    出力は以下のようなものが得られるだろう． これは，行列積の計算に実時間で 5.8 秒かかったことを意味する (実行のたびに計測される時間はばらつくことに留意)．
    
 
    CPU times: user 11.5 s, sys: 140 ms, total: 11.6 s Wall time: 5.8 s</programlisting>
    
 
    次に， GPU を使用して，同じ演算を行った場合の速度を計測しよう．
    
-
    python
    s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
+
    python
    s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
 
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
    s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
    s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
 
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
    
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
    
 
    出力は以下のようなものになるだろう． GPU では 553 ミリ秒 で計算を終えることができた！
    
 
    CPU times: user 334 ms, sys: 220 ms, total: 554 ms Wall time: 553 ms</programlisting>
    
 
    PyTorch において， GPU での演算は asynchronous (非同期) で実行される． その理由で，上のベンチマークコードでは， torch.cuda.synchronize() というステートメントを埋め込んである．
    
@@ -29149,140 +29149,140 @@ import name
    
 
     をアップロード
    
 
    simple_mnist.py をアップロードできたら，次に新しい notebook を作成しよう． "conda_pytorch_p36" の環境を選択することを忘れずに．
    
 
    新しいノートブックが起動したら，まずは必要なライブラリをインポートしよう．
    
-
    python
    import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
+
    python
    import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
 
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
    import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
    import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
 
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
    
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
    
 
    torchvision パッケージには，MNIST データセットをロードするなどの便利な関数が含まれている． また，今回のハンズオンで使うカスタムのクラス・関数 (Model, train, evaluate) のインポートを行っている．
    
 
    次に，MNIST テストデータをダウンロードしよう． 同時に，画像データの輝度の正規化も行っている．
    
-
    python
    transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
+
    python
    transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
 
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
 
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
    transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
    transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
 
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
 
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
    
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
    
 
    今回扱う MNIST データは 28x28 ピクセルの正方形の画像(モノクロ)と，それぞれのラベル(0 - 9 の数字)の組で構成されている． いくつかのデータを抽出して，可視化してみよう． figure_title のような出力が得られるはずである．
    
-
    python
    examples = iter(testloader)
-example_data, example_targets = examples.next()
+
    python
    examples = iter(testloader)
+example_data, example_targets = examples.next()
 
-print("Example data size:", example_data.shape)
+print("Example data size:", example_data.shape)
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
    examples = iter(testloader)
-example_data, example_targets = examples.next()
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
    examples = iter(testloader)
+example_data, example_targets = examples.next()
 
-print("Example data size:", example_data.shape)
+print("Example data size:", example_data.shape)
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
    
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
    
 
    MNIST の手書き数字画像とその教師ラベル
    
 
    次に， CNN のモデルを定義する．
    
-
    python
    model = Model()
-model.to("cuda") # load to GPU
    model = Model()
-model.to("cuda") # load to GPU
    
+
    python
    model = Model()
+model.to("cuda") # load to GPU
    model = Model()
+model.to("cuda") # load to GPU
    
 
    今回使う Model は simple_mnist.py の中で定義されている． このモデルは，figure_title に示したような，２層の畳み込み層と 2 層の全結合層からなるネットワークである． 出力層 (output layer) には Softmax 関数を使用し，損失関数 (Loss function) には 負の対数尤度関数 (Negative log likelyhood; NLL) を使用している．
    
 
    本ハンズオンで使用するニューラルネットの構造．
    
 
    続いて， CNN のパラメータを更新する最適化アルゴリズムを定義する． ここでは， 確率的勾配降下法 (Stochastic Gradient Descent; SGD) を使用している．
    
-
    python
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    
+
    python
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    
 
    これで，準備が整った． CNN の学習ループを開始しよう!
    
-
    python
    train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
+
    python
    train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
 
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
    train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
    train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
 
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
    
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
    
 
    ここでは 5 エポック分の学習を行っている． GPU を使えば，これくらいの計算であれば 1 分程度で完了するだろう．
    
 
    出力として， figure_title のようなプロットが得られるはずである． イテレーションを重ねるにつれて，損失関数 (Loss function) の値が減少している (=精度が向上している) ことがわかる．
    
 
    学習の進行に対する Train loss の変化
    
 
    出力にはテキスト形式で各エポック終了後のテストデータに対する精度も表示されている． 最終的には 98% 以上の極めて高い精度を実現できていることが確認できるだろう (figure_title)．
    
 
    学習したCNNのテストデータに対するスコア (5エポック後)
    
 
    学習した CNN の推論結果を可視化してみよう． 次のコードを実行することで， figure_title のような出力が得られるだろう． この図で，下段右から二番目は，"1"に近い見た目をしているが，きちんと"9"と推論できている． なかなか賢い CNN を作り出すことができたようだ！
    
-
    python
    model.eval()
+
    python
    model.eval()
 
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
    model.eval()
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
    model.eval()
 
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
    
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
    
 
    学習した CNN による，MNIST画像の推論結果
    
 
    最後に，学習したニューラルネットワークのパラメータを mnist_cnn.pt というファイル名で保存しておこう． これで，将来いつでも今回学習したモデルを再現し，別の実験に使用することができる．
    
-
    python
    torch.save(model.state_dict(), "mnist_cnn.pt")
    torch.save(model.state_dict(), "mnist_cnn.pt")
    
+
    python
    torch.save(model.state_dict(), "mnist_cnn.pt")
    torch.save(model.state_dict(), "mnist_cnn.pt")
    
 
    以上が， AWS クラウドの仮想サーバーを立ち上げ，最初のディープラーニングの計算を行う一連の流れである． MNIST 文字認識のタスクを行うニューラルネットを，クラウド上の GPU を使って高速に学習させ，現実的な問題を一つ解くことができたのである． 興味のある読者は，今回のハンズオンを雛形に，自分の所望の計算を走らせてみるとよいだろう．
    
 
    スタックの削除 ​
    
 
    これにて，ハンズオン第二回の内容はすべて説明した． クラウドの利用料金を最小化するため，使い終わった EC2 インスタンスはすぐさま削除しよう．
    
 
    ハンズオン第一回と同様に， AWS の CloudFormation コンソールか， AWS CLI により削除を実行する (詳細は (#handson_01_delete_stack) 参照)．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    スタックの削除は各自で必ず行うこと！ 行わなかった場合，EC2 インスタンスの料金が発生し続けることになる！ g4dn.xlarge は $0.71 / hour の料金設定なので，一日起動しつづけると約$17 の請求が発生することになる！
    
 
    AWS のバジェットアラート
    
 
    AWS の初心者が (あるいは経験者も) しばしば陥る失敗が，インスタンスの停止忘れなどで無駄なリソースがクラウドで放置されてしまい，巨大な額の請求が届く，というミスだ． 特に，開発を行っている間はこのような事態は起こりうるものだと思って，備えておかなければならない． このような事態を未然に防ぐため， AWS Budgets という機能が無料で提供されている． AWS Budgets を利用することで，月の利用金額がある閾値を超えた場合にユーザーにメールが送信される，などのアラートを設定することができる． 詳細な手順は AWS の公式ブログ "Getting Started with AWS Budgets" を参照のこと． 本書の読者も，ぜひこのタイミングでアラートを設定しておくことを推奨する．
    
@@ -29310,11 +29310,11 @@ import name
    
 
    このハンズオンでは 1CPU/4GB RAM の Fargate インスタンスを使用する． 計算の実行には 0.025 $/hour のコストが発生することに注意．
    
 
    Transformer を用いた question-answering プログラム ​
    
 
    このハンズオンで開発する，自動質問回答システムをより具体的に定義しよう． 次のような文脈 (context) と質問 (question) が与えられた状況を想定する．
    
-
    txt
    context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
    context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
    
+
    txt
    context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
    context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
    
 
    今回作成する自動回答システムは，このような問題に対して， context に含まれる文字列から正解となる言葉を見つけ出すものとする． 上の問題では，次のような回答を返すべきである．
    
 
    answer: 1921
 
    
@@ -29323,33 +29323,33 @@ import name
    
 
    Transformer モデルアーキテクチャ (画像出典: Vaswani+ 2017)
    
 
    なお，今回は学習済みのモデルを用いているので，私達が行うのは与えられた入力をモデルに投入して予測を行う (推論) のみである． 推論の演算は， CPU だけでも十分高速に行うことができるので，コストの削減と，実装をシンプルにする目的で，このハンズオンでは GPU は利用しない． 一般的に， ニューラルネットは学習のほうが圧倒的に計算コストが大きく，そのような場合に GPU はより威力を発揮する．
    
 
    次のコマンドで，今回使う Docker image を ローカルにダウンロード (pull) してこよう．
    
-
    sh
    $ docker pull tomomano/qabot:latest
    $ docker pull tomomano/qabot:latest
    
+
    sh
    $ docker pull tomomano/qabot:latest
    $ docker pull tomomano/qabot:latest
    
 
    pull できたら，早速この Docker に質問を投げかけてみよう． まずは context と question をコマンドラインの変数として定義する．
    
-
    sh
    $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
    $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
    
+
    sh
    $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
    $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
    
 
    そうしたら，次のコマンドによってコンテナを実行する．
    
-
    sh
    $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    
+
    sh
    $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    
 
    今回用意した Docker image は，第一引数に context となる文字列を，第二引数に question に相当する文字列を受けつける． 第三引数，第四引数については，クラウドに展開するときの実装上の都合なので，いまは気にしなくてよい．
    
 
    このコマンドを実行すると，次のような出力が得られるはずである．
    
-
    json
    { "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
    { "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
    
+
    json
    { "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
    { "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
    
 
    "score" は正解の自信度を表す数字で， [0,1] の範囲で与えられる． "start", "end" は， context 中の何文字目が正解に相当するかを示しており， "answer" が正解と予測された文字列である． 1921 年という，正しい答えが返ってきていることに注目してほしい．
    
 
    もう少し難しい質問を投げかけてみよう．
    
-
    sh
    $ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    $ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    
+
    sh
    $ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    $ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    
 
    出力：
    
-
    json
    {
-    "score": 0.5235594527494207,
-    "start": 470,
-    "end": 506,
-    "answer": "his services to theoretical physics,"
-}
    {
-    "score": 0.5235594527494207,
-    "start": 470,
-    "end": 506,
-    "answer": "his services to theoretical physics,"
-}
    
+
    json
    {
+    "score": 0.5235594527494207,
+    "start": 470,
+    "end": 506,
+    "answer": "his services to theoretical physics,"
+}
    {
+    "score": 0.5235594527494207,
+    "start": 470,
+    "end": 506,
+    "answer": "his services to theoretical physics,"
+}
    
 
    今度は， score が 0.52 と，少し自信がないようだが，それでも正しい答えにたどりつけていることがわかる．
    
 
    このように， 深層学習に支えられた言語モデルを用いることで，実用にも役に立ちそうな Q&A ボットを実現できていることがわかる． 以降では，このプログラムをクラウドに展開することで，大量の質問に自動で対応できるようなシステムを設計していく．
    
 
    今回使用する Question & Answering システムには， DistilBERT という Transformer を基にした言語モデルが用いられている． 興味のある読者は， 原著論文 を参照してもらいたい． また， huggingface/transformers による DistilBert の実装のドキュメンテーションは 公式ドキュメンテーション を参照のこと．
    
@@ -29385,109 +29385,109 @@ import name
    
 
 
 
    それでは，プログラムのソースコードを見てみよう (handson/qa-bot/app.py)．
    
-
    python
    class EcsClusterQaBot(core.Stack):
+
    python
    class EcsClusterQaBot(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
 
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
 
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
 
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
 
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
    class EcsClusterQaBot(core.Stack):
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
    class EcsClusterQaBot(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
 
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
 
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
 
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
 
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
    
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
    
 
      
 
    • 
 
      ここでは，回答の結果を書き込むためのデータベースを用意している． DynamoDB については，サーバーレスアーキテクチャの章で扱うので，今は気にしなくてよい．
      
@@ -29507,39 +29507,39 @@ import name
    
 
 
    ECS と Fargate ​
    
 
    ECS と Fargate の部分について，コードをくわしく見てみよう．
    
-
    python
    cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
+
    python
    cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
 
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
 
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
    cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
    cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
 
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
 
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
    
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
    
 
    cluster = の箇所で，空の ECS クラスターを定義している．
    
 
    次に， taskdef=ecs.FargateTaskDefinition の箇所で， Fargate インスタンスを使ったタスクを定義しており，とくにここでは 1 CPU, 4GB RAM というマシンスペックを指定している． また，このようにして定義されたタスクは，デフォルトで 1 タスクにつき 1 インスタンスが使用される．
    
 
    最後に， container = の箇所で，タスクの実行で使用する Docker image を定義している． ここでは， Docker Hub に置いてある image をダウンロードしてくるよう指定している．
    
@@ -29549,25 +29549,25 @@ import name
    
 
    スタックのデプロイ ​
    
 
    スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． SSH によるログインの必要がないので，むしろ単純なくらいである． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．
    
 
    CDKデプロイ実行後の出力
    
 
    AWS コンソールにログインして，デプロイされたスタックの中身を確認してみよう． コンソールから，ECS のページに行くと figure_title のような画面が表示されるはずである． EcsClusterQaBot-XXXX という名前ついたクラスターを見つけよう．
    
@@ -29579,7 +29579,7 @@ import name
    
 
    それでは，質問をデプロイしたクラウドに提出してみよう．
    
 
    ECS にタスクを投入するのはやや複雑なので，タスクの投入を簡単にするプログラム (run_task.py) を用意した (handson/qa-bot/run_task.py)．
    
 
    次のようなコマンドで，ECS クラスターに新しい質問を投入することができる．
    
-
    sh
    $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
    $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
    
+
    sh
    $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
    $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
    
 
    run_task.py を実行するには， コマンドラインで AWS の認証情報が設定されていることが前提である．
    
 
    "ask" の引数に続き，文脈 (context) と質問 (question) を引数として渡している．
    
 
    このコマンドを実行すると， "Waiting for the task to finish…" と出力が表示され，回答を得るまでしばらく待たされる． この間， AWS では ECS がタスクを受理し，新しい Fargate のインスタンスを起動し， Docker イメージをそのインスタンスに配置する，という一連の処理がなされている． AWS コンソールから，この一連の様子をモニタリングしてみよう．
    
@@ -29594,20 +29594,20 @@ import name
    
 
    タスクの同時実行 ​
    
 
    さて，先ほどはたった一つの質問を投入したわけだが，今回設計したアプリケーションは， ECS と Fargate を使うことで同時にたくさんの質問を処理することができる． 実際に，たくさんの質問を一度に投入してみよう． run_task.py に ask_many というオプションを付けることで，複数の質問を一度に送信できる． 質問の内容は handson/qa-bot/problems.json に定義されている．
    
 
    次のようなコマンドを実行しよう．
    
-
    sh
    $ python run_task.py ask_many
    $ python run_task.py ask_many
    
+
    sh
    $ python run_task.py ask_many
    $ python run_task.py ask_many
    
 
    このコマンドを実行した後で，先ほどの ECS コンソールに行き，タスクの一覧を見てみよう (figure_title)． 複数の Fargate インスタンスが起動され，タスクが並列に実行されているのがわかる．
    
 
    複数の質問タスクを同時に投入する
    
 
    すべてのタスクのステータスが "STOPPED" になったことを確認した上で，質問への回答を取得しよう． それには，次のコマンドを実行する．
    
-
    sh
    $ python run_task.py list_answers
    $ python run_task.py list_answers
    
+
    sh
    $ python run_task.py list_answers
    $ python run_task.py list_answers
    
 
    結果として， figure_title のような出力が得られるだろう． 複雑な文章問題に対し，高い正答率で回答できていることがわかるだろう．
    
 
     の実行結果
    
 
    おめでとう！ ここまでついてこれた読者はとても初歩的ながらも，深層学習による言語モデルを使って自動で質問への回答を生成するシステムを創り上げることができた！ それも，数百の質問にも同時に対応できるような，とても高いスケーラビリティーをもったシステムである！ 今回は GUI (Graphical User Interface) を用意することはしなかったが，このシステムに簡単な GUI を追加すればなかなか立派なウェブサービスとして運用できるだろう．
    
 
    run_task.py で質問を投入し続けると，回答を記録しているデータベースにどんどんエントリーが溜まっていく． これらのエントリーをすべて消去するには，次のコマンドを使う．
    
-
    sh
    $ python run_task.py clear
    $ python run_task.py clear
    
+
    sh
    $ python run_task.py clear
    $ python run_task.py clear
    
 
    スタックの削除 ​
    
 
    これにて，今回のハンズオンは終了である． 最後にスタックを削除しよう．
    
 
    スタックを削除するには，前回までと同様に， AWS コンソールにログインし CloudFormation の画面から DELETE ボタンをクリックするか，コマンドラインからコマンドを実行する． コマンドラインから行う場合は，次のコマンドを使用する．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    ]]>
             Hands-on #3: AWS で自動質問回答ボットを走らせる ​
 
    ハンズオン第三回では， Docker と ECS を駆使した機械学習アプリケーションを実装しよう． 具体的には，深層学習による自然言語処理を行うことで，クライアントから与えられた文章題に対して回答を生成する，自動 Question & Answering ボットを作成しよう． ECS を利用することで，ジョブの数によって動的にインスタンスの数を制御し，並列にタスクを実行するようなシステムを構築しよう．
    
@@ -29626,11 +29626,11 @@ import name
    
 
    このハンズオンでは 1CPU/4GB RAM の Fargate インスタンスを使用する． 計算の実行には 0.025 $/hour のコストが発生することに注意．
    
 
    Transformer を用いた question-answering プログラム ​
    
 
    このハンズオンで開発する，自動質問回答システムをより具体的に定義しよう． 次のような文脈 (context) と質問 (question) が与えられた状況を想定する．
    
-
    txt
    context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
    context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
    
+
    txt
    context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
    context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
    
 
    今回作成する自動回答システムは，このような問題に対して， context に含まれる文字列から正解となる言葉を見つけ出すものとする． 上の問題では，次のような回答を返すべきである．
    
 
    answer: 1921
 
    
@@ -29639,33 +29639,33 @@ import name
    
 
    Transformer モデルアーキテクチャ (画像出典: Vaswani+ 2017)
    
 
    なお，今回は学習済みのモデルを用いているので，私達が行うのは与えられた入力をモデルに投入して予測を行う (推論) のみである． 推論の演算は， CPU だけでも十分高速に行うことができるので，コストの削減と，実装をシンプルにする目的で，このハンズオンでは GPU は利用しない． 一般的に， ニューラルネットは学習のほうが圧倒的に計算コストが大きく，そのような場合に GPU はより威力を発揮する．
    
 
    次のコマンドで，今回使う Docker image を ローカルにダウンロード (pull) してこよう．
    
-
    sh
    $ docker pull tomomano/qabot:latest
    $ docker pull tomomano/qabot:latest
    
+
    sh
    $ docker pull tomomano/qabot:latest
    $ docker pull tomomano/qabot:latest
    
 
    pull できたら，早速この Docker に質問を投げかけてみよう． まずは context と question をコマンドラインの変数として定義する．
    
-
    sh
    $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
    $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
    
+
    sh
    $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
    $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
    
 
    そうしたら，次のコマンドによってコンテナを実行する．
    
-
    sh
    $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    
+
    sh
    $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    
 
    今回用意した Docker image は，第一引数に context となる文字列を，第二引数に question に相当する文字列を受けつける． 第三引数，第四引数については，クラウドに展開するときの実装上の都合なので，いまは気にしなくてよい．
    
 
    このコマンドを実行すると，次のような出力が得られるはずである．
    
-
    json
    { "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
    { "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
    
+
    json
    { "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
    { "score": 0.9881729286683587, "start": 437, "end": 441, "answer": "1921" }
    
 
    "score" は正解の自信度を表す数字で， [0,1] の範囲で与えられる． "start", "end" は， context 中の何文字目が正解に相当するかを示しており， "answer" が正解と予測された文字列である． 1921 年という，正しい答えが返ってきていることに注目してほしい．
    
 
    もう少し難しい質問を投げかけてみよう．
    
-
    sh
    $ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    $ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    
+
    sh
    $ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    $ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    
 
    出力：
    
-
    json
    {
-    "score": 0.5235594527494207,
-    "start": 470,
-    "end": 506,
-    "answer": "his services to theoretical physics,"
-}
    {
-    "score": 0.5235594527494207,
-    "start": 470,
-    "end": 506,
-    "answer": "his services to theoretical physics,"
-}
    
+
    json
    {
+    "score": 0.5235594527494207,
+    "start": 470,
+    "end": 506,
+    "answer": "his services to theoretical physics,"
+}
    {
+    "score": 0.5235594527494207,
+    "start": 470,
+    "end": 506,
+    "answer": "his services to theoretical physics,"
+}
    
 
    今度は， score が 0.52 と，少し自信がないようだが，それでも正しい答えにたどりつけていることがわかる．
    
 
    このように， 深層学習に支えられた言語モデルを用いることで，実用にも役に立ちそうな Q&A ボットを実現できていることがわかる． 以降では，このプログラムをクラウドに展開することで，大量の質問に自動で対応できるようなシステムを設計していく．
    
 
    今回使用する Question & Answering システムには， DistilBERT という Transformer を基にした言語モデルが用いられている． 興味のある読者は， 原著論文 を参照してもらいたい． また， huggingface/transformers による DistilBert の実装のドキュメンテーションは 公式ドキュメンテーション を参照のこと．
    
@@ -29701,109 +29701,109 @@ import name
    
 
 
 
    それでは，プログラムのソースコードを見てみよう (handson/qa-bot/app.py)．
    
-
    python
    class EcsClusterQaBot(core.Stack):
+
    python
    class EcsClusterQaBot(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
 
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
 
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
 
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
 
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
    class EcsClusterQaBot(core.Stack):
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
    class EcsClusterQaBot(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
 
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
 
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
 
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
 
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
    
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
    
 
      
 
    • 
 
      ここでは，回答の結果を書き込むためのデータベースを用意している． DynamoDB については，サーバーレスアーキテクチャの章で扱うので，今は気にしなくてよい．
      
@@ -29823,39 +29823,39 @@ import name
    
 
 
    ECS と Fargate ​
    
 
    ECS と Fargate の部分について，コードをくわしく見てみよう．
    
-
    python
    cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
+
    python
    cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
 
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
 
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
    cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
    cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
 
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
 
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
    
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
    
 
    cluster = の箇所で，空の ECS クラスターを定義している．
    
 
    次に， taskdef=ecs.FargateTaskDefinition の箇所で， Fargate インスタンスを使ったタスクを定義しており，とくにここでは 1 CPU, 4GB RAM というマシンスペックを指定している． また，このようにして定義されたタスクは，デフォルトで 1 タスクにつき 1 インスタンスが使用される．
    
 
    最後に， container = の箇所で，タスクの実行で使用する Docker image を定義している． ここでは， Docker Hub に置いてある image をダウンロードしてくるよう指定している．
    
@@ -29865,25 +29865,25 @@ import name
    
 
    スタックのデプロイ ​
    
 
    スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． SSH によるログインの必要がないので，むしろ単純なくらいである． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．
    
 
    CDKデプロイ実行後の出力
    
 
    AWS コンソールにログインして，デプロイされたスタックの中身を確認してみよう． コンソールから，ECS のページに行くと figure_title のような画面が表示されるはずである． EcsClusterQaBot-XXXX という名前ついたクラスターを見つけよう．
    
@@ -29895,7 +29895,7 @@ import name
    
 
    それでは，質問をデプロイしたクラウドに提出してみよう．
    
 
    ECS にタスクを投入するのはやや複雑なので，タスクの投入を簡単にするプログラム (run_task.py) を用意した (handson/qa-bot/run_task.py)．
    
 
    次のようなコマンドで，ECS クラスターに新しい質問を投入することができる．
    
-
    sh
    $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
    $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
    
+
    sh
    $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
    $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
    
 
    run_task.py を実行するには， コマンドラインで AWS の認証情報が設定されていることが前提である．
    
 
    "ask" の引数に続き，文脈 (context) と質問 (question) を引数として渡している．
    
 
    このコマンドを実行すると， "Waiting for the task to finish…" と出力が表示され，回答を得るまでしばらく待たされる． この間， AWS では ECS がタスクを受理し，新しい Fargate のインスタンスを起動し， Docker イメージをそのインスタンスに配置する，という一連の処理がなされている． AWS コンソールから，この一連の様子をモニタリングしてみよう．
    
@@ -29910,20 +29910,20 @@ import name
    
 
    タスクの同時実行 ​
    
 
    さて，先ほどはたった一つの質問を投入したわけだが，今回設計したアプリケーションは， ECS と Fargate を使うことで同時にたくさんの質問を処理することができる． 実際に，たくさんの質問を一度に投入してみよう． run_task.py に ask_many というオプションを付けることで，複数の質問を一度に送信できる． 質問の内容は handson/qa-bot/problems.json に定義されている．
    
 
    次のようなコマンドを実行しよう．
    
-
    sh
    $ python run_task.py ask_many
    $ python run_task.py ask_many
    
+
    sh
    $ python run_task.py ask_many
    $ python run_task.py ask_many
    
 
    このコマンドを実行した後で，先ほどの ECS コンソールに行き，タスクの一覧を見てみよう (figure_title)． 複数の Fargate インスタンスが起動され，タスクが並列に実行されているのがわかる．
    
 
    複数の質問タスクを同時に投入する
    
 
    すべてのタスクのステータスが "STOPPED" になったことを確認した上で，質問への回答を取得しよう． それには，次のコマンドを実行する．
    
-
    sh
    $ python run_task.py list_answers
    $ python run_task.py list_answers
    
+
    sh
    $ python run_task.py list_answers
    $ python run_task.py list_answers
    
 
    結果として， figure_title のような出力が得られるだろう． 複雑な文章問題に対し，高い正答率で回答できていることがわかるだろう．
    
 
     の実行結果
    
 
    おめでとう！ ここまでついてこれた読者はとても初歩的ながらも，深層学習による言語モデルを使って自動で質問への回答を生成するシステムを創り上げることができた！ それも，数百の質問にも同時に対応できるような，とても高いスケーラビリティーをもったシステムである！ 今回は GUI (Graphical User Interface) を用意することはしなかったが，このシステムに簡単な GUI を追加すればなかなか立派なウェブサービスとして運用できるだろう．
    
 
    run_task.py で質問を投入し続けると，回答を記録しているデータベースにどんどんエントリーが溜まっていく． これらのエントリーをすべて消去するには，次のコマンドを使う．
    
-
    sh
    $ python run_task.py clear
    $ python run_task.py clear
    
+
    sh
    $ python run_task.py clear
    $ python run_task.py clear
    
 
    スタックの削除 ​
    
 
    これにて，今回のハンズオンは終了である． 最後にスタックを削除しよう．
    
 
    スタックを削除するには，前回までと同様に， AWS コンソールにログインし CloudFormation の画面から DELETE ボタンをクリックするか，コマンドラインからコマンドを実行する． コマンドラインから行う場合は，次のコマンドを使用する．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    ]]>
         
         
@@ -29939,59 +29939,59 @@ import name
    
 
    Lambda チュートリアルの概要
    
 
    このハンズオンは，基本的に AWS Lambda の無料枠 の範囲内で実行することができる．
    
 
    app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
    
-
    python
    #
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
+
    python
    #
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
 
-class SimpleLambda(core.Stack):
+class SimpleLambda(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
    #
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
    #
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
 
-class SimpleLambda(core.Stack):
+class SimpleLambda(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
    
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
    
 
      
 
    • 
 
      ここで， Lambda で実行されるべき関数を定義している． これは非常に単純な関数で，2-5 秒のランダムな時間スリープした後，["salmon", "tuna", "squid"] のいずれかの文字列をランダムに選択し， "Welcome to Cloud Sushi. Your order is XXXX" (XXXX は選ばれた寿司のネタ) というメッセージをリターンする．
      
@@ -30023,25 +30023,25 @@ import name
    
 
    上記のプログラムを実行することで， Lambda 関数がクラウド上に作成される． 早速デプロイしてみよう．
    
 
    デプロイ ​
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleLambda.FunctionName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
    
 
    CDKデプロイ実行後の出力
    
 
    AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから，Lambda のページに行くと figure_title のような画面から Lambda の関数の一覧が確認できる．
    
@@ -30052,15 +30052,15 @@ import name
    
 
    Lambda 関数の実行 ​
    
 
    それでは，作成した Lambda 関数を実行 (invoke) してみよう． AWS の API を使うことで，関数の実行をスタートすることができる． 今回は， handson/serverless/lambda/invoke_one.py に関数を実行するための簡単なプログラムを提供している． 興味のある読者はコードを読んでもらいたい．
    
 
    以下のコマンドで，Lambda の関数を実行する． コマンドの XXXX の部分は，先ほどデプロイしたときに SimpleLambda.FunctionName = XXXX で得られた XXXX の文字列で置換する．
    
-
    sh
    $ python invoke_one.py XXXX
    $ python invoke_one.py XXXX
    
+
    sh
    $ python invoke_one.py XXXX
    $ python invoke_one.py XXXX
    
 
    すると， "Welcome to Cloud Sushi. Your order is salmon" という出力が得られるはずだ． とてもシンプルではあるが，クラウド上で先ほどの関数が走り，乱数が生成されたうえで，ランダムな寿司ネタが選択されて出力が返されている． このコマンドを何度か打ってみて，実行ごとに異なる寿司ネタが返されることを確認しよう．
    
 
    さて，このコマンドは，一度につき一回の関数を実行したわけであるが， Lambda の本領は一度に大量のタスクを同時に実行できる点である． そこで，今度は一度に 100 個のタスクを同時に送信してみよう． handson/serverless/lambda/invoke_many.py のスクリプトを使用する．
    
 
    次のコマンドを実行しよう． XXXX の部分は前述と同様に置き換える． 第二引数の 100 は 100 個のタスクを投入せよ，という意味である．
    
-
    sh
    $ python invoke_many.py XXXX 100
    $ python invoke_many.py XXXX 100
    
+
    sh
    $ python invoke_many.py XXXX 100
    $ python invoke_many.py XXXX 100
    
 
    すると次のような出力が得られるはずだ．
    
-
    sh
    ....................................................................................................
-Submitted 100 tasks to Lambda!
    ....................................................................................................
-Submitted 100 tasks to Lambda!
    
+
    sh
    ....................................................................................................
+Submitted 100 tasks to Lambda!
    ....................................................................................................
+Submitted 100 tasks to Lambda!
    
 
    実際に，100 個のタスクが同時に実行されていることを確認しよう． figure_title の画面に戻り， "Monitoring" というタブがあるので，それをクリックする． すると， figure_title のようなグラフが表示されるだろう．
    
 
    Lambda コンソール - 関数の実行のモニタリング
    
 
    figure_title のグラフの更新には数分かかることがあるので，なにも表示されない場合は少し待つ．
    
@@ -30070,44 +30070,44 @@ import name
    
 
    興味がある人は，一気に 1000 個などのジョブを投入してみるとよい． Lambda はそのような大量のリクエストにも対応できることが確認できるだろう． が，あまりやりすぎると Lambda の無料利用枠を超えて料金が発生してしまうので注意．
    
 
    スタックの削除 ​
    
 
    最後にスタックを削除しよう． スタックを削除するには，次のコマンドを実行すればよい．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    DynamoDB ハンズオン ​
    
 
    続いて， DynamoDB の簡単なチュートリアルをやってみよう． ハンズオンのソースコードは GitHub の /handson/serverless/dynamodb に置いてある．
    
 
    このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して DynamoDB のテーブルを初期化し，デプロイする． 続いて STEP 2 では， API を使用してデータベースのデータの書き込み・読み出し・削除などの操作を練習する．
    
 
    DynamoDB チュートリアルの概要
    
 
    このハンズオンは，基本的に AWS DynamoDB の無料枠 の範囲内で実行できる．
    
 
    handson/serverless/dynamodb/app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
    
-
    python
    class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+
    python
    class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
    class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
    class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
    
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
    
 
    このコードで，最低限の設定がなされた空の DynamoDB テーブルが作成される． それぞれのパラメータの意味を簡単に解説しよう．
    
 
      
 
    • 
@@ -30122,25 +30122,25 @@ import name
    
 
 
    デプロイ ​
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleDynamoDb.TableName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
    
 
    CDKデプロイ実行後の出力
    
 
    AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから， DynamoDB のページに行き，左のメニューバーから "Tables" を選択する． すると， figure_title のような画面からテーブルの一覧が確認できる．
    
@@ -30150,167 +30150,167 @@ import name
    
 
    データの読み書き ​
    
 
    それでは， デプロイ で作ったテーブルを使ってデータの読み書きを実践してみよう． ここでは Python と boto3 ライブラリを用いた方法を紹介する．
    
 
    まずは，テーブルに新しい要素を追加してみよう． ハンズオンのディレクトリにある simple_write.py を開いてみよう． 中には次のような関数が書かれている．
    
-
    python
    import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
+
    python
    import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
 
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
    import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
    import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
 
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
    
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
    
 
    コードを上から読んでいくと，まず最初に boto3 ライブラリをインポートし， dynamodb のリソースを呼び出している． write_item() 関数は， DynamoDB のテーブルの名前 (上で見た SimpleDynamoDb-XXXX) を引数として受け取る． そして， put_item() メソッドを呼ぶことで，新しいアイテムを DB に書き込んでいる． アイテムには item_id, first_name, last_name, age の 4 つの属性が定義されている． ここで， item_id は先ほど説明した Partition key に相当しており， UUID4 を用いたランダムな文字列を割り当てている．
    
 
    では， simple_write.py を実行してみよう． "XXXX" の部分を自分がデプロイしたテーブルの名前 (SimpleDynamoDb で始まる文字列) に置き換えたうえで，次のコマンドを実行する．
    
-
    sh
    $ python simple_write.py XXXX
    $ python simple_write.py XXXX
    
+
    sh
    $ python simple_write.py XXXX
    $ python simple_write.py XXXX
    
 
    新しい要素が正しく書き込めたか， AWS コンソールから確認してみよう． figure_title と同じ手順で，テーブルの中身の要素の一覧を表示する． すると figure_title のように，期待通り新しい要素が見つかるだろう．
    
 
    DynamoDB に新しい要素が追加されたことを確認
    
 
    boto3 を使ってテーブルから要素を読みだすことも可能である． ハンズオンのディレクトリにある simple_read.py を見てみよう．
    
-
    python
    import boto3
-ddb = boto3.resource('dynamodb')
+
    python
    import boto3
+ddb = boto3.resource('dynamodb')
 
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
    import boto3
-ddb = boto3.resource('dynamodb')
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
    import boto3
+ddb = boto3.resource('dynamodb')
 
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
    
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
    
 
    table.scan().get("Items") によって，テーブルの中にあるすべての要素を読みだしている．
    
 
    次のコマンドで，このスクリプトを実行してみよう ("XXXX" の部分を正しく置き換えることを忘れずに）．
    
-
    sh
    $ python simple_read.py XXXX
    $ python simple_read.py XXXX
    
+
    sh
    $ python simple_read.py XXXX
    $ python simple_read.py XXXX
    
 
    先ほど書き込んだ要素が出力されることを確認しよう．
    
 
    大量のデータの読み書き ​
    
 
    DynamoDB の利点は，最初に述べたとおり，負荷に応じて自在にその処理能力を拡大できる点である．
    
 
    そこで，ここでは一度に大量のデータを書き込む場合をシミュレートしてみよう． batch_rw.py に，一度に大量の書き込みを実行するためのプログラムが書いてある．
    
 
    次のコマンドを実行してみよう (XXXX は自分のテーブルの名前に置き換える)．
    
-
    sh
    $ python batch_rw.py XXXX write 1000
    $ python batch_rw.py XXXX write 1000
    
+
    sh
    $ python batch_rw.py XXXX write 1000
    $ python batch_rw.py XXXX write 1000
    
 
    このコマンドを実行することで，ランダムなデータが 1000 個データベースに書き込まれる．
    
 
    さらに，データベースの検索をかけてみよう． 今回書き込んだデータには age という属性に 1 から 50 のランダムな整数が割り当てられている． age が 2 以下であるような要素だけを検索し拾ってくるには，次のコマンドを実行すればよい．
    
-
    sh
    $ python batch_rw.py XXXX search_under_age 2
    $ python batch_rw.py XXXX search_under_age 2
    
+
    sh
    $ python batch_rw.py XXXX search_under_age 2
    $ python batch_rw.py XXXX search_under_age 2
    
 
    上の 2 つのコマンドを何回か繰り返し実行してみて，データベースに負荷をかけてみよう． とくに大きな遅延なく結果が返ってくることが確認できるだろう．
    
 
    スタックの削除 ​
    
 
    DynamoDB で十分に遊ぶことができたら，忘れずにスタックを削除しよう．
    
 
    これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    S3 ハンズオン ​
    
 
    最後に， S3 の簡単なチュートリアルを紹介する． ハンズオンのソースコードは GitHub の handson/serverless/s3 に置いてある．
    
 
    figure_title が今回提供する S3 チュートリアルの概要である． STEP 1 として， AWS CDK を用いて S3 に新しい空のバケット (Bucket) を作成する． 続いて STEP 2 では，データのアップロード・ダウンロードの方法を解説する．
    
 
    S3 チュートリアルの概要
    
 
    このハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
    
 
    app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
    
-
    python
    class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+
    python
    class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
    class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
    class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
    
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
    
 
    s3.Bucket() を呼ぶことによって空のバケットが新規に作成される． 上記のコードだと，バケットの名前は自動生成される． もし，自分の指定した名前を与えたい場合は， bucket_name というパラメータを指定すればよい． その際， バケットの名前はユニークでなければならない (i.e. AWS のデプロイが行われるリージョン内で名前の重複がない) 点に注意しよう． もし，同じ名前のバケットが既に存在する場合はエラーが返ってくる．
    
 
    デフォルトでは， CloudFormation スタックが削除されたとき， S3 バケットとその中に保存されたファイルは削除されない． これは，大切なデータを誤って消してしまうことを防止するための安全策である． cdk destroy を実行したときにバケットも含めてすべて削除されるようにするには， removal_policy=core.RemovalPolicy.DESTROY, auto_delete_objects=True とパラメータを設定する． 結果もよく理解したうえで，自分の用途にあった適切なパラメータを設定しよう．
    
 
    デプロイ ​
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイを実行すると， figure_title のような出力が得られるはずである． ここで表示されている SimpleS3.BucketName = XXXX が，新しく作られたバケットの名前である (今回提供しているコードを使うとランダムな名前がバケットに割り当てられる）． これはあとで使うのでメモしておこう．
    
 
    デプロイ実行後の出力
    
 
    データの読み書き ​
    
 
    スタックのデプロイが完了したら，早速バケットにデータをアップロードしてみよう．
    
 
    まずは，以下のコマンドを実行して， tmp.txt という仮のファイルを生成する．
    
-
    sh
    $ echo "Hello world!" >> tmp.txt
    $ echo "Hello world!" >> tmp.txt
    
+
    sh
    $ echo "Hello world!" >> tmp.txt
    $ echo "Hello world!" >> tmp.txt
    
 
    ハンズオンのディレクトリにある simple_s3.py に boto3 ライブラリを使用した S3 のファイルのアップロード・ダウンロードのスクリプトが書いてある． simple_s3.py を使って，上で作成した tmp.txt を以下のコマンドによりバケットにアップロードする． XXXX のところは，自分自身のバケットの名前で置き換えること．
    
-
    sh
    $ python simple_s3.py XXXX upload tmp.txt
    $ python simple_s3.py XXXX upload tmp.txt
    
+
    sh
    $ python simple_s3.py XXXX upload tmp.txt
    $ python simple_s3.py XXXX upload tmp.txt
    
 
    simple_s3.py のアップロードを担当している部分を以下に抜粋する．
    
-
    python
    def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
+
    python
    def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if key is None:
-        key = os.path.basename(filename)
+    if key is None:
+        key = os.path.basename(filename)
 
-    bucket.upload_file(filename, key)
    def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
+    bucket.upload_file(filename, key)
    def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if key is None:
-        key = os.path.basename(filename)
+    if key is None:
+        key = os.path.basename(filename)
 
-    bucket.upload_file(filename, key)
    
+    bucket.upload_file(filename, key)
    
 
    bucket = s3.Bucket(bucket_name) の行で Bucket() オブジェクトを呼び出している． そして， upload_file() メソッドを呼ぶことでファイルのアップロードを実行している．
    
 
    S3 においてファイルの識別子として使われるのが Key である． これは，従来的なファイルシステムにおけるパス (Path) と相同な概念で，それぞれのファイルに固有な Key が割り当てられる必要がある． Key という呼び方は， S3 が Object storage と呼ばれるシステムに立脚していることに由来する． --key のオプションを追加して simple_s3.py を実行することで， Key を指定してアップロードを実行することができる．
    
-
    sh
    $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
    $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
    
+
    sh
    $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
    $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
    
 
    ここではアップロードされたファイルに a/b/tmp.txt という Key を割り当てている．
    
 
    ここまでコマンドを実行し終えたところで，一度 AWS コンソールに行き S3 の中身を確認してみよう． S3 のコンソールに行くと，バケットの一覧が見つかるはずである． その中から， simples3-bucket から始まるランダムな名前のついたバケットを探し，クリックする． するとバケットの中に含まれるファイルの一覧が表示される (figure_title)．
    
 
    S3 バケットの中のファイル一覧
    
 
    ここで実行した 2 つのコマンドによって， tmp.txt というファイルと， a/b/tmp.txt というファイルが見つかることに注目しよう． 従来的なファイルシステムと似た体験を提供するため， S3 では Key が "/" (スラッシュ) によって区切られていた場合，ツリー状の階層構造によってファイルを管理することができる．
    
 
    オブジェクトストレージには本来ディレクトリという概念はない． 上で紹介した "/" による階層づけはあくまでユーザー体験向上の目的のお化粧的な機能である．
    
 
    次に，バケットからファイルのダウンロードを実行してみよう． simple_s3.py を使って，以下のコマンドを実行すればよい． XXXX のところは，自分自身のバケットの名前で置き換えること．
    
-
    sh
    $ python simple_s3.py XXXX download tmp.txt
    $ python simple_s3.py XXXX download tmp.txt
    
+
    sh
    $ python simple_s3.py XXXX download tmp.txt
    $ python simple_s3.py XXXX download tmp.txt
    
 
    simple_s3.py のダウンロードを担当している部分を以下に抜粋する．
    
-
    python
    def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
+
    python
    def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if filename is None:
-        filename = os.path.basename(key)
+    if filename is None:
+        filename = os.path.basename(key)
 
-    bucket.download_file(key, filename)
    def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
+    bucket.download_file(key, filename)
    def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if filename is None:
-        filename = os.path.basename(key)
+    if filename is None:
+        filename = os.path.basename(key)
 
-    bucket.download_file(key, filename)
    
+    bucket.download_file(key, filename)
    
 
    S3 からのダウンロードはシンプルで， download_file() メソッドを使って，ダウンロードしたい対象の Key を指定すればよい． ローカルのコンピュータでの保存先のパスを 2 個目の引数として渡している．
    
 
    スタックの削除 ​
    
 
    以上のハンズオンで， S3 の一番基本的な使い方を紹介した． ここまでのハンズオンが理解できたら，忘れずにスタックを削除しよう． これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    ]]>
             Hands-on #5: サーバーレス入門 ​
 
    前章ではサーバーレスアーキテクチャの概要の説明を行った． 本章では，ハンズオン形式でサーバーレスクラウドを実際に動かしながら，具体的な使用方法を学んでいこう． 今回のハンズオンでは Lambda, S3, DynamoDB の三つのサーバーレスクラウドの構成要素に触れていく． それぞれについて，短いチュートリアルを用意してある．
    
@@ -30320,59 +30320,59 @@ import name
    
 
    Lambda チュートリアルの概要
    
 
    このハンズオンは，基本的に AWS Lambda の無料枠 の範囲内で実行することができる．
    
 
    app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
    
-
    python
    #
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
+
    python
    #
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
 
-class SimpleLambda(core.Stack):
+class SimpleLambda(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
    #
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
    #
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
 
-class SimpleLambda(core.Stack):
+class SimpleLambda(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
    
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
    
 
      
 
    • 
 
      ここで， Lambda で実行されるべき関数を定義している． これは非常に単純な関数で，2-5 秒のランダムな時間スリープした後，["salmon", "tuna", "squid"] のいずれかの文字列をランダムに選択し， "Welcome to Cloud Sushi. Your order is XXXX" (XXXX は選ばれた寿司のネタ) というメッセージをリターンする．
      
@@ -30404,25 +30404,25 @@ import name
    
 
    上記のプログラムを実行することで， Lambda 関数がクラウド上に作成される． 早速デプロイしてみよう．
    
 
    デプロイ ​
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleLambda.FunctionName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
    
 
    CDKデプロイ実行後の出力
    
 
    AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから，Lambda のページに行くと figure_title のような画面から Lambda の関数の一覧が確認できる．
    
@@ -30433,15 +30433,15 @@ import name
    
 
    Lambda 関数の実行 ​
    
 
    それでは，作成した Lambda 関数を実行 (invoke) してみよう． AWS の API を使うことで，関数の実行をスタートすることができる． 今回は， handson/serverless/lambda/invoke_one.py に関数を実行するための簡単なプログラムを提供している． 興味のある読者はコードを読んでもらいたい．
    
 
    以下のコマンドで，Lambda の関数を実行する． コマンドの XXXX の部分は，先ほどデプロイしたときに SimpleLambda.FunctionName = XXXX で得られた XXXX の文字列で置換する．
    
-
    sh
    $ python invoke_one.py XXXX
    $ python invoke_one.py XXXX
    
+
    sh
    $ python invoke_one.py XXXX
    $ python invoke_one.py XXXX
    
 
    すると， "Welcome to Cloud Sushi. Your order is salmon" という出力が得られるはずだ． とてもシンプルではあるが，クラウド上で先ほどの関数が走り，乱数が生成されたうえで，ランダムな寿司ネタが選択されて出力が返されている． このコマンドを何度か打ってみて，実行ごとに異なる寿司ネタが返されることを確認しよう．
    
 
    さて，このコマンドは，一度につき一回の関数を実行したわけであるが， Lambda の本領は一度に大量のタスクを同時に実行できる点である． そこで，今度は一度に 100 個のタスクを同時に送信してみよう． handson/serverless/lambda/invoke_many.py のスクリプトを使用する．
    
 
    次のコマンドを実行しよう． XXXX の部分は前述と同様に置き換える． 第二引数の 100 は 100 個のタスクを投入せよ，という意味である．
    
-
    sh
    $ python invoke_many.py XXXX 100
    $ python invoke_many.py XXXX 100
    
+
    sh
    $ python invoke_many.py XXXX 100
    $ python invoke_many.py XXXX 100
    
 
    すると次のような出力が得られるはずだ．
    
-
    sh
    ....................................................................................................
-Submitted 100 tasks to Lambda!
    ....................................................................................................
-Submitted 100 tasks to Lambda!
    
+
    sh
    ....................................................................................................
+Submitted 100 tasks to Lambda!
    ....................................................................................................
+Submitted 100 tasks to Lambda!
    
 
    実際に，100 個のタスクが同時に実行されていることを確認しよう． figure_title の画面に戻り， "Monitoring" というタブがあるので，それをクリックする． すると， figure_title のようなグラフが表示されるだろう．
    
 
    Lambda コンソール - 関数の実行のモニタリング
    
 
    figure_title のグラフの更新には数分かかることがあるので，なにも表示されない場合は少し待つ．
    
@@ -30451,44 +30451,44 @@ import name
    
 
    興味がある人は，一気に 1000 個などのジョブを投入してみるとよい． Lambda はそのような大量のリクエストにも対応できることが確認できるだろう． が，あまりやりすぎると Lambda の無料利用枠を超えて料金が発生してしまうので注意．
    
 
    スタックの削除 ​
    
 
    最後にスタックを削除しよう． スタックを削除するには，次のコマンドを実行すればよい．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    DynamoDB ハンズオン ​
    
 
    続いて， DynamoDB の簡単なチュートリアルをやってみよう． ハンズオンのソースコードは GitHub の /handson/serverless/dynamodb に置いてある．
    
 
    このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して DynamoDB のテーブルを初期化し，デプロイする． 続いて STEP 2 では， API を使用してデータベースのデータの書き込み・読み出し・削除などの操作を練習する．
    
 
    DynamoDB チュートリアルの概要
    
 
    このハンズオンは，基本的に AWS DynamoDB の無料枠 の範囲内で実行できる．
    
 
    handson/serverless/dynamodb/app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
    
-
    python
    class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+
    python
    class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
    class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
    class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
    
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
    
 
    このコードで，最低限の設定がなされた空の DynamoDB テーブルが作成される． それぞれのパラメータの意味を簡単に解説しよう．
    
 
      
 
    • 
@@ -30503,25 +30503,25 @@ import name
    
 
 
    デプロイ ​
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleDynamoDb.TableName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
    
 
    CDKデプロイ実行後の出力
    
 
    AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから， DynamoDB のページに行き，左のメニューバーから "Tables" を選択する． すると， figure_title のような画面からテーブルの一覧が確認できる．
    
@@ -30531,167 +30531,167 @@ import name
    
 
    データの読み書き ​
    
 
    それでは， デプロイ で作ったテーブルを使ってデータの読み書きを実践してみよう． ここでは Python と boto3 ライブラリを用いた方法を紹介する．
    
 
    まずは，テーブルに新しい要素を追加してみよう． ハンズオンのディレクトリにある simple_write.py を開いてみよう． 中には次のような関数が書かれている．
    
-
    python
    import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
+
    python
    import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
 
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
    import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
    import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
 
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
    
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
    
 
    コードを上から読んでいくと，まず最初に boto3 ライブラリをインポートし， dynamodb のリソースを呼び出している． write_item() 関数は， DynamoDB のテーブルの名前 (上で見た SimpleDynamoDb-XXXX) を引数として受け取る． そして， put_item() メソッドを呼ぶことで，新しいアイテムを DB に書き込んでいる． アイテムには item_id, first_name, last_name, age の 4 つの属性が定義されている． ここで， item_id は先ほど説明した Partition key に相当しており， UUID4 を用いたランダムな文字列を割り当てている．
    
 
    では， simple_write.py を実行してみよう． "XXXX" の部分を自分がデプロイしたテーブルの名前 (SimpleDynamoDb で始まる文字列) に置き換えたうえで，次のコマンドを実行する．
    
-
    sh
    $ python simple_write.py XXXX
    $ python simple_write.py XXXX
    
+
    sh
    $ python simple_write.py XXXX
    $ python simple_write.py XXXX
    
 
    新しい要素が正しく書き込めたか， AWS コンソールから確認してみよう． figure_title と同じ手順で，テーブルの中身の要素の一覧を表示する． すると figure_title のように，期待通り新しい要素が見つかるだろう．
    
 
    DynamoDB に新しい要素が追加されたことを確認
    
 
    boto3 を使ってテーブルから要素を読みだすことも可能である． ハンズオンのディレクトリにある simple_read.py を見てみよう．
    
-
    python
    import boto3
-ddb = boto3.resource('dynamodb')
+
    python
    import boto3
+ddb = boto3.resource('dynamodb')
 
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
    import boto3
-ddb = boto3.resource('dynamodb')
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
    import boto3
+ddb = boto3.resource('dynamodb')
 
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
    
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
    
 
    table.scan().get("Items") によって，テーブルの中にあるすべての要素を読みだしている．
    
 
    次のコマンドで，このスクリプトを実行してみよう ("XXXX" の部分を正しく置き換えることを忘れずに）．
    
-
    sh
    $ python simple_read.py XXXX
    $ python simple_read.py XXXX
    
+
    sh
    $ python simple_read.py XXXX
    $ python simple_read.py XXXX
    
 
    先ほど書き込んだ要素が出力されることを確認しよう．
    
 
    大量のデータの読み書き ​
    
 
    DynamoDB の利点は，最初に述べたとおり，負荷に応じて自在にその処理能力を拡大できる点である．
    
 
    そこで，ここでは一度に大量のデータを書き込む場合をシミュレートしてみよう． batch_rw.py に，一度に大量の書き込みを実行するためのプログラムが書いてある．
    
 
    次のコマンドを実行してみよう (XXXX は自分のテーブルの名前に置き換える)．
    
-
    sh
    $ python batch_rw.py XXXX write 1000
    $ python batch_rw.py XXXX write 1000
    
+
    sh
    $ python batch_rw.py XXXX write 1000
    $ python batch_rw.py XXXX write 1000
    
 
    このコマンドを実行することで，ランダムなデータが 1000 個データベースに書き込まれる．
    
 
    さらに，データベースの検索をかけてみよう． 今回書き込んだデータには age という属性に 1 から 50 のランダムな整数が割り当てられている． age が 2 以下であるような要素だけを検索し拾ってくるには，次のコマンドを実行すればよい．
    
-
    sh
    $ python batch_rw.py XXXX search_under_age 2
    $ python batch_rw.py XXXX search_under_age 2
    
+
    sh
    $ python batch_rw.py XXXX search_under_age 2
    $ python batch_rw.py XXXX search_under_age 2
    
 
    上の 2 つのコマンドを何回か繰り返し実行してみて，データベースに負荷をかけてみよう． とくに大きな遅延なく結果が返ってくることが確認できるだろう．
    
 
    スタックの削除 ​
    
 
    DynamoDB で十分に遊ぶことができたら，忘れずにスタックを削除しよう．
    
 
    これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    S3 ハンズオン ​
    
 
    最後に， S3 の簡単なチュートリアルを紹介する． ハンズオンのソースコードは GitHub の handson/serverless/s3 に置いてある．
    
 
    figure_title が今回提供する S3 チュートリアルの概要である． STEP 1 として， AWS CDK を用いて S3 に新しい空のバケット (Bucket) を作成する． 続いて STEP 2 では，データのアップロード・ダウンロードの方法を解説する．
    
 
    S3 チュートリアルの概要
    
 
    このハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
    
 
    app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
    
-
    python
    class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+
    python
    class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
    class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
    class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
    
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
    
 
    s3.Bucket() を呼ぶことによって空のバケットが新規に作成される． 上記のコードだと，バケットの名前は自動生成される． もし，自分の指定した名前を与えたい場合は， bucket_name というパラメータを指定すればよい． その際， バケットの名前はユニークでなければならない (i.e. AWS のデプロイが行われるリージョン内で名前の重複がない) 点に注意しよう． もし，同じ名前のバケットが既に存在する場合はエラーが返ってくる．
    
 
    デフォルトでは， CloudFormation スタックが削除されたとき， S3 バケットとその中に保存されたファイルは削除されない． これは，大切なデータを誤って消してしまうことを防止するための安全策である． cdk destroy を実行したときにバケットも含めてすべて削除されるようにするには， removal_policy=core.RemovalPolicy.DESTROY, auto_delete_objects=True とパラメータを設定する． 結果もよく理解したうえで，自分の用途にあった適切なパラメータを設定しよう．
    
 
    デプロイ ​
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに ( (#aws_cli_install))．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイを実行すると， figure_title のような出力が得られるはずである． ここで表示されている SimpleS3.BucketName = XXXX が，新しく作られたバケットの名前である (今回提供しているコードを使うとランダムな名前がバケットに割り当てられる）． これはあとで使うのでメモしておこう．
    
 
    デプロイ実行後の出力
    
 
    データの読み書き ​
    
 
    スタックのデプロイが完了したら，早速バケットにデータをアップロードしてみよう．
    
 
    まずは，以下のコマンドを実行して， tmp.txt という仮のファイルを生成する．
    
-
    sh
    $ echo "Hello world!" >> tmp.txt
    $ echo "Hello world!" >> tmp.txt
    
+
    sh
    $ echo "Hello world!" >> tmp.txt
    $ echo "Hello world!" >> tmp.txt
    
 
    ハンズオンのディレクトリにある simple_s3.py に boto3 ライブラリを使用した S3 のファイルのアップロード・ダウンロードのスクリプトが書いてある． simple_s3.py を使って，上で作成した tmp.txt を以下のコマンドによりバケットにアップロードする． XXXX のところは，自分自身のバケットの名前で置き換えること．
    
-
    sh
    $ python simple_s3.py XXXX upload tmp.txt
    $ python simple_s3.py XXXX upload tmp.txt
    
+
    sh
    $ python simple_s3.py XXXX upload tmp.txt
    $ python simple_s3.py XXXX upload tmp.txt
    
 
    simple_s3.py のアップロードを担当している部分を以下に抜粋する．
    
-
    python
    def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
+
    python
    def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if key is None:
-        key = os.path.basename(filename)
+    if key is None:
+        key = os.path.basename(filename)
 
-    bucket.upload_file(filename, key)
    def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
+    bucket.upload_file(filename, key)
    def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if key is None:
-        key = os.path.basename(filename)
+    if key is None:
+        key = os.path.basename(filename)
 
-    bucket.upload_file(filename, key)
    
+    bucket.upload_file(filename, key)
    
 
    bucket = s3.Bucket(bucket_name) の行で Bucket() オブジェクトを呼び出している． そして， upload_file() メソッドを呼ぶことでファイルのアップロードを実行している．
    
 
    S3 においてファイルの識別子として使われるのが Key である． これは，従来的なファイルシステムにおけるパス (Path) と相同な概念で，それぞれのファイルに固有な Key が割り当てられる必要がある． Key という呼び方は， S3 が Object storage と呼ばれるシステムに立脚していることに由来する． --key のオプションを追加して simple_s3.py を実行することで， Key を指定してアップロードを実行することができる．
    
-
    sh
    $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
    $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
    
+
    sh
    $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
    $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
    
 
    ここではアップロードされたファイルに a/b/tmp.txt という Key を割り当てている．
    
 
    ここまでコマンドを実行し終えたところで，一度 AWS コンソールに行き S3 の中身を確認してみよう． S3 のコンソールに行くと，バケットの一覧が見つかるはずである． その中から， simples3-bucket から始まるランダムな名前のついたバケットを探し，クリックする． するとバケットの中に含まれるファイルの一覧が表示される (figure_title)．
    
 
    S3 バケットの中のファイル一覧
    
 
    ここで実行した 2 つのコマンドによって， tmp.txt というファイルと， a/b/tmp.txt というファイルが見つかることに注目しよう． 従来的なファイルシステムと似た体験を提供するため， S3 では Key が "/" (スラッシュ) によって区切られていた場合，ツリー状の階層構造によってファイルを管理することができる．
    
 
    オブジェクトストレージには本来ディレクトリという概念はない． 上で紹介した "/" による階層づけはあくまでユーザー体験向上の目的のお化粧的な機能である．
    
 
    次に，バケットからファイルのダウンロードを実行してみよう． simple_s3.py を使って，以下のコマンドを実行すればよい． XXXX のところは，自分自身のバケットの名前で置き換えること．
    
-
    sh
    $ python simple_s3.py XXXX download tmp.txt
    $ python simple_s3.py XXXX download tmp.txt
    
+
    sh
    $ python simple_s3.py XXXX download tmp.txt
    $ python simple_s3.py XXXX download tmp.txt
    
 
    simple_s3.py のダウンロードを担当している部分を以下に抜粋する．
    
-
    python
    def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
+
    python
    def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if filename is None:
-        filename = os.path.basename(key)
+    if filename is None:
+        filename = os.path.basename(key)
 
-    bucket.download_file(key, filename)
    def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
+    bucket.download_file(key, filename)
    def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if filename is None:
-        filename = os.path.basename(key)
+    if filename is None:
+        filename = os.path.basename(key)
 
-    bucket.download_file(key, filename)
    
+    bucket.download_file(key, filename)
    
 
    S3 からのダウンロードはシンプルで， download_file() メソッドを使って，ダウンロードしたい対象の Key を指定すればよい． ローカルのコンピュータでの保存先のパスを 2 個目の引数として渡している．
    
 
    スタックの削除 ​
    
 
    以上のハンズオンで， S3 の一番基本的な使い方を紹介した． ここまでのハンズオンが理解できたら，忘れずにスタックを削除しよう． これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    ]]>
         
         
@@ -30750,7 +30750,7 @@ import name
    
 
    ハンズオン実行用の Docker Image ​
    
 
    Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもクローン済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
    
 
    次のコマンドで起動する．
    
-
    sh
    $ docker run -it tomomano/labc
    $ docker run -it tomomano/labc
    
+
    sh
    $ docker run -it tomomano/labc
    $ docker run -it tomomano/labc
    
 
    この Docker image の使い方や詳細は (#sec_handson_docker) に記載している．
    
 
    前提知識 ​
    
 
    本書を読むにあたり，要求する前提知識は大学初等程度の計算機科学の知識 (OS，プログラミングなど)のみである． それ以上の前提知識はとくに仮定しない． クラウドの利用経験もゼロで問題ない． が，以下の事前知識があるとよりスムーズに理解をすることができるだろう．
    
@@ -30830,7 +30830,7 @@ import name
    
 
    ハンズオン実行用の Docker Image ​
    
 
    Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもクローン済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
    
 
    次のコマンドで起動する．
    
-
    sh
    $ docker run -it tomomano/labc
    $ docker run -it tomomano/labc
    
+
    sh
    $ docker run -it tomomano/labc
    $ docker run -it tomomano/labc
    
 
    この Docker image の使い方や詳細は (#sec_handson_docker) に記載している．
    
 
    前提知識 ​
    
 
    本書を読むにあたり，要求する前提知識は大学初等程度の計算機科学の知識 (OS，プログラミングなど)のみである． それ以上の前提知識はとくに仮定しない． クラウドの利用経験もゼロで問題ない． が，以下の事前知識があるとよりスムーズに理解をすることができるだろう．
    
@@ -30932,7 +30932,7 @@ import name
    
 
    ハンズオン実行用の Docker Image ​
    
 
    Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもクローン済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
    
 
    次のコマンドで起動する．
    
-
    sh
    $ docker run -it tomomano/labc
    $ docker run -it tomomano/labc
    
+
    sh
    $ docker run -it tomomano/labc
    $ docker run -it tomomano/labc
    
 
    この Docker image の使い方や詳細は ハンズオン実行用の Docker image の使い方 に記載している．
    
 
    前提知識 ​
    
 
    本書を読むにあたり，要求する前提知識は大学初等程度の計算機科学の知識 (OS，プログラミングなど)のみである． それ以上の前提知識はとくに仮定しない． クラウドの利用経験もゼロで問題ない． が，以下の事前知識があるとよりスムーズに理解をすることができるだろう．
    
@@ -31099,44 +31099,44 @@ import name
    
 
 
    具体的な API の使用例を見てみよう．
    
 
    S3 に新しい保存領域 (Bucket (バケット) とよばれる) を追加したいとしよう． AWS CLI を使った場合は，次のようなコマンドを打てばよい．
    
-
    sh
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    
+
    sh
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    
 
    上記のコマンドは， my-bucket という名前のバケットを， ap-northeast-1 のリージョンに作成する．
    
 
    Python からこれと同じ操作を実行するには， boto3 ライブラリを使って，次のようなスクリプトを実行する．
    
-
    python
    import boto3
+
    python
    import boto3
 
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
    import boto3
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
    import boto3
 
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
    
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
    
 
    もう一つ例をあげよう．
    
 
    新しい EC2 のインスタンス(インスタンスとは，起動状態にある仮想サーバーの意味である)を起動するには，次のようなコマンドを打てば良い．
    
-
    sh
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    
+
    sh
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    
 
    このコマンドにより， t2.micro というタイプ (1 vCPU, 1.0 GB RAM) のインスタンスが起動する． ここではその他のパラメータの詳細の説明は省略する (ハンズオン (Hands-on #1: 初めての EC2 インスタンスを起動する) で詳しく解説する)．
    
 
    Python から上記と同じ操作を実行するには，以下のようなスクリプトを使う．
    
-
    python
    import boto3
+
    python
    import boto3
 
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
    import boto3
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
    import boto3
 
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
    
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
    
 
    以上の例を通じて，API によるクラウドのリソースの操作のイメージがつかめてきただろうか？ コマンド一つで，新しい仮想サーバーを起動したり，データの保存領域を追加したり，任意の操作を実行できるわけである． 基本的に，このようなコマンドを複数組み合わせていくことで，自分の望む CPU・RAM・ネットワーク・ストレージが備わった計算環境を構築することができる． もちろん，逆の操作 (リソースの削除) も API を使って実行できる．
    
 
    ミニ・ハンズオン: AWS CLI を使ってみよう ​
    
 
    ここでは，ミニ・ハンズオンとして，AWS CLI を実際に使ってみる． AWS CLI は先述のとおり， AWS 上の任意のリソースの操作が可能であるが，ここでは一番シンプルな，S3 を使ったファイルの読み書きを実践する (EC2 の操作は少し複雑なので，第一回ハンズオンで行う)． aws s3 コマンドの詳しい使い方は 公式ドキュメンテーションを参照．
    
@@ -31144,34 +31144,34 @@ import name
    
 
    以下に紹介するハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
    
 
    以下のコマンドを実行する前に，AWS の認証情報が正しく設定されていることを確認する． これには ~/.aws/credentials のファイルに設定が書き込まれているか，環境変数 (AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION) が定義されている必要がある． 詳しくは AWS CLI のインストール を参照．
    
 
    まずは，S3 にデータの格納領域 (Bucket とよばれる．一般的な OS での"ドライブ"に相当する) を作成するところから始めよう．
    
-
    sh
    $ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://${bucketName}"
    $ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://${bucketName}"
    
+
    sh
    $ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://${bucketName}"
    $ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://${bucketName}"
    
 
    S3 のバケットの名前は， AWS 全体で一意的でなければならないことから，前述のコマンドではランダムな文字列を含んだバケットの名前を生成し，bucketName という変数に格納している． そして， aws s3 mb (mb は make bucket の略) によって，新しいバケットを作成する．
    
 
    次に，バケットの一覧を取得してみよう．
    
-
    sh
    $ aws s3 ls
+
    sh
    $ aws s3 ls
 
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    $ aws s3 ls
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    $ aws s3 ls
 
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    
 
    先ほど作成したバケットがリストにあることを確認できる．
    
 
    本書のノーテーションとして，コマンドラインに入力するコマンドは，それがコマンドであると明示する目的で先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力は $ なしで表示されている．
    
 
    次に，バケットにファイルをアップロードする．
    
-
    sh
    $ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    $ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    
+
    sh
    $ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    $ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    
 
    上では hello_world.txt というダミーのファイルを作成して，それをアップロードした．
    
 
    それでは，バケットの中にあるファイルの一覧を取得してみる．
    
-
    sh
    $ aws s3 ls "s3://${bucketName}" --human-readable
+
    sh
    $ aws s3 ls "s3://${bucketName}" --human-readable
 
-2020-06-07 23:54:19   13 Bytes hello_world.txt
    $ aws s3 ls "s3://${bucketName}" --human-readable
+2020-06-07 23:54:19   13 Bytes hello_world.txt
    $ aws s3 ls "s3://${bucketName}" --human-readable
 
-2020-06-07 23:54:19   13 Bytes hello_world.txt
    
+2020-06-07 23:54:19   13 Bytes hello_world.txt
    
 
    先ほどアップロードしたファイルがたしかに存在することがわかる．
    
 
    最後に，使い終わったバケットを削除する．
    
-
    sh
    $ aws s3 rb "s3://${bucketName}" --force
    $ aws s3 rb "s3://${bucketName}" --force
    
+
    sh
    $ aws s3 rb "s3://${bucketName}" --force
    $ aws s3 rb "s3://${bucketName}" --force
    
 
    rb は remove bucket の略である． デフォルトでは，バケットの中にファイルが存在すると削除できない． 空でないバケットを強制的に削除するには --force のオプションを付ける．
    
 
    以上のように，AWS CLI を使って S3 バケットに対しての一連の操作を実行できた． EC2 や Lambda, DynamoDB などについても同様に AWS CLI を使ってあらゆる操作を実行できる．
    
 
    Amazon Resource Name (ARN)
    
@@ -31187,120 +31187,120 @@ import name
    
 
    そのような観点から，インフラを記述するプログラムとタスクを実行するプログラムはある程度分けて管理されるべきである． クラウドの開発は，クラウドの(静的な)リソースを記述するプログラムを作成するステップと，インフラ上で動く動的な操作を行うプログラムを作成するステップの二段階に分けて考えることができる．
    
 
    AWS での静的リソースを管理するための仕組みが， CloudFormation である． CloudFormation とは， CloudFormation の文法に従ったテキストファイルを使って，AWS のインフラを記述する仕組みである． CloudFormation を使って，たとえば，EC2 のインスタンスをどれくらいのスペックで，何個起動するか，インスタンス間はどのようなネットワークで結び，どのようなアクセス権限を付与するか，などのリソースの要件を逐次的に記述することができる． 一度 CloudFormation ファイルができ上がれば，それにしたがったクラウドシステムをコマンド一つで AWS 上に展開することができる． また，CloudFormation ファイルを交換することで，全く同一のクラウド環境を他者が簡単に再現することも可能になる． このように，本来は物理的な実体のあるハードウェアを，プログラムによって記述し，管理するという考え方を，**Infrastructure as Code (IaC)**とよぶ．
    
 
    CloudFormation を記述するには，基本的に JSON (JavaScript Object Notation) とよばれるフォーマットを使う． 次のコードは，JSON で記述された CloudFormation ファイルの一例 (抜粋) である．
    
-
    json
    "Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\n",
-                     "yum update -y aws-cfn-bootstrap\n",
+
    json
    "Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\n",
+                     "yum update -y aws-cfn-bootstrap\n",
 
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
 
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
    "Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\n",
-                     "yum update -y aws-cfn-bootstrap\n",
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
    "Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\n",
+                     "yum update -y aws-cfn-bootstrap\n",
 
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
 
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
    
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
    
 
    ここでは， "WebServer" という名前のつけられた EC2 インスタンスを定義している．かなり長大で複雑な記述であるが，これによって所望のスペック・OS をもつ EC2 インスタンスを自動的に生成することが可能になる．
    
 
    AWS CDK ​
    
 
    前節で紹介した CloudFormation は，見てわかるとおり大変記述が複雑であり，またそれのどれか一つにでも誤りがあってはいけない． また，基本的に"テキスト"を書いていくことになるので，プログラミング言語で使うような変数やクラスといった便利な概念が使えない　(厳密には， CloudFormation にも変数に相当するような機能は存在する)． また，記述の多くの部分は繰り返しが多く，自動化できる部分も多い．
    
 
    そのような悩みを解決してくれるのが， AWS Cloud Development Kit (CDK) である． CDK は Python などのプログラミング言語を使って CloudFormation を自動的に生成してくれるツールである． CDK は 2019 年にリリースされたばかりの比較的新しいツールで，日々改良が進められている (GitHub リポジトリ のリリースを見ればその開発のスピードの速さがわかるだろう)． CDK は TypeScript (JavaScript), Python, Java など複数の言語でサポートされている．
    
 
    CDK を使うことで，CloudFormation に相当するクラウドリソースの記述を，より親しみのあるプログラミング言語を使って行うことができる． かつ，典型的なリソース操作に関してはパラメータの多くの部分を自動で決定してくれるので，記述しなければならない量もかなり削減される．
    
 
    以下に Python を使った CDK のコードの一例 (抜粋) を示す．
    
-
    python
    from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
+
    python
    from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
 
-class MyFirstEc2(core.Stack):
+class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
 
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
 
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
    from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
    from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
 
-class MyFirstEc2(core.Stack):
+class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
 
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
 
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
    
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
    
 
    このコードは，一つ前に示した JSON を使った CloudFormation と実質的に同じことを記述している． とても煩雑だった CloudFormation ファイルに比べて， CDK と Python を使うことで格段に短く，わかりやすく記述できることができるのがわかるだろう．
    
 
    本書の主題は，CDK を使って，コードを書きながら AWS の概念や開発方法を学んでいくことである． 後の章では CDK を使って様々なハンズオンを実施していく． 早速，最初のハンズオンでは， CDK を使って EC2 インスタンスを作成する方法を学んでいこう．
    
 
      
@@ -31319,7 +31319,7 @@ import name
    
 
  • AWS CDK: AWS CDK のインストールについては， AWS CDK のインストール を参照．
    • 
 
  • ソースコードのダウンロード: 本ハンズオンで使用するプログラムのソースコードを，以下のコマンドを使って GitHub からダウンロードする．
    • 
 
-
    sh
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    
+
    sh
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    
 
    あるいは， https://github.com/tomomano/learn-aws-by-coding のページに行って，右上のダウンロードボタンからダウンロードすることもできる．
    
 
    Docker を使用する場合
    
 
    Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもパッケージ済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
    
@@ -31328,95 +31328,95 @@ import name
    
 
    SSH (secure shell) は Unix 系のリモートサーバーに安全にアクセスするためのツールである． 本ハンズオンでは， SSH を使って仮想サーバーにアクセスする． SSH に慣れていない読者のため，簡単な説明をここで行おう．
    
 
    SSH による通信はすべて暗号化されているので，機密情報をインターネットを介して安全に送受信することができる． 本ハンズオンで，リモートのサーバーにアクセスするための SSH クライアントがローカルマシンにインストールされている必要がある． SSH クライアントは Linux/Mac には標準搭載されている． Windows の場合は WSL をインストールすることで SSH クライアントを利用することを推奨する (環境構築 を参照)．
    
 
    SSH コマンドの基本的な使い方を次に示す． <host name> はアクセスする先のサーバーの IP アドレスや DNS によるホストネームが入る． <user name> は接続する先のユーザー名である．
    
-
    sh
    $ ssh <user name>@<host name>
    $ ssh <user name>@<host name>
    
+
    sh
    $ ssh <user name>@<host name>
    $ ssh <user name>@<host name>
    
 
    SSH は平文のパスワードによる認証を行うこともできるが，より強固なセキュリティを施すため，公開鍵暗号方式(Public Key Cryptography)による認証を行うことが強く推奨されており， EC2 はこの方法でしかアクセスを許していない． 公開鍵暗号方式の仕組みについては各自勉強してほしい． 本ハンズオンにおいて大事なことは，EC2 インスタンスが公開鍵(Public key)を保持し，クライアントとなるコンピュータ(読者自身のコンピュータ)が秘密鍵(Private key)を保持する，という点である． EC2 のインスタンスには秘密鍵を持ったコンピュータのみがアクセスすることができる．逆に言うと，秘密鍵が漏洩すると第三者もサーバーにアクセスできることになるので，秘密鍵は絶対に漏洩することのないよう注意して管理する．
    
 
    SSH コマンドでは，ログインのために使用する秘密鍵ファイルを -i もしくは --identity_file のオプションで指定することができる． たとえば，次のように使う．
    
-
    sh
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    
+
    sh
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    
 
    アプリケーションの説明 ​
    
 
    このハンズオンで作成するアプリケーションの概要を figure_title に示す．
    
 
    ハンズオン#1で作製するアプリケーションのアーキテクチャ
    
 
    このアプリケーションではまず，VPC (Virtual Private Cloud) を使ってプライベートな仮想ネットワーク環境を立ち上げている． その VPC の public subnet の内側に，EC2 (Elatic Compute Cloud) の仮想サーバーを配置する． さらに，セキュリティのため， Security Group による EC2 インスタンスへのアクセス制限を設定している． このようにして作成された仮想サーバーに，SSH を使ってアクセスし，簡単な計算を行う．
    
 
    figure_title のようなアプリケーションを，CDK を使って構築する．
    
 
    早速ではあるが，今回のハンズオンで使用するプログラムを見てみよう (handson/ec2-get-started/app.py)．
    
-
    python
    class MyFirstEc2(core.Stack):
+
    python
    class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    class MyFirstEc2(core.Stack):
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    
 
      
 
    • 
 
      まず最初に，VPC を定義する．
      
@@ -31435,29 +31435,29 @@ import name
    
 
    VPC は AWS 上にプライベートな仮想ネットワーク環境を構築するツールである．高度な計算システムを構築するには，複数のサーバーを連動させて計算を行う必要があるが，そのような場合に互いのアドレスなどを管理する必要があり，そういった目的で VPC は有用である．
    
 
    本ハンズオンでは，サーバーは一つしか起動しないので，VPC の恩恵はよく分からないかもしれない．しかし，EC2 インスタンスは必ず VPC の中に配置されなければならない，という制約があるので，このハンズオンでもミニマルな VPC を構成している．
    
 
    興味のある読者のために，VPC のコードについてもう少し詳しく説明しよう．
    
-
    python
    vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
    vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
    
+
    python
    vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
    vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
    
 
      
 
    • 
 
      max_azs=1 : このパラメータは，前章で説明した avaialibility zone (AZ) を設定している． このハンズオンでは，特にデータセンターの障害などを気にする必要はないので 1 にしている．
      
@@ -31475,23 +31475,23 @@ import name
    
 
    Security Group ​
    
 
    Security group (SG) は， EC2 インスタンスに付与することのできる仮想ファイアーウォールである． たとえば，特定の IP アドレスから来た接続を許可・拒絶したり　(インバウンド・トラフィックの制限) ，逆に特定の IP アドレスへのアクセスを禁止したり (アウトバウンド・トラフィックの制限) することができる．
    
 
    コードの該当部分を見てみよう．
    
-
    python
    sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
    sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
    
+
    python
    sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
    sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
    
 
    本ハンズオンでは， SSH による外部からの接続を許容するため， sg.add_ingress_rule(peer=ec2.Peer.any_ipv4(), connection=ec2.Port.tcp(22)) により，すべての IPv4 アドレスからのポート 22 番へのアクセスを許容している． また， SSH で EC2 インスタンスにログインしたのち，インターネットからプログラムなどをダウンロードできるよう， allow_all_outbound=True のパラメータを設定している．
    
 
    SSH はデフォルトでは 22 番ポートを使用するのが慣例である．
    
 
    セキュリティ上の観点からは，SSH の接続は自宅や大学・職場など特定の地点からの接続のみを許す方が望ましい．
    
@@ -31506,23 +31506,23 @@ import name
    
 
    table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
    
 
    上記で t2.micro の $0.0116 / hour という金額は， On-demand インスタンスというタイプを選択した場合の価格である． EC2 ではほかに， Spot instance とよばれるインスタンスも存在しする． Spot instance は，AWS のデータセンターの負荷が増えた場合，ユーザーのプログラムが実行中であっても AWS の判断により強制シャットダウンされる，という不便さを抱えているのだが，その分大幅に安い料金設定になっている． AWS で一時的に生じた余剰な空き CPU をユーザーに割安で貸し出す，という発想である． 科学計算やウェブサーバーなどの用途でコストを削減する目的で， Spot Instance を活用する事例も多数報告されている．
    
 
    EC2 インスタンスを定義しているコードの該当部分を見てみよう．
    
-
    python
    host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
    host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
    
+
    python
    host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
    host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
    
 
    ここでは， t2.micro というインスタンスタイプを選択している． さらに， machine_image として， Amazon Linux を選択している (Machine image は OS と似た概念である． Machine image については， Hands-on #2: AWS でディープラーニングを実践 でより詳しく触れる)． さらに，上で定義した VPC, SG をこのインスタンスに付与している．
    
 
    以上が，今回使用するプログラムの簡単な解説であった． ミニマルな形のプログラムではあるが，仮想サーバーを作成するのに必要なステップがおわかりいただけただろうか？
    
 
    プログラムを実行する ​
    
@@ -31530,13 +31530,13 @@ import name
    
 
    Python の依存ライブラリのインストール ​
    
 
    まずは，Python の依存ライブラリをインストールする．以下では，Python のライブラリを管理するツールとして， venv を使用する．
    
 
    まずは， handson/ec2-get-started のディレクトリに移動しよう．
    
-
    sh
    $ cd handson/ec2-get-started
    $ cd handson/ec2-get-started
    
+
    sh
    $ cd handson/ec2-get-started
    $ cd handson/ec2-get-started
    
 
    ディレクトリを移動したら， venv で新しい仮想環境を作成し，インストールを実行する．
    
-
    sh
    $ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
    $ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
    
+
    sh
    $ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
    $ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
    
 
    これで Python の環境構築は完了だ．
    
 
    venv の簡単な説明は Python クイックガイド に記述してある．
    
 
    環境によっては pip ではなく pip3 あるいは python3 -m pip に置き換える必要がある．
    
@@ -31546,21 +31546,21 @@ import name
    
 
    SSH 鍵を生成 ​
    
 
    EC2 インスタンスには SSH を使ってログインする． EC2 インスタンスを作成するのに先行して，今回のハンズオンで専用に使う SSH の公開鍵・秘密鍵のペアを準備する必要がある．
    
 
    次の AWS CLI コマンドにより， HirakeGoma という名前のついた鍵を生成する．
    
-
    sh
    $ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
    $ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
    
+
    sh
    $ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
    $ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
    
 
    このコマンドを実行すると，現在のディレクトリに HirakeGoma.pem というファイルが作成される．これが，サーバーにアクセスするための秘密鍵である． SSH でこの鍵を使うため， ~/.ssh/ のディレクトリに鍵を移動する． さらに，秘密鍵が書き換えられたり第三者に閲覧されないよう，ファイルのアクセス権限を 400 に設定する．
    
-
    sh
    $ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
    $ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
    
+
    sh
    $ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
    $ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
    
 
    デプロイを実行 ​
    
 
    これまでのステップで， EC2 インスタンスをデプロイするための準備が整った！ 早速，次のコマンドによりアプリケーションを AWS にデプロイしよう． -c key_name="HirakeGoma" というオプションで，先ほど生成した HirakeGoma という名前の鍵を使うよう指定している．
    
-
    sh
    $ cdk deploy -c key_name="HirakeGoma"
    $ cdk deploy -c key_name="HirakeGoma"
    
+
    sh
    $ cdk deploy -c key_name="HirakeGoma"
    $ cdk deploy -c key_name="HirakeGoma"
    
 
    このコマンドを実行すると， VPC， EC2 などが AWS 上に展開される． そして，コマンドの出力の最後に figure_title のような出力が得られるはずである． 出力の中で InstancePublicIp に続く数字が，起動したインスタンスのパブリック IP アドレスである． IP アドレスはデプロイごとにランダムなアドレスが割り当てられる．
    
 
    CDKデプロイ実行後の出力
    
 
    SSH でログイン ​
    
 
    早速，SSH 　で接続してみよう．
    
-
    sh
    $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
    $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
    
+
    sh
    $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
    $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
    
 
    -i オプションで，先ほど生成した秘密鍵を指定している． EC2 インスタンスにはデフォルトで ec2-user という名前のユーザーが作られているので，それを使用する． 最後に， <IP address> の部分は自身が作成した EC2 インスタンスの IP アドレスで置き換える (12.345.678.9 など）．
    
 
    ログインに成功すると， figure_title のような画面が表示される． リモートのサーバーにログインしているので，プロンプトが [ec2-user@ip-10-10-1-217 ~]$ のようになっていることを確認しよう．
    
 
    SSH で EC2 インスタンスにログイン
    
@@ -31568,69 +31568,69 @@ import name
    
 
    起動した EC2 インスタンスで遊んでみる ​
    
 
    せっかく新しいインスタンスを起動したので，少し遊んでみよう．
    
 
    ログインした EC2 インスタンスで，次のコマンドを実行してみよう． CPU の情報を取得することができる．
    
-
    sh
    $ cat /proc/cpuinfo
+
    sh
    $ cat /proc/cpuinfo
 
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
    $ cat /proc/cpuinfo
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
    $ cat /proc/cpuinfo
 
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
    
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
    
 
    次に，実行中のプロセスやメモリの消費を見てみよう．
    
-
    sh
    $  top -n 1
+
    sh
    $  top -n 1
 
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
 
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
    $  top -n 1
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
    $  top -n 1
 
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
 
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
    
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
    
 
    t2.micro インスタンスなので， 1009140k = 1GB のメモリーがあることがわかる．
    
 
    今回起動したインスタンスには Python 2 はインストール済みだが， Python 3 は入っていない． Python 3.6 のインストールを行ってみよう． インストールは簡単である．
    
-
    sh
    $ sudo yum update -y
-$ sudo yum install -y python36
    $ sudo yum update -y
-$ sudo yum install -y python36
    
+
    sh
    $ sudo yum update -y
+$ sudo yum install -y python36
    $ sudo yum update -y
+$ sudo yum install -y python36
    
 
    インストールした Python を起動してみよう．
    
-
    sh
    $ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
    $ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
    
+
    sh
    $ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
    $ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
    
 
    Python のインタープリタが起動した！ Ctrl + D あるいは exit() と入力することで，インタープリタを閉じることができる．
    
 
    さて，サーバーでのお遊びはこんなところにしておこう (興味があれば各自いろいろと試してみると良い) ． 次のコマンドでログアウトする．
    
-
    sh
    $ exit
    $ exit
    
+
    sh
    $ exit
    $ exit
    
 
    AWS コンソールから確認 ​
    
 
    これまでは，すべてコマンドラインから EC2 に関連する操作を行ってきた． EC2 インスタンスの状態を確認したり，サーバーをシャットダウンするなどの操作は，AWS コンソールから実行することもできる． 軽くこれを紹介しよう．
    
 
    まず，ウェブブラウザを開いて AWS コンソールにログインする． ログインしたら， Services から EC2 を検索(選択)する． 次に，左のサイドバーの Instances とページをたどる. すると， figure_title のような画面が得られるはずである． この画面で，自分のアカウントの管理下にあるインスタンスを確認できる． 同様に，VPC・SG についてもコンソールから確認できる．
    
@@ -31644,16 +31644,16 @@ import name
    
 
    一つ目の方法は，前節の Cloudformation のコンソール画面で， "Delete" ボタンを押すことである (figure_title)． すると，スタックの状態が "DELETE_IN_PROGRESS" に変わり，削除が完了すると CloudFormation のスタックの一覧から消える．
    
 
    CloudFormationコンソール画面から，スタックを削除
    
 
    二つ目の方法は，コマンドラインから行う方法である． 先ほど，デプロイを行ったコマンドラインに戻ろう． そうしたら，次のコマンドを実行する．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    このコマンドを実行すると，スタックの削除が始まる． 削除した後は，VPC, EC2 など，すべて跡形もなく消え去っていることを自身で確かめよう． CloudFormation を用いることで関連するすべての AWS リソースを一度に管理・削除することができるので，大変便利である．
    
 
    スタックの削除は各自で必ず行うこと！ 行わなかった場合， EC2 インスタンスの料金が発生し続けることになる！
    
 
    また，本ハンズオンのために作成した SSH 鍵ペアも不要なので，削除しておく． まず， EC2 側に登録してある公開鍵を削除する． これも，コンソールおよびコマンドラインの二つの方法で実行できる．
    
 
    コンソールから実行するには， EC2 の画面に行き，左のサイドバーの Key Pairs を選択する． 鍵の一覧が表示されるので， HirakeGoma とある鍵にチェックを入れ，画面右上の Actions から， Delete を実行する (figure_title)．
    
 
    EC2でSSH鍵ペアを削除
    
 
    コマンドラインから実行するには，次のコマンドを使う．
    
-
    sh
    $ aws ec2 delete-key-pair --key-name "HirakeGoma"
    $ aws ec2 delete-key-pair --key-name "HirakeGoma"
    
+
    sh
    $ aws ec2 delete-key-pair --key-name "HirakeGoma"
    $ aws ec2 delete-key-pair --key-name "HirakeGoma"
    
 
    最後に，ローカルのコンピュータから鍵を削除する．
    
-
    sh
    $ rm -f ~/.ssh/HirakeGoma.pem
    $ rm -f ~/.ssh/HirakeGoma.pem
    
+
    sh
    $ rm -f ~/.ssh/HirakeGoma.pem
    $ rm -f ~/.ssh/HirakeGoma.pem
    
 
    これで，クラウドの片付けもすべて終了だ．
    
 
    なお，頻繁に EC2 インスタンスを起動したりする場合は，いちいち SSH 鍵を削除する必要はない．
    
 
    小括 ​
    
@@ -31722,85 +31722,85 @@ import name
    
 
 
 
    ハンズオンで使用するプログラムのコードをみてみよう handson/mnist/app.py)． コードは第一回目とほとんど共通である．変更点のみ解説を行う．
    
-
    python
    class Ec2ForDl(core.Stack):
+
    python
    class Ec2ForDl(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    class Ec2ForDl(core.Stack):
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    class Ec2ForDl(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    
 
      
 
    • 
 
      ここで， g4dn.xlarge インスタンスタイプを選択している (第一回では， CPU のみの t2.micro だった)． g4dn.xlarge のインスタンスタイプは， クラウドで行う科学計算・機械学習 ですでに触れた通り， NVIDIA T4 と呼ばれる廉価版モデルの GPU を搭載したインスタンスである． CPU は 4 core, メインメモリーは 16GB が割り当てあられている．
      
@@ -31815,10 +31815,10 @@ import name
    
 
    AMI (Amazon Machine Image) とは，大まかには OS (Operating System) に相当する概念である． 当然のことながら， OS がなければコンピュータはなにもできないので，EC2 インスタンスを起動するときには必ずなにかの OS を"インストール"する必要がある． EC2 が起動したときにロードされる OS に相当するものが， AMI である． AMI には，たとえば Ubuntu などの Linux 系 OS に加えて，Windows Server を選択することもできる． また， EC2 での使用に最適化された Amazon Linux という AMI も提供されている．
    
 
    しかしながら， AMI を単なる OS と理解するのは過剰な単純化である． AMI には，ベースとなる (空っぽの) OS を選択することもできるが，それに加えて，各種のプログラムがインストール済みの AMI も定義することができる． 必要なプログラムがインストールされている AMI を見つけることができれば，自身でインストールを行ったり環境設定したりする手間が大幅に省ける． 具体例を挙げると，ハンズオン第一回では EC2 インスタンスに Python 3.6 をインストールする例を示したが，そのような操作をインスタンスが起動するたびに行うのは手間である！
    
 
    AMI は， AWS 公式のものに加えて，サードパーティから提供されているものもある． また，自分自身の AMI を作って登録することも可能である (参考)． AMI は EC2 のコンソールから検索することが可能である． あるいは，AWS CLI を使って，次のコマンドでリストを取得することができる (参考)．
    
-
    sh
    $ aws ec2 describe-images --owners amazon
    $ aws ec2 describe-images --owners amazon
    
+
    sh
    $ aws ec2 describe-images --owners amazon
    $ aws ec2 describe-images --owners amazon
    
 
    ディープラーニングで頻繁に使われるプログラムがあらかじめインストールしてある AMI が， DLAMI (Deep Learning AMI) である． DLAMI には TensorFlow, PyTorch などの人気の高いディープラーニングのフレームワーク・ライブラリがすでにインストールされているため， EC2 インスタンスを起動してすぐさまディープラーニングの計算を実行できる．
    
 
    本ハンズオンでは， Amazon Linux 2 をベースにした DLAMI を使用する (AMI ID = ami-09c0c16fc46a29ed9．この AMI は ap-northeast-1 でしか使用できない点に注意)． AWS CLI を使って，この AMI の詳細情報を取得してみよう．
    
-
    sh
    $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
    $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
    
+
    sh
    $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
    $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
    
 
    AMI ID = ami-09c0c16fc46a29ed9 の詳細情報
    
 
    figure_title のような出力が得られるはずである．得られた出力から，この DLAMI には PyTorch のバージョン 1.4.0 と 1.5.0 がインストールされていることがわかる． この DLAMI を使って，早速ディープラーニングの計算を実行してみよう．
    
 
    DLAMI には具体的には何がインストールされているのだろうか？ 興味のある読者のために，簡単な解説をしよう (参考: 公式ドキュメンテーション "What Is the AWS Deep Learning AMI?")．
    
@@ -31827,43 +31827,43 @@ import name
    
 
    スタックのデプロイ ​
    
 
    スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
    
 
    デプロイの手順は，ハンズオン 1 とほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれのコマンドの意味を忘れてしまった場合は，ハンズオン 1 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/mnist
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/mnist
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
 
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
    # プロジェクトのディレクトリに移動
-$ cd handson/mnist
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
    # プロジェクトのディレクトリに移動
+$ cd handson/mnist
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
 
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
    
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
    
 
    ハンズオン 1 で作成した SSH 鍵の削除を行わなかった場合は， SSH 鍵を改めて作成する必要はない． 逆に言うと，同じ名前の SSH がすでに存在する場合は，鍵生成のコマンドはエラーを出力する．
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．AWS により割り振られた IP アドレス (InstancePublicIp に続く文字列) をメモしておこう．
    
 
    CDKデプロイ実行後の出力
    
 
    ログイン ​
    
 
    早速，デプロイしたインスタンスに SSH でログインしてみよう． ここでは，この後で使う Jupyter Notebook に接続するため，ポートフォワーディング (port forwarding) のオプション (-L) をつけてログインする．
    
-
    sh
    $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
    $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
    
+
    sh
    $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
    $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
    
 
    ポートフォワーディングとは，クライアントマシンの特定のアドレスへの接続を， SSH の暗号化された通信を介して，リモートマシンの特定のアドレスへ転送する，という意味である． このコマンドの -L localhost:8931:localhost:8888 は，自分のローカルマシンの localhost:8931 へのアクセスを，リモートサーバーの localhost:8888 のアドレスに転送せよ，という意味である (: につづく数字は TCP/IP ポートの番号を意味している)． リモートサーバーのポート 8888 には，後述する Jupyter Notebook が起動している． したがって，ローカルマシンの localhost:8931 にアクセスすることで，リモートサーバーの Jupyter Notebook にアクセスすることができるのである (figure_title)． このような SSH による接続方式をトンネル接続とよぶ．
    
 
    SSH のポートフォワーディングによる Jupyter Notebook へのアクセス
    
 
    ポートフォワーディングのオプションで，ポートの番号 (:8931, :8888 など) には 1 から 65535 までの任意の整数を指定できる． しかし，たとえば ポート 22 (SSH) やポート 80 (HTTP) など，いくつかすでに使われているポート番号もあることに注意する． また， Jupyter Notebook はデフォルトではポート 8888 番を使用する． したがって，リモート側のポート番号は，8888 を使うのがよい．
    
@@ -31872,7 +31872,7 @@ import name
    
 
    SSH によるログインは， Docker の外 (すなわちクライアントマシン本体) から行わなければならない． なぜなら，Jupyter を開くウェブブラウザは Docker の外にあるからである．
    
 
    その際，秘密鍵を Docker の外にもってこなければならない． 手っ取り早い方法は， cat ~/.ssh/HirakeGoma と打って，出力結果をコピーしてホストマシンのファイルに書き込む方法である． あるいは -v オプションをつけて，ファイルシステムをマウントしてもよい (詳しくは Docker 公式ドキュメンテーション "Use volumes" を参照)．
    
 
    SSH によるログインができたら，早速， GPU の状態を確認してみよう． 次のコマンドを実行する．
    
-
    sh
    $ nvidia-smi
    $ nvidia-smi
    
+
    sh
    $ nvidia-smi
    $ nvidia-smi
    
 
    figure_title のような出力が得られるはずである． 出力を見ると， Tesla T4 型の GPU が 1 台搭載されていることが確認できる． その他，GPU Driver や CUDA のバージョン， GPU の負荷・メモリー使用率などの情報を確認することができる．
    
 
    nvidia-smi の出力
    
 
    Jupyter Notebook の起動 ​
    
@@ -31880,9 +31880,9 @@ import name
    
 
    Jupyter Notebook の画面
    
 
    このハンズオンでは， Jupyter Notebook を使ってディープラーニングのプログラムをインタラクティブに実行していく． DLAMI には既に Jupyter がインストールされているので，特段の設定なしに使い始めることができる．
    
 
    早速， Jupyter を起動しよう． SSH でログインした先の EC2 インスタンスで，次のコマンドを実行すればよい．
    
-
    sh
    $ cd ~ # go to home directory
-$ jupyter notebook
    $ cd ~ # go to home directory
-$ jupyter notebook
    
+
    sh
    $ cd ~ # go to home directory
+$ jupyter notebook
    $ cd ~ # go to home directory
+$ jupyter notebook
    
 
    このコマンドを実行すると， figure_title のような出力が確認できるだろう． この出力から，Jupyter のサーバーが EC2 インスタンスの localhost:8888 というアドレスに起動していることがわかる． また， localhost:8888 に続く ?token=XXXX は，アクセスに使うための一時的なトークンである．
    
 
    Jupyter Notebook サーバーを起動
    
 
    Jupyter Notebook を初回に起動するときは，起動に数分程度の時間がかかることがある． ほかの動作も起動直後は遅く，いくつかプログラムを走らせていくうちに俊敏に反応するようになってくる． これは， AWS の GPU 搭載型仮想マシンの運用方法に起因する現象だと考えられる．
    
@@ -31918,31 +31918,31 @@ import name
    
 
    ここでは，次のようなプログラムを書いて，実行していく． (figure_title)．
    
 
    PyTorch始めの一歩
    
 
    まずは， PyTorch をインポートする．さらに， GPU が使える環境にあるか，確認する．
    
-
    python
    import torch
-print("Is CUDA ready?", torch.cuda.is_available())
    import torch
-print("Is CUDA ready?", torch.cuda.is_available())
    
+
    python
    import torch
+print("Is CUDA ready?", torch.cuda.is_available())
    import torch
+print("Is CUDA ready?", torch.cuda.is_available())
    
 
    出力:
    
 
    Is CUDA ready? True</programlisting>
    
 
    次に，3x3 のランダムな行列を CPU 上に作ってみよう．
    
-
    python
    x = torch.rand(3,3)
-print(x)
    x = torch.rand(3,3)
-print(x)
    
+
    python
    x = torch.rand(3,3)
+print(x)
    x = torch.rand(3,3)
+print(x)
    
 
    出力:
    
 
    tensor([[0.6896, 0.2428, 0.3269], [0.0533, 0.3594, 0.9499], [0.9764, 0.5881, 0.0203]])</programlisting>
    
 
    次に，行列を GPU 上に作成する．
    
-
    python
    y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
    y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
    
+
    python
    y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
    y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
    
 
    そして，行列 x と y の加算を，GPU 上で実行する．
    
-
    python
    z = x + y
-print(z)
    z = x + y
-print(z)
    
+
    python
    z = x + y
+print(z)
    z = x + y
+print(z)
    
 
    出力:
    
 
    tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]], device='cuda:0')</programlisting>
    
 
    最後に， GPU 上にある行列を， CPU に戻す．
    
-
    python
    z = z.to("cpu")
-print(z)
    z = z.to("cpu")
-print(z)
    
+
    python
    z = z.to("cpu")
+print(z)
    z = z.to("cpu")
+print(z)
    
 
    出力:
    
 
    tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]])</programlisting>
    
 
    以上の例は， GPU を使った計算の初歩の初歩であるが，雰囲気はつかめただろうか？ CPU と GPU で明示的にデータを交換するのが肝である． この例はたった 3x3 の行列の足し算なので， GPU を使う意味はまったくないが，これが数千，数万のサイズの行列になったとき， GPU は格段の威力を発揮する．
    
@@ -31950,33 +31950,33 @@ import name
    
 
    しなしながら，勉強のときにはコードはすべて自分の手で打つことが，記憶に残りやすくより効果的である，というのが筆者の意見である．
    
 
    実際にベンチマークを取ることで GPU と CPU の速度を比較をしてみよう． 実行時間を計測するツールとして， Jupyter の提供する %time マジックコマンドを利用する．
    
 
    まずは CPU を使用して，10000x10000 の行列の行列積を計算した場合の速度を測ってみよう． 先ほどのノートブックの続きに，次のコードを実行する．
    
-
    python
    s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
+
    python
    s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
 
-%time z = torch.matmul(x,y)
    s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
+%time z = torch.matmul(x,y)
    s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
 
-%time z = torch.matmul(x,y)
    
+%time z = torch.matmul(x,y)
    
 
    出力は以下のようなものが得られるだろう． これは，行列積の計算に実時間で 5.8 秒かかったことを意味する (実行のたびに計測される時間はばらつくことに留意)．
    
 
    CPU times: user 11.5 s, sys: 140 ms, total: 11.6 s Wall time: 5.8 s</programlisting>
    
 
    次に， GPU を使用して，同じ演算を行った場合の速度を計測しよう．
    
-
    python
    s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
+
    python
    s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
 
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
    s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
    s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
 
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
    
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
    
 
    出力は以下のようなものになるだろう． GPU では 553 ミリ秒 で計算を終えることができた！
    
 
    CPU times: user 334 ms, sys: 220 ms, total: 554 ms Wall time: 553 ms</programlisting>
    
 
    PyTorch において， GPU での演算は asynchronous (非同期) で実行される． その理由で，上のベンチマークコードでは， torch.cuda.synchronize() というステートメントを埋め込んである．
    
@@ -31991,140 +31991,140 @@ import name
    
 
     をアップロード
    
 
    simple_mnist.py をアップロードできたら，次に新しい notebook を作成しよう． "conda_pytorch_p36" の環境を選択することを忘れずに．
    
 
    新しいノートブックが起動したら，まずは必要なライブラリをインポートしよう．
    
-
    python
    import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
+
    python
    import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
 
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
    import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
    import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
 
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
    
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
    
 
    torchvision パッケージには，MNIST データセットをロードするなどの便利な関数が含まれている． また，今回のハンズオンで使うカスタムのクラス・関数 (Model, train, evaluate) のインポートを行っている．
    
 
    次に，MNIST テストデータをダウンロードしよう． 同時に，画像データの輝度の正規化も行っている．
    
-
    python
    transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
+
    python
    transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
 
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
 
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
    transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
    transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
 
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
 
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
    
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
    
 
    今回扱う MNIST データは 28x28 ピクセルの正方形の画像(モノクロ)と，それぞれのラベル(0 - 9 の数字)の組で構成されている． いくつかのデータを抽出して，可視化してみよう． figure_title のような出力が得られるはずである．
    
-
    python
    examples = iter(testloader)
-example_data, example_targets = examples.next()
+
    python
    examples = iter(testloader)
+example_data, example_targets = examples.next()
 
-print("Example data size:", example_data.shape)
+print("Example data size:", example_data.shape)
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
    examples = iter(testloader)
-example_data, example_targets = examples.next()
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
    examples = iter(testloader)
+example_data, example_targets = examples.next()
 
-print("Example data size:", example_data.shape)
+print("Example data size:", example_data.shape)
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
    
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
    
 
    MNIST の手書き数字画像とその教師ラベル
    
 
    次に， CNN のモデルを定義する．
    
-
    python
    model = Model()
-model.to("cuda") # load to GPU
    model = Model()
-model.to("cuda") # load to GPU
    
+
    python
    model = Model()
+model.to("cuda") # load to GPU
    model = Model()
+model.to("cuda") # load to GPU
    
 
    今回使う Model は simple_mnist.py の中で定義されている． このモデルは，figure_title に示したような，２層の畳み込み層と 2 層の全結合層からなるネットワークである． 出力層 (output layer) には Softmax 関数を使用し，損失関数 (Loss function) には 負の対数尤度関数 (Negative log likelyhood; NLL) を使用している．
    
 
    本ハンズオンで使用するニューラルネットの構造．
    
 
    続いて， CNN のパラメータを更新する最適化アルゴリズムを定義する． ここでは， 確率的勾配降下法 (Stochastic Gradient Descent; SGD) を使用している．
    
-
    python
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    
+
    python
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    
 
    これで，準備が整った． CNN の学習ループを開始しよう!
    
-
    python
    train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
+
    python
    train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
 
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
    train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
    train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
 
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
    
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
    
 
    ここでは 5 エポック分の学習を行っている． GPU を使えば，これくらいの計算であれば 1 分程度で完了するだろう．
    
 
    出力として， figure_title のようなプロットが得られるはずである． イテレーションを重ねるにつれて，損失関数 (Loss function) の値が減少している (=精度が向上している) ことがわかる．
    
 
    学習の進行に対する Train loss の変化
    
 
    出力にはテキスト形式で各エポック終了後のテストデータに対する精度も表示されている． 最終的には 98% 以上の極めて高い精度を実現できていることが確認できるだろう (figure_title)．
    
 
    学習したCNNのテストデータに対するスコア (5エポック後)
    
 
    学習した CNN の推論結果を可視化してみよう． 次のコードを実行することで， figure_title のような出力が得られるだろう． この図で，下段右から二番目は，"1"に近い見た目をしているが，きちんと"9"と推論できている． なかなか賢い CNN を作り出すことができたようだ！
    
-
    python
    model.eval()
+
    python
    model.eval()
 
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
    model.eval()
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
    model.eval()
 
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
    
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
    
 
    学習した CNN による，MNIST画像の推論結果
    
 
    最後に，学習したニューラルネットワークのパラメータを mnist_cnn.pt というファイル名で保存しておこう． これで，将来いつでも今回学習したモデルを再現し，別の実験に使用することができる．
    
-
    python
    torch.save(model.state_dict(), "mnist_cnn.pt")
    torch.save(model.state_dict(), "mnist_cnn.pt")
    
+
    python
    torch.save(model.state_dict(), "mnist_cnn.pt")
    torch.save(model.state_dict(), "mnist_cnn.pt")
    
 
    以上が， AWS クラウドの仮想サーバーを立ち上げ，最初のディープラーニングの計算を行う一連の流れである． MNIST 文字認識のタスクを行うニューラルネットを，クラウド上の GPU を使って高速に学習させ，現実的な問題を一つ解くことができたのである． 興味のある読者は，今回のハンズオンを雛形に，自分の所望の計算を走らせてみるとよいだろう．
    
 
    スタックの削除 ​
    
 
    これにて，ハンズオン第二回の内容はすべて説明した． クラウドの利用料金を最小化するため，使い終わった EC2 インスタンスはすぐさま削除しよう．
    
 
    ハンズオン第一回と同様に， AWS の CloudFormation コンソールか， AWS CLI により削除を実行する (詳細は スタックを削除 参照)．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    スタックの削除は各自で必ず行うこと！ 行わなかった場合，EC2 インスタンスの料金が発生し続けることになる！ g4dn.xlarge は $0.71 / hour の料金設定なので，一日起動しつづけると約$17 の請求が発生することになる！
    
 
    AWS のバジェットアラート
    
 
    AWS の初心者が (あるいは経験者も) しばしば陥る失敗が，インスタンスの停止忘れなどで無駄なリソースがクラウドで放置されてしまい，巨大な額の請求が届く，というミスだ． 特に，開発を行っている間はこのような事態は起こりうるものだと思って，備えておかなければならない． このような事態を未然に防ぐため， AWS Budgets という機能が無料で提供されている． AWS Budgets を利用することで，月の利用金額がある閾値を超えた場合にユーザーにメールが送信される，などのアラートを設定することができる． 詳細な手順は AWS の公式ブログ "Getting Started with AWS Budgets" を参照のこと． 本書の読者も，ぜひこのタイミングでアラートを設定しておくことを推奨する．
    
@@ -32163,92 +32163,92 @@ import name
    
 
    イメージをダウンロード ​
    
 
    パッケージ化された Docker の仮想環境 (= イメージ (Image)) は， Docker Hub からダウンロードできる． Docker Hub には，個人や企業・団体が作成した Docker イメージが集められており， GitHub などと同じ感覚で，オープンな形で公開されている．
    
 
    たとえば， Ubuntu のイメージは Ubuntu の公式リポジトリ で公開されており， pull コマンドを使うことでローカルにダウンロードすることができる．
    
-
    sh
    $ docker pull ubuntu:18.04
    $ docker pull ubuntu:18.04
    
+
    sh
    $ docker pull ubuntu:18.04
    $ docker pull ubuntu:18.04
    
 
    ここで，イメージ名の : (コロン) 以降に続く文字列を タグ (tag) と呼び，主にバージョンを指定するなどの目的で使われる．
    
 
    pull コマンドはデフォルトでは Docker Hub でイメージを検索し，ダウンロードを行う． Docker イメージを公開するためのデータベース (レジストリ (registry) とよぶ) は Docker Hub だけではなく，たとえば GitLab や GitHub は独自のレジストリ機能を提供しているし，個人のサーバーでレジストリを立ち上げることも可能である． Docker Hub 以外のレジストリから pull するには， myregistry.local:5000/testing/test-image のように，イメージ名の先頭につける形でレジストリのアドレス (さらにオプションとしてポート番号) を指定する．
    
 
    コンテナを起動 ​
    
 
    Pull してきたイメージを起動するには， run コマンドを使う．
    
-
    sh
    $ docker run -it ubuntu:18.04
    $ docker run -it ubuntu:18.04
    
+
    sh
    $ docker run -it ubuntu:18.04
    $ docker run -it ubuntu:18.04
    
 
    ここで， -it とは，インタラクティブな shell のセッションを開始するために必要なオプションである．
    
 
    このコマンドを実行すると，仮想化された Ubuntu が起動され，コマンドラインからコマンドが打ち込めるようになる (figure_title)． このように起動状態にある計算環境 (ランタイム) のことを Container (コンテナ) とよぶ．
    
 
    Docker を使って ubuntu:18.04 イメージを起動
    
 
    ここで使用した ubuntu:18.04 のイメージは，空の Ubuntu OS だが，すでにプログラムがインストール済みのものもある． これは， Hands-on #2: AWS でディープラーニングを実践 でみた DLAMI と概念として似ている． たとえば， PyTorch がインストール済みのイメージは PyTorch 公式の Docker Hub リポジトリ で公開されている．
    
 
    これを起動してみよう．
    
-
    sh
    $ docker run -it pytorch/pytorch
    $ docker run -it pytorch/pytorch
    
+
    sh
    $ docker run -it pytorch/pytorch
    $ docker run -it pytorch/pytorch
    
 
    docker run を実行したとき，ローカルに該当するイメージが見つからない場合は，自動的に Docker Hub からダウンロードされる．
    
 
    pytorch のコンテナが起動したら， Python のシェルを立ち上げて， pytorch をインポートしてみよう．
    
-
    sh
    $ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
    $ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
    
+
    sh
    $ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
    $ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
    
 
    このように， Docker を使うことで簡単に特定の OS・プログラムの入った計算環境を再現することが可能になる．
    
 
    自分だけのイメージを作る ​
    
 
    自分の使うソフトウェア・ライブラリがインストールされた，自分だけのイメージを作ることも可能である．
    
 
    たとえば， 本書のハンズオン実行用に提供している docker イメージ には， Python, Node.js, AWS CLI, AWS CDK などのソフトウェアがインストール済みであり，ダウンロードしてくるだけですぐにハンズオンのプログラムが実行できるようになっている．
    
 
    カスタムの docker イメージを作るには， Dockerfile という名前のついたファイルを用意し，その中にどんなプログラムをインストールするかなどを記述していく．
    
 
    具体例として，本書で提供している Docker イメージのレシピを見てみよう (docker/Dockerfile)．
    
-
    python
    FROM node:12
-LABEL maintainer="Tomoyuki Mano"
+
    python
    FROM node:12
+LABEL maintainer="Tomoyuki Mano"
 
-RUN apt-get update \
-    && apt-get install nano
+RUN apt-get update \
+    && apt-get install nano
 
-#
-RUN cd /opt \
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
-    && tar -xzf Python-3.7.6.tgz \
-    && cd Python-3.7.6 \
-    && ./configure --enable-optimizations \
-    && make install
+#
+RUN cd /opt \
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
+    && tar -xzf Python-3.7.6.tgz \
+    && cd Python-3.7.6 \
+    && ./configure --enable-optimizations \
+    && make install
 
-RUN cd /opt \
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install
+RUN cd /opt \
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
+    && unzip awscliv2.zip \
+    && ./aws/install
 
-#
-RUN npm install -g aws-cdk@1.100
+#
+RUN npm install -g aws-cdk@1.100
 
-# clean up unnecessary files
-RUN rm -rf /opt/*
+# clean up unnecessary files
+RUN rm -rf /opt/*
 
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
    FROM node:12
-LABEL maintainer="Tomoyuki Mano"
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
    FROM node:12
+LABEL maintainer="Tomoyuki Mano"
 
-RUN apt-get update \
-    && apt-get install nano
+RUN apt-get update \
+    && apt-get install nano
 
-#
-RUN cd /opt \
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
-    && tar -xzf Python-3.7.6.tgz \
-    && cd Python-3.7.6 \
-    && ./configure --enable-optimizations \
-    && make install
+#
+RUN cd /opt \
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
+    && tar -xzf Python-3.7.6.tgz \
+    && cd Python-3.7.6 \
+    && ./configure --enable-optimizations \
+    && make install
 
-RUN cd /opt \
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install
+RUN cd /opt \
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
+    && unzip awscliv2.zip \
+    && ./aws/install
 
-#
-RUN npm install -g aws-cdk@1.100
+#
+RUN npm install -g aws-cdk@1.100
 
-# clean up unnecessary files
-RUN rm -rf /opt/*
+# clean up unnecessary files
+RUN rm -rf /opt/*
 
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
    
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
    
 
    Dockerfile の中身の説明は詳しくは行わないが，たとえば上のコードで <1> で示したところは， Python 3.7 のインストールを実行している． また， <2> で示したところは， AWS CDK のインストールを行っていることがわかるだろう． このように，リアルな OS で行うのと同じ流れでインストールのコマンドを逐一記述していくことで，自分だけの Docker イメージを作成することができる． 一度イメージを作成すれば，それを配布することで，他者も同一の計算環境を簡単に再構成することができる．
    
 
    "ぼくの環境ではそのプログラム走ったのにな…" というのは，プログラミング初心者ではよく耳にする会話だが， Docker を使いこなせばそのような心配とは無縁である． そのような意味で，クラウド以外の場面でも， Docker の有用性・汎用性は極めて高い．
    
 
    コンテナを用いた仮想計算環境ツールとして Docker を紹介したが， ほかに選択肢はないのか？ よくぞ聞いてくれた！ Docker の登場以降，複数のコンテナベースの仮想環境ツールが開発されてきた． いずれのツールも，概念や API については Docker と共通するものが多いが，Docker にはない独自の特徴を提供している． ここではその中でも有名ないくつかを紹介しよう．
    
@@ -32282,35 +32282,35 @@ import name
    
 
    このハンズオンでは 1CPU/4GB RAM の Fargate インスタンスを使用する． 計算の実行には 0.025 $/hour のコストが発生することに注意．
    
 
    Transformer を用いた question-answering プログラム ​
    
 
    このハンズオンで開発する，自動質問回答システムをより具体的に定義しよう． 次のような文脈 (context) と質問 (question) が与えられた状況を想定する．
    
-
    txt
    context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
    context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
    
+
    txt
    context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
    context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
    
 
    今回作成する自動回答システムは，このような問題に対して， context に含まれる文字列から正解となる言葉を見つけ出すものとする． 上の問題では，次のような回答を返すべきである．
    
-
    sh
    answer: 1921
    answer: 1921
    
+
    sh
    answer: 1921
    answer: 1921
    
 
    人間にとっては，このような文章を理解することは容易であるが，コンピュータにそれを解かせるのは難しいことは容易に想像ができるだろう． しかし，近年の深層学習を使った自然言語処理の進歩は著しく，上で示したような例題などは極めて高い正答率で回答できるモデルを作ることができる．
    
 
    今回は， huggingface/transformers で公開されている学習済みの言語モデルを利用することで，上で定義した問題を解く Q&A ボットを作る． この Q&A ボットは Transformer とよばれるモデルを使った自然言語処理に支えられえている (figure_title)． このプログラムを， Docker にパッケージしたものが 著者の Docker Hub リポジトリ に用意してある． クラウドの設計に入る前に，まずはこのプログラムを単体で動かしてみよう．
    
 
    Transformer モデルアーキテクチャ (画像出典: Vaswani+ 2017)
    
 
    なお，今回は学習済みのモデルを用いているので，私達が行うのは与えられた入力をモデルに投入して予測を行う (推論) のみである． 推論の演算は， CPU だけでも十分高速に行うことができるので，コストの削減と，実装をシンプルにする目的で，このハンズオンでは GPU は利用しない． 一般的に， ニューラルネットは学習のほうが圧倒的に計算コストが大きく，そのような場合に GPU はより威力を発揮する．
    
 
    次のコマンドで，今回使う Docker image を ローカルにダウンロード (pull) してこよう．
    
-
    sh
    $ docker pull tomomano/qabot:latest
    $ docker pull tomomano/qabot:latest
    
+
    sh
    $ docker pull tomomano/qabot:latest
    $ docker pull tomomano/qabot:latest
    
 
    pull できたら，早速この Docker に質問を投げかけてみよう． まずは context と question をコマンドラインの変数として定義する．
    
-
    sh
    $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
    $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
    
+
    sh
    $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
    $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
    
 
    そうしたら，次のコマンドによってコンテナを実行する．
    
-
    sh
    $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    
+
    sh
    $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    
 
    今回用意した Docker image は，第一引数に context となる文字列を，第二引数に question に相当する文字列を受けつける． 第三引数，第四引数については，クラウドに展開するときの実装上の都合なので，いまは気にしなくてよい．
    
 
    このコマンドを実行すると，次のような出力が得られるはずである．
    
-
    sh
    {'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
    {'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
    
+
    sh
    {'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
    {'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
    
 
    "score" は正解の自信度を表す数字で， [0,1] の範囲で与えられる． "start", "end" は， context 中の何文字目が正解に相当するかを示しており， "answer" が正解と予測された文字列である． 1921 年という，正しい答えが返ってきていることに注目してほしい．
    
 
    もう少し難しい質問を投げかけてみよう．
    
-
    sh
    $ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    $ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    
+
    sh
    $ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    $ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
    
 
    出力：
    
-
    sh
    {'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
    {'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
    
+
    sh
    {'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
    {'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
    
 
    今度は， score が 0.52 と，少し自信がないようだが，それでも正しい答えにたどりつけていることがわかる．
    
 
    このように， 深層学習に支えられた言語モデルを用いることで，実用にも役に立ちそうな Q&A ボットを実現できていることがわかる． 以降では，このプログラムをクラウドに展開することで，大量の質問に自動で対応できるようなシステムを設計していく．
    
 
    今回使用する Question & Answering システムには， DistilBERT という Transformer を基にした言語モデルが用いられている． 興味のある読者は， 原著論文 を参照してもらいたい． また， huggingface/transformers による DistilBert の実装のドキュメンテーションは 公式ドキュメンテーション を参照のこと．
    
@@ -32346,109 +32346,109 @@ import name
    
 
 
 
    それでは，プログラムのソースコードを見てみよう (handson/qa-bot/app.py)．
    
-
    sh
    class EcsClusterQaBot(core.Stack):
+
    sh
    class EcsClusterQaBot(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
 
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
 
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
 
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
 
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
    class EcsClusterQaBot(core.Stack):
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
    class EcsClusterQaBot(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
 
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
 
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
 
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
 
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
    
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
    
 
      
 
    • 
 
      ここでは，回答の結果を書き込むためのデータベースを用意している． DynamoDB については，サーバーレスアーキテクチャの章で扱うので，今は気にしなくてよい．
      
@@ -32468,39 +32468,39 @@ import name
    
 
 
    ECS と Fargate ​
    
 
    ECS と Fargate の部分について，コードをくわしく見てみよう．
    
-
    sh
    cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
+
    sh
    cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
 
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
 
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
    cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
    cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
 
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
 
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
    
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
    
 
    cluster = の箇所で，空の ECS クラスターを定義している．
    
 
    次に， taskdef=ecs.FargateTaskDefinition の箇所で， Fargate インスタンスを使ったタスクを定義しており，とくにここでは 1 CPU, 4GB RAM というマシンスペックを指定している． また，このようにして定義されたタスクは，デフォルトで 1 タスクにつき 1 インスタンスが使用される．
    
 
    最後に， container = の箇所で，タスクの実行で使用する Docker image を定義している． ここでは， Docker Hub に置いてある image をダウンロードしてくるよう指定している．
    
@@ -32510,25 +32510,25 @@ import name
    
 
    スタックのデプロイ ​
    
 
    スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． SSH によるログインの必要がないので，むしろ単純なくらいである． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．
    
 
    CDKデプロイ実行後の出力
    
 
    AWS コンソールにログインして，デプロイされたスタックの中身を確認してみよう． コンソールから，ECS のページに行くと figure_title のような画面が表示されるはずである． EcsClusterQaBot-XXXX という名前ついたクラスターを見つけよう．
    
@@ -32540,7 +32540,7 @@ import name
    
 
    それでは，質問をデプロイしたクラウドに提出してみよう．
    
 
    ECS にタスクを投入するのはやや複雑なので，タスクの投入を簡単にするプログラム (run_task.py) を用意した (handson/qa-bot/run_task.py)．
    
 
    次のようなコマンドで，ECS クラスターに新しい質問を投入することができる．
    
-
    sh
    $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
    $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
    
+
    sh
    $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
    $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
    
 
    run_task.py を実行するには， コマンドラインで AWS の認証情報が設定されていることが前提である．
    
 
    "ask" の引数に続き，文脈 (context) と質問 (question) を引数として渡している．
    
 
    このコマンドを実行すると， "Waiting for the task to finish…" と出力が表示され，回答を得るまでしばらく待たされる． この間， AWS では ECS がタスクを受理し，新しい Fargate のインスタンスを起動し， Docker イメージをそのインスタンスに配置する，という一連の処理がなされている． AWS コンソールから，この一連の様子をモニタリングしてみよう．
    
@@ -32555,20 +32555,20 @@ import name
    
 
    タスクの同時実行 ​
    
 
    さて，先ほどはたった一つの質問を投入したわけだが，今回設計したアプリケーションは， ECS と Fargate を使うことで同時にたくさんの質問を処理することができる． 実際に，たくさんの質問を一度に投入してみよう． run_task.py に ask_many というオプションを付けることで，複数の質問を一度に送信できる． 質問の内容は handson/qa-bot/problems.json に定義されている．
    
 
    次のようなコマンドを実行しよう．
    
-
    sh
    $ python run_task.py ask_many
    $ python run_task.py ask_many
    
+
    sh
    $ python run_task.py ask_many
    $ python run_task.py ask_many
    
 
    このコマンドを実行した後で，先ほどの ECS コンソールに行き，タスクの一覧を見てみよう (figure_title)． 複数の Fargate インスタンスが起動され，タスクが並列に実行されているのがわかる．
    
 
    複数の質問タスクを同時に投入する
    
 
    すべてのタスクのステータスが "STOPPED" になったことを確認した上で，質問への回答を取得しよう． それには，次のコマンドを実行する．
    
-
    sh
    $ python run_task.py list_answers
    $ python run_task.py list_answers
    
+
    sh
    $ python run_task.py list_answers
    $ python run_task.py list_answers
    
 
    結果として， figure_title のような出力が得られるだろう． 複雑な文章問題に対し，高い正答率で回答できていることがわかるだろう．
    
 
     の実行結果
    
 
    おめでとう！ ここまでついてこれた読者はとても初歩的ながらも，深層学習による言語モデルを使って自動で質問への回答を生成するシステムを創り上げることができた！ それも，数百の質問にも同時に対応できるような，とても高いスケーラビリティーをもったシステムである！ 今回は GUI (Graphical User Interface) を用意することはしなかったが，このシステムに簡単な GUI を追加すればなかなか立派なウェブサービスとして運用できるだろう．
    
 
    run_task.py で質問を投入し続けると，回答を記録しているデータベースにどんどんエントリーが溜まっていく． これらのエントリーをすべて消去するには，次のコマンドを使う．
    
-
    sh
    $ python run_task.py clear
    $ python run_task.py clear
    
+
    sh
    $ python run_task.py clear
    $ python run_task.py clear
    
 
    スタックの削除 ​
    
 
    これにて，今回のハンズオンは終了である． 最後にスタックを削除しよう．
    
 
    スタックを削除するには，前回までと同様に， AWS コンソールにログインし CloudFormation の画面から DELETE ボタンをクリックするか，コマンドラインからコマンドを実行する． コマンドラインから行う場合は，次のコマンドを使用する．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する ​
    
 
    ハンズオン第三回では， ECS と Fargate を使って自動質問回答システムを構築した． シンプルながらも，複数の質問が送られた場合には並列にジョブが実行され，ユーザーに答えが返されるシステムを作ることができた． ここでは，すでに学習済みの言語モデルを用いてアプリケーションを構築した． しかし，一般的に言って，機械学習のワークフローでは自分で作ったモデルを訓練することが最初のステップにあるはずである． そこで，ハンズオン第四回では，クラウドを用いて機械学習の訓練を並列化・高速化することを考える．
    
 
    本ハンズオンでは深層学習におけるハイパーパラメータ最適化を取り上げる． ハイパーパラメータとは，勾配降下法によって最適化されるニューラルネットのパラメータの外にあるパラメータのことであり，具体的にはモデルの層の幅・深さなどネットワークのアーキテクチャに関わるもの，学習率やモメンタムなどパラメータの更新則に関わるものなどが含まる． 深層学習においてハイパーパラメータの調整はとても重要なタスクである． しかしながら，ハイパーパラメータを調整するには，少しずつ条件を変えながら何度もニューラルネットを学習させる必要があり，多くの計算時間がかかる． 研究・開発においては，スループットよくたくさんのモデルの可能性を探索することが生産性を決める重要なファクターであり，ハイパーパラメータ探索を高速に解くという問題は極めて関心が高い． 本ハンズオンでは，クラウドの強力な計算リソースを利用して並列的にニューラルネットの訓練を実行することで，この問題を解く方法を学んでいこう．
    
@@ -32597,7 +32597,7 @@ import name
    
 
    準備 でも注意したが，このハンズオンを始める前に G タイプインスタンスの起動上限を AWS コンソールの EC2 管理画面から確認しよう． もし上限が 0 になっていた場合は，上限緩和の申請を行う必要がある． アプリケーションの説明 にも関連した情報を記載しているので，併せて参照されたい．
    
 
    MNIST 手書き文字認識 (再訪) ​
    
 
    今回のハンズオンでは，機械学習のハイパーパラメータ調整を取り上げると冒頭で述べた． その最もシンプルな例題として， 実践ディープラーニング! MNIST 手書き数字認識タスク で扱った MNIST 手書き文字認識の問題を再度取り上げよう． 実践ディープラーニング! MNIST 手書き数字認識タスク では，適当にチョイスしたハイパーパラメータを用いてモデルの訓練を行った． ここで使用したプログラムのハイパーパラメータとしては，確率的勾配降下法 (SGD) における学習率やモメンタムが含まれる． コードでいうと，次の行が該当する．
    
-
    python
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    
+
    python
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
    
 
    ここで使用された 学習率 (lr=0.01) やモメンタム (momentum=0.5) は恣意的に選択された値であり，これがベストな数値であるのかはわからない． たまたまこのチョイスが最適であるかもしれないし，もっと高い精度を出すハイパーパラメータの組が存在するかもしれない． この問題に答えるため，ハイパーパラメータサーチを行おう． 今回は，最もシンプルなアプローチとして，グリッドサーチによるハイパーパラメータサーチを行おう．
    
 
    機械学習のハイパーパラメータの最適化には大きく３つのアプローチが挙げられる． グリッドサーチ，ランダムサーチ，そしてベイズ最適化による方法である．
    
 
    グリッドサーチとは，ハイパーパラメータの組をある範囲の中で可能な組み合わせをすべて計算し，最適なパラメータの組を見出す方法である． 最もシンプルかつ確実な方法であるが，すべての組み合わせの可能性を愚直に計算するので計算コストが大きい．
    
@@ -32608,18 +32608,18 @@ import name
    
 
    まずは，本ハンズオンで使用する Docker イメージをローカルで実行してみよう．
    
 
    Docker イメージのソースコードは handson/aws-batch/docker にある． 基本的に 実践ディープラーニング! MNIST 手書き数字認識タスク のハンズオンを元にし，本ハンズオン専用の軽微な変更が施してある． 興味のある読者はソースコードも含めて読んでいただきたい．
    
 
    練習として，この Docker イメージを手元でビルドするところからはじめてみよう． Dockerfile が保存されているディレクトリに移動し， mymnist という名前 (Tag) をつけてビルドを実行する．
    
-
    sh
    $ cd handson/aws-batch/docker
-$ docker build -t mymnist .
    $ cd handson/aws-batch/docker
-$ docker build -t mymnist .
    
+
    sh
    $ cd handson/aws-batch/docker
+$ docker build -t mymnist .
    $ cd handson/aws-batch/docker
+$ docker build -t mymnist .
    
 
    docker build でエラーが出たときは次の可能性を疑ってほしい． ビルドの中で， MNIST の画像データセットを http://yann.lecun.com/exdb/mnist/ からダウンロードするのだが，ダウンロード先のサーバーがしばしばダウンしている． 世界中の機械学習ユーザーがアクセスするので，これはしばしば発生するようである． サーバーがダウンしているとビルドも失敗してしまう． エラーメッセージにそれらしい文言が含まれていたら，この可能性を疑おう．
    
 
    手元でビルドするかわりに， Docker Hub から pull することも可能である． その場合は次のコマンドを実行する．
    
-
    sh
    $ docker pull tomomano/mymnist:latest
    $ docker pull tomomano/mymnist:latest
    
+
    sh
    $ docker pull tomomano/mymnist:latest
    $ docker pull tomomano/mymnist:latest
    
 
    イメージの準備ができたら，次のコマンドでコンテナを起動し， MNIST の学習を実行する．．
    
-
    sh
    $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
+
    sh
    $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
 
    このコマンドを実行すると，指定したハイパーパラメータ (--lr で与えられる学習率と --momentum で与えられるモメンタム) を使ってニューラルネットの最適化が始まる． 学習を行う最大のエポック数は --epochs パラメータで指定する． Hands-on #2: AWS でディープラーニングを実践 のハンズオンで見たような， Loss の低下がコマンドライン上に出力されるだろう (figure_title)．
    
 
    Docker を実行した際の出力
    
 
    上に示したコマンドを使うと，計算は CPU を使って実行される． もし，ローカルの計算機に GPU が備わっており， nvidia-docker の設定が済んでいるならば， 次のコマンドにより GPU を使って計算を実行できる．
    
-
    sh
    $ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
+
    sh
    $ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
 
    このコマンドでは，--gpus all というパラメータが加わった．
    
 
    CPU/GPU どちらで実行した場合でも，エポックを重ねるにつれて訓練データ (Train データ) の Loss は単調に減少していくのが見て取れるだろう． 一方，検証データ (Validation データ) の Loss および Accuracy は，ある程度まで減少した後，それ以上性能が向上しないことに気がつくだろう． これを実際にプロットしてみると figure_title のようになるはずである．
    
 
    (左) Train/Validation データそれぞれの Loss のエポックごとの変化． (右) Validation データの Accuracy のエポックごとの変化
    
@@ -32653,163 +32653,163 @@ import name
    
 
 
 
    それでは，プログラムのソースコードを見てみよう (handson/aws-batch/app.py)．
    
-
    python
    class SimpleBatch(core.Stack):
+
    python
    class SimpleBatch(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
 
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
 
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
 
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
 
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
 
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
 
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
    class SimpleBatch(core.Stack):
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
    class SimpleBatch(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
 
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
 
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
 
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
 
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
 
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
 
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
    
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
    
 
      
 
    • 
 
      で，計算結果を保存するための S3 バケットを用意している
      
@@ -32836,25 +32836,25 @@ import name
    
 
    スタックのデプロイ ​
    
 
    スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されたことが確認できたら，AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールの検索バーで batch と入力し， AWS Batch の管理画面を開く (figure_title)．
    
 
    AWS Batch のコンソール画面 (ダッシュボード)
    
 
    まず目を向けてほしいのが，画面の一番下にある Compute environment overview の中の SimpleBatchcompute-env という名前の項目だ． Compute environment とは，先ほど述べたとおり，計算が実行される環境 (クラスターと読み替えてもよい) である． プログラムで指定したとおり， g4dn.xlarge が実際に使用されるインスタンスタイプとして表示されている． また， Minimum vCPUs が 0，Maximum vCPUs が 64 と設定されていることも見て取れる． 加えて，この時点では一つもジョブが走っていないので， Desired vCPUs は 0 になっている． より詳細な Compute environment の情報を閲覧したい場合は，名前をクリックすることで詳細画面が開く．
    
@@ -32864,33 +32864,33 @@ import name
    
 
    Docker image を ECR に配置する ​
    
 
    さて， Batch がジョブを実行するには，どこか指定された場所から Docker イメージをダウンロード (pull) してくる必要がある． 前回のハンズオン (Hands-on #3: AWS で自動質問回答ボットを走らせる) では，公開設定にしてある Docker Hub からイメージを pull してきた． 今回のハンズオンでは， AWS から提供されているレジストリである ECR (Elastic Container Registry) に image を配置するという設計を採用する． ECR を利用する利点は，自分だけがアクセスすることのできるプライベートなイメージの置き場所を用意できる点である． Batch は ECR からイメージを pull してくることで，タスクを実行する (figure_title)．
    
 
    スタックのソースコードでいうと，次の箇所が ECR を定義している．
    
-
    python
    #
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
+
    python
    #
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
 
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
    #
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
    #
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
 
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
    
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
    
 
      
 
    • 
 
      で，新規の ECR を作成している．
      
@@ -32912,89 +32912,89 @@ import name
    
 
    さて，ここからは実際に AWS Batch にジョブを投入する方法を見ていこう．
    
 
    ハンズオンのディレクトリの notebook/ というディレクトリの中に， run_single.ipynb というファイルが見つかるはずである (.ipynb は Jupyter notebook のファイル形式)． これを Jupyter notebook から開こう．
    
 
    今回のハンズオンでは， venv による仮想環境の中に Jupyter notebook もインストール済みである． なので，ローカルマシンから以下のコマンドで Jupyter notebook を立ち上げる．
    
-
    sh
    # .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
    # .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
    
+
    sh
    # .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
    # .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
    
 
    Jupyter notebook が起動したら， run_single.ipynb を開く．
    
 
    最初の [1], [2], [3] 番のセルは，ジョブをサブミットするための関数 (submit_job()) を定義している．
    
-
    python
    # [1]
-import boto3
-import argparse
+
    python
    # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
 
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
    # [1]
-import boto3
-import argparse
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
    # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
 
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
    
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
    
 
    submit_job() 関数について簡単に説明しよう． MNIST 手書き文字認識 (再訪) で， MNIST の Docker をローカルで実行したとき，次のようなコマンドを使用した．
    
-
    sh
    $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
+
    sh
    $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
    $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
    
 
    ここで， --lr 0.1 --momentum 0.5 --epochs 10 の部分が，コンテナに渡されるコマンドである．
    
 
    AWS Batch でジョブを実行する際も，ContainerOverrides の command というパラメータを使用することで，コンテナに渡されるコマンドを指定することができる． コードでは以下の部分が該当する．
    
-
    python
    containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
    containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
    
+
    python
    containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
    containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
    
 
    続いて， [4] 番のセルに移ろう． ここでは，上記の submit_job() 関数を用いて， 学習率 = 0.01, モメンタム=0.1, エポック数=100 を指定したジョブを投入する．
    
-
    python
    # [4]
-submit_job(0.01, 0.1, 100)
    # [4]
-submit_job(0.01, 0.1, 100)
    
+
    python
    # [4]
+submit_job(0.01, 0.1, 100)
    # [4]
+submit_job(0.01, 0.1, 100)
    
 
    AWS の認証情報は， Jupyter Notebook の内部から再度定義する必要がある． これを手助けするため， Notebook の [2] 番のセル (デフォルトではすべてコメントアウトされている) を用意した． これを使うにはコメントアウトを解除すればよい． このセルを実行すると， AWS の認証情報を入力する対話的なプロンプトが表示される． プロンプトに従って aws secret key などを入力することで， (Jupyter のセッションに固有な) 環境変数に AWS の認証情報が記録される．
    
 
    もう一つの認証方法として， submit_job() 関数に profile_name というパラメータを用意した． もし ~/.aws/credentials に認証情報が書き込まれているのならば (詳しくは AWS CLI のインストール)， profile_name に使用したいプロファイルの名前を渡すだけで， 認証を行うことができる． 慣れている読者は後者のほうが便利であると感じるだろう．
    
 
    [4] 番のセルを実行したら，ジョブが実際に投入されたかどうかを AWS コンソールから確認してみよう． AWS Batch の管理コンソールを開くと， figure_title のような画面が表示されるだろう．
    
@@ -33006,124 +33006,124 @@ import name
    
 
    S3 のコンソールに行くと simplebatch-bucketXXXX (XXXX の部分はユーザーによって異なる) という名前のバケットが見つかるはずである． これをクリックして中身を見てみると， metrics_lr0.0100_m0.1000.csv という名前の CSV があることが確認できるだろう (figure_title)． これが， 学習率 = 0.01, モメンタム = 0.1 として学習を行ったときの結果である．
    
 
    ジョブの実行結果は S3 に保存される
    
 
    さて，ここで run_single.ipynb に戻ってこよう． [5] から [7] 番のセルでは，学習結果の CSV ファイルのダウンロードを行っている．
    
-
    python
    # [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
+
    python
    # [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
    # [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
    # [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
    
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
    
 
    [6] で S3 から CSV データをダウンロードし， pandas の DataFrame オブジェクトとしてロードする関数を定義している． [7] を実行する際， bucket_name という変数の値を，自分自身のバケットの名前に置き換えることに注意しよう (先ほど S3 コンソールから確認した simplebatch-bucketXXXX のことである)．
    
 
    続いて， [9] 番のセルで， CSV のデータをプロットしている (figure_title)． ローカルで実行したときと同じように， AWS Batch を用いて MNIST モデルを訓練することに成功した！
    
-
    python
    # [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
+
    python
    # [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
 
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
 
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
 
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
    # [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
    # [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
 
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
 
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
 
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
    
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
    
 
    AWS Batch で行った MNIST モデルの学習の結果
    
 
    並列に複数の Job を実行する ​
    
 
    さて，ここからが最後の仕上げである． ここまでのハンズオンで構築した AWS Batch のシステムを使って，ハイパーパラメータサーチを実際に行おう．
    
 
    先ほど実行した run_single.ipynb と同じディレクトリにある run_sweep.ipynb を開く．
    
 
    セル [1], [2], [3] は run_single.ipynb と同一である．
    
-
    python
    # [1]
-import boto3
-import argparse
+
    python
    # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
    # [1]
-import boto3
-import argparse
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
    # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
    
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
    
 
    セル [4] の for ループを使って，グリッド状にハイパーパラメータの組み合わせを用意し， batch にジョブを投入している． ここでは 3x3=9 個のジョブを作成した．
    
-
    python
    # [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
    # [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
    
+
    python
    # [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
    # [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
    
 
    セル [4] を実行したら， Batch のコンソールを開こう． 先ほどと同様に，ジョブのステータスは SUBMITTED > RUNNABLE > STARTING > RUNNING と移り変わっていくことがわかるだろう． 最終的に 9 個のジョブがすべて RUNNING の状態になることを確認しよう (figure_title)． また，このとき Compute environment の Desired vCPUs は 4x9=36 となっていることを確認しよう (figure_title)．
    
 
    複数のジョブを同時投入したときの Batch コンソール
    
 
    次に，Batch のコンソールの左側のメニューから Jobs をクリックしてみよう． ここでは，実行中のジョブの一覧が確認することができる (figure_title)． ジョブのステータスでフィルタリングをすることも可能である． 9 個のジョブがどれも RUNNING 状態にあることが確認できるだろう．
    
@@ -33133,81 +33133,81 @@ import name
    
 
    ここまで確認できたら，それぞれの Job が終了するまでしばらく待とう (だいたい 10-15 分くらいで終わる)． すべてのジョブが終了すると，ダッシュボードの SUCCEEDED が 9 となっているはずだ． また， Compute environment の Desired vCPUs も 0 に落ちていることを確認しよう． 最後に EC2 コンソールに行って，すべての g4dn インスタンスが停止していることを確認しよう．
    
 
    以上から， AWS Batch を使うことで，ジョブの投入に応じて自動的に EC2 インスタンスが起動され，ジョブの完了とともに，ただちにインスタンスの停止が行われる一連の挙動を観察することができた． 一つのジョブの完了におよそ 10 分の時間がかかるので，9 個のハイパーパラメータの組を逐次的に計算していた場合は 90 分の時間を要することになる． AWS Batch を使ってこれらの計算を並列に実行することで，ジョブ一個分の計算時間 (=10 分) ですべての計算を終えることができた！
    
 
    さて，再び run_sweep.ipynb に戻ってこよう． [5] 以降のセルでは，グリッドサーチの結果を可視化している．
    
-
    python
    # [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
+
    python
    # [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
 
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
 
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
 
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
    # [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
    # [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
 
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
 
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
 
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
    
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
    
 
    最終的に出力されるプロットが figure_title である．
    
 
    ハイパーパラメータのグリッドサーチの結果
    
 
    このプロットから，差は僅かであるが，学習率が 0.1 のときに精度は最大となることがわかる． また，学習率 0.1 のときはモメンタムを変えても大きな差は生じないことが見て取れる．
    
@@ -33220,9 +33220,9 @@ import name
    
 
    ECR の Docker image を削除するには， ECR のコンソールに行き，イメージが配置されたレポジトリを開く． そして，画面右上の DELETE ボタンを押して削除する (figure_title)．
    
 
    ECR から Docker image を削除する
    
 
    あるいは， AWS CLI から同様の操作を行うには，以下のコマンドを用いる (XXXX は自分の ECR レポジトリ名に置き換える)．
    
-
    sh
    $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
    $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
    
+
    sh
    $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
    $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
    
 
    image の削除が完了したうえで，次のコマンドでスタックを削除する．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    (#sec:batch_development_and_debug) === クラウドを用いた機械学習アプリケーションの開発とデバッグ
    
 
    本章で紹介したハンズオンでは， AWS Batch を使用することでニューラルネットの学習を複数並列に実行し，高速化を実現した． 本章の最後の話題として，クラウドを用いた機械学習アプリケーションの開発とデバッグの方法について述べよう．
    
 
    ローカルに GPU を搭載した強力なマシンがなく，クラウドを利用する予算が確保されているのであれば， figure_title のような開発のスキームが理想的であると考える． 最初の段階では， Hands-on #2: AWS でディープラーニングを実践 で見たような方法で， GPU 搭載型の EC2 インスタンスを作成し， Jupyter Notebook などのインタラクティブな環境で様々なモデルを試し実験を行う． Jupyter である程度アプリケーションが完成してきたタイミングで，作成したアプリケーションを Docker イメージにパッケージングする． そして， EC2 上で docker run を行い，作成したイメージがバグなく動作するか確認を行う． その次に，ハイパーパラメータの最適化などのチューニングを， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する のハンズオンで学んだ AWS Batch などの計算システムを利用して行う． よい深層学習モデルが完成したら，仕上げに大規模データへの推論処理を行うシステムを Hands-on #3: AWS で自動質問回答ボットを走らせる を参考に構築する．
    
@@ -33343,59 +33343,59 @@ import name
    
 
    Lambda チュートリアルの概要
    
 
    このハンズオンは，基本的に AWS Lambda の無料枠 の範囲内で実行することができる．
    
 
    app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
    
-
    py
    #
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
+
    py
    #
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
 
-class SimpleLambda(core.Stack):
+class SimpleLambda(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
    #
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
    #
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
 
-class SimpleLambda(core.Stack):
+class SimpleLambda(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
    
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
    
 
      
 
    • 
 
      ここで， Lambda で実行されるべき関数を定義している． これは非常に単純な関数で，2-5 秒のランダムな時間スリープした後，["salmon", "tuna", "squid"] のいずれかの文字列をランダムに選択し， "Welcome to Cloud Sushi. Your order is XXXX" (XXXX は選ばれた寿司のネタ) というメッセージをリターンする．
      
@@ -33427,25 +33427,25 @@ import name
    
 
    上記のプログラムを実行することで， Lambda 関数がクラウド上に作成される． 早速デプロイしてみよう．
    
 
    デプロイ ​
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleLambda.FunctionName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
    
 
    CDKデプロイ実行後の出力
    
 
    AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから，Lambda のページに行くと figure_title のような画面から Lambda の関数の一覧が確認できる．
    
@@ -33456,15 +33456,15 @@ import name
    
 
    Lambda 関数の実行 ​
    
 
    それでは，作成した Lambda 関数を実行 (invoke) してみよう． AWS の API を使うことで，関数の実行をスタートすることができる． 今回は， handson/serverless/lambda/invoke_one.py に関数を実行するための簡単なプログラムを提供している． 興味のある読者はコードを読んでもらいたい．
    
 
    以下のコマンドで，Lambda の関数を実行する． コマンドの XXXX の部分は，先ほどデプロイしたときに SimpleLambda.FunctionName = XXXX で得られた XXXX の文字列で置換する．
    
-
    sh
    $ python invoke_one.py XXXX
    $ python invoke_one.py XXXX
    
+
    sh
    $ python invoke_one.py XXXX
    $ python invoke_one.py XXXX
    
 
    すると， "Welcome to Cloud Sushi. Your order is salmon" という出力が得られるはずだ． とてもシンプルではあるが，クラウド上で先ほどの関数が走り，乱数が生成されたうえで，ランダムな寿司ネタが選択されて出力が返されている． このコマンドを何度か打ってみて，実行ごとに異なる寿司ネタが返されることを確認しよう．
    
 
    さて，このコマンドは，一度につき一回の関数を実行したわけであるが， Lambda の本領は一度に大量のタスクを同時に実行できる点である． そこで，今度は一度に 100 個のタスクを同時に送信してみよう． handson/serverless/lambda/invoke_many.py のスクリプトを使用する．
    
 
    次のコマンドを実行しよう． XXXX の部分は前述と同様に置き換える． 第二引数の 100 は 100 個のタスクを投入せよ，という意味である．
    
-
    sh
    $ python invoke_many.py XXXX 100
    $ python invoke_many.py XXXX 100
    
+
    sh
    $ python invoke_many.py XXXX 100
    $ python invoke_many.py XXXX 100
    
 
    すると次のような出力が得られるはずだ．
    
-
    sh
    ....................................................................................................
-Submitted 100 tasks to Lambda!
    ....................................................................................................
-Submitted 100 tasks to Lambda!
    
+
    sh
    ....................................................................................................
+Submitted 100 tasks to Lambda!
    ....................................................................................................
+Submitted 100 tasks to Lambda!
    
 
    実際に，100 個のタスクが同時に実行されていることを確認しよう． figure_title の画面に戻り， "Monitoring" というタブがあるので，それをクリックする． すると， figure_title のようなグラフが表示されるだろう．
    
 
    Lambda コンソール - 関数の実行のモニタリング
    
 
    figure_title のグラフの更新には数分かかることがあるので，なにも表示されない場合は少し待つ．
    
@@ -33474,44 +33474,44 @@ import name
    
 
    興味がある人は，一気に 1000 個などのジョブを投入してみるとよい． Lambda はそのような大量のリクエストにも対応できることが確認できるだろう． が，あまりやりすぎると Lambda の無料利用枠を超えて料金が発生してしまうので注意．
    
 
    スタックの削除 ​
    
 
    最後にスタックを削除しよう． スタックを削除するには，次のコマンドを実行すればよい．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    DynamoDB ハンズオン ​
    
 
    続いて， DynamoDB の簡単なチュートリアルをやってみよう． ハンズオンのソースコードは GitHub の /handson/serverless/dynamodb に置いてある．
    
 
    このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して DynamoDB のテーブルを初期化し，デプロイする． 続いて STEP 2 では， API を使用してデータベースのデータの書き込み・読み出し・削除などの操作を練習する．
    
 
    DynamoDB チュートリアルの概要
    
 
    このハンズオンは，基本的に AWS DynamoDB の無料枠 の範囲内で実行できる．
    
 
    handson/serverless/dynamodb/app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
    
-
    python
    class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+
    python
    class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
    class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
    class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
    
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
    
 
    このコードで，最低限の設定がなされた空の DynamoDB テーブルが作成される． それぞれのパラメータの意味を簡単に解説しよう．
    
 
      
 
    • 
@@ -33526,25 +33526,25 @@ import name
    
 
 
    デプロイ ​
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleDynamoDb.TableName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
    
 
    CDKデプロイ実行後の出力
    
 
    AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから， DynamoDB のページに行き，左のメニューバーから "Tables" を選択する． すると， figure_title のような画面からテーブルの一覧が確認できる．
    
@@ -33554,167 +33554,167 @@ import name
    
 
    データの読み書き ​
    
 
    それでは， デプロイ で作ったテーブルを使ってデータの読み書きを実践してみよう． ここでは Python と boto3 ライブラリを用いた方法を紹介する．
    
 
    まずは，テーブルに新しい要素を追加してみよう． ハンズオンのディレクトリにある simple_write.py を開いてみよう． 中には次のような関数が書かれている．
    
-
    python
    import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
+
    python
    import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
 
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
    import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
    import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
 
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
    
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
    
 
    コードを上から読んでいくと，まず最初に boto3 ライブラリをインポートし， dynamodb のリソースを呼び出している． write_item() 関数は， DynamoDB のテーブルの名前 (上で見た SimpleDynamoDb-XXXX) を引数として受け取る． そして， put_item() メソッドを呼ぶことで，新しいアイテムを DB に書き込んでいる． アイテムには item_id, first_name, last_name, age の 4 つの属性が定義されている． ここで， item_id は先ほど説明した Partition key に相当しており， UUID4 を用いたランダムな文字列を割り当てている．
    
 
    では， simple_write.py を実行してみよう． "XXXX" の部分を自分がデプロイしたテーブルの名前 (SimpleDynamoDb で始まる文字列) に置き換えたうえで，次のコマンドを実行する．
    
-
    sh
    $ python simple_write.py XXXX
    $ python simple_write.py XXXX
    
+
    sh
    $ python simple_write.py XXXX
    $ python simple_write.py XXXX
    
 
    新しい要素が正しく書き込めたか， AWS コンソールから確認してみよう． figure_title と同じ手順で，テーブルの中身の要素の一覧を表示する． すると figure_title のように，期待通り新しい要素が見つかるだろう．
    
 
    DynamoDB に新しい要素が追加されたことを確認
    
 
    boto3 を使ってテーブルから要素を読みだすことも可能である． ハンズオンのディレクトリにある simple_read.py を見てみよう．
    
-
    python
    import boto3
-ddb = boto3.resource('dynamodb')
+
    python
    import boto3
+ddb = boto3.resource('dynamodb')
 
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
    import boto3
-ddb = boto3.resource('dynamodb')
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
    import boto3
+ddb = boto3.resource('dynamodb')
 
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
    
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
    
 
    table.scan().get("Items") によって，テーブルの中にあるすべての要素を読みだしている．
    
 
    次のコマンドで，このスクリプトを実行してみよう ("XXXX" の部分を正しく置き換えることを忘れずに）．
    
-
    sh
    $ python simple_read.py XXXX
    $ python simple_read.py XXXX
    
+
    sh
    $ python simple_read.py XXXX
    $ python simple_read.py XXXX
    
 
    先ほど書き込んだ要素が出力されることを確認しよう．
    
 
    大量のデータの読み書き ​
    
 
    DynamoDB の利点は，最初に述べたとおり，負荷に応じて自在にその処理能力を拡大できる点である．
    
 
    そこで，ここでは一度に大量のデータを書き込む場合をシミュレートしてみよう． batch_rw.py に，一度に大量の書き込みを実行するためのプログラムが書いてある．
    
 
    次のコマンドを実行してみよう (XXXX は自分のテーブルの名前に置き換える)．
    
-
    sh
    $ python batch_rw.py XXXX write 1000
    $ python batch_rw.py XXXX write 1000
    
+
    sh
    $ python batch_rw.py XXXX write 1000
    $ python batch_rw.py XXXX write 1000
    
 
    このコマンドを実行することで，ランダムなデータが 1000 個データベースに書き込まれる．
    
 
    さらに，データベースの検索をかけてみよう． 今回書き込んだデータには age という属性に 1 から 50 のランダムな整数が割り当てられている． age が 2 以下であるような要素だけを検索し拾ってくるには，次のコマンドを実行すればよい．
    
-
    sh
    $ python batch_rw.py XXXX search_under_age 2
    $ python batch_rw.py XXXX search_under_age 2
    
+
    sh
    $ python batch_rw.py XXXX search_under_age 2
    $ python batch_rw.py XXXX search_under_age 2
    
 
    上の 2 つのコマンドを何回か繰り返し実行してみて，データベースに負荷をかけてみよう． とくに大きな遅延なく結果が返ってくることが確認できるだろう．
    
 
    スタックの削除 ​
    
 
    DynamoDB で十分に遊ぶことができたら，忘れずにスタックを削除しよう．
    
 
    これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    S3 ハンズオン ​
    
 
    最後に， S3 の簡単なチュートリアルを紹介する． ハンズオンのソースコードは GitHub の handson/serverless/s3 に置いてある．
    
 
    figure_title が今回提供する S3 チュートリアルの概要である． STEP 1 として， AWS CDK を用いて S3 に新しい空のバケット (Bucket) を作成する． 続いて STEP 2 では，データのアップロード・ダウンロードの方法を解説する．
    
 
    S3 チュートリアルの概要
    
 
    このハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
    
 
    app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
    
-
    python
    class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+
    python
    class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
    class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
    class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
    
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
    
 
    s3.Bucket() を呼ぶことによって空のバケットが新規に作成される． 上記のコードだと，バケットの名前は自動生成される． もし，自分の指定した名前を与えたい場合は， bucket_name というパラメータを指定すればよい． その際， バケットの名前はユニークでなければならない (i.e. AWS のデプロイが行われるリージョン内で名前の重複がない) 点に注意しよう． もし，同じ名前のバケットが既に存在する場合はエラーが返ってくる．
    
 
    デフォルトでは， CloudFormation スタックが削除されたとき， S3 バケットとその中に保存されたファイルは削除されない． これは，大切なデータを誤って消してしまうことを防止するための安全策である． cdk destroy を実行したときにバケットも含めてすべて削除されるようにするには， removal_policy=core.RemovalPolicy.DESTROY, auto_delete_objects=True とパラメータを設定する． 結果もよく理解したうえで，自分の用途にあった適切なパラメータを設定しよう．
    
 
    デプロイ ​
    
 
    デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイを実行すると， figure_title のような出力が得られるはずである． ここで表示されている SimpleS3.BucketName = XXXX が，新しく作られたバケットの名前である (今回提供しているコードを使うとランダムな名前がバケットに割り当てられる）． これはあとで使うのでメモしておこう．
    
 
    デプロイ実行後の出力
    
 
    データの読み書き ​
    
 
    スタックのデプロイが完了したら，早速バケットにデータをアップロードしてみよう．
    
 
    まずは，以下のコマンドを実行して， tmp.txt という仮のファイルを生成する．
    
-
    sh
    $ echo "Hello world!" >> tmp.txt
    $ echo "Hello world!" >> tmp.txt
    
+
    sh
    $ echo "Hello world!" >> tmp.txt
    $ echo "Hello world!" >> tmp.txt
    
 
    ハンズオンのディレクトリにある simple_s3.py に boto3 ライブラリを使用した S3 のファイルのアップロード・ダウンロードのスクリプトが書いてある． simple_s3.py を使って，上で作成した tmp.txt を以下のコマンドによりバケットにアップロードする． XXXX のところは，自分自身のバケットの名前で置き換えること．
    
-
    sh
    $ python simple_s3.py XXXX upload tmp.txt
    $ python simple_s3.py XXXX upload tmp.txt
    
+
    sh
    $ python simple_s3.py XXXX upload tmp.txt
    $ python simple_s3.py XXXX upload tmp.txt
    
 
    simple_s3.py のアップロードを担当している部分を以下に抜粋する．
    
-
    python
    def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
+
    python
    def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if key is None:
-        key = os.path.basename(filename)
+    if key is None:
+        key = os.path.basename(filename)
 
-    bucket.upload_file(filename, key)
    def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
+    bucket.upload_file(filename, key)
    def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if key is None:
-        key = os.path.basename(filename)
+    if key is None:
+        key = os.path.basename(filename)
 
-    bucket.upload_file(filename, key)
    
+    bucket.upload_file(filename, key)
    
 
    bucket = s3.Bucket(bucket_name) の行で Bucket() オブジェクトを呼び出している． そして， upload_file() メソッドを呼ぶことでファイルのアップロードを実行している．
    
 
    S3 においてファイルの識別子として使われるのが Key である． これは，従来的なファイルシステムにおけるパス (Path) と相同な概念で，それぞれのファイルに固有な Key が割り当てられる必要がある． Key という呼び方は， S3 が Object storage と呼ばれるシステムに立脚していることに由来する． --key のオプションを追加して simple_s3.py を実行することで， Key を指定してアップロードを実行することができる．
    
-
    sh
    $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
    $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
    
+
    sh
    $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
    $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
    
 
    ここではアップロードされたファイルに a/b/tmp.txt という Key を割り当てている．
    
 
    ここまでコマンドを実行し終えたところで，一度 AWS コンソールに行き S3 の中身を確認してみよう． S3 のコンソールに行くと，バケットの一覧が見つかるはずである． その中から， simples3-bucket から始まるランダムな名前のついたバケットを探し，クリックする． するとバケットの中に含まれるファイルの一覧が表示される (figure_title)．
    
 
    S3 バケットの中のファイル一覧
    
 
    ここで実行した 2 つのコマンドによって， tmp.txt というファイルと， a/b/tmp.txt というファイルが見つかることに注目しよう． 従来的なファイルシステムと似た体験を提供するため， S3 では Key が "/" (スラッシュ) によって区切られていた場合，ツリー状の階層構造によってファイルを管理することができる．
    
 
    オブジェクトストレージには本来ディレクトリという概念はない． 上で紹介した "/" による階層づけはあくまでユーザー体験向上の目的のお化粧的な機能である．
    
 
    次に，バケットからファイルのダウンロードを実行してみよう． simple_s3.py を使って，以下のコマンドを実行すればよい． XXXX のところは，自分自身のバケットの名前で置き換えること．
    
-
    sh
    $ python simple_s3.py XXXX download tmp.txt
    $ python simple_s3.py XXXX download tmp.txt
    
+
    sh
    $ python simple_s3.py XXXX download tmp.txt
    $ python simple_s3.py XXXX download tmp.txt
    
 
    simple_s3.py のダウンロードを担当している部分を以下に抜粋する．
    
-
    python
    def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
+
    python
    def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if filename is None:
-        filename = os.path.basename(key)
+    if filename is None:
+        filename = os.path.basename(key)
 
-    bucket.download_file(key, filename)
    def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
+    bucket.download_file(key, filename)
    def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if filename is None:
-        filename = os.path.basename(key)
+    if filename is None:
+        filename = os.path.basename(key)
 
-    bucket.download_file(key, filename)
    
+    bucket.download_file(key, filename)
    
 
    S3 からのダウンロードはシンプルで， download_file() メソッドを使って，ダウンロードしたい対象の Key を指定すればよい． ローカルのコンピュータでの保存先のパスを 2 個目の引数として渡している．
    
 
    スタックの削除 ​
    
 
    以上のハンズオンで， S3 の一番基本的な使い方を紹介した． ここまでのハンズオンが理解できたら，忘れずにスタックを削除しよう． これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    Hands-on #6: Bashoutter ​
    
 
    さて，最後のハンズオンとなる第六回では，これまで学んできたサーバーレスクラウドの技術を使って，簡単なウェブサービスを作ってみよう． 具体的には，人々が自分の作った俳句を投稿する SNS サービス (Bashoutter と名付ける) を作成してみよう． Lambda, DynamoDB, S3 などの技術をすべて盛り込み，シンプルながらもサーバーレスの利点を生かしたスケーラブルな SNS アプリが誕生する． 最終的には， figure_title のような，ミニマルではあるがとても現代風な SNS サイトが完成する！
    
 
    ハンズオン#6で作製する SNS アプリケーション "Bashoutter"
    
@@ -33750,197 +33750,197 @@ import name
    
 
 
 
    それでは，プログラムのソースコードを見てみよう (handson/bashoutter/app.py)．
    
-
    python
    class Bashoutter(core.Stack):
+
    python
    class Bashoutter(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
 
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
 
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
 
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
 
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
 
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
    class Bashoutter(core.Stack):
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
    class Bashoutter(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
 
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
 
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
 
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
 
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
 
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
    
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
    
 
      
 
    • 
 
      ここで，俳句の情報を記録しておくための DynamoDB テーブルを定義している．
      
@@ -33961,17 +33961,17 @@ import name
    
 
    それぞれの項目について，もう少し詳しく説明しよう．
    
 
    Public access mode の S3 バケット ​
    
 
    S3 のバケットを作成しているコードを見てみよう．
    
-
    python
    bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
    bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
    
+
    python
    bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
    bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
    
 
    ここで注目してほしいのは public_read_access=True の部分だ． 前章で， S3 について説明を行ったときには触れなかったが， S3 には Public access mode という機能がある． Public access mode をオンにしておくと，バケットの中のファイルは認証なしで (i.e. インターネット上の誰でも) 閲覧できるようになる． この設定は，一般公開されているウェブサイトの静的なコンテンツを置いておくのに最適であり，多くのサーバーレスによるウェブサービスでこのような設計が行われる． public access mode を設定しておくと， http://XXXX.s3-website-ap-northeast-1.amazonaws.com/ のような固有の URL がバケットに対して付与される． そして，クライアントがこの URL にアクセスをすると，バケットの中にある index.html がクライアントに返され，ページがロードされる (どのファイルが返されるかは， website_index_document="index.html" の部分で設定している．)
    
 
    なお，この時点ではバケットは空である． HTML/CSS/JS など静的コンテンツの配置は，デプロイを行った後ほどのステップで行う．
    
 
    より本格的なウェブページを運用する際には， public access mode の S3 バケットに， CloudFront という機能を追加することが一般的である． CloudFront により，　Content Delivery Nework (CDN) や暗号化された HTTPS 通信を設定することができる． CloudFront についての詳細は 公式ドキュメンテーション "What is Amazon CloudFront?" などを参照いただきたい．
    
@@ -33982,72 +33982,72 @@ import name
    
 
    今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
    
 
    API のハンドラ関数 ​
    
 
    API リクエストが来たときに，リクエストされた処理を行う関数のことをハンドラ (handler) 関数とよぶ． GET /haiku の API に対してのハンドラ関数を Lambda で定義している部分を見てみよう．
    
-
    python
    get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
    get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
    
+
    python
    get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
    get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
    
 
    簡単なところから見ていくと， memory_size=512 の箇所でメモリーの使用量を 512MB に指定している． また， code=_lambda.Code.from_asset("api") によって外部のディレクトリ (api/) を参照せよと指定しており， handler="api.get_haiku" のところで api.py というファイルの get_haiku() という関数をハンドラ関数として実行せよ，と定義している．
    
 
    次に，ハンドラ関数として使用されている get_haiku() のコードを見てみよう (handson/bashoutter/api/api.py)．
    
-
    python
    ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
+
    python
    ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
 
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
 
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
    ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
    ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
 
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
 
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
    
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
    
 
    response = table.scan() で，俳句の格納された DynamoDB テーブルから，すべての要素を取り出している． もしなにもエラーが起きなければステータスコード 200 が返され，もしなにかエラーが起こればステータスコード 500 が返されるようになっている．
    
 
    上記のような操作を，ほかの API についても繰り返すことで，すべての API のハンドラ関数が定義されている．
    
 
    GET /haiku のハンドラ関数で， response = table.scan() という部分があるが，実はこれは最善の書き方ではない． DynamoDB の scan() メソッドは，最大で 1MB までのデータしか返さない． データベースのサイズが大きく， 1MB 以上のデータがある場合には，再帰的に scan() メソッドをよぶ必要がある． 詳しくは boto3 ドキュメンテーション を参照．
    
 
    AWS における権限の管理 (IAM) ​
    
 
    以下の部分のコードに注目してほしい．
    
-
    python
    table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
    table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
    
+
    python
    table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
    table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
    
 
    これまでは説明の簡略化のためにあえて触れてこなかったが， AWS には IAM (Identity and Access Management) という重要な概念がある． IAM は基本的に，あるリソースがほかのリソースに対してどのような権限をもっているか，を規定するものである． Lambda は，デフォルトの状態ではほかのリソースにアクセスする権限をなにも有していない． したがって， Lambda 関数が DynamoDB のデータを読み書きするためには，それを許可するような IAM が Lambda 関数に付与されていなければならない．
    
 
    CDK による dynamodb.Table オブジェクトには grant_read_write_data() という便利なメソッドが備わっており，アクセスを許可したい Lambda 関数を引数としてこのメソッドを呼ぶことで，データベースへの読み書きを許可する IAM を付与することができる． 同様に，CDK の s3.Bucket オブジェクトにも grant_read_write() というメソッドが備わっており，これによってバケットへの読み書きを許可することができる． このメソッドは，実は Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する で AWS Batch によるクラスターを構成した際に使用した． 興味のある読者は振り返ってコードを確認してみよう．
    
 
    各リソースに付与する IAM は，必要最低限の権限を与えるにとどめるというのが基本方針である． これにより，セキュリティを向上させるだけでなく，意図していないプログラムからのデータベースへの読み書きを防止するという点で，バグを未然に防ぐことができる．
    
@@ -34058,69 +34058,69 @@ import name
    
 
    API Gateway を配置することで，大量 (1 秒間に数千から数万件) の API リクエストに対応することのできるシステムを容易に構築することができる． API Gateway の料金は table_title のように設定されている． また，無料利用枠により，月ごとに 100 万件までのリクエストは 0 円で利用できる．
    
 
    API Gateway の利用料金設定 (参照)
    Number of Requests (per month)Price (per million)
    First 333 million
    $4.25
    Next 667 million
    $3.53
    Next 19 billion
    $3.00
    Over 20 billion
    $1.91
    
 
    ソースコードの該当箇所を見てみよう．
    
-
    python
    #
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
+
    python
    #
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
 
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
 
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
    #
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
    #
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
 
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
 
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
    
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
    
 
      
 
    • 
 
      最初に， api = apigw.RestApi() により，空の API Gateway を作成している．
      
@@ -34143,25 +34143,25 @@ import name
    
 
    API Gateway で新規 API を作成したとき， default_cors_preflight_options= というパラメータで Cross Origin Resource Sharing (CORS) の設定を行っている． これは，ブラウザで走る Web アプリケーションと API を接続するときに必要な設定である．
    
 
    アプリケーションのデプロイ ​
    
 
    アプリケーションの中身が理解できたところで，早速デプロイを行ってみよう． デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
    
-
    sh
    # プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
+
    sh
    # プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    # プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
+# デプロイを実行
+$ cdk deploy
    # プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
    
+# デプロイを実行
+$ cdk deploy
    
 
    デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている Bashoutter.BashoutterApiEndpoint = XXXX, Bashoutter.BucketUrl = YYYY の二つ文字列はあとで使うのでメモしておこう．
    
 
    CDKデプロイ実行後の出力
    
 
    AWS コンソールにログインして，デプロイされたスタックを確認してみよう． まずは，コンソールから API Gateway のページに行く． すると， figure_title のような画面が表示され，デプロイ済みの API エンドポイントの一覧が確認できる．
    
@@ -34177,109 +34177,109 @@ import name
    
 
    それでは，デプロイしたアプリケーションに対し，実際に API リクエストを送信してみよう． まずはコマンドラインから API を送信する演習を行おう． S3 に配置した GUI は一旦おいておく．
    
 
    ここではコマンドラインから HTTP API リクエストを送信するためのシンプルな HTTP クライアントである HTTPie を使ってみよう． HTTPie は，スタックをデプロイするときに Python 仮想環境 (venv) を作成したとき，一緒にインストールされている． 念のためインストールがうまくいっているか確認するには，仮想環境を立ち上げたあとコマンドラインに http と打ってみる． ヘルプのメッセージが出力されたら準備 OK である．
    
 
    まず，先ほどデプロイを実行したときに得られた API のエンドポイントの URL (Bashoutter.BashoutterApiEndpoint = XXXX で得られた XXXX の文字列) をコマンドラインの変数に設定しておく．
    
-
    sh
    $ export ENDPOINT_URL=XXXX
    $ export ENDPOINT_URL=XXXX
    
+
    sh
    $ export ENDPOINT_URL=XXXX
    $ export ENDPOINT_URL=XXXX
    
 
    次に，俳句の一覧を取得するため， GET /haiku の API を送信してみよう．
    
-
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
    $ http GET "${ENDPOINT_URL}/haiku"
    
+
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
    $ http GET "${ENDPOINT_URL}/haiku"
    
 
    現時点では，まだだれも俳句を投稿していないので，空の配列 ([]) が返ってくる．
    
 
    それでは次に， POST /haiku を使って俳句を投稿してみよう．
    
-
    sh
    $ http POST "${ENDPOINT_URL}/haiku" \
-username="松尾芭蕉" \
-first="閑さや" \
-second="岩にしみ入る" \
-third="蝉の声"
    $ http POST "${ENDPOINT_URL}/haiku" \
-username="松尾芭蕉" \
-first="閑さや" \
-second="岩にしみ入る" \
-third="蝉の声"
    
+
    sh
    $ http POST "${ENDPOINT_URL}/haiku" \
+username="松尾芭蕉" \
+first="閑さや" \
+second="岩にしみ入る" \
+third="蝉の声"
    $ http POST "${ENDPOINT_URL}/haiku" \
+username="松尾芭蕉" \
+first="閑さや" \
+second="岩にしみ入る" \
+third="蝉の声"
    
 
    次のような出力が得られるだろう．
    
-
    sh
    HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
    HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
    
+
    sh
    HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
    HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
    
 
    新しい俳句を投稿することに成功したようである． 本当に俳句が追加されたか，再び GET リクエストを呼ぶことで確認してみよう．
    
-
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
+
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
 
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
    $ http GET "${ENDPOINT_URL}/haiku"
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
    $ http GET "${ENDPOINT_URL}/haiku"
 
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
    
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
    
 
    素晴らしい！
    
 
    次に， PATCH /haiku/{item_id} を呼ぶことでこの俳句にいいねを追加してみよう． 一つ前のコマンドで取得した俳句の item_id を，次のコマンドの XXXX に代入した上で実行しよう．
    
-
    sh
    $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
    $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
    
+
    sh
    $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
    $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
    
 
    {"description": "OK"} という出力が得られるはずである． 再び GET リクエストを送ることで，いいね (likes) が 1 増えたことを確認しよう．
    
-
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
    $ http GET "${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
    
+
    sh
    $ http GET "${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
    $ http GET "${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
    
 
    最後に， DELETE リクエストを送ることで俳句をデータベースから削除しよう． XXXX は item_id の値で置き換えたうえで次のコマンドを実行する．
    
-
    sh
    $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
    $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
    
+
    sh
    $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
    $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
    
 
    再び GET リクエストを送ることで，返り値が空 ([]) になっていることを確認しよう．
    
 
    これで，俳句の投稿・取得・削除そしていいねの追加，といった基本的な API がきちんと動作していることが確認できた．
    
 
    大量の API リクエストをシミュレートする ​
    
 
    さて，前節ではマニュアルで一つずつ俳句を投稿した． 多数のユーザーがいるような SNS では，1 秒間に数千件以上の投稿がされている． 今回はサーバーレスアーキテクチャを採用したことで，そのような瞬間的な大量アクセスにも容易に対応できるようなシステムが自動的に構築されている． このポイントを実証するため，ここでは大量の API が送信された状況をシミュレートしてみよう．
    
 
    handson/bashoutter/client.py に，大量の API リクエストをシミュレートするためのプログラムが書かれている． このプログラムを使用すると， POST /haiku の API リクエストを指定された回数だけ実行することができる．
    
 
    テストとして， API を 300 回実行してみよう． 次のコマンドを実行する．
    
-
    sh
    $ python client.py $ENDPOINT_URL post_many 300
    $ python client.py $ENDPOINT_URL post_many 300
    
+
    sh
    $ python client.py $ENDPOINT_URL post_many 300
    $ python client.py $ENDPOINT_URL post_many 300
    
 
    数秒のうちに実行が完了するだろう． これがもし，単一のサーバーからなる API だったとしたら，このような大量のリクエストの処理にはもっと時間がかかっただろう． 最悪の場合には，サーバーダウンにもつながっていたかもしれない． したがって，今回作成したサーバーレスアプリケーションは，とてもシンプルながらも 1 秒間に数百件の処理を行えるような，スケーラブルなクラウドシステムであることがわかる． サーバーレスでクラウドを設計することの利点を垣間見ることができただろうか？
    
 
    先述のコマンドにより大量の俳句を投稿するとデータベースに無駄なデータがどんどん溜まってしまう． データベースを完全に空にするには，次のコマンドを使用する．
    
-
    sh
    $ python client.py $ENDPOINT_URL clear_database
    $ python client.py $ENDPOINT_URL clear_database
    
+
    sh
    $ python client.py $ENDPOINT_URL clear_database
    $ python client.py $ENDPOINT_URL clear_database
    
 
    Bashoutter GUI を動かしてみる ​
    
 
    前節ではコマンドラインから API を送信する演習を行った． ウェブアプリケーションでは，これと同じことがウェブブラウザの背後で行われ，ページのコンテンツが表示されている (figure_title 参照)． 最後に， API が GUI と統合されるとどうなるのか，見てみよう．
    
 
    CDK のコードで， Public access mode の S3 バケットを作成したことを思い出してほしい． 最初のステップとして，ここにウェブサイトのコンテンツをアップロードしよう． ハンズオンのソースコードの中に gui/dist というフォルダが見つかるはずである． ここにはビルド済みのウェブサイトの静的コンテンツ (HTML/CSS/JavaScript) が入っている． AWS CLI のコマンドを使うことでこれらのファイルを S3 にアップロードしよう．
    
-
    sh
    $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
    $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
    
+
    sh
    $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
    $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
    
 
    コマンドを実行する際は， Bashoutter ハンズオンのディレクトリから行うこと (./gui/dist に注目)，そして <BUCKET_NAME> にはデプロイした自身のバケットの名前が入る点に注意． 念のため，AWS コンソールにログインし，バケットにファイルがアップロードされている点を確認しておこう．
    
 
    なお，今回は GUI の説明はとくに行わないが， Bashoutter のウェブサイトは Vue.js と Vuetify という UI フレームワークを使って作成した． Vue を使うことで， Single page application (SPA) の技術でウェブサイトの画面がレンダリングされる． ソースコードは handson/bashoutter/gui のディレクトリの中にあるので，興味のある読者は確認してみるとよい．
    
 
    アップトードが完了したところで，続いてデプロイを実行したときにコマンドラインの出力を見直してみよう． Bashoutter.BucketUrl= で与えられた URL が見つかるはずである (figure_title)． これは，先述したとおり， Public access mode の S3 バケットの URL である．
    
@@ -34291,11 +34291,11 @@ import name
    
 
    これで， Bashoutter プロジェクトが完成した！ この SNS は，インターネットを通じて世界のどこからでもアクセスできる状態にある． また， 大量の API リクエストをシミュレートする で見たように，大量のユーザーの同時アクセスによる負荷がかかっても，柔軟にスケールが行われ遅延なく処理を行うことができる． 極めて簡素ながらも，立派なウェブサービスとしてのスペックは満たしているのである！
    
 
    Bashoutter アプリを存分に楽しむことができたら，最後に忘れずにスタックを削除しよう．
    
 
    コマンドラインからスタックの削除を実行するには，次のコマンドを使う．
    
-
    sh
    $ cdk destroy
    $ cdk destroy
    
+
    sh
    $ cdk destroy
    $ cdk destroy
    
 
    CDK のバージョンによっては S3 のバケットが空でないと， cdk destroy がエラーを出力する場合がある． この場合はスタックを削除する前に， S3 バケットの中身をすべて削除しなければならない．
    
 
    コンソールから実行するには， S3 コンソールに行き，バケットの中身を開いたうえで，すべてのファイルを選択し， "Actions" → "Delete" を実行すればよいい．
    
 
    コマンドラインから実行するには， 次のコマンドを使う． <BUCKET NAME> のところは，自分の バケットの名前 ("BashoutterBucketXXXX" というパターンの名前がついているはずである) に置き換えることを忘れずに．
    
-
    sh
    $ aws s3 rm <BUCKET NAME> --recursive
    $ aws s3 rm <BUCKET NAME> --recursive
    
+
    sh
    $ aws s3 rm <BUCKET NAME> --recursive
    $ aws s3 rm <BUCKET NAME> --recursive
    
 
    小括 ​
    
 
    ここまでが，本書第三部の内容であった．
    
 
    第三部では，クラウドの応用として，一般の人に使ってもらうようなウェブアプリケーション・データベースをどのようにして作るのか，という点に焦点を当てて，説明を行った． その中で，従来的なクラウドシステムの設計と，ここ数年の最新の設計方法であるサーバーレスアーキテクチャについて解説した． Hands-on #5: サーバーレス入門 では， AWS でのサーバーレスの実践として， Lambda, S3, DynamoDB のハンズオンを行った． 最後に， Hands-on #6: Bashoutter では，これらの技術を統合することで，完全サーバーレスなウェブアプリケーション "Bashoutter" を作成した．
    
@@ -34396,59 +34396,59 @@ output = json
    
 
    vocareum から AWS シークレットキーの発行
    
 
    AWS CLI のインストール ​
    
 
    読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
    
-
    sh
    $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
    $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
    
+
    sh
    $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
    $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
    
 
    インストールできたか確認するため，次のコマンドを打ってバージョン情報が出力されることを確認する．
    
-
    sh
    $ aws --version
    $ aws --version
    
+
    sh
    $ aws --version
    $ aws --version
    
 
    インストールができたら，次のコマンドにより初期設定を行う (参照)．
    
-
    sh
    $ aws configure
    $ aws configure
    
+
    sh
    $ aws configure
    $ aws configure
    
 
    コマンドを実行すると， AWS Access Key ID, AWS Secret Access Key を入力するよう指示される． シークレットキーの発行については AWS のシークレットキーの作成 を参照． コマンドは加えて，Default region name を訊いてくる． ここには自分の好きな地域 (例えば ap-northeast-1 =東京リージョン) を指定すればよい． 最後の Default output format は json としておくとよい．
    
 
    このコマンドを完了すると， ~/.aws/credentials と ~/.aws/config　という名前のファイルが生成されているはずである． 念のため， cat コマンドを使って中身を確認してみるとよい．
    
-
    sh
    $ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+
    sh
    $ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
 
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
    $ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
    $ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
 
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
    
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
    
 
    ~/.aws/credentials には認証鍵の情報が， ~/.aws/config には AWS CLI の設定が記録されている．
    
 
    デフォルトでは， [default] という名前でプロファイルが保存される． いくつかのプロファイルを使い分けたければ， default の例に従って，たとえば [myprofile] などという名前でプロファイルを追加すればよい．
    
 
    AWS CLI でコマンドを打つときに，プロファイルを使い分けるには，
    
-
    sh
    $ aws s3 ls --profile myprofile
    $ aws s3 ls --profile myprofile
    
+
    sh
    $ aws s3 ls --profile myprofile
    $ aws s3 ls --profile myprofile
    
 
    のように， --profile というオプションをつけてコマンドを実行する．
    
 
    いちいち --profile オプションをつけるのが面倒だと感じる場合は， AWS_PROFILE という環境変数を設定するとよい．
    
-
    sh
    $ export AWS_PROFILE=myprofile
    $ export AWS_PROFILE=myprofile
    
+
    sh
    $ export AWS_PROFILE=myprofile
    $ export AWS_PROFILE=myprofile
    
 
    あるいは，認証情報などを環境変数に設定するテクニックもある．
    
-
    sh
    export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
    export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
    
+
    sh
    export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
    export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
    
 
    これらの環境変数は， ~/.aws/credentials よりも高い優先度をもつので，環境変数が設定されていればそちらの情報が使用される (参照)．
    
 
    AWS Educate Starter Account は us-east-1 のリージョンのみ利用可能である (執筆時点での情報)． よって， AWS Educate Starter Account を使用している場合は， default region を us-east-1 に設定する必要がある．
    
 
    AWS CDK のインストール ​
    
 
    読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
    
 
    Node.js がインストールされていれば，基本的に次のコマンドを実行すればよい．
    
-
    sh
    $ sudo npm install -g aws-cdk
    $ sudo npm install -g aws-cdk
    
+
    sh
    $ sudo npm install -g aws-cdk
    $ sudo npm install -g aws-cdk
    
 
    本書のハンズオンは AWS CDK version 1.100.0 で開発した． CDK は開発途上のライブラリなので，将来的に API が変更される可能性がある． API の変更によりエラーが生じた場合は， version 1.100.0 を使用することを推奨する．
    
-
    sh
    $ npm install -g aws-cdk@1.100
    $ npm install -g aws-cdk@1.100
    
+
    sh
    $ npm install -g aws-cdk@1.100
    $ npm install -g aws-cdk@1.100
    
 
    インストールできたか確認するため，次のコマンドを打って正しくバージョンが表示されることを確認する．
    
-
    sh
    $ cdk --version
    $ cdk --version
    
+
    sh
    $ cdk --version
    $ cdk --version
    
 
    インストールができたら，次のコマンドにより AWS 側の初期設定を行う． これは一度実行すれば OK．
    
-
    sh
    $ cdk bootstrap
    $ cdk bootstrap
    
+
    sh
    $ cdk bootstrap
    $ cdk bootstrap
    
 
    cdk bootstrap を実行するときは，AWS の認証情報とリージョンが正しく設定されていることを確認する． デフォルトでは ~/.aws/config にあるデフォルトのプロファイルが使用される． デフォルト以外のプロファイルを用いるときは AWS CLI のインストール で紹介したテクニックを使って切り替える．
    
 
    AWS CDK の認証情報の設定は AWS CLI と基本的に同じである．詳しくは AWS CLI のインストール を参照．
    
 
    WSL のインストール ​
    
@@ -34459,15 +34459,15 @@ output = json
    
 
    まず最初に， Administrator 権限で PowerShell を起動する (figure_title)． 左下の Windows メニューの検索バーに powershell と入力すると， PowerShell のプログラムが見つかるはずである， これを右クリックし、 Run as administrator を選択し起動する．
    
 
    管理者権限での PowerShell の起動
    
 
    PowerShell が起動したら、次のコマンドを実行する．
    
-
    powershell
    dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
    dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
    
+
    powershell
    dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
    dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
    
 
    実行して、“The operation completed successfully.” と出力されるのを確認する． これで WSL が enable される．
    
 
    次に，先ほどと同じ Administrator 権限で開いた PowerShell で次のコマンドを実行する。
    
-
    powersh
    dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
    dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
    
+
    powersh
    dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
    dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
    
 
    実行して， “The operation completed successfully.” と出力されるのを確認する． これが確認出来たら、一度コンピュータを再起動する．
    
 
    続いて， Linux kernel update package を次のリンクからダウンロードする． https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
    
 
    ダウンロードしたファイルをダブルクリックして実行する． ダイアログに従ってインストールを完了させる．
    
 
    そうしたら，再び PowerShell を開き次のコマンドを実行する。
    
-
    sh
    wsl --set-default-version 2
    wsl --set-default-version 2
    
+
    sh
    wsl --set-default-version 2
    wsl --set-default-version 2
    
 
    最後に、自分の好みの Linux distribution をインストールする． ここでは Ubuntu 20.04 をインストールしよう．
    
 
    Microsoft store のアプリを起動し，検索バーに Ubuntu と入力する． Ubuntu 20.04 LTS という項目が見つかるはずなので，それを開き， “Get” ボタンをクリックする (figure_title)． しばらく待つと， Ubuntu 20.04 のインストールが完了する．
    
 
    Microsoft store から Ubuntu 20.04 をインストール
    
@@ -34483,33 +34483,33 @@ output = json
    
 
    Windows のユーザーは，Docker Desktop をインストールする． その際， WSL 2 が事前にインストールされていなければならない． 詳細は 公式ドキュメンテーション を参照のこと． Docker Desktop をインストールすると， WSL からも docker コマンドが使用できるようになる．
    
 
    Linux ユーザー (特に Ubuntu ユーザー) については，インストールの方法はいくつかのアプローチがある． 公式ドキュメンテーション にいくつかのインストールの方法が示されているので，詳しい情報はそちらを参照いただきたい．
    
 
    最も簡単な方法は， Docker が公式で提供しているインストールスクリプトを用いる方法である． この場合，次のコマンドを実行することで Docker がインストールされる．
    
-
    sh
    $ curl -fsSL https://get.docker.com -o get-docker.sh
-$ sudo sh get-docker.sh
    $ curl -fsSL https://get.docker.com -o get-docker.sh
-$ sudo sh get-docker.sh
    
+
    sh
    $ curl -fsSL https://get.docker.com -o get-docker.sh
+$ sudo sh get-docker.sh
    $ curl -fsSL https://get.docker.com -o get-docker.sh
+$ sudo sh get-docker.sh
    
 
    デフォルトのインストールでは， root ユーザーのみが docker コマンドを使用できる設定になっている． 従って，コマンドには毎回 sudo を付け加える必要がある． これが面倒だと感じる場合は，次のステップにより，使用するユーザーを docker というグループに追加する (詳細は 公式ドキュメンテーション "Post-installation steps for Linux" を参照)．
    
 
    まず最初に， docker という名前にグループを追加する． インストールによっては，既に docker グループが作られている場合もある．
    
-
    sh
    $ sudo groupadd docker
    $ sudo groupadd docker
    
+
    sh
    $ sudo groupadd docker
    $ sudo groupadd docker
    
 
    次に，現在使用しているユーザーを docker グループに加える．
    
-
    sh
    $ sudo usermod -aG docker $USER
    $ sudo usermod -aG docker $USER
    
+
    sh
    $ sudo usermod -aG docker $USER
    $ sudo usermod -aG docker $USER
    
 
    ここまでできたら，一度ログアウトし，再度ログインする． これによって，グループの変更がターミナルのセッションに反映される．
    
 
    設定が正しくできているかを確認するため，次のコマンドを実行してみる．
    
-
    sh
    $ docker run hello-world
    $ docker run hello-world
    
+
    sh
    $ docker run hello-world
    $ docker run hello-world
    
 
    sudo なしでコンテナが実行できたならば，設定は完了である．
    
 
    Python venv クイックガイド ​
    
 
    他人からもらったプログラムで， numpy や scipy のバージョンが違う！などの理由で，プログラムが動かない，という経験をしたことがある人は多いのではないだろうか． もし，自分の計算機の中に一つしか Python 環境がないとすると，プロジェクトを切り替えるごとに正しいバージョンをインストールし直さなければならず，これは大変な手間である．
    
 
    コードのシェアをよりスムーズにするためには，ライブラリのバージョンはプロジェクトごとに管理されるべきである． それを可能にするのが Python 仮想環境とよばれるツールであり， venv, pyenv, conda などがよく使われる．
    
 
    そのなかでも， venv は Python に標準搭載されているのでとても便利である． pyenv や conda は，別途インストールの必要があるが，それぞれの長所もある．
    
 
    venv を使って仮想環境を作成するには，
    
-
    sh
    $ python -m venv .env
    $ python -m venv .env
    
+
    sh
    $ python -m venv .env
    $ python -m venv .env
    
 
    と実行する． これにより .env/ というディレクトリが作られ，このディレクトリに依存するライブラリが保存されることになる．
    
 
    この新たな仮想環境を起動するには
    
-
    sh
    $ source .env/bin/activate
    $ source .env/bin/activate
    
+
    sh
    $ source .env/bin/activate
    $ source .env/bin/activate
    
 
    と実行する．
    
 
    シェルのプロンプトに (.env) という文字が追加されていることを確認しよう (figure_title)． これが， "いまあなたは venv の中にいますよ" というしるしになる．
    
 
    venv を起動したときのプロンプト
    
 
    仮想環境を起動すると，それ以降実行する pip コマンドは， .env/ 以下にインストールされる．このようにして，プロジェクトごとに使うライブラリのバージョンを切り分けることができる．
    
 
    Python では requirements.txt というファイルに依存ライブラリを記述するのが一般的な慣例である．他人からもらったプログラムに， requirements.txt が定義されていれば，
    
-
    sh
    $ pip install -r requirements.txt
    $ pip install -r requirements.txt
    
+
    sh
    $ pip install -r requirements.txt
    $ pip install -r requirements.txt
    
 
    と実行することで，必要なライブラリをインストールし，瞬時に Python 環境を再現することができる．
    
 
    venv による仮想環境を保存するディレクトリの名前は任意に選べることができるが， .env という名前を用いるのが一般的である．
    
 
    ハンズオン実行用の Docker image の使い方 ​
    
@@ -34517,16 +34517,16 @@ output = json
    
 
    ハンズオンのいくつかのコマンドは Docker の外 = ローカルマシンのリアル環境で実行されなければならない． それらについてはハンズオンの該当箇所に注意書きとして記してある．
    
 
    Docker イメージは Docker Hub においてある． Docker イメージのビルドファイルは GitHub の docker/Dockerfile にある．
    
 
    次のコマンドでコンテナを起動する．
    
-
    sh
    $ docker run -it tomomano/labc:latest
    $ docker run -it tomomano/labc:latest
    
+
    sh
    $ docker run -it tomomano/labc:latest
    $ docker run -it tomomano/labc:latest
    
 
    初回にコマンドを実行したときのみ，イメージが Docker Hub からダウンロード (pull) される． 二回目以降はローカルにダウンロードされたイメージが使用される．
    
 
    コンテナが起動すると，次のようなインタラクティブシェルが表示されるはずである (起動時に -it のオプションをつけたのがポイントである)．
    
-
    sh
    root@aws-handson:~/programlisting
    root@aws-handson:~/programlisting
    
+
    sh
    root@aws-handson:~/programlisting
    root@aws-handson:~/programlisting
    
 
    この状態で ls コマンドを打つと， handson/ というディレクトリがあるはずである． ここに cd する．
    
-
    sh
    $ cd handson
    $ cd handson
    
+
    sh
    $ cd handson
    $ cd handson
    
 
    すると，各ハンズオンごとのディレクトリが見つかるはずである．
    
 
    あとは，ハンズオンごとにディレクトリを移動し，ハンズオンごとの virtualenv を作成し，スタックのデプロイを行えばよい (プログラムを実行する など参照)． ハンズオンごとに使用する依存ライブラリが異なるので，それぞれのハンズオンごとに virtualenv を作成するという設計になっている．
    
 
    AWS の認証情報を設定することも忘れずに． AWS CLI のインストール で記述したように， AWS_ACCESS_KEY_ID などの環境変数を設定するのが簡単な方法である． あるいは，ローカルマシンの ~/.aws/credentials に認証情報が書き込まれているなら，このディレクトリをコンテナにマウントすることで，同じ認証ファイルをコンテナ内部から参照することが可能である． この選択肢を取る場合は，次のコマンドでコンテナを起動する．
    
-
    sh
    $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
    $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
    
+
    sh
    $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
    $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
    
 
    これにより，ローカルマシンの ~/.aws をコンテナの /root/.aws にマウントすることができる． 最後の :ro は read-only を意味する． 大切な認証ファイルが誤って書き換えられてしまわないように， read-only のフラグをつけることをおすすめする．
    
 
    /root/ がコンテナ環境におけるホームディレクトリである． ここで紹介した認証ファイルをマウントするテクニックは， SSH 鍵をコンテナに渡すときなどにも使える．
    
 
    ライセンス ​
    
@@ -34584,7 +34584,7 @@ output = json
    
 
    ハンズオン実行用の Docker Image ​
    
 
    Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもクローン済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
    
 
    次のコマンドで起動する．
    
-
    sh
    $ docker run -it tomomano/labc
    $ docker run -it tomomano/labc
    
+
    sh
    $ docker run -it tomomano/labc
    $ docker run -it tomomano/labc
    
 
    この Docker image の使い方や詳細は ハンズオン実行用の Docker image の使い方 に記載している．
    
 
    前提知識 ​
    
 
    本書を読むにあたり，要求する前提知識は大学初等程度の計算機科学の知識 (OS，プログラミングなど)のみである． それ以上の前提知識はとくに仮定しない． クラウドの利用経験もゼロで問題ない． が，以下の事前知識があるとよりスムーズに理解をすることができるだろう．
    
@@ -34751,44 +34751,44 @@ output = json
    
 
 
    具体的な API の使用例を見てみよう．
    
 
    S3 に新しい保存領域 (Bucket (バケット) とよばれる) を追加したいとしよう． AWS CLI を使った場合は，次のようなコマンドを打てばよい．
    
-
    sh
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    
+
    sh
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    $ aws s3 mb s3://my-bucket --region ap-northeast-1
    
 
    上記のコマンドは， my-bucket という名前のバケットを， ap-northeast-1 のリージョンに作成する．
    
 
    Python からこれと同じ操作を実行するには， boto3 ライブラリを使って，次のようなスクリプトを実行する．
    
-
    python
    import boto3
+
    python
    import boto3
 
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
    import boto3
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
    import boto3
 
-s3_client = boto3.client("s3", region_name="ap-northeast-1")
-s3_client.create_bucket(Bucket="my-bucket")
    
+s3_client = boto3.client("s3", region_name="ap-northeast-1")
+s3_client.create_bucket(Bucket="my-bucket")
    
 
    もう一つ例をあげよう．
    
 
    新しい EC2 のインスタンス(インスタンスとは，起動状態にある仮想サーバーの意味である)を起動するには，次のようなコマンドを打てば良い．
    
-
    sh
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    
+
    sh
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t2.micro --key-name MyKeyPair --security-group-ids sg-903004f8 --subnet-id subnet-6e7f829e
    
 
    このコマンドにより， t2.micro というタイプ (1 vCPU, 1.0 GB RAM) のインスタンスが起動する． ここではその他のパラメータの詳細の説明は省略する (ハンズオン (Hands-on #1: 初めての EC2 インスタンスを起動する) で詳しく解説する)．
    
 
    Python から上記と同じ操作を実行するには，以下のようなスクリプトを使う．
    
-
    python
    import boto3
+
    python
    import boto3
 
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
    import boto3
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
    import boto3
 
-ec2_client = boto3.client("ec2")
-ec2_client.run_instances(
-    ImageId="ami-xxxxxxxxx",
-    MinCount=1,
-    MaxCount=1,
-    KeyName="MyKeyPair",
-    InstanceType="t2.micro",
-    SecurityGroupIds=["sg-903004f8"],
-    SubnetId="subnet-6e7f829e",
-)
    
+ec2_client = boto3.client("ec2")
+ec2_client.run_instances(
+    ImageId="ami-xxxxxxxxx",
+    MinCount=1,
+    MaxCount=1,
+    KeyName="MyKeyPair",
+    InstanceType="t2.micro",
+    SecurityGroupIds=["sg-903004f8"],
+    SubnetId="subnet-6e7f829e",
+)
    
 
    以上の例を通じて，API によるクラウドのリソースの操作のイメージがつかめてきただろうか？ コマンド一つで，新しい仮想サーバーを起動したり，データの保存領域を追加したり，任意の操作を実行できるわけである． 基本的に，このようなコマンドを複数組み合わせていくことで，自分の望む CPU・RAM・ネットワーク・ストレージが備わった計算環境を構築することができる． もちろん，逆の操作 (リソースの削除) も API を使って実行できる．
    
 
    ミニ・ハンズオン: AWS CLI を使ってみよう ​
    
 
    ここでは，ミニ・ハンズオンとして，AWS CLI を実際に使ってみる． AWS CLI は先述のとおり， AWS 上の任意のリソースの操作が可能であるが，ここでは一番シンプルな，S3 を使ったファイルの読み書きを実践する (EC2 の操作は少し複雑なので，第一回ハンズオンで行う)． aws s3 コマンドの詳しい使い方は 公式ドキュメンテーションを参照．
    
@@ -34796,34 +34796,34 @@ output = json
    
 
    以下に紹介するハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
    
 
    以下のコマンドを実行する前に，AWS の認証情報が正しく設定されていることを確認する． これには ~/.aws/credentials のファイルに設定が書き込まれているか，環境変数 (AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_DEFAULT_REGION) が定義されている必要がある． 詳しくは AWS CLI のインストール を参照．
    
 
    まずは，S3 にデータの格納領域 (Bucket とよばれる．一般的な OS での"ドライブ"に相当する) を作成するところから始めよう．
    
-
    sh
    $ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://${bucketName}"
    $ bucketName="mybucket-$(openssl rand -hex 12)"
-$ echo $bucketName
-$ aws s3 mb "s3://${bucketName}"
    
+
    sh
    $ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://${bucketName}"
    $ bucketName="mybucket-$(openssl rand -hex 12)"
+$ echo $bucketName
+$ aws s3 mb "s3://${bucketName}"
    
 
    S3 のバケットの名前は， AWS 全体で一意的でなければならないことから，前述のコマンドではランダムな文字列を含んだバケットの名前を生成し，bucketName という変数に格納している． そして， aws s3 mb (mb は make bucket の略) によって，新しいバケットを作成する．
    
 
    次に，バケットの一覧を取得してみよう．
    
-
    sh
    $ aws s3 ls
+
    sh
    $ aws s3 ls
 
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    $ aws s3 ls
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    $ aws s3 ls
 
-2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    
+2020-06-07 23:45:44 mybucket-c6f93855550a72b5b66f5efe
    
 
    先ほど作成したバケットがリストにあることを確認できる．
    
 
    本書のノーテーションとして，コマンドラインに入力するコマンドは，それがコマンドであると明示する目的で先頭に $ がつけてある． $ はコマンドをコピー&ペーストするときは除かなければならない． 逆に，コマンドの出力は $ なしで表示されている．
    
 
    次に，バケットにファイルをアップロードする．
    
-
    sh
    $ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    $ echo "Hello world" > hello_world.txt
-$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    
+
    sh
    $ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    $ echo "Hello world" > hello_world.txt
+$ aws s3 cp hello_world.txt "s3://${bucketName}/hello_world.txt"
    
 
    上では hello_world.txt というダミーのファイルを作成して，それをアップロードした．
    
 
    それでは，バケットの中にあるファイルの一覧を取得してみる．
    
-
    sh
    $ aws s3 ls "s3://${bucketName}" --human-readable
+
    sh
    $ aws s3 ls "s3://${bucketName}" --human-readable
 
-2020-06-07 23:54:19   13 Bytes hello_world.txt
    $ aws s3 ls "s3://${bucketName}" --human-readable
+2020-06-07 23:54:19   13 Bytes hello_world.txt
    $ aws s3 ls "s3://${bucketName}" --human-readable
 
-2020-06-07 23:54:19   13 Bytes hello_world.txt
    
+2020-06-07 23:54:19   13 Bytes hello_world.txt
    
 
    先ほどアップロードしたファイルがたしかに存在することがわかる．
    
 
    最後に，使い終わったバケットを削除する．
    
-
    sh
    $ aws s3 rb "s3://${bucketName}" --force
    $ aws s3 rb "s3://${bucketName}" --force
    
+
    sh
    $ aws s3 rb "s3://${bucketName}" --force
    $ aws s3 rb "s3://${bucketName}" --force
    
 
    rb は remove bucket の略である． デフォルトでは，バケットの中にファイルが存在すると削除できない． 空でないバケットを強制的に削除するには --force のオプションを付ける．
    
 
    以上のように，AWS CLI を使って S3 バケットに対しての一連の操作を実行できた． EC2 や Lambda, DynamoDB などについても同様に AWS CLI を使ってあらゆる操作を実行できる．
    
 
    Amazon Resource Name (ARN)
    
@@ -34839,120 +34839,120 @@ output = json
    
 
    そのような観点から，インフラを記述するプログラムとタスクを実行するプログラムはある程度分けて管理されるべきである． クラウドの開発は，クラウドの(静的な)リソースを記述するプログラムを作成するステップと，インフラ上で動く動的な操作を行うプログラムを作成するステップの二段階に分けて考えることができる．
    
 
    AWS での静的リソースを管理するための仕組みが， CloudFormation である． CloudFormation とは， CloudFormation の文法に従ったテキストファイルを使って，AWS のインフラを記述する仕組みである． CloudFormation を使って，たとえば，EC2 のインスタンスをどれくらいのスペックで，何個起動するか，インスタンス間はどのようなネットワークで結び，どのようなアクセス権限を付与するか，などのリソースの要件を逐次的に記述することができる． 一度 CloudFormation ファイルができ上がれば，それにしたがったクラウドシステムをコマンド一つで AWS 上に展開することができる． また，CloudFormation ファイルを交換することで，全く同一のクラウド環境を他者が簡単に再現することも可能になる． このように，本来は物理的な実体のあるハードウェアを，プログラムによって記述し，管理するという考え方を，**Infrastructure as Code (IaC)**とよぶ．
    
 
    CloudFormation を記述するには，基本的に JSON (JavaScript Object Notation) とよばれるフォーマットを使う． 次のコードは，JSON で記述された CloudFormation ファイルの一例 (抜粋) である．
    
-
    json
    "Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\n",
-                     "yum update -y aws-cfn-bootstrap\n",
+
    json
    "Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\n",
+                     "yum update -y aws-cfn-bootstrap\n",
 
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
 
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
    "Resources" : {
-  ...
-  "WebServer": {
-    "Type" : "AWS::EC2::Instance",
-    "Properties": {
-      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
-                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
-      "InstanceType"   : { "Ref" : "InstanceType" },
-      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
-      "KeyName"        : { "Ref" : "KeyName" },
-      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
-                     "#!/bin/bash -xe\n",
-                     "yum update -y aws-cfn-bootstrap\n",
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
    "Resources" : {
+  ...
+  "WebServer": {
+    "Type" : "AWS::EC2::Instance",
+    "Properties": {
+      "ImageId" : { "Fn::FindInMap" : [ "AWSRegionArch2AMI", { "Ref" : "AWS::Region" },
+                        { "Fn::FindInMap" : [ "AWSInstanceType2Arch", { "Ref" : "InstanceType" }, "Arch" ] } ] },
+      "InstanceType"   : { "Ref" : "InstanceType" },
+      "SecurityGroups" : [ {"Ref" : "WebServerSecurityGroup"} ],
+      "KeyName"        : { "Ref" : "KeyName" },
+      "UserData" : { "Fn::Base64" : { "Fn::Join" : ["", [
+                     "#!/bin/bash -xe\n",
+                     "yum update -y aws-cfn-bootstrap\n",
 
-                     "/opt/aws/bin/cfn-init -v ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --configsets wordpress_install ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
+                     "/opt/aws/bin/cfn-init -v ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --configsets wordpress_install ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n",
 
-                     "/opt/aws/bin/cfn-signal -e $? ",
-                     "         --stack ", { "Ref" : "AWS::StackName" },
-                     "         --resource WebServer ",
-                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
-      ]]}}
-    },
-    ...
-  },
-  ...
-},
    
+                     "/opt/aws/bin/cfn-signal -e $? ",
+                     "         --stack ", { "Ref" : "AWS::StackName" },
+                     "         --resource WebServer ",
+                     "         --region ", { "Ref" : "AWS::Region" }, "\n"
+      ]]}}
+    },
+    ...
+  },
+  ...
+},
    
 
    ここでは， "WebServer" という名前のつけられた EC2 インスタンスを定義している．かなり長大で複雑な記述であるが，これによって所望のスペック・OS をもつ EC2 インスタンスを自動的に生成することが可能になる．
    
 
    AWS CDK ​
    
 
    前節で紹介した CloudFormation は，見てわかるとおり大変記述が複雑であり，またそれのどれか一つにでも誤りがあってはいけない． また，基本的に"テキスト"を書いていくことになるので，プログラミング言語で使うような変数やクラスといった便利な概念が使えない　(厳密には， CloudFormation にも変数に相当するような機能は存在する)． また，記述の多くの部分は繰り返しが多く，自動化できる部分も多い．
    
 
    そのような悩みを解決してくれるのが， AWS Cloud Development Kit (CDK) である． CDK は Python などのプログラミング言語を使って CloudFormation を自動的に生成してくれるツールである． CDK は 2019 年にリリースされたばかりの比較的新しいツールで，日々改良が進められている (GitHub リポジトリ のリリースを見ればその開発のスピードの速さがわかるだろう)． CDK は TypeScript (JavaScript), Python, Java など複数の言語でサポートされている．
    
 
    CDK を使うことで，CloudFormation に相当するクラウドリソースの記述を，より親しみのあるプログラミング言語を使って行うことができる． かつ，典型的なリソース操作に関してはパラメータの多くの部分を自動で決定してくれるので，記述しなければならない量もかなり削減される．
    
 
    以下に Python を使った CDK のコードの一例 (抜粋) を示す．
    
-
    python
    from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
+
    python
    from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
 
-class MyFirstEc2(core.Stack):
+class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
 
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
 
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
    from aws_cdk import (
-    core,
-    aws_ec2 as ec2,
-)
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
    from aws_cdk import (
+    core,
+    aws_ec2 as ec2,
+)
 
-class MyFirstEc2(core.Stack):
+class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope, name, **kwargs):
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope, name, **kwargs):
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            ... # some parameters
-        )
+        vpc = ec2.Vpc(
+            ... # some parameters
+        )
 
-        sg = ec2.SecurityGroup(
-            ... # some parameters
-        )
+        sg = ec2.SecurityGroup(
+            ... # some parameters
+        )
 
-        host = ec2.Instance(
-            self, "MyGreatEc2",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            ...
-        )
    
+        host = ec2.Instance(
+            self, "MyGreatEc2",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            ...
+        )
    
 
    このコードは，一つ前に示した JSON を使った CloudFormation と実質的に同じことを記述している． とても煩雑だった CloudFormation ファイルに比べて， CDK と Python を使うことで格段に短く，わかりやすく記述できることができるのがわかるだろう．
    
 
    本書の主題は，CDK を使って，コードを書きながら AWS の概念や開発方法を学んでいくことである． 後の章では CDK を使って様々なハンズオンを実施していく． 早速，最初のハンズオンでは， CDK を使って EC2 インスタンスを作成する方法を学んでいこう．
    
 
      
@@ -34971,7 +34971,7 @@ output = json
      
 
    • AWS CDK: AWS CDK のインストールについては， AWS CDK のインストール を参照．
      • 
 
    • ソースコードのダウンロード: 本ハンズオンで使用するプログラムのソースコードを，以下のコマンドを使って GitHub からダウンロードする．
      • 
 
    
-
    sh
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    
+
    sh
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    $ git clone https://github.com/tomomano/learn-aws-by-coding.git
    
 
    あるいは， https://github.com/tomomano/learn-aws-by-coding のページに行って，右上のダウンロードボタンからダウンロードすることもできる．
    
 
    Docker を使用する場合
    
 
    Python, Node.js, AWS CDK など，ハンズオンのプログラムを実行するために必要なプログラム/ライブラリがインストール済みの Docker image を用意した． また，ハンズオンのソースコードもパッケージ済みである． Docker の使い方を知っている読者は，これを使えば，諸々のインストールをする必要なく，すぐにハンズオンのプログラムを実行できる．
    
@@ -34980,95 +34980,95 @@ output = json
    
 
    SSH (secure shell) は Unix 系のリモートサーバーに安全にアクセスするためのツールである． 本ハンズオンでは， SSH を使って仮想サーバーにアクセスする． SSH に慣れていない読者のため，簡単な説明をここで行おう．
    
 
    SSH による通信はすべて暗号化されているので，機密情報をインターネットを介して安全に送受信することができる． 本ハンズオンで，リモートのサーバーにアクセスするための SSH クライアントがローカルマシンにインストールされている必要がある． SSH クライアントは Linux/Mac には標準搭載されている． Windows の場合は WSL をインストールすることで SSH クライアントを利用することを推奨する (環境構築 を参照)．
    
 
    SSH コマンドの基本的な使い方を次に示す． <host name> はアクセスする先のサーバーの IP アドレスや DNS によるホストネームが入る． <user name> は接続する先のユーザー名である．
    
-
    sh
    $ ssh <user name>@<host name>
    $ ssh <user name>@<host name>
    
+
    sh
    $ ssh <user name>@<host name>
    $ ssh <user name>@<host name>
    
 
    SSH は平文のパスワードによる認証を行うこともできるが，より強固なセキュリティを施すため，公開鍵暗号方式(Public Key Cryptography)による認証を行うことが強く推奨されており， EC2 はこの方法でしかアクセスを許していない． 公開鍵暗号方式の仕組みについては各自勉強してほしい． 本ハンズオンにおいて大事なことは，EC2 インスタンスが公開鍵(Public key)を保持し，クライアントとなるコンピュータ(読者自身のコンピュータ)が秘密鍵(Private key)を保持する，という点である． EC2 のインスタンスには秘密鍵を持ったコンピュータのみがアクセスすることができる．逆に言うと，秘密鍵が漏洩すると第三者もサーバーにアクセスできることになるので，秘密鍵は絶対に漏洩することのないよう注意して管理する．
    
 
    SSH コマンドでは，ログインのために使用する秘密鍵ファイルを -i もしくは --identity_file のオプションで指定することができる． たとえば，次のように使う．
    
-
    sh
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    
+
    sh
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    $ ssh -i Ec2SecretKey.pem <user name>@<host name>
    
 
    アプリケーションの説明 ​
    
 
    このハンズオンで作成するアプリケーションの概要を figure_title に示す．
    
 
    ハンズオン#1で作製するアプリケーションのアーキテクチャ
    
 
    このアプリケーションではまず，VPC (Virtual Private Cloud) を使ってプライベートな仮想ネットワーク環境を立ち上げている． その VPC の public subnet の内側に，EC2 (Elatic Compute Cloud) の仮想サーバーを配置する． さらに，セキュリティのため， Security Group による EC2 インスタンスへのアクセス制限を設定している． このようにして作成された仮想サーバーに，SSH を使ってアクセスし，簡単な計算を行う．
    
 
    figure_title のようなアプリケーションを，CDK を使って構築する．
    
 
    早速ではあるが，今回のハンズオンで使用するプログラムを見てみよう (handson/ec2-get-started/app.py)．
    
-
    python
    class MyFirstEc2(core.Stack):
+
    python
    class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    class MyFirstEc2(core.Stack):
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    class MyFirstEc2(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        vpc = ec2.Vpc(
-            self, "MyFirstEc2-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "MyFirstEc2-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        #
-        sg = ec2.SecurityGroup(
-            self, "MyFirstEc2Vpc-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        #
+        sg = ec2.SecurityGroup(
+            self, "MyFirstEc2Vpc-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        #
-        host = ec2.Instance(
-            self, "MyFirstEc2Instance",
-            instance_type=ec2.InstanceType("t2.micro"),
-            machine_image=ec2.MachineImage.latest_amazon_linux(),
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
    
+        #
+        host = ec2.Instance(
+            self, "MyFirstEc2Instance",
+            instance_type=ec2.InstanceType("t2.micro"),
+            machine_image=ec2.MachineImage.latest_amazon_linux(),
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
    
 
      
 
    • 
 
      まず最初に，VPC を定義する．
      
@@ -35087,29 +35087,29 @@ output = json
      
 
      VPC は AWS 上にプライベートな仮想ネットワーク環境を構築するツールである．高度な計算システムを構築するには，複数のサーバーを連動させて計算を行う必要があるが，そのような場合に互いのアドレスなどを管理する必要があり，そういった目的で VPC は有用である．
      
 
      本ハンズオンでは，サーバーは一つしか起動しないので，VPC の恩恵はよく分からないかもしれない．しかし，EC2 インスタンスは必ず VPC の中に配置されなければならない，という制約があるので，このハンズオンでもミニマルな VPC を構成している．
      
 
      興味のある読者のために，VPC のコードについてもう少し詳しく説明しよう．
      
-
      python
      vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
      vpc = ec2.Vpc(
-    self, "MyFirstEc2-Vpc",
-    max_azs=1,
-    cidr="10.10.0.0/23",
-    subnet_configuration=[
-        ec2.SubnetConfiguration(
-            name="public",
-            subnet_type=ec2.SubnetType.PUBLIC,
-        )
-    ],
-    nat_gateways=0,
-)
      
+
      python
      vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
      vpc = ec2.Vpc(
+    self, "MyFirstEc2-Vpc",
+    max_azs=1,
+    cidr="10.10.0.0/23",
+    subnet_configuration=[
+        ec2.SubnetConfiguration(
+            name="public",
+            subnet_type=ec2.SubnetType.PUBLIC,
+        )
+    ],
+    nat_gateways=0,
+)
      
 
        
 
      • 
 
        max_azs=1 : このパラメータは，前章で説明した avaialibility zone (AZ) を設定している． このハンズオンでは，特にデータセンターの障害などを気にする必要はないので 1 にしている．
        
@@ -35127,23 +35127,23 @@ output = json
        
 
        Security Group ​
        
 
        Security group (SG) は， EC2 インスタンスに付与することのできる仮想ファイアーウォールである． たとえば，特定の IP アドレスから来た接続を許可・拒絶したり　(インバウンド・トラフィックの制限) ，逆に特定の IP アドレスへのアクセスを禁止したり (アウトバウンド・トラフィックの制限) することができる．
        
 
        コードの該当部分を見てみよう．
        
-
        python
        sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
        sg = ec2.SecurityGroup(
-    self, "MyFirstEc2Vpc-Sg",
-    vpc=vpc,
-    allow_all_outbound=True,
-)
-sg.add_ingress_rule(
-    peer=ec2.Peer.any_ipv4(),
-    connection=ec2.Port.tcp(22),
-)
        
+
        python
        sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
        sg = ec2.SecurityGroup(
+    self, "MyFirstEc2Vpc-Sg",
+    vpc=vpc,
+    allow_all_outbound=True,
+)
+sg.add_ingress_rule(
+    peer=ec2.Peer.any_ipv4(),
+    connection=ec2.Port.tcp(22),
+)
        
 
        本ハンズオンでは， SSH による外部からの接続を許容するため， sg.add_ingress_rule(peer=ec2.Peer.any_ipv4(), connection=ec2.Port.tcp(22)) により，すべての IPv4 アドレスからのポート 22 番へのアクセスを許容している． また， SSH で EC2 インスタンスにログインしたのち，インターネットからプログラムなどをダウンロードできるよう， allow_all_outbound=True のパラメータを設定している．
        
 
        SSH はデフォルトでは 22 番ポートを使用するのが慣例である．
        
 
        セキュリティ上の観点からは，SSH の接続は自宅や大学・職場など特定の地点からの接続のみを許す方が望ましい．
        
@@ -35158,23 +35158,23 @@ output = json
        
 
        table_title の価格は us-east-1 のものである． リージョンによって多少価格設定が異なる．
        
 
        上記で t2.micro の $0.0116 / hour という金額は， On-demand インスタンスというタイプを選択した場合の価格である． EC2 ではほかに， Spot instance とよばれるインスタンスも存在しする． Spot instance は，AWS のデータセンターの負荷が増えた場合，ユーザーのプログラムが実行中であっても AWS の判断により強制シャットダウンされる，という不便さを抱えているのだが，その分大幅に安い料金設定になっている． AWS で一時的に生じた余剰な空き CPU をユーザーに割安で貸し出す，という発想である． 科学計算やウェブサーバーなどの用途でコストを削減する目的で， Spot Instance を活用する事例も多数報告されている．
        
 
        EC2 インスタンスを定義しているコードの該当部分を見てみよう．
        
-
        python
        host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
        host = ec2.Instance(
-    self, "MyFirstEc2Instance",
-    instance_type=ec2.InstanceType("t2.micro"),
-    machine_image=ec2.MachineImage.latest_amazon_linux(),
-    vpc=vpc,
-    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-    security_group=sg,
-    key_name=key_name
-)
        
+
        python
        host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
        host = ec2.Instance(
+    self, "MyFirstEc2Instance",
+    instance_type=ec2.InstanceType("t2.micro"),
+    machine_image=ec2.MachineImage.latest_amazon_linux(),
+    vpc=vpc,
+    vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+    security_group=sg,
+    key_name=key_name
+)
        
 
        ここでは， t2.micro というインスタンスタイプを選択している． さらに， machine_image として， Amazon Linux を選択している (Machine image は OS と似た概念である． Machine image については， Hands-on #2: AWS でディープラーニングを実践 でより詳しく触れる)． さらに，上で定義した VPC, SG をこのインスタンスに付与している．
        
 
        以上が，今回使用するプログラムの簡単な解説であった． ミニマルな形のプログラムではあるが，仮想サーバーを作成するのに必要なステップがおわかりいただけただろうか？
        
 
        プログラムを実行する ​
        
@@ -35182,13 +35182,13 @@ output = json
        
 
        Python の依存ライブラリのインストール ​
        
 
        まずは，Python の依存ライブラリをインストールする．以下では，Python のライブラリを管理するツールとして， venv を使用する．
        
 
        まずは， handson/ec2-get-started のディレクトリに移動しよう．
        
-
        sh
        $ cd handson/ec2-get-started
        $ cd handson/ec2-get-started
        
+
        sh
        $ cd handson/ec2-get-started
        $ cd handson/ec2-get-started
        
 
        ディレクトリを移動したら， venv で新しい仮想環境を作成し，インストールを実行する．
        
-
        sh
        $ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
        $ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
        
+
        sh
        $ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
        $ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
        
 
        これで Python の環境構築は完了だ．
        
 
        venv の簡単な説明は Python クイックガイド に記述してある．
        
 
        環境によっては pip ではなく pip3 あるいは python3 -m pip に置き換える必要がある．
        
@@ -35198,21 +35198,21 @@ output = json
        
 
        SSH 鍵を生成 ​
        
 
        EC2 インスタンスには SSH を使ってログインする． EC2 インスタンスを作成するのに先行して，今回のハンズオンで専用に使う SSH の公開鍵・秘密鍵のペアを準備する必要がある．
        
 
        次の AWS CLI コマンドにより， HirakeGoma という名前のついた鍵を生成する．
        
-
        sh
        $ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
        $ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
        
+
        sh
        $ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
        $ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
        
 
        このコマンドを実行すると，現在のディレクトリに HirakeGoma.pem というファイルが作成される．これが，サーバーにアクセスするための秘密鍵である． SSH でこの鍵を使うため， ~/.ssh/ のディレクトリに鍵を移動する． さらに，秘密鍵が書き換えられたり第三者に閲覧されないよう，ファイルのアクセス権限を 400 に設定する．
        
-
        sh
        $ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
        $ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
        
+
        sh
        $ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
        $ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
        
 
        デプロイを実行 ​
        
 
        これまでのステップで， EC2 インスタンスをデプロイするための準備が整った！ 早速，次のコマンドによりアプリケーションを AWS にデプロイしよう． -c key_name="HirakeGoma" というオプションで，先ほど生成した HirakeGoma という名前の鍵を使うよう指定している．
        
-
        sh
        $ cdk deploy -c key_name="HirakeGoma"
        $ cdk deploy -c key_name="HirakeGoma"
        
+
        sh
        $ cdk deploy -c key_name="HirakeGoma"
        $ cdk deploy -c key_name="HirakeGoma"
        
 
        このコマンドを実行すると， VPC， EC2 などが AWS 上に展開される． そして，コマンドの出力の最後に figure_title のような出力が得られるはずである． 出力の中で InstancePublicIp に続く数字が，起動したインスタンスのパブリック IP アドレスである． IP アドレスはデプロイごとにランダムなアドレスが割り当てられる．
        
 
        CDKデプロイ実行後の出力
        
 
        SSH でログイン ​
        
 
        早速，SSH 　で接続してみよう．
        
-
        sh
        $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
        $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
        
+
        sh
        $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
        $ ssh -i ~/.ssh/HirakeGoma.pem ec2-user@<IP address>
        
 
        -i オプションで，先ほど生成した秘密鍵を指定している． EC2 インスタンスにはデフォルトで ec2-user という名前のユーザーが作られているので，それを使用する． 最後に， <IP address> の部分は自身が作成した EC2 インスタンスの IP アドレスで置き換える (12.345.678.9 など）．
        
 
        ログインに成功すると， figure_title のような画面が表示される． リモートのサーバーにログインしているので，プロンプトが [ec2-user@ip-10-10-1-217 ~]$ のようになっていることを確認しよう．
        
 
        SSH で EC2 インスタンスにログイン
        
@@ -35220,69 +35220,69 @@ output = json
        
 
        起動した EC2 インスタンスで遊んでみる ​
        
 
        せっかく新しいインスタンスを起動したので，少し遊んでみよう．
        
 
        ログインした EC2 インスタンスで，次のコマンドを実行してみよう． CPU の情報を取得することができる．
        
-
        sh
        $ cat /proc/cpuinfo
+
        sh
        $ cat /proc/cpuinfo
 
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
        $ cat /proc/cpuinfo
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
        $ cat /proc/cpuinfo
 
-processor       : 0
-vendor_id       : GenuineIntel
-cpu family      : 6
-model           : 63
-model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
-stepping        : 2
-microcode       : 0x43
-cpu MHz         : 2400.096
-cache size      : 30720 KB
        
+processor       : 0
+vendor_id       : GenuineIntel
+cpu family      : 6
+model           : 63
+model name      : Intel(R) Xeon(R) CPU E5-2676 v3 @ 2.40GHz
+stepping        : 2
+microcode       : 0x43
+cpu MHz         : 2400.096
+cache size      : 30720 KB
        
 
        次に，実行中のプロセスやメモリの消費を見てみよう．
        
-
        sh
        $  top -n 1
+
        sh
        $  top -n 1
 
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
 
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
        $  top -n 1
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
        $  top -n 1
 
-top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
-Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
-Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
-Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
-Swap:        0k total,        0k used,        0k free,   185856k cached
+top - 09:29:19 up 43 min,  1 user,  load average: 0.00, 0.00, 0.00
+Tasks:  76 total,   1 running,  51 sleeping,   0 stopped,   0 zombie
+Cpu(s):  0.3%us,  0.3%sy,  0.1%ni, 98.9%id,  0.2%wa,  0.0%hi,  0.0%si,  0.2%st
+Mem:   1009140k total,   270760k used,   738380k free,    14340k buffers
+Swap:        0k total,        0k used,        0k free,   185856k cached
 
-  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
-    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
-    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
-    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
        
+  PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
+    1 root      20   0 19696 2596 2268 S  0.0  0.3   0:01.21 init
+    2 root      20   0     0    0    0 S  0.0  0.0   0:00.00 kthreadd
+    3 root      20   0     0    0    0 I  0.0  0.0   0:00.00 kworker/0:0
        
 
        t2.micro インスタンスなので， 1009140k = 1GB のメモリーがあることがわかる．
        
 
        今回起動したインスタンスには Python 2 はインストール済みだが， Python 3 は入っていない． Python 3.6 のインストールを行ってみよう． インストールは簡単である．
        
-
        sh
        $ sudo yum update -y
-$ sudo yum install -y python36
        $ sudo yum update -y
-$ sudo yum install -y python36
        
+
        sh
        $ sudo yum update -y
+$ sudo yum install -y python36
        $ sudo yum update -y
+$ sudo yum install -y python36
        
 
        インストールした Python を起動してみよう．
        
-
        sh
        $ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
        $ python3
-Python 3.6.10 (default, Feb 10 2020, 19:55:14)
-[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>>
        
+
        sh
        $ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
        $ python3
+Python 3.6.10 (default, Feb 10 2020, 19:55:14)
+[GCC 4.8.5 20150623 (Red Hat 4.8.5-28)] on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>>
        
 
        Python のインタープリタが起動した！ Ctrl + D あるいは exit() と入力することで，インタープリタを閉じることができる．
        
 
        さて，サーバーでのお遊びはこんなところにしておこう (興味があれば各自いろいろと試してみると良い) ． 次のコマンドでログアウトする．
        
-
        sh
        $ exit
        $ exit
        
+
        sh
        $ exit
        $ exit
        
 
        AWS コンソールから確認 ​
        
 
        これまでは，すべてコマンドラインから EC2 に関連する操作を行ってきた． EC2 インスタンスの状態を確認したり，サーバーをシャットダウンするなどの操作は，AWS コンソールから実行することもできる． 軽くこれを紹介しよう．
        
 
        まず，ウェブブラウザを開いて AWS コンソールにログインする． ログインしたら， Services から EC2 を検索(選択)する． 次に，左のサイドバーの Instances とページをたどる. すると， figure_title のような画面が得られるはずである． この画面で，自分のアカウントの管理下にあるインスタンスを確認できる． 同様に，VPC・SG についてもコンソールから確認できる．
        
@@ -35296,16 +35296,16 @@ output = json
        
 
        一つ目の方法は，前節の Cloudformation のコンソール画面で， "Delete" ボタンを押すことである (figure_title)． すると，スタックの状態が "DELETE_IN_PROGRESS" に変わり，削除が完了すると CloudFormation のスタックの一覧から消える．
        
 
        CloudFormationコンソール画面から，スタックを削除
        
 
        二つ目の方法は，コマンドラインから行う方法である． 先ほど，デプロイを行ったコマンドラインに戻ろう． そうしたら，次のコマンドを実行する．
        
-
        sh
        $ cdk destroy
        $ cdk destroy
        
+
        sh
        $ cdk destroy
        $ cdk destroy
        
 
        このコマンドを実行すると，スタックの削除が始まる． 削除した後は，VPC, EC2 など，すべて跡形もなく消え去っていることを自身で確かめよう． CloudFormation を用いることで関連するすべての AWS リソースを一度に管理・削除することができるので，大変便利である．
        
 
        スタックの削除は各自で必ず行うこと！ 行わなかった場合， EC2 インスタンスの料金が発生し続けることになる！
        
 
        また，本ハンズオンのために作成した SSH 鍵ペアも不要なので，削除しておく． まず， EC2 側に登録してある公開鍵を削除する． これも，コンソールおよびコマンドラインの二つの方法で実行できる．
        
 
        コンソールから実行するには， EC2 の画面に行き，左のサイドバーの Key Pairs を選択する． 鍵の一覧が表示されるので， HirakeGoma とある鍵にチェックを入れ，画面右上の Actions から， Delete を実行する (figure_title)．
        
 
        EC2でSSH鍵ペアを削除
        
 
        コマンドラインから実行するには，次のコマンドを使う．
        
-
        sh
        $ aws ec2 delete-key-pair --key-name "HirakeGoma"
        $ aws ec2 delete-key-pair --key-name "HirakeGoma"
        
+
        sh
        $ aws ec2 delete-key-pair --key-name "HirakeGoma"
        $ aws ec2 delete-key-pair --key-name "HirakeGoma"
        
 
        最後に，ローカルのコンピュータから鍵を削除する．
        
-
        sh
        $ rm -f ~/.ssh/HirakeGoma.pem
        $ rm -f ~/.ssh/HirakeGoma.pem
        
+
        sh
        $ rm -f ~/.ssh/HirakeGoma.pem
        $ rm -f ~/.ssh/HirakeGoma.pem
        
 
        これで，クラウドの片付けもすべて終了だ．
        
 
        なお，頻繁に EC2 インスタンスを起動したりする場合は，いちいち SSH 鍵を削除する必要はない．
        
 
        小括 ​
        
@@ -35374,85 +35374,85 @@ output = json
        
 
        • 
 
      
 
      ハンズオンで使用するプログラムのコードをみてみよう handson/mnist/app.py)． コードは第一回目とほとんど共通である．変更点のみ解説を行う．
      
-
      python
      class Ec2ForDl(core.Stack):
+
      python
      class Ec2ForDl(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
      class Ec2ForDl(core.Stack):
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
      class Ec2ForDl(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, key_name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        vpc = ec2.Vpc(
-            self, "Ec2ForDl-Vpc",
-            max_azs=1,
-            cidr="10.10.0.0/23",
-            subnet_configuration=[
-                ec2.SubnetConfiguration(
-                    name="public",
-                    subnet_type=ec2.SubnetType.PUBLIC,
-                )
-            ],
-            nat_gateways=0,
-        )
+        vpc = ec2.Vpc(
+            self, "Ec2ForDl-Vpc",
+            max_azs=1,
+            cidr="10.10.0.0/23",
+            subnet_configuration=[
+                ec2.SubnetConfiguration(
+                    name="public",
+                    subnet_type=ec2.SubnetType.PUBLIC,
+                )
+            ],
+            nat_gateways=0,
+        )
 
-        sg = ec2.SecurityGroup(
-            self, "Ec2ForDl-Sg",
-            vpc=vpc,
-            allow_all_outbound=True,
-        )
-        sg.add_ingress_rule(
-            peer=ec2.Peer.any_ipv4(),
-            connection=ec2.Port.tcp(22),
-        )
+        sg = ec2.SecurityGroup(
+            self, "Ec2ForDl-Sg",
+            vpc=vpc,
+            allow_all_outbound=True,
+        )
+        sg.add_ingress_rule(
+            peer=ec2.Peer.any_ipv4(),
+            connection=ec2.Port.tcp(22),
+        )
 
-        host = ec2.Instance(
-            self, "Ec2ForDl-Instance",
-            instance_type=ec2.InstanceType("g4dn.xlarge"), #
-            machine_image=ec2.MachineImage.generic_linux({
-                "us-east-1": "ami-060f07284bb6f9faf",
-                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
-            }), #
-            vpc=vpc,
-            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
-            security_group=sg,
-            key_name=key_name
-        )
      
+        host = ec2.Instance(
+            self, "Ec2ForDl-Instance",
+            instance_type=ec2.InstanceType("g4dn.xlarge"), #
+            machine_image=ec2.MachineImage.generic_linux({
+                "us-east-1": "ami-060f07284bb6f9faf",
+                "ap-northeast-1": "ami-09c0c16fc46a29ed9"
+            }), #
+            vpc=vpc,
+            vpc_subnets=ec2.SubnetSelection(subnet_type=ec2.SubnetType.PUBLIC),
+            security_group=sg,
+            key_name=key_name
+        )
      
 
        
 
      • 
 
        ここで， g4dn.xlarge インスタンスタイプを選択している (第一回では， CPU のみの t2.micro だった)． g4dn.xlarge のインスタンスタイプは， クラウドで行う科学計算・機械学習 ですでに触れた通り， NVIDIA T4 と呼ばれる廉価版モデルの GPU を搭載したインスタンスである． CPU は 4 core, メインメモリーは 16GB が割り当てあられている．
        
@@ -35467,10 +35467,10 @@ output = json
        
 
        AMI (Amazon Machine Image) とは，大まかには OS (Operating System) に相当する概念である． 当然のことながら， OS がなければコンピュータはなにもできないので，EC2 インスタンスを起動するときには必ずなにかの OS を"インストール"する必要がある． EC2 が起動したときにロードされる OS に相当するものが， AMI である． AMI には，たとえば Ubuntu などの Linux 系 OS に加えて，Windows Server を選択することもできる． また， EC2 での使用に最適化された Amazon Linux という AMI も提供されている．
        
 
        しかしながら， AMI を単なる OS と理解するのは過剰な単純化である． AMI には，ベースとなる (空っぽの) OS を選択することもできるが，それに加えて，各種のプログラムがインストール済みの AMI も定義することができる． 必要なプログラムがインストールされている AMI を見つけることができれば，自身でインストールを行ったり環境設定したりする手間が大幅に省ける． 具体例を挙げると，ハンズオン第一回では EC2 インスタンスに Python 3.6 をインストールする例を示したが，そのような操作をインスタンスが起動するたびに行うのは手間である！
        
 
        AMI は， AWS 公式のものに加えて，サードパーティから提供されているものもある． また，自分自身の AMI を作って登録することも可能である (参考)． AMI は EC2 のコンソールから検索することが可能である． あるいは，AWS CLI を使って，次のコマンドでリストを取得することができる (参考)．
        
-
        sh
        $ aws ec2 describe-images --owners amazon
        $ aws ec2 describe-images --owners amazon
        
+
        sh
        $ aws ec2 describe-images --owners amazon
        $ aws ec2 describe-images --owners amazon
        
 
        ディープラーニングで頻繁に使われるプログラムがあらかじめインストールしてある AMI が， DLAMI (Deep Learning AMI) である． DLAMI には TensorFlow, PyTorch などの人気の高いディープラーニングのフレームワーク・ライブラリがすでにインストールされているため， EC2 インスタンスを起動してすぐさまディープラーニングの計算を実行できる．
        
 
        本ハンズオンでは， Amazon Linux 2 をベースにした DLAMI を使用する (AMI ID = ami-09c0c16fc46a29ed9．この AMI は ap-northeast-1 でしか使用できない点に注意)． AWS CLI を使って，この AMI の詳細情報を取得してみよう．
        
-
        sh
        $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
        $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
        
+
        sh
        $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
        $ aws ec2 describe-images --owners amazon --image-ids "ami-09c0c16fc46a29ed9" --region ap-northeast-1
        
 
        AMI ID = ami-09c0c16fc46a29ed9 の詳細情報
        
 
        figure_title のような出力が得られるはずである．得られた出力から，この DLAMI には PyTorch のバージョン 1.4.0 と 1.5.0 がインストールされていることがわかる． この DLAMI を使って，早速ディープラーニングの計算を実行してみよう．
        
 
        DLAMI には具体的には何がインストールされているのだろうか？ 興味のある読者のために，簡単な解説をしよう (参考: 公式ドキュメンテーション "What Is the AWS Deep Learning AMI?")．
        
@@ -35479,43 +35479,43 @@ output = json
        
 
        スタックのデプロイ ​
        
 
        スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
        
 
        デプロイの手順は，ハンズオン 1 とほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれのコマンドの意味を忘れてしまった場合は，ハンズオン 1 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
        
-
        sh
        # プロジェクトのディレクトリに移動
-$ cd handson/mnist
+
        sh
        # プロジェクトのディレクトリに移動
+$ cd handson/mnist
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
 
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
        # プロジェクトのディレクトリに移動
-$ cd handson/mnist
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
        # プロジェクトのディレクトリに移動
+$ cd handson/mnist
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# SSH鍵を生成
-$ export KEY_NAME="HirakeGoma"
-$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
-$ mv HirakeGoma.pem ~/.ssh/
-$ chmod 400 ~/.ssh/HirakeGoma.pem
+# SSH鍵を生成
+$ export KEY_NAME="HirakeGoma"
+$ aws ec2 create-key-pair --key-name ${KEY_NAME} --query 'KeyMaterial' --output text > ${KEY_NAME}.pem
+$ mv HirakeGoma.pem ~/.ssh/
+$ chmod 400 ~/.ssh/HirakeGoma.pem
 
-# デプロイを実行
-$ cdk deploy -c key_name="HirakeGoma"
        
+# デプロイを実行
+$ cdk deploy -c key_name="HirakeGoma"
        
 
        ハンズオン 1 で作成した SSH 鍵の削除を行わなかった場合は， SSH 鍵を改めて作成する必要はない． 逆に言うと，同じ名前の SSH がすでに存在する場合は，鍵生成のコマンドはエラーを出力する．
        
 
        デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．AWS により割り振られた IP アドレス (InstancePublicIp に続く文字列) をメモしておこう．
        
 
        CDKデプロイ実行後の出力
        
 
        ログイン ​
        
 
        早速，デプロイしたインスタンスに SSH でログインしてみよう． ここでは，この後で使う Jupyter Notebook に接続するため，ポートフォワーディング (port forwarding) のオプション (-L) をつけてログインする．
        
-
        sh
        $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
        $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
        
+
        sh
        $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
        $ ssh -i ~/.ssh/HirakeGoma.pem -L localhost:8931:localhost:8888 ec2-user@<IP address>
        
 
        ポートフォワーディングとは，クライアントマシンの特定のアドレスへの接続を， SSH の暗号化された通信を介して，リモートマシンの特定のアドレスへ転送する，という意味である． このコマンドの -L localhost:8931:localhost:8888 は，自分のローカルマシンの localhost:8931 へのアクセスを，リモートサーバーの localhost:8888 のアドレスに転送せよ，という意味である (: につづく数字は TCP/IP ポートの番号を意味している)． リモートサーバーのポート 8888 には，後述する Jupyter Notebook が起動している． したがって，ローカルマシンの localhost:8931 にアクセスすることで，リモートサーバーの Jupyter Notebook にアクセスすることができるのである (figure_title)． このような SSH による接続方式をトンネル接続とよぶ．
        
 
        SSH のポートフォワーディングによる Jupyter Notebook へのアクセス
        
 
        ポートフォワーディングのオプションで，ポートの番号 (:8931, :8888 など) には 1 から 65535 までの任意の整数を指定できる． しかし，たとえば ポート 22 (SSH) やポート 80 (HTTP) など，いくつかすでに使われているポート番号もあることに注意する． また， Jupyter Notebook はデフォルトではポート 8888 番を使用する． したがって，リモート側のポート番号は，8888 を使うのがよい．
        
@@ -35524,7 +35524,7 @@ output = json
        
 
        SSH によるログインは， Docker の外 (すなわちクライアントマシン本体) から行わなければならない． なぜなら，Jupyter を開くウェブブラウザは Docker の外にあるからである．
        
 
        その際，秘密鍵を Docker の外にもってこなければならない． 手っ取り早い方法は， cat ~/.ssh/HirakeGoma と打って，出力結果をコピーしてホストマシンのファイルに書き込む方法である． あるいは -v オプションをつけて，ファイルシステムをマウントしてもよい (詳しくは Docker 公式ドキュメンテーション "Use volumes" を参照)．
        
 
        SSH によるログインができたら，早速， GPU の状態を確認してみよう． 次のコマンドを実行する．
        
-
        sh
        $ nvidia-smi
        $ nvidia-smi
        
+
        sh
        $ nvidia-smi
        $ nvidia-smi
        
 
        figure_title のような出力が得られるはずである． 出力を見ると， Tesla T4 型の GPU が 1 台搭載されていることが確認できる． その他，GPU Driver や CUDA のバージョン， GPU の負荷・メモリー使用率などの情報を確認することができる．
        
 
        nvidia-smi の出力
        
 
        Jupyter Notebook の起動 ​
        
@@ -35532,9 +35532,9 @@ output = json
        
 
        Jupyter Notebook の画面
        
 
        このハンズオンでは， Jupyter Notebook を使ってディープラーニングのプログラムをインタラクティブに実行していく． DLAMI には既に Jupyter がインストールされているので，特段の設定なしに使い始めることができる．
        
 
        早速， Jupyter を起動しよう． SSH でログインした先の EC2 インスタンスで，次のコマンドを実行すればよい．
        
-
        sh
        $ cd ~ # go to home directory
-$ jupyter notebook
        $ cd ~ # go to home directory
-$ jupyter notebook
        
+
        sh
        $ cd ~ # go to home directory
+$ jupyter notebook
        $ cd ~ # go to home directory
+$ jupyter notebook
        
 
        このコマンドを実行すると， figure_title のような出力が確認できるだろう． この出力から，Jupyter のサーバーが EC2 インスタンスの localhost:8888 というアドレスに起動していることがわかる． また， localhost:8888 に続く ?token=XXXX は，アクセスに使うための一時的なトークンである．
        
 
        Jupyter Notebook サーバーを起動
        
 
        Jupyter Notebook を初回に起動するときは，起動に数分程度の時間がかかることがある． ほかの動作も起動直後は遅く，いくつかプログラムを走らせていくうちに俊敏に反応するようになってくる． これは， AWS の GPU 搭載型仮想マシンの運用方法に起因する現象だと考えられる．
        
@@ -35570,31 +35570,31 @@ output = json
        
 
        ここでは，次のようなプログラムを書いて，実行していく． (figure_title)．
        
 
        PyTorch始めの一歩
        
 
        まずは， PyTorch をインポートする．さらに， GPU が使える環境にあるか，確認する．
        
-
        python
        import torch
-print("Is CUDA ready?", torch.cuda.is_available())
        import torch
-print("Is CUDA ready?", torch.cuda.is_available())
        
+
        python
        import torch
+print("Is CUDA ready?", torch.cuda.is_available())
        import torch
+print("Is CUDA ready?", torch.cuda.is_available())
        
 
        出力:
        
 
        Is CUDA ready? True</programlisting>
        
 
        次に，3x3 のランダムな行列を CPU 上に作ってみよう．
        
-
        python
        x = torch.rand(3,3)
-print(x)
        x = torch.rand(3,3)
-print(x)
        
+
        python
        x = torch.rand(3,3)
+print(x)
        x = torch.rand(3,3)
+print(x)
        
 
        出力:
        
 
        tensor([[0.6896, 0.2428, 0.3269], [0.0533, 0.3594, 0.9499], [0.9764, 0.5881, 0.0203]])</programlisting>
        
 
        次に，行列を GPU 上に作成する．
        
-
        python
        y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
        y = torch.ones_like(x, device="cuda")
-x = x.to("cuda")
        
+
        python
        y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
        y = torch.ones_like(x, device="cuda")
+x = x.to("cuda")
        
 
        そして，行列 x と y の加算を，GPU 上で実行する．
        
-
        python
        z = x + y
-print(z)
        z = x + y
-print(z)
        
+
        python
        z = x + y
+print(z)
        z = x + y
+print(z)
        
 
        出力:
        
 
        tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]], device='cuda:0')</programlisting>
        
 
        最後に， GPU 上にある行列を， CPU に戻す．
        
-
        python
        z = z.to("cpu")
-print(z)
        z = z.to("cpu")
-print(z)
        
+
        python
        z = z.to("cpu")
+print(z)
        z = z.to("cpu")
+print(z)
        
 
        出力:
        
 
        tensor([[1.6896, 1.2428, 1.3269], [1.0533, 1.3594, 1.9499], [1.9764, 1.5881, 1.0203]])</programlisting>
        
 
        以上の例は， GPU を使った計算の初歩の初歩であるが，雰囲気はつかめただろうか？ CPU と GPU で明示的にデータを交換するのが肝である． この例はたった 3x3 の行列の足し算なので， GPU を使う意味はまったくないが，これが数千，数万のサイズの行列になったとき， GPU は格段の威力を発揮する．
        
@@ -35602,33 +35602,33 @@ output = json
        
 
        しなしながら，勉強のときにはコードはすべて自分の手で打つことが，記憶に残りやすくより効果的である，というのが筆者の意見である．
        
 
        実際にベンチマークを取ることで GPU と CPU の速度を比較をしてみよう． 実行時間を計測するツールとして， Jupyter の提供する %time マジックコマンドを利用する．
        
 
        まずは CPU を使用して，10000x10000 の行列の行列積を計算した場合の速度を測ってみよう． 先ほどのノートブックの続きに，次のコードを実行する．
        
-
        python
        s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
+
        python
        s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
 
-%time z = torch.matmul(x,y)
        s = 10000
-device = "cpu"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
+%time z = torch.matmul(x,y)
        s = 10000
+device = "cpu"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
 
-%time z = torch.matmul(x,y)
        
+%time z = torch.matmul(x,y)
        
 
        出力は以下のようなものが得られるだろう． これは，行列積の計算に実時間で 5.8 秒かかったことを意味する (実行のたびに計測される時間はばらつくことに留意)．
        
 
        CPU times: user 11.5 s, sys: 140 ms, total: 11.6 s Wall time: 5.8 s</programlisting>
        
 
        次に， GPU を使用して，同じ演算を行った場合の速度を計測しよう．
        
-
        python
        s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
+
        python
        s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
 
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
        s = 10000
-device = "cuda"
-x = torch.rand(s, s, device=device, dtype=torch.float32)
-y = torch.rand(s, s, device=device, dtype=torch.float32)
-torch.cuda.synchronize()
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
        s = 10000
+device = "cuda"
+x = torch.rand(s, s, device=device, dtype=torch.float32)
+y = torch.rand(s, s, device=device, dtype=torch.float32)
+torch.cuda.synchronize()
 
-%time z = torch.matmul(x,y); torch.cuda.synchronize()
        
+%time z = torch.matmul(x,y); torch.cuda.synchronize()
        
 
        出力は以下のようなものになるだろう． GPU では 553 ミリ秒 で計算を終えることができた！
        
 
        CPU times: user 334 ms, sys: 220 ms, total: 554 ms Wall time: 553 ms</programlisting>
        
 
        PyTorch において， GPU での演算は asynchronous (非同期) で実行される． その理由で，上のベンチマークコードでは， torch.cuda.synchronize() というステートメントを埋め込んである．
        
@@ -35643,140 +35643,140 @@ output = json
        
 
         をアップロード
        
 
        simple_mnist.py をアップロードできたら，次に新しい notebook を作成しよう． "conda_pytorch_p36" の環境を選択することを忘れずに．
        
 
        新しいノートブックが起動したら，まずは必要なライブラリをインポートしよう．
        
-
        python
        import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
+
        python
        import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
 
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
        import torch
-import torch.optim as optim
-import torchvision
-from torchvision import datasets, transforms
-from matplotlib import pyplot as plt
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
        import torch
+import torch.optim as optim
+import torchvision
+from torchvision import datasets, transforms
+from matplotlib import pyplot as plt
 
-# custom functions and classes
-from simple_mnist import Model, train, evaluate
        
+# custom functions and classes
+from simple_mnist import Model, train, evaluate
        
 
        torchvision パッケージには，MNIST データセットをロードするなどの便利な関数が含まれている． また，今回のハンズオンで使うカスタムのクラス・関数 (Model, train, evaluate) のインポートを行っている．
        
 
        次に，MNIST テストデータをダウンロードしよう． 同時に，画像データの輝度の正規化も行っている．
        
-
        python
        transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
+
        python
        transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
 
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
 
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
        transf = transforms.Compose([transforms.ToTensor(),
-                             transforms.Normalize((0.1307,), (0.3081,))])
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
        transf = transforms.Compose([transforms.ToTensor(),
+                             transforms.Normalize((0.1307,), (0.3081,))])
 
-trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
-trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
+trainset = datasets.MNIST(root='./data', train=True, download=True, transform=transf)
+trainloader = torch.utils.data.DataLoader(trainset, batch_size=64, shuffle=True)
 
-testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
-testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
        
+testset = datasets.MNIST(root='./data', train=False, download=True, transform=transf)
+testloader = torch.utils.data.DataLoader(testset, batch_size=1000, shuffle=True)
        
 
        今回扱う MNIST データは 28x28 ピクセルの正方形の画像(モノクロ)と，それぞれのラベル(0 - 9 の数字)の組で構成されている． いくつかのデータを抽出して，可視化してみよう． figure_title のような出力が得られるはずである．
        
-
        python
        examples = iter(testloader)
-example_data, example_targets = examples.next()
+
        python
        examples = iter(testloader)
+example_data, example_targets = examples.next()
 
-print("Example data size:", example_data.shape)
+print("Example data size:", example_data.shape)
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
        examples = iter(testloader)
-example_data, example_targets = examples.next()
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
        examples = iter(testloader)
+example_data, example_targets = examples.next()
 
-print("Example data size:", example_data.shape)
+print("Example data size:", example_data.shape)
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Ground Truth: {}".format(example_targets[i]))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
        
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Ground Truth: {}".format(example_targets[i]))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
        
 
        MNIST の手書き数字画像とその教師ラベル
        
 
        次に， CNN のモデルを定義する．
        
-
        python
        model = Model()
-model.to("cuda") # load to GPU
        model = Model()
-model.to("cuda") # load to GPU
        
+
        python
        model = Model()
+model.to("cuda") # load to GPU
        model = Model()
+model.to("cuda") # load to GPU
        
 
        今回使う Model は simple_mnist.py の中で定義されている． このモデルは，figure_title に示したような，２層の畳み込み層と 2 層の全結合層からなるネットワークである． 出力層 (output layer) には Softmax 関数を使用し，損失関数 (Loss function) には 負の対数尤度関数 (Negative log likelyhood; NLL) を使用している．
        
 
        本ハンズオンで使用するニューラルネットの構造．
        
 
        続いて， CNN のパラメータを更新する最適化アルゴリズムを定義する． ここでは， 確率的勾配降下法 (Stochastic Gradient Descent; SGD) を使用している．
        
-
        python
        optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
        optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
        
+
        python
        optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
        optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
        
 
        これで，準備が整った． CNN の学習ループを開始しよう!
        
-
        python
        train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
+
        python
        train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
 
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
        train_losses = []
-for epoch in range(5):
-    losses = train(model, trainloader, optimizer, epoch)
-    train_losses = train_losses + losses
-    test_loss, test_accuracy = evaluate(model, testloader)
-    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
        train_losses = []
+for epoch in range(5):
+    losses = train(model, trainloader, optimizer, epoch)
+    train_losses = train_losses + losses
+    test_loss, test_accuracy = evaluate(model, testloader)
+    print(f"\nTest set: Average loss: {test_loss:.4f}, Accuracy: {test_accuracy:.1f}%\n")
 
-plt.figure(figsize=(7,5))
-plt.plot(train_losses)
-plt.xlabel("Iterations")
-plt.ylabel("Train loss")
-plt.show()
        
+plt.figure(figsize=(7,5))
+plt.plot(train_losses)
+plt.xlabel("Iterations")
+plt.ylabel("Train loss")
+plt.show()
        
 
        ここでは 5 エポック分の学習を行っている． GPU を使えば，これくらいの計算であれば 1 分程度で完了するだろう．
        
 
        出力として， figure_title のようなプロットが得られるはずである． イテレーションを重ねるにつれて，損失関数 (Loss function) の値が減少している (=精度が向上している) ことがわかる．
        
 
        学習の進行に対する Train loss の変化
        
 
        出力にはテキスト形式で各エポック終了後のテストデータに対する精度も表示されている． 最終的には 98% 以上の極めて高い精度を実現できていることが確認できるだろう (figure_title)．
        
 
        学習したCNNのテストデータに対するスコア (5エポック後)
        
 
        学習した CNN の推論結果を可視化してみよう． 次のコードを実行することで， figure_title のような出力が得られるだろう． この図で，下段右から二番目は，"1"に近い見た目をしているが，きちんと"9"と推論できている． なかなか賢い CNN を作り出すことができたようだ！
        
-
        python
        model.eval()
+
        python
        model.eval()
 
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
        model.eval()
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
        model.eval()
 
-with torch.no_grad():
-    output = model(example_data.to("cuda"))
+with torch.no_grad():
+    output = model(example_data.to("cuda"))
 
-fig = plt.figure(figsize=(10,4))
-for i in range(10):
-    plt.subplot(2,5,i+1)
-    plt.tight_layout()
-    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
-    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
-    plt.xticks([])
-    plt.yticks([])
-plt.show()
        
+fig = plt.figure(figsize=(10,4))
+for i in range(10):
+    plt.subplot(2,5,i+1)
+    plt.tight_layout()
+    plt.imshow(example_data[i][0], cmap='gray', interpolation='none')
+    plt.title("Prediction: {}".format(output.data.max(1, keepdim=True)[1][i].item()))
+    plt.xticks([])
+    plt.yticks([])
+plt.show()
        
 
        学習した CNN による，MNIST画像の推論結果
        
 
        最後に，学習したニューラルネットワークのパラメータを mnist_cnn.pt というファイル名で保存しておこう． これで，将来いつでも今回学習したモデルを再現し，別の実験に使用することができる．
        
-
        python
        torch.save(model.state_dict(), "mnist_cnn.pt")
        torch.save(model.state_dict(), "mnist_cnn.pt")
        
+
        python
        torch.save(model.state_dict(), "mnist_cnn.pt")
        torch.save(model.state_dict(), "mnist_cnn.pt")
        
 
        以上が， AWS クラウドの仮想サーバーを立ち上げ，最初のディープラーニングの計算を行う一連の流れである． MNIST 文字認識のタスクを行うニューラルネットを，クラウド上の GPU を使って高速に学習させ，現実的な問題を一つ解くことができたのである． 興味のある読者は，今回のハンズオンを雛形に，自分の所望の計算を走らせてみるとよいだろう．
        
 
        スタックの削除 ​
        
 
        これにて，ハンズオン第二回の内容はすべて説明した． クラウドの利用料金を最小化するため，使い終わった EC2 インスタンスはすぐさま削除しよう．
        
 
        ハンズオン第一回と同様に， AWS の CloudFormation コンソールか， AWS CLI により削除を実行する (詳細は スタックを削除 参照)．
        
-
        sh
        $ cdk destroy
        $ cdk destroy
        
+
        sh
        $ cdk destroy
        $ cdk destroy
        
 
        スタックの削除は各自で必ず行うこと！ 行わなかった場合，EC2 インスタンスの料金が発生し続けることになる！ g4dn.xlarge は $0.71 / hour の料金設定なので，一日起動しつづけると約$17 の請求が発生することになる！
        
 
        AWS のバジェットアラート
        
 
        AWS の初心者が (あるいは経験者も) しばしば陥る失敗が，インスタンスの停止忘れなどで無駄なリソースがクラウドで放置されてしまい，巨大な額の請求が届く，というミスだ． 特に，開発を行っている間はこのような事態は起こりうるものだと思って，備えておかなければならない． このような事態を未然に防ぐため， AWS Budgets という機能が無料で提供されている． AWS Budgets を利用することで，月の利用金額がある閾値を超えた場合にユーザーにメールが送信される，などのアラートを設定することができる． 詳細な手順は AWS の公式ブログ "Getting Started with AWS Budgets" を参照のこと． 本書の読者も，ぜひこのタイミングでアラートを設定しておくことを推奨する．
        
@@ -35815,92 +35815,92 @@ output = json
        
 
        イメージをダウンロード ​
        
 
        パッケージ化された Docker の仮想環境 (= イメージ (Image)) は， Docker Hub からダウンロードできる． Docker Hub には，個人や企業・団体が作成した Docker イメージが集められており， GitHub などと同じ感覚で，オープンな形で公開されている．
        
 
        たとえば， Ubuntu のイメージは Ubuntu の公式リポジトリ で公開されており， pull コマンドを使うことでローカルにダウンロードすることができる．
        
-
        sh
        $ docker pull ubuntu:18.04
        $ docker pull ubuntu:18.04
        
+
        sh
        $ docker pull ubuntu:18.04
        $ docker pull ubuntu:18.04
        
 
        ここで，イメージ名の : (コロン) 以降に続く文字列を タグ (tag) と呼び，主にバージョンを指定するなどの目的で使われる．
        
 
        pull コマンドはデフォルトでは Docker Hub でイメージを検索し，ダウンロードを行う． Docker イメージを公開するためのデータベース (レジストリ (registry) とよぶ) は Docker Hub だけではなく，たとえば GitLab や GitHub は独自のレジストリ機能を提供しているし，個人のサーバーでレジストリを立ち上げることも可能である． Docker Hub 以外のレジストリから pull するには， myregistry.local:5000/testing/test-image のように，イメージ名の先頭につける形でレジストリのアドレス (さらにオプションとしてポート番号) を指定する．
        
 
        コンテナを起動 ​
        
 
        Pull してきたイメージを起動するには， run コマンドを使う．
        
-
        sh
        $ docker run -it ubuntu:18.04
        $ docker run -it ubuntu:18.04
        
+
        sh
        $ docker run -it ubuntu:18.04
        $ docker run -it ubuntu:18.04
        
 
        ここで， -it とは，インタラクティブな shell のセッションを開始するために必要なオプションである．
        
 
        このコマンドを実行すると，仮想化された Ubuntu が起動され，コマンドラインからコマンドが打ち込めるようになる (figure_title)． このように起動状態にある計算環境 (ランタイム) のことを Container (コンテナ) とよぶ．
        
 
        Docker を使って ubuntu:18.04 イメージを起動
        
 
        ここで使用した ubuntu:18.04 のイメージは，空の Ubuntu OS だが，すでにプログラムがインストール済みのものもある． これは， Hands-on #2: AWS でディープラーニングを実践 でみた DLAMI と概念として似ている． たとえば， PyTorch がインストール済みのイメージは PyTorch 公式の Docker Hub リポジトリ で公開されている．
        
 
        これを起動してみよう．
        
-
        sh
        $ docker run -it pytorch/pytorch
        $ docker run -it pytorch/pytorch
        
+
        sh
        $ docker run -it pytorch/pytorch
        $ docker run -it pytorch/pytorch
        
 
        docker run を実行したとき，ローカルに該当するイメージが見つからない場合は，自動的に Docker Hub からダウンロードされる．
        
 
        pytorch のコンテナが起動したら， Python のシェルを立ち上げて， pytorch をインポートしてみよう．
        
-
        sh
        $ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
        $ python3
-Python 3.7.7 (default, May  7 2020, 21:25:33)
-[GCC 7.3.0] :: Anaconda, Inc. on linux
-Type "help", "copyright", "credits" or "license" for more information.
->>> import torch
->>> torch.cuda.is_available()
-False
        
+
        sh
        $ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
        $ python3
+Python 3.7.7 (default, May  7 2020, 21:25:33)
+[GCC 7.3.0] :: Anaconda, Inc. on linux
+Type "help", "copyright", "credits" or "license" for more information.
+>>> import torch
+>>> torch.cuda.is_available()
+False
        
 
        このように， Docker を使うことで簡単に特定の OS・プログラムの入った計算環境を再現することが可能になる．
        
 
        自分だけのイメージを作る ​
        
 
        自分の使うソフトウェア・ライブラリがインストールされた，自分だけのイメージを作ることも可能である．
        
 
        たとえば， 本書のハンズオン実行用に提供している docker イメージ には， Python, Node.js, AWS CLI, AWS CDK などのソフトウェアがインストール済みであり，ダウンロードしてくるだけですぐにハンズオンのプログラムが実行できるようになっている．
        
 
        カスタムの docker イメージを作るには， Dockerfile という名前のついたファイルを用意し，その中にどんなプログラムをインストールするかなどを記述していく．
        
 
        具体例として，本書で提供している Docker イメージのレシピを見てみよう (docker/Dockerfile)．
        
-
        python
        FROM node:12
-LABEL maintainer="Tomoyuki Mano"
+
        python
        FROM node:12
+LABEL maintainer="Tomoyuki Mano"
 
-RUN apt-get update \
-    && apt-get install nano
+RUN apt-get update \
+    && apt-get install nano
 
-#
-RUN cd /opt \
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
-    && tar -xzf Python-3.7.6.tgz \
-    && cd Python-3.7.6 \
-    && ./configure --enable-optimizations \
-    && make install
+#
+RUN cd /opt \
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
+    && tar -xzf Python-3.7.6.tgz \
+    && cd Python-3.7.6 \
+    && ./configure --enable-optimizations \
+    && make install
 
-RUN cd /opt \
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install
+RUN cd /opt \
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
+    && unzip awscliv2.zip \
+    && ./aws/install
 
-#
-RUN npm install -g aws-cdk@1.100
+#
+RUN npm install -g aws-cdk@1.100
 
-# clean up unnecessary files
-RUN rm -rf /opt/*
+# clean up unnecessary files
+RUN rm -rf /opt/*
 
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
        FROM node:12
-LABEL maintainer="Tomoyuki Mano"
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
        FROM node:12
+LABEL maintainer="Tomoyuki Mano"
 
-RUN apt-get update \
-    && apt-get install nano
+RUN apt-get update \
+    && apt-get install nano
 
-#
-RUN cd /opt \
-    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
-    && tar -xzf Python-3.7.6.tgz \
-    && cd Python-3.7.6 \
-    && ./configure --enable-optimizations \
-    && make install
+#
+RUN cd /opt \
+    && curl -q "https://www.python.org/ftp/python/3.7.6/Python-3.7.6.tgz" -o Python-3.7.6.tgz \
+    && tar -xzf Python-3.7.6.tgz \
+    && cd Python-3.7.6 \
+    && ./configure --enable-optimizations \
+    && make install
 
-RUN cd /opt \
-    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install
+RUN cd /opt \
+    && curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
+    && unzip awscliv2.zip \
+    && ./aws/install
 
-#
-RUN npm install -g aws-cdk@1.100
+#
+RUN npm install -g aws-cdk@1.100
 
-# clean up unnecessary files
-RUN rm -rf /opt/*
+# clean up unnecessary files
+RUN rm -rf /opt/*
 
-# copy hands-on source code in /root/
-COPY handson/ /root/handson
        
+# copy hands-on source code in /root/
+COPY handson/ /root/handson
        
 
        Dockerfile の中身の説明は詳しくは行わないが，たとえば上のコードで <1> で示したところは， Python 3.7 のインストールを実行している． また， <2> で示したところは， AWS CDK のインストールを行っていることがわかるだろう． このように，リアルな OS で行うのと同じ流れでインストールのコマンドを逐一記述していくことで，自分だけの Docker イメージを作成することができる． 一度イメージを作成すれば，それを配布することで，他者も同一の計算環境を簡単に再構成することができる．
        
 
        "ぼくの環境ではそのプログラム走ったのにな…" というのは，プログラミング初心者ではよく耳にする会話だが， Docker を使いこなせばそのような心配とは無縁である． そのような意味で，クラウド以外の場面でも， Docker の有用性・汎用性は極めて高い．
        
 
        コンテナを用いた仮想計算環境ツールとして Docker を紹介したが， ほかに選択肢はないのか？ よくぞ聞いてくれた！ Docker の登場以降，複数のコンテナベースの仮想環境ツールが開発されてきた． いずれのツールも，概念や API については Docker と共通するものが多いが，Docker にはない独自の特徴を提供している． ここではその中でも有名ないくつかを紹介しよう．
        
@@ -35934,35 +35934,35 @@ output = json
        
 
        このハンズオンでは 1CPU/4GB RAM の Fargate インスタンスを使用する． 計算の実行には 0.025 $/hour のコストが発生することに注意．
        
 
        Transformer を用いた question-answering プログラム ​
        
 
        このハンズオンで開発する，自動質問回答システムをより具体的に定義しよう． 次のような文脈 (context) と質問 (question) が与えられた状況を想定する．
        
-
        txt
        context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
        context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
-
-question: In what year did Einstein win the Nobel prize?
        
+
        txt
        context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
        context: Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed \"the world's most famous equation\". He received the 1921 Nobel Prize in Physics \"for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect\", a pivotal step in the development of quantum theory.
+
+question: In what year did Einstein win the Nobel prize?
        
 
        今回作成する自動回答システムは，このような問題に対して， context に含まれる文字列から正解となる言葉を見つけ出すものとする． 上の問題では，次のような回答を返すべきである．
        
-
        sh
        answer: 1921
        answer: 1921
        
+
        sh
        answer: 1921
        answer: 1921
        
 
        人間にとっては，このような文章を理解することは容易であるが，コンピュータにそれを解かせるのは難しいことは容易に想像ができるだろう． しかし，近年の深層学習を使った自然言語処理の進歩は著しく，上で示したような例題などは極めて高い正答率で回答できるモデルを作ることができる．
        
 
        今回は， huggingface/transformers で公開されている学習済みの言語モデルを利用することで，上で定義した問題を解く Q&A ボットを作る． この Q&A ボットは Transformer とよばれるモデルを使った自然言語処理に支えられえている (figure_title)． このプログラムを， Docker にパッケージしたものが 著者の Docker Hub リポジトリ に用意してある． クラウドの設計に入る前に，まずはこのプログラムを単体で動かしてみよう．
        
 
        Transformer モデルアーキテクチャ (画像出典: Vaswani+ 2017)
        
 
        なお，今回は学習済みのモデルを用いているので，私達が行うのは与えられた入力をモデルに投入して予測を行う (推論) のみである． 推論の演算は， CPU だけでも十分高速に行うことができるので，コストの削減と，実装をシンプルにする目的で，このハンズオンでは GPU は利用しない． 一般的に， ニューラルネットは学習のほうが圧倒的に計算コストが大きく，そのような場合に GPU はより威力を発揮する．
        
 
        次のコマンドで，今回使う Docker image を ローカルにダウンロード (pull) してこよう．
        
-
        sh
        $ docker pull tomomano/qabot:latest
        $ docker pull tomomano/qabot:latest
        
+
        sh
        $ docker pull tomomano/qabot:latest
        $ docker pull tomomano/qabot:latest
        
 
        pull できたら，早速この Docker に質問を投げかけてみよう． まずは context と question をコマンドラインの変数として定義する．
        
-
        sh
        $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
        $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
-$ question="In what year did Einstein win the Nobel prize ?"
        
+
        sh
        $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
        $ context="Albert Einstein (14 March 1879 – 18 April 1955) was a German-born theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics (alongside quantum mechanics). His work is also known for its influence on the philosophy of science. He is best known to the general public for his mass–energy equivalence formula E = mc2, which has been dubbed the world's most famous equation. He received the 1921 Nobel Prize in Physics for his services to theoretical physics, and especially for his discovery of the law of the photoelectric effect, a pivotal step in the development of quantum theory."
+$ question="In what year did Einstein win the Nobel prize ?"
        
 
        そうしたら，次のコマンドによってコンテナを実行する．
        
-
        sh
        $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
        $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
        
+
        sh
        $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
        $ docker run tomomano/qabot "${context}" "${question}" foo --no_save
        
 
        今回用意した Docker image は，第一引数に context となる文字列を，第二引数に question に相当する文字列を受けつける． 第三引数，第四引数については，クラウドに展開するときの実装上の都合なので，いまは気にしなくてよい．
        
 
        このコマンドを実行すると，次のような出力が得られるはずである．
        
-
        sh
        {'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
        {'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
        
+
        sh
        {'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
        {'score': 0.9881729286683587, 'start': 437, 'end': 441, 'answer': '1921'}
        
 
        "score" は正解の自信度を表す数字で， [0,1] の範囲で与えられる． "start", "end" は， context 中の何文字目が正解に相当するかを示しており， "answer" が正解と予測された文字列である． 1921 年という，正しい答えが返ってきていることに注目してほしい．
        
 
        もう少し難しい質問を投げかけてみよう．
        
-
        sh
        $ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
        $ question="Why did Einstein win the Nobel prize ?"
-$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
        
+
        sh
        $ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
        $ question="Why did Einstein win the Nobel prize ?"
+$ docker run tomomano/qabot "${context}" "${question}" foo --no_save
        
 
        出力：
        
-
        sh
        {'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
        {'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
        
+
        sh
        {'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
        {'score': 0.5235594527494207, 'start': 470, 'end': 506, 'answer': 'his services to theoretical physics,'}
        
 
        今度は， score が 0.52 と，少し自信がないようだが，それでも正しい答えにたどりつけていることがわかる．
        
 
        このように， 深層学習に支えられた言語モデルを用いることで，実用にも役に立ちそうな Q&A ボットを実現できていることがわかる． 以降では，このプログラムをクラウドに展開することで，大量の質問に自動で対応できるようなシステムを設計していく．
        
 
        今回使用する Question & Answering システムには， DistilBERT という Transformer を基にした言語モデルが用いられている． 興味のある読者は， 原著論文 を参照してもらいたい． また， huggingface/transformers による DistilBert の実装のドキュメンテーションは 公式ドキュメンテーション を参照のこと．
        
@@ -35998,109 +35998,109 @@ output = json
        
 
        • 
 
      
 
      それでは，プログラムのソースコードを見てみよう (handson/qa-bot/app.py)．
      
-
      sh
      class EcsClusterQaBot(core.Stack):
+
      sh
      class EcsClusterQaBot(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
 
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
 
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
 
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
 
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
      class EcsClusterQaBot(core.Stack):
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
      class EcsClusterQaBot(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store questions and answers
-        table = dynamodb.Table(
-            self, "EcsClusterQaBot-Table",
-            partition_key=dynamodb.Attribute(
-                name="item_id", type=dynamodb.AttributeType.STRING
-            ),
-            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store questions and answers
+        table = dynamodb.Table(
+            self, "EcsClusterQaBot-Table",
+            partition_key=dynamodb.Attribute(
+                name="item_id", type=dynamodb.AttributeType.STRING
+            ),
+            billing_mode=dynamodb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        vpc = ec2.Vpc(
-            self, "EcsClusterQaBot-Vpc",
-            max_azs=1,
-        )
+        #
+        vpc = ec2.Vpc(
+            self, "EcsClusterQaBot-Vpc",
+            max_azs=1,
+        )
 
-        #
-        cluster = ecs.Cluster(
-            self, "EcsClusterQaBot-Cluster",
-            vpc=vpc,
-        )
+        #
+        cluster = ecs.Cluster(
+            self, "EcsClusterQaBot-Cluster",
+            vpc=vpc,
+        )
 
-        #
-        taskdef = ecs.FargateTaskDefinition(
-            self, "EcsClusterQaBot-TaskDef",
-            cpu=1024, # 1 CPU
-            memory_limit_mib=4096, # 4GB RAM
-        )
+        #
+        taskdef = ecs.FargateTaskDefinition(
+            self, "EcsClusterQaBot-TaskDef",
+            cpu=1024, # 1 CPU
+            memory_limit_mib=4096, # 4GB RAM
+        )
 
-        # grant permissions
-        table.grant_read_write_data(taskdef.task_role)
-        taskdef.add_to_task_role_policy(
-            iam.PolicyStatement(
-                effect=iam.Effect.ALLOW,
-                resources=["*"],
-                actions=["ssm:GetParameter"]
-            )
-        )
+        # grant permissions
+        table.grant_read_write_data(taskdef.task_role)
+        taskdef.add_to_task_role_policy(
+            iam.PolicyStatement(
+                effect=iam.Effect.ALLOW,
+                resources=["*"],
+                actions=["ssm:GetParameter"]
+            )
+        )
 
-        #
-        container = taskdef.add_container(
-            "EcsClusterQaBot-Container",
-            image=ecs.ContainerImage.from_registry(
-                "tomomano/qabot:latest"
-            ),
-        )
      
+        #
+        container = taskdef.add_container(
+            "EcsClusterQaBot-Container",
+            image=ecs.ContainerImage.from_registry(
+                "tomomano/qabot:latest"
+            ),
+        )
      
 
        
 
      • 
 
        ここでは，回答の結果を書き込むためのデータベースを用意している． DynamoDB については，サーバーレスアーキテクチャの章で扱うので，今は気にしなくてよい．
        
@@ -36120,39 +36120,39 @@ output = json
        
 
      
 
      ECS と Fargate ​
      
 
      ECS と Fargate の部分について，コードをくわしく見てみよう．
      
-
      sh
      cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
+
      sh
      cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
 
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
 
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
      cluster = ecs.Cluster(
-    self, "EcsClusterQaBot-Cluster",
-    vpc=vpc,
-)
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
      cluster = ecs.Cluster(
+    self, "EcsClusterQaBot-Cluster",
+    vpc=vpc,
+)
 
-taskdef = ecs.FargateTaskDefinition(
-    self, "EcsClusterQaBot-TaskDef",
-    cpu=1024, # 1 CPU
-    memory_limit_mib=4096, # 4GB RAM
-)
+taskdef = ecs.FargateTaskDefinition(
+    self, "EcsClusterQaBot-TaskDef",
+    cpu=1024, # 1 CPU
+    memory_limit_mib=4096, # 4GB RAM
+)
 
-container = taskdef.add_container(
-    "EcsClusterQaBot-Container",
-    image=ecs.ContainerImage.from_registry(
-        "tomomano/qabot:latest"
-    ),
-)
      
+container = taskdef.add_container(
+    "EcsClusterQaBot-Container",
+    image=ecs.ContainerImage.from_registry(
+        "tomomano/qabot:latest"
+    ),
+)
      
 
      cluster = の箇所で，空の ECS クラスターを定義している．
      
 
      次に， taskdef=ecs.FargateTaskDefinition の箇所で， Fargate インスタンスを使ったタスクを定義しており，とくにここでは 1 CPU, 4GB RAM というマシンスペックを指定している． また，このようにして定義されたタスクは，デフォルトで 1 タスクにつき 1 インスタンスが使用される．
      
 
      最後に， container = の箇所で，タスクの実行で使用する Docker image を定義している． ここでは， Docker Hub に置いてある image をダウンロードしてくるよう指定している．
      
@@ -36162,25 +36162,25 @@ output = json
      
 
      スタックのデプロイ ​
      
 
      スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
      
 
      デプロイの手順は，これまでのハンズオンとほとんど共通である． SSH によるログインの必要がないので，むしろ単純なくらいである． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
      
-
      sh
      # プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
+
      sh
      # プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
      # プロジェクトのディレクトリに移動
-$ cd handson/qa-bot
+# デプロイを実行
+$ cdk deploy
      # プロジェクトのディレクトリに移動
+$ cd handson/qa-bot
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
      
+# デプロイを実行
+$ cdk deploy
      
 
      デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである．
      
 
      CDKデプロイ実行後の出力
      
 
      AWS コンソールにログインして，デプロイされたスタックの中身を確認してみよう． コンソールから，ECS のページに行くと figure_title のような画面が表示されるはずである． EcsClusterQaBot-XXXX という名前ついたクラスターを見つけよう．
      
@@ -36192,7 +36192,7 @@ output = json
      
 
      それでは，質問をデプロイしたクラウドに提出してみよう．
      
 
      ECS にタスクを投入するのはやや複雑なので，タスクの投入を簡単にするプログラム (run_task.py) を用意した (handson/qa-bot/run_task.py)．
      
 
      次のようなコマンドで，ECS クラスターに新しい質問を投入することができる．
      
-
      sh
      $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
      $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
      
+
      sh
      $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
      $ python run_task.py ask "A giant peach was flowing in the river. She picked it up and brought it home. Later, a healthy baby was born from the peach. She named the baby Momotaro." "What is the name of the baby?"
      
 
      run_task.py を実行するには， コマンドラインで AWS の認証情報が設定されていることが前提である．
      
 
      "ask" の引数に続き，文脈 (context) と質問 (question) を引数として渡している．
      
 
      このコマンドを実行すると， "Waiting for the task to finish…" と出力が表示され，回答を得るまでしばらく待たされる． この間， AWS では ECS がタスクを受理し，新しい Fargate のインスタンスを起動し， Docker イメージをそのインスタンスに配置する，という一連の処理がなされている． AWS コンソールから，この一連の様子をモニタリングしてみよう．
      
@@ -36207,20 +36207,20 @@ output = json
      
 
      タスクの同時実行 ​
      
 
      さて，先ほどはたった一つの質問を投入したわけだが，今回設計したアプリケーションは， ECS と Fargate を使うことで同時にたくさんの質問を処理することができる． 実際に，たくさんの質問を一度に投入してみよう． run_task.py に ask_many というオプションを付けることで，複数の質問を一度に送信できる． 質問の内容は handson/qa-bot/problems.json に定義されている．
      
 
      次のようなコマンドを実行しよう．
      
-
      sh
      $ python run_task.py ask_many
      $ python run_task.py ask_many
      
+
      sh
      $ python run_task.py ask_many
      $ python run_task.py ask_many
      
 
      このコマンドを実行した後で，先ほどの ECS コンソールに行き，タスクの一覧を見てみよう (figure_title)． 複数の Fargate インスタンスが起動され，タスクが並列に実行されているのがわかる．
      
 
      複数の質問タスクを同時に投入する
      
 
      すべてのタスクのステータスが "STOPPED" になったことを確認した上で，質問への回答を取得しよう． それには，次のコマンドを実行する．
      
-
      sh
      $ python run_task.py list_answers
      $ python run_task.py list_answers
      
+
      sh
      $ python run_task.py list_answers
      $ python run_task.py list_answers
      
 
      結果として， figure_title のような出力が得られるだろう． 複雑な文章問題に対し，高い正答率で回答できていることがわかるだろう．
      
 
       の実行結果
      
 
      おめでとう！ ここまでついてこれた読者はとても初歩的ながらも，深層学習による言語モデルを使って自動で質問への回答を生成するシステムを創り上げることができた！ それも，数百の質問にも同時に対応できるような，とても高いスケーラビリティーをもったシステムである！ 今回は GUI (Graphical User Interface) を用意することはしなかったが，このシステムに簡単な GUI を追加すればなかなか立派なウェブサービスとして運用できるだろう．
      
 
      run_task.py で質問を投入し続けると，回答を記録しているデータベースにどんどんエントリーが溜まっていく． これらのエントリーをすべて消去するには，次のコマンドを使う．
      
-
      sh
      $ python run_task.py clear
      $ python run_task.py clear
      
+
      sh
      $ python run_task.py clear
      $ python run_task.py clear
      
 
      スタックの削除 ​
      
 
      これにて，今回のハンズオンは終了である． 最後にスタックを削除しよう．
      
 
      スタックを削除するには，前回までと同様に， AWS コンソールにログインし CloudFormation の画面から DELETE ボタンをクリックするか，コマンドラインからコマンドを実行する． コマンドラインから行う場合は，次のコマンドを使用する．
      
-
      sh
      $ cdk destroy
      $ cdk destroy
      
+
      sh
      $ cdk destroy
      $ cdk destroy
      
 
      Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する ​
      
 
      ハンズオン第三回では， ECS と Fargate を使って自動質問回答システムを構築した． シンプルながらも，複数の質問が送られた場合には並列にジョブが実行され，ユーザーに答えが返されるシステムを作ることができた． ここでは，すでに学習済みの言語モデルを用いてアプリケーションを構築した． しかし，一般的に言って，機械学習のワークフローでは自分で作ったモデルを訓練することが最初のステップにあるはずである． そこで，ハンズオン第四回では，クラウドを用いて機械学習の訓練を並列化・高速化することを考える．
      
 
      本ハンズオンでは深層学習におけるハイパーパラメータ最適化を取り上げる． ハイパーパラメータとは，勾配降下法によって最適化されるニューラルネットのパラメータの外にあるパラメータのことであり，具体的にはモデルの層の幅・深さなどネットワークのアーキテクチャに関わるもの，学習率やモメンタムなどパラメータの更新則に関わるものなどが含まる． 深層学習においてハイパーパラメータの調整はとても重要なタスクである． しかしながら，ハイパーパラメータを調整するには，少しずつ条件を変えながら何度もニューラルネットを学習させる必要があり，多くの計算時間がかかる． 研究・開発においては，スループットよくたくさんのモデルの可能性を探索することが生産性を決める重要なファクターであり，ハイパーパラメータ探索を高速に解くという問題は極めて関心が高い． 本ハンズオンでは，クラウドの強力な計算リソースを利用して並列的にニューラルネットの訓練を実行することで，この問題を解く方法を学んでいこう．
      
@@ -36249,7 +36249,7 @@ output = json
      
 
      準備 でも注意したが，このハンズオンを始める前に G タイプインスタンスの起動上限を AWS コンソールの EC2 管理画面から確認しよう． もし上限が 0 になっていた場合は，上限緩和の申請を行う必要がある． アプリケーションの説明 にも関連した情報を記載しているので，併せて参照されたい．
      
 
      MNIST 手書き文字認識 (再訪) ​
      
 
      今回のハンズオンでは，機械学習のハイパーパラメータ調整を取り上げると冒頭で述べた． その最もシンプルな例題として， 実践ディープラーニング! MNIST 手書き数字認識タスク で扱った MNIST 手書き文字認識の問題を再度取り上げよう． 実践ディープラーニング! MNIST 手書き数字認識タスク では，適当にチョイスしたハイパーパラメータを用いてモデルの訓練を行った． ここで使用したプログラムのハイパーパラメータとしては，確率的勾配降下法 (SGD) における学習率やモメンタムが含まれる． コードでいうと，次の行が該当する．
      
-
      python
      optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
      optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
      
+
      python
      optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
      optimizer = optim.SGD(model.parameters(), lr=0.01, momentum=0.5)
      
 
      ここで使用された 学習率 (lr=0.01) やモメンタム (momentum=0.5) は恣意的に選択された値であり，これがベストな数値であるのかはわからない． たまたまこのチョイスが最適であるかもしれないし，もっと高い精度を出すハイパーパラメータの組が存在するかもしれない． この問題に答えるため，ハイパーパラメータサーチを行おう． 今回は，最もシンプルなアプローチとして，グリッドサーチによるハイパーパラメータサーチを行おう．
      
 
      機械学習のハイパーパラメータの最適化には大きく３つのアプローチが挙げられる． グリッドサーチ，ランダムサーチ，そしてベイズ最適化による方法である．
      
 
      グリッドサーチとは，ハイパーパラメータの組をある範囲の中で可能な組み合わせをすべて計算し，最適なパラメータの組を見出す方法である． 最もシンプルかつ確実な方法であるが，すべての組み合わせの可能性を愚直に計算するので計算コストが大きい．
      
@@ -36260,18 +36260,18 @@ output = json
      
 
      まずは，本ハンズオンで使用する Docker イメージをローカルで実行してみよう．
      
 
      Docker イメージのソースコードは handson/aws-batch/docker にある． 基本的に 実践ディープラーニング! MNIST 手書き数字認識タスク のハンズオンを元にし，本ハンズオン専用の軽微な変更が施してある． 興味のある読者はソースコードも含めて読んでいただきたい．
      
 
      練習として，この Docker イメージを手元でビルドするところからはじめてみよう． Dockerfile が保存されているディレクトリに移動し， mymnist という名前 (Tag) をつけてビルドを実行する．
      
-
      sh
      $ cd handson/aws-batch/docker
-$ docker build -t mymnist .
      $ cd handson/aws-batch/docker
-$ docker build -t mymnist .
      
+
      sh
      $ cd handson/aws-batch/docker
+$ docker build -t mymnist .
      $ cd handson/aws-batch/docker
+$ docker build -t mymnist .
      
 
      docker build でエラーが出たときは次の可能性を疑ってほしい． ビルドの中で， MNIST の画像データセットを http://yann.lecun.com/exdb/mnist/ からダウンロードするのだが，ダウンロード先のサーバーがしばしばダウンしている． 世界中の機械学習ユーザーがアクセスするので，これはしばしば発生するようである． サーバーがダウンしているとビルドも失敗してしまう． エラーメッセージにそれらしい文言が含まれていたら，この可能性を疑おう．
      
 
      手元でビルドするかわりに， Docker Hub から pull することも可能である． その場合は次のコマンドを実行する．
      
-
      sh
      $ docker pull tomomano/mymnist:latest
      $ docker pull tomomano/mymnist:latest
      
+
      sh
      $ docker pull tomomano/mymnist:latest
      $ docker pull tomomano/mymnist:latest
      
 
      イメージの準備ができたら，次のコマンドでコンテナを起動し， MNIST の学習を実行する．．
      
-
      sh
      $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
      $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
      
+
      sh
      $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
      $ docker run mymnist --lr 0.1 --momentum 0.5 --epochs 10
      
 
      このコマンドを実行すると，指定したハイパーパラメータ (--lr で与えられる学習率と --momentum で与えられるモメンタム) を使ってニューラルネットの最適化が始まる． 学習を行う最大のエポック数は --epochs パラメータで指定する． Hands-on #2: AWS でディープラーニングを実践 のハンズオンで見たような， Loss の低下がコマンドライン上に出力されるだろう (figure_title)．
      
 
      Docker を実行した際の出力
      
 
      上に示したコマンドを使うと，計算は CPU を使って実行される． もし，ローカルの計算機に GPU が備わっており， nvidia-docker の設定が済んでいるならば， 次のコマンドにより GPU を使って計算を実行できる．
      
-
      sh
      $ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
      $ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
      
+
      sh
      $ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
      $ docker run --gpus all mymnist --lr 0.1 --momentum 0.5 --epochs 10
      
 
      このコマンドでは，--gpus all というパラメータが加わった．
      
 
      CPU/GPU どちらで実行した場合でも，エポックを重ねるにつれて訓練データ (Train データ) の Loss は単調に減少していくのが見て取れるだろう． 一方，検証データ (Validation データ) の Loss および Accuracy は，ある程度まで減少した後，それ以上性能が向上しないことに気がつくだろう． これを実際にプロットしてみると figure_title のようになるはずである．
      
 
      (左) Train/Validation データそれぞれの Loss のエポックごとの変化． (右) Validation データの Accuracy のエポックごとの変化
      
@@ -36305,163 +36305,163 @@ output = json
      
 
      • 
 
    
 
    それでは，プログラムのソースコードを見てみよう (handson/aws-batch/app.py)．
    
-
    python
    class SimpleBatch(core.Stack):
+
    python
    class SimpleBatch(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
 
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
 
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
 
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
 
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
 
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
 
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
    class SimpleBatch(core.Stack):
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
    class SimpleBatch(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
+        #
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
 
-        vpc = ec2.Vpc(
-            self, "vpc",
-            # other parameters...
-        )
+        vpc = ec2.Vpc(
+            self, "vpc",
+            # other parameters...
+        )
 
-        #
-        managed_env = batch.ComputeEnvironment(
-            self, "managed-env",
-            compute_resources=batch.ComputeResources(
-                vpc=vpc,
-                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
-                desiredv_cpus=0,
-                maxv_cpus=64,
-                minv_cpus=0,
-                instance_types=[
-                    ec2.InstanceType("g4dn.xlarge")
-                ],
-            ),
-            managed=True,
-            compute_environment_name=self.stack_name + "compute-env"
-        )
+        #
+        managed_env = batch.ComputeEnvironment(
+            self, "managed-env",
+            compute_resources=batch.ComputeResources(
+                vpc=vpc,
+                allocation_strategy=batch.AllocationStrategy.BEST_FIT,
+                desiredv_cpus=0,
+                maxv_cpus=64,
+                minv_cpus=0,
+                instance_types=[
+                    ec2.InstanceType("g4dn.xlarge")
+                ],
+            ),
+            managed=True,
+            compute_environment_name=self.stack_name + "compute-env"
+        )
 
-        #
-        job_queue = batch.JobQueue(
-            self, "job-queue",
-            compute_environments=[
-                batch.JobQueueComputeEnvironment(
-                    compute_environment=managed_env,
-                    order=100
-                )
-            ],
-            job_queue_name=self.stack_name + "job-queue"
-        )
+        #
+        job_queue = batch.JobQueue(
+            self, "job-queue",
+            compute_environments=[
+                batch.JobQueueComputeEnvironment(
+                    compute_environment=managed_env,
+                    order=100
+                )
+            ],
+            job_queue_name=self.stack_name + "job-queue"
+        )
 
-        #
-        job_role = iam.Role(
-            self, "job-role",
-            assumed_by=iam.CompositePrincipal(
-                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
-            )
-        )
-        # allow read and write access to S3 bucket
-        bucket.grant_read_write(job_role)
+        #
+        job_role = iam.Role(
+            self, "job-role",
+            assumed_by=iam.CompositePrincipal(
+                iam.ServicePrincipal("ecs-tasks.amazonaws.com")
+            )
+        )
+        # allow read and write access to S3 bucket
+        bucket.grant_read_write(job_role)
 
-        #
-        repo = ecr.Repository(
-            self, "repository",
-            removal_policy=core.RemovalPolicy.DESTROY,
-        )
+        #
+        repo = ecr.Repository(
+            self, "repository",
+            removal_policy=core.RemovalPolicy.DESTROY,
+        )
 
-        #
-        job_def = batch.JobDefinition(
-            self, "job-definition",
-            container=batch.JobDefinitionContainer(
-                image=ecs.ContainerImage.from_ecr_repository(repo),
-                command=["python3", "main.py"],
-                vcpus=4,
-                gpu_count=1,
-                memory_limit_mib=12000,
-                job_role=job_role,
-                environment={
-                    "BUCKET_NAME": bucket.bucket_name
-                }
-            ),
-            job_definition_name=self.stack_name + "job-definition",
-            timeout=core.Duration.hours(2),
-        )
    
+        #
+        job_def = batch.JobDefinition(
+            self, "job-definition",
+            container=batch.JobDefinitionContainer(
+                image=ecs.ContainerImage.from_ecr_repository(repo),
+                command=["python3", "main.py"],
+                vcpus=4,
+                gpu_count=1,
+                memory_limit_mib=12000,
+                job_role=job_role,
+                environment={
+                    "BUCKET_NAME": bucket.bucket_name
+                }
+            ),
+            job_definition_name=self.stack_name + "job-definition",
+            timeout=core.Duration.hours(2),
+        )
    
 
      
 
    • 
 
      で，計算結果を保存するための S3 バケットを用意している
      
@@ -36488,25 +36488,25 @@ output = json
      
 
      スタックのデプロイ ​
      
 
      スタックの中身が理解できたところで，早速スタックをデプロイしてみよう．
      
 
      デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
      
-
      sh
      # プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
+
      sh
      # プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
      # プロジェクトのディレクトリに移動
-$ cd handson/aws-batch
+# デプロイを実行
+$ cdk deploy
      # プロジェクトのディレクトリに移動
+$ cd handson/aws-batch
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
      
+# デプロイを実行
+$ cdk deploy
      
 
      デプロイのコマンドが無事に実行されたことが確認できたら，AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールの検索バーで batch と入力し， AWS Batch の管理画面を開く (figure_title)．
      
 
      AWS Batch のコンソール画面 (ダッシュボード)
      
 
      まず目を向けてほしいのが，画面の一番下にある Compute environment overview の中の SimpleBatchcompute-env という名前の項目だ． Compute environment とは，先ほど述べたとおり，計算が実行される環境 (クラスターと読み替えてもよい) である． プログラムで指定したとおり， g4dn.xlarge が実際に使用されるインスタンスタイプとして表示されている． また， Minimum vCPUs が 0，Maximum vCPUs が 64 と設定されていることも見て取れる． 加えて，この時点では一つもジョブが走っていないので， Desired vCPUs は 0 になっている． より詳細な Compute environment の情報を閲覧したい場合は，名前をクリックすることで詳細画面が開く．
      
@@ -36516,33 +36516,33 @@ output = json
      
 
      Docker image を ECR に配置する ​
      
 
      さて， Batch がジョブを実行するには，どこか指定された場所から Docker イメージをダウンロード (pull) してくる必要がある． 前回のハンズオン (Hands-on #3: AWS で自動質問回答ボットを走らせる) では，公開設定にしてある Docker Hub からイメージを pull してきた． 今回のハンズオンでは， AWS から提供されているレジストリである ECR (Elastic Container Registry) に image を配置するという設計を採用する． ECR を利用する利点は，自分だけがアクセスすることのできるプライベートなイメージの置き場所を用意できる点である． Batch は ECR からイメージを pull してくることで，タスクを実行する (figure_title)．
      
 
      スタックのソースコードでいうと，次の箇所が ECR を定義している．
      
-
      python
      #
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
+
      python
      #
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
 
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
      #
-repo = ecr.Repository(
-    self, "repository",
-    removal_policy=core.RemovalPolicy.DESTROY,
-)
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
      #
+repo = ecr.Repository(
+    self, "repository",
+    removal_policy=core.RemovalPolicy.DESTROY,
+)
 
-job_def = batch.JobDefinition(
-    self, "job-definition",
-    container=batch.JobDefinitionContainer(
-        image=ecs.ContainerImage.from_ecr_repository(repo), #
-        ...
-    ),
-    ...
-)
      
+job_def = batch.JobDefinition(
+    self, "job-definition",
+    container=batch.JobDefinitionContainer(
+        image=ecs.ContainerImage.from_ecr_repository(repo), #
+        ...
+    ),
+    ...
+)
      
 
        
 
      • 
 
        で，新規の ECR を作成している．
        
@@ -36564,89 +36564,89 @@ output = json
        
 
        さて，ここからは実際に AWS Batch にジョブを投入する方法を見ていこう．
        
 
        ハンズオンのディレクトリの notebook/ というディレクトリの中に， run_single.ipynb というファイルが見つかるはずである (.ipynb は Jupyter notebook のファイル形式)． これを Jupyter notebook から開こう．
        
 
        今回のハンズオンでは， venv による仮想環境の中に Jupyter notebook もインストール済みである． なので，ローカルマシンから以下のコマンドで Jupyter notebook を立ち上げる．
        
-
        sh
        # .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
        # .env の仮想環境にいることを確認
-(.env) $ cd notebook
-(.env) $ jupyter notebook
        
+
        sh
        # .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
        # .env の仮想環境にいることを確認
+(.env) $ cd notebook
+(.env) $ jupyter notebook
        
 
        Jupyter notebook が起動したら， run_single.ipynb を開く．
        
 
        最初の [1], [2], [3] 番のセルは，ジョブをサブミットするための関数 (submit_job()) を定義している．
        
-
        python
        # [1]
-import boto3
-import argparse
+
        python
        # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
 
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
        # [1]
-import boto3
-import argparse
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
        # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    client = session.client("batch")
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name="default"):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    client = session.client("batch")
 
-    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
-    resp = client.submit_job(
-        jobName=title,
-        jobQueue="SimpleBatchjob-queue",
-        jobDefinition="SimpleBatchjob-definition",
-        containerOverrides={
-            "command": ["--lr", str(lr),
-                        "--momentum", str(momentum),
-                        "--epochs", str(epochs),
-                        "--uploadS3", "true"]
-        }
-    )
-    print("Job submitted!")
-    print("job name", resp["jobName"], "job ID", resp["jobId"])
        
+    title = "lr" + str(lr).replace(".", "") + "_m" + str(momentum).replace(".", "")
+    resp = client.submit_job(
+        jobName=title,
+        jobQueue="SimpleBatchjob-queue",
+        jobDefinition="SimpleBatchjob-definition",
+        containerOverrides={
+            "command": ["--lr", str(lr),
+                        "--momentum", str(momentum),
+                        "--epochs", str(epochs),
+                        "--uploadS3", "true"]
+        }
+    )
+    print("Job submitted!")
+    print("job name", resp["jobName"], "job ID", resp["jobId"])
        
 
        submit_job() 関数について簡単に説明しよう． MNIST 手書き文字認識 (再訪) で， MNIST の Docker をローカルで実行したとき，次のようなコマンドを使用した．
        
-
        sh
        $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
        $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
        
+
        sh
        $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
        $ docker run -it mymnist --lr 0.1 --momentum 0.5 --epochs 10
        
 
        ここで， --lr 0.1 --momentum 0.5 --epochs 10 の部分が，コンテナに渡されるコマンドである．
        
 
        AWS Batch でジョブを実行する際も，ContainerOverrides の command というパラメータを使用することで，コンテナに渡されるコマンドを指定することができる． コードでは以下の部分が該当する．
        
-
        python
        containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
        containerOverrides={
-    "command": ["--lr", str(lr),
-                "--momentum", str(momentum),
-                "--epochs", str(epochs),
-                "--uploadS3", "true"]
-}
        
+
        python
        containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
        containerOverrides={
+    "command": ["--lr", str(lr),
+                "--momentum", str(momentum),
+                "--epochs", str(epochs),
+                "--uploadS3", "true"]
+}
        
 
        続いて， [4] 番のセルに移ろう． ここでは，上記の submit_job() 関数を用いて， 学習率 = 0.01, モメンタム=0.1, エポック数=100 を指定したジョブを投入する．
        
-
        python
        # [4]
-submit_job(0.01, 0.1, 100)
        # [4]
-submit_job(0.01, 0.1, 100)
        
+
        python
        # [4]
+submit_job(0.01, 0.1, 100)
        # [4]
+submit_job(0.01, 0.1, 100)
        
 
        AWS の認証情報は， Jupyter Notebook の内部から再度定義する必要がある． これを手助けするため， Notebook の [2] 番のセル (デフォルトではすべてコメントアウトされている) を用意した． これを使うにはコメントアウトを解除すればよい． このセルを実行すると， AWS の認証情報を入力する対話的なプロンプトが表示される． プロンプトに従って aws secret key などを入力することで， (Jupyter のセッションに固有な) 環境変数に AWS の認証情報が記録される．
        
 
        もう一つの認証方法として， submit_job() 関数に profile_name というパラメータを用意した． もし ~/.aws/credentials に認証情報が書き込まれているのならば (詳しくは AWS CLI のインストール)， profile_name に使用したいプロファイルの名前を渡すだけで， 認証を行うことができる． 慣れている読者は後者のほうが便利であると感じるだろう．
        
 
        [4] 番のセルを実行したら，ジョブが実際に投入されたかどうかを AWS コンソールから確認してみよう． AWS Batch の管理コンソールを開くと， figure_title のような画面が表示されるだろう．
        
@@ -36658,124 +36658,124 @@ output = json
        
 
        S3 のコンソールに行くと simplebatch-bucketXXXX (XXXX の部分はユーザーによって異なる) という名前のバケットが見つかるはずである． これをクリックして中身を見てみると， metrics_lr0.0100_m0.1000.csv という名前の CSV があることが確認できるだろう (figure_title)． これが， 学習率 = 0.01, モメンタム = 0.1 として学習を行ったときの結果である．
        
 
        ジョブの実行結果は S3 に保存される
        
 
        さて，ここで run_single.ipynb に戻ってこよう． [5] から [7] 番のセルでは，学習結果の CSV ファイルのダウンロードを行っている．
        
-
        python
        # [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
+
        python
        # [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
        # [5]
-import pandas as pd
-import io
-from matplotlib import pyplot as plt
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
        # [5]
+import pandas as pd
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
-df = read_table_from_s3(
-    bucket_name,
-    "metrics_lr0.0100_m0.1000.csv"
-)
        
+# [7]
+bucket_name = "simplebatch-bucket43879c71-mbqaltx441fu"
+df = read_table_from_s3(
+    bucket_name,
+    "metrics_lr0.0100_m0.1000.csv"
+)
        
 
        [6] で S3 から CSV データをダウンロードし， pandas の DataFrame オブジェクトとしてロードする関数を定義している． [7] を実行する際， bucket_name という変数の値を，自分自身のバケットの名前に置き換えることに注意しよう (先ほど S3 コンソールから確認した simplebatch-bucketXXXX のことである)．
        
 
        続いて， [9] 番のセルで， CSV のデータをプロットしている (figure_title)． ローカルで実行したときと同じように， AWS Batch を用いて MNIST モデルを訓練することに成功した！
        
-
        python
        # [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
+
        python
        # [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
 
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
 
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
 
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
        # [9]
-fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
-x = [i for i in range(df.shape[0])]
-ax1.plot(x, df["train_loss"], label="Train")
-ax1.plot(x, df["val_loss"], label="Val")
-ax2.plot(x, df["val_accuracy"])
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
        # [9]
+fig, (ax1, ax2) = plt.subplots(1,2, figsize=(9,4))
+x = [i for i in range(df.shape[0])]
+ax1.plot(x, df["train_loss"], label="Train")
+ax1.plot(x, df["val_loss"], label="Val")
+ax2.plot(x, df["val_accuracy"])
 
-ax1.set_xlabel("Epochs")
-ax1.set_ylabel("Loss")
-ax1.legend()
+ax1.set_xlabel("Epochs")
+ax1.set_ylabel("Loss")
+ax1.legend()
 
-ax2.set_xlabel("Epochs")
-ax2.set_ylabel("Accuracy")
+ax2.set_xlabel("Epochs")
+ax2.set_ylabel("Accuracy")
 
-print("Best loss:", df["val_loss"].min())
-print("Best loss epoch:", df["val_loss"].argmin())
-print("Best accuracy:", df["val_accuracy"].max())
-print("Best accuracy epoch:", df["val_accuracy"].argmax())
        
+print("Best loss:", df["val_loss"].min())
+print("Best loss epoch:", df["val_loss"].argmin())
+print("Best accuracy:", df["val_accuracy"].max())
+print("Best accuracy epoch:", df["val_accuracy"].argmax())
        
 
        AWS Batch で行った MNIST モデルの学習の結果
        
 
        並列に複数の Job を実行する ​
        
 
        さて，ここからが最後の仕上げである． ここまでのハンズオンで構築した AWS Batch のシステムを使って，ハイパーパラメータサーチを実際に行おう．
        
 
        先ほど実行した run_single.ipynb と同じディレクトリにある run_sweep.ipynb を開く．
        
 
        セル [1], [2], [3] は run_single.ipynb と同一である．
        
-
        python
        # [1]
-import boto3
-import argparse
+
        python
        # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
        # [1]
-import boto3
-import argparse
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
        # [1]
+import boto3
+import argparse
 
-# [2]
-# AWS 認証ヘルパー ...省略...
+# [2]
+# AWS 認証ヘルパー ...省略...
 
-# [3]
-def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
-    # ...省略...
        
+# [3]
+def submit_job(lr:float, momentum:float, epochs:int, profile_name=None):
+    # ...省略...
        
 
        セル [4] の for ループを使って，グリッド状にハイパーパラメータの組み合わせを用意し， batch にジョブを投入している． ここでは 3x3=9 個のジョブを作成した．
        
-
        python
        # [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
        # [4]
-for lr in [0.1, 0.01, 0.001]:
-    for m in [0.5, 0.1, 0.05]:
-        submit_job(lr, m, 100)
        
+
        python
        # [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
        # [4]
+for lr in [0.1, 0.01, 0.001]:
+    for m in [0.5, 0.1, 0.05]:
+        submit_job(lr, m, 100)
        
 
        セル [4] を実行したら， Batch のコンソールを開こう． 先ほどと同様に，ジョブのステータスは SUBMITTED > RUNNABLE > STARTING > RUNNING と移り変わっていくことがわかるだろう． 最終的に 9 個のジョブがすべて RUNNING の状態になることを確認しよう (figure_title)． また，このとき Compute environment の Desired vCPUs は 4x9=36 となっていることを確認しよう (figure_title)．
        
 
        複数のジョブを同時投入したときの Batch コンソール
        
 
        次に，Batch のコンソールの左側のメニューから Jobs をクリックしてみよう． ここでは，実行中のジョブの一覧が確認することができる (figure_title)． ジョブのステータスでフィルタリングをすることも可能である． 9 個のジョブがどれも RUNNING 状態にあることが確認できるだろう．
        
@@ -36785,81 +36785,81 @@ output = json
        
 
        ここまで確認できたら，それぞれの Job が終了するまでしばらく待とう (だいたい 10-15 分くらいで終わる)． すべてのジョブが終了すると，ダッシュボードの SUCCEEDED が 9 となっているはずだ． また， Compute environment の Desired vCPUs も 0 に落ちていることを確認しよう． 最後に EC2 コンソールに行って，すべての g4dn インスタンスが停止していることを確認しよう．
        
 
        以上から， AWS Batch を使うことで，ジョブの投入に応じて自動的に EC2 インスタンスが起動され，ジョブの完了とともに，ただちにインスタンスの停止が行われる一連の挙動を観察することができた． 一つのジョブの完了におよそ 10 分の時間がかかるので，9 個のハイパーパラメータの組を逐次的に計算していた場合は 90 分の時間を要することになる． AWS Batch を使ってこれらの計算を並列に実行することで，ジョブ一個分の計算時間 (=10 分) ですべての計算を終えることができた！
        
 
        さて，再び run_sweep.ipynb に戻ってこよう． [5] 以降のセルでは，グリッドサーチの結果を可視化している．
        
-
        python
        # [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
+
        python
        # [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
 
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
 
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
 
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
        # [5]
-import pandas as pd
-import numpy as np
-import io
-from matplotlib import pyplot as plt
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
        # [5]
+import pandas as pd
+import numpy as np
+import io
+from matplotlib import pyplot as plt
 
-# [6]
-def read_table_from_s3(bucket_name, key, profile_name=None):
-    if profile_name is None:
-        session = boto3.Session()
-    else:
-        session = boto3.Session(profile_name=profile_name)
-    s3 = session.resource("s3")
-    bucket = s3.Bucket(bucket_name)
+# [6]
+def read_table_from_s3(bucket_name, key, profile_name=None):
+    if profile_name is None:
+        session = boto3.Session()
+    else:
+        session = boto3.Session(profile_name=profile_name)
+    s3 = session.resource("s3")
+    bucket = s3.Bucket(bucket_name)
 
-    obj = bucket.Object(key).get().get("Body")
-    df = pd.read_csv(obj)
+    obj = bucket.Object(key).get().get("Body")
+    df = pd.read_csv(obj)
 
-    return df
+    return df
 
-# [7]
-grid = np.zeros((3,3))
-for (i, lr) in enumerate([0.1, 0.01, 0.001]):
-    for (j, m) in enumerate([0.5, 0.1, 0.05]):
-        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
-        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
-        grid[i,j] = df["val_accuracy"].max()
+# [7]
+grid = np.zeros((3,3))
+for (i, lr) in enumerate([0.1, 0.01, 0.001]):
+    for (j, m) in enumerate([0.5, 0.1, 0.05]):
+        key = f"metrics_lr{lr:0.4f}_m{m:0.4f}.csv"
+        df = read_table_from_s3("simplebatch-bucket43879c71-mbqaltx441fu", key)
+        grid[i,j] = df["val_accuracy"].max()
 
-# [8]
-fig, ax = plt.subplots(figsize=(6,6))
-ax.set_aspect('equal')
+# [8]
+fig, ax = plt.subplots(figsize=(6,6))
+ax.set_aspect('equal')
 
-c = ax.pcolor(grid, edgecolors='w', linewidths=2)
+c = ax.pcolor(grid, edgecolors='w', linewidths=2)
 
-for i in range(3):
-    for j in range(3):
-        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
-                       ha="center", va="center", color="w")
        
+for i in range(3):
+    for j in range(3):
+        text = ax.text(j+0.5, i+0.5, f"{grid[i, j]:0.1f}",
+                       ha="center", va="center", color="w")
        
 
        最終的に出力されるプロットが figure_title である．
        
 
        ハイパーパラメータのグリッドサーチの結果
        
 
        このプロットから，差は僅かであるが，学習率が 0.1 のときに精度は最大となることがわかる． また，学習率 0.1 のときはモメンタムを変えても大きな差は生じないことが見て取れる．
        
@@ -36872,9 +36872,9 @@ output = json
        
 
        ECR の Docker image を削除するには， ECR のコンソールに行き，イメージが配置されたレポジトリを開く． そして，画面右上の DELETE ボタンを押して削除する (figure_title)．
        
 
        ECR から Docker image を削除する
        
 
        あるいは， AWS CLI から同様の操作を行うには，以下のコマンドを用いる (XXXX は自分の ECR レポジトリ名に置き換える)．
        
-
        sh
        $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
        $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
        
+
        sh
        $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
        $ aws ecr batch-delete-image --repository-name XXXX --image-ids imageTag=latest
        
 
        image の削除が完了したうえで，次のコマンドでスタックを削除する．
        
-
        sh
        $ cdk destroy
        $ cdk destroy
        
+
        sh
        $ cdk destroy
        $ cdk destroy
        
 
        (#sec:batch_development_and_debug) === クラウドを用いた機械学習アプリケーションの開発とデバッグ
        
 
        本章で紹介したハンズオンでは， AWS Batch を使用することでニューラルネットの学習を複数並列に実行し，高速化を実現した． 本章の最後の話題として，クラウドを用いた機械学習アプリケーションの開発とデバッグの方法について述べよう．
        
 
        ローカルに GPU を搭載した強力なマシンがなく，クラウドを利用する予算が確保されているのであれば， figure_title のような開発のスキームが理想的であると考える． 最初の段階では， Hands-on #2: AWS でディープラーニングを実践 で見たような方法で， GPU 搭載型の EC2 インスタンスを作成し， Jupyter Notebook などのインタラクティブな環境で様々なモデルを試し実験を行う． Jupyter である程度アプリケーションが完成してきたタイミングで，作成したアプリケーションを Docker イメージにパッケージングする． そして， EC2 上で docker run を行い，作成したイメージがバグなく動作するか確認を行う． その次に，ハイパーパラメータの最適化などのチューニングを， Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する のハンズオンで学んだ AWS Batch などの計算システムを利用して行う． よい深層学習モデルが完成したら，仕上げに大規模データへの推論処理を行うシステムを Hands-on #3: AWS で自動質問回答ボットを走らせる を参考に構築する．
        
@@ -36995,59 +36995,59 @@ output = json
        
 
        Lambda チュートリアルの概要
        
 
        このハンズオンは，基本的に AWS Lambda の無料枠 の範囲内で実行することができる．
        
 
        app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
        
-
        py
        #
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
+
        py
        #
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
 
-class SimpleLambda(core.Stack):
+class SimpleLambda(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
        #
-FUNC = """
-import time
-from random import choice, randint
-def handler(event, context):
-    time.sleep(randint(2,5))
-    sushi = ["salmon", "tuna", "squid"]
-    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
-    print(message)
-    return message
-"""
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
        #
+FUNC = """
+import time
+from random import choice, randint
+def handler(event, context):
+    time.sleep(randint(2,5))
+    sushi = ["salmon", "tuna", "squid"]
+    message = "Welcome to Cloud Sushi. Your order is " + choice(sushi)
+    print(message)
+    return message
+"""
 
-class SimpleLambda(core.Stack):
+class SimpleLambda(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        handler = _lambda.Function(
-            self, 'LambdaHandler',
-            runtime=_lambda.Runtime.PYTHON_3_7,
-            code=_lambda.Code.from_inline(FUNC),
-            handler="index.handler",
-            memory_size=128,
-            timeout=core.Duration.seconds(10),
-            dead_letter_queue_enabled=True,
-        )
        
+        #
+        handler = _lambda.Function(
+            self, 'LambdaHandler',
+            runtime=_lambda.Runtime.PYTHON_3_7,
+            code=_lambda.Code.from_inline(FUNC),
+            handler="index.handler",
+            memory_size=128,
+            timeout=core.Duration.seconds(10),
+            dead_letter_queue_enabled=True,
+        )
        
 
          
 
        • 
 
          ここで， Lambda で実行されるべき関数を定義している． これは非常に単純な関数で，2-5 秒のランダムな時間スリープした後，["salmon", "tuna", "squid"] のいずれかの文字列をランダムに選択し， "Welcome to Cloud Sushi. Your order is XXXX" (XXXX は選ばれた寿司のネタ) というメッセージをリターンする．
          
@@ -37079,25 +37079,25 @@ output = json
          
 
          上記のプログラムを実行することで， Lambda 関数がクラウド上に作成される． 早速デプロイしてみよう．
          
 
          デプロイ ​
          
 
          デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． それぞれの意味を忘れてしまった場合は，ハンズオン 1, 2 に戻って復習していただきたい． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
          
-
          sh
          # プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
+
          sh
          # プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
          # プロジェクトのディレクトリに移動
-$ cd handson/serverless/lambda
+# デプロイを実行
+$ cdk deploy
          # プロジェクトのディレクトリに移動
+$ cd handson/serverless/lambda
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
          
+# デプロイを実行
+$ cdk deploy
          
 
          デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleLambda.FunctionName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
          
 
          CDKデプロイ実行後の出力
          
 
          AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから，Lambda のページに行くと figure_title のような画面から Lambda の関数の一覧が確認できる．
          
@@ -37108,15 +37108,15 @@ output = json
          
 
          Lambda 関数の実行 ​
          
 
          それでは，作成した Lambda 関数を実行 (invoke) してみよう． AWS の API を使うことで，関数の実行をスタートすることができる． 今回は， handson/serverless/lambda/invoke_one.py に関数を実行するための簡単なプログラムを提供している． 興味のある読者はコードを読んでもらいたい．
          
 
          以下のコマンドで，Lambda の関数を実行する． コマンドの XXXX の部分は，先ほどデプロイしたときに SimpleLambda.FunctionName = XXXX で得られた XXXX の文字列で置換する．
          
-
          sh
          $ python invoke_one.py XXXX
          $ python invoke_one.py XXXX
          
+
          sh
          $ python invoke_one.py XXXX
          $ python invoke_one.py XXXX
          
 
          すると， "Welcome to Cloud Sushi. Your order is salmon" という出力が得られるはずだ． とてもシンプルではあるが，クラウド上で先ほどの関数が走り，乱数が生成されたうえで，ランダムな寿司ネタが選択されて出力が返されている． このコマンドを何度か打ってみて，実行ごとに異なる寿司ネタが返されることを確認しよう．
          
 
          さて，このコマンドは，一度につき一回の関数を実行したわけであるが， Lambda の本領は一度に大量のタスクを同時に実行できる点である． そこで，今度は一度に 100 個のタスクを同時に送信してみよう． handson/serverless/lambda/invoke_many.py のスクリプトを使用する．
          
 
          次のコマンドを実行しよう． XXXX の部分は前述と同様に置き換える． 第二引数の 100 は 100 個のタスクを投入せよ，という意味である．
          
-
          sh
          $ python invoke_many.py XXXX 100
          $ python invoke_many.py XXXX 100
          
+
          sh
          $ python invoke_many.py XXXX 100
          $ python invoke_many.py XXXX 100
          
 
          すると次のような出力が得られるはずだ．
          
-
          sh
          ....................................................................................................
-Submitted 100 tasks to Lambda!
          ....................................................................................................
-Submitted 100 tasks to Lambda!
          
+
          sh
          ....................................................................................................
+Submitted 100 tasks to Lambda!
          ....................................................................................................
+Submitted 100 tasks to Lambda!
          
 
          実際に，100 個のタスクが同時に実行されていることを確認しよう． figure_title の画面に戻り， "Monitoring" というタブがあるので，それをクリックする． すると， figure_title のようなグラフが表示されるだろう．
          
 
          Lambda コンソール - 関数の実行のモニタリング
          
 
          figure_title のグラフの更新には数分かかることがあるので，なにも表示されない場合は少し待つ．
          
@@ -37126,44 +37126,44 @@ output = json
          
 
          興味がある人は，一気に 1000 個などのジョブを投入してみるとよい． Lambda はそのような大量のリクエストにも対応できることが確認できるだろう． が，あまりやりすぎると Lambda の無料利用枠を超えて料金が発生してしまうので注意．
          
 
          スタックの削除 ​
          
 
          最後にスタックを削除しよう． スタックを削除するには，次のコマンドを実行すればよい．
          
-
          sh
          $ cdk destroy
          $ cdk destroy
          
+
          sh
          $ cdk destroy
          $ cdk destroy
          
 
          DynamoDB ハンズオン ​
          
 
          続いて， DynamoDB の簡単なチュートリアルをやってみよう． ハンズオンのソースコードは GitHub の /handson/serverless/dynamodb に置いてある．
          
 
          このハンズオンで使用するアプリケーションのスケッチを figure_title に示す． STEP 1 では，AWS CDK を使用して DynamoDB のテーブルを初期化し，デプロイする． 続いて STEP 2 では， API を使用してデータベースのデータの書き込み・読み出し・削除などの操作を練習する．
          
 
          DynamoDB チュートリアルの概要
          
 
          このハンズオンは，基本的に AWS DynamoDB の無料枠 の範囲内で実行できる．
          
 
          handson/serverless/dynamodb/app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
          
-
          python
          class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+
          python
          class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
          class SimpleDynamoDb(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
          class SimpleDynamoDb(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        table = ddb.Table(
-            self, "SimpleTable",
-            #
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            #
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            #
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
          
+        table = ddb.Table(
+            self, "SimpleTable",
+            #
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            #
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            #
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
          
 
          このコードで，最低限の設定がなされた空の DynamoDB テーブルが作成される． それぞれのパラメータの意味を簡単に解説しよう．
          
 
            
 
          • 
@@ -37178,25 +37178,25 @@ output = json
            
 
          
 
          デプロイ ​
          
 
          デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
          
-
          sh
          # プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
+
          sh
          # プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
          # プロジェクトのディレクトリに移動
-$ cd handson/serverless/dynamodb
+# デプロイを実行
+$ cdk deploy
          # プロジェクトのディレクトリに移動
+$ cd handson/serverless/dynamodb
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
          
+# デプロイを実行
+$ cdk deploy
          
 
          デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている SimpleDynamoDb.TableName = XXXX の XXXX の文字列は後で使うのでメモしておこう．
          
 
          CDKデプロイ実行後の出力
          
 
          AWS コンソールにログインして，デプロイされたスタックを確認してみよう． コンソールから， DynamoDB のページに行き，左のメニューバーから "Tables" を選択する． すると， figure_title のような画面からテーブルの一覧が確認できる．
          
@@ -37206,167 +37206,167 @@ output = json
          
 
          データの読み書き ​
          
 
          それでは， デプロイ で作ったテーブルを使ってデータの読み書きを実践してみよう． ここでは Python と boto3 ライブラリを用いた方法を紹介する．
          
 
          まずは，テーブルに新しい要素を追加してみよう． ハンズオンのディレクトリにある simple_write.py を開いてみよう． 中には次のような関数が書かれている．
          
-
          python
          import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
+
          python
          import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
 
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
          import boto3
-from uuid import uuid4
-ddb = boto3.resource('dynamodb')
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
          import boto3
+from uuid import uuid4
+ddb = boto3.resource('dynamodb')
 
-def write_item(table_name):
-    table = ddb.Table(table_name)
-    table.put_item(
-    Item={
-        'item_id': str(uuid4()),
-        'first_name': 'John',
-        'last_name': 'Doe',
-        'age': 25,
-        }
-    )
          
+def write_item(table_name):
+    table = ddb.Table(table_name)
+    table.put_item(
+    Item={
+        'item_id': str(uuid4()),
+        'first_name': 'John',
+        'last_name': 'Doe',
+        'age': 25,
+        }
+    )
          
 
          コードを上から読んでいくと，まず最初に boto3 ライブラリをインポートし， dynamodb のリソースを呼び出している． write_item() 関数は， DynamoDB のテーブルの名前 (上で見た SimpleDynamoDb-XXXX) を引数として受け取る． そして， put_item() メソッドを呼ぶことで，新しいアイテムを DB に書き込んでいる． アイテムには item_id, first_name, last_name, age の 4 つの属性が定義されている． ここで， item_id は先ほど説明した Partition key に相当しており， UUID4 を用いたランダムな文字列を割り当てている．
          
 
          では， simple_write.py を実行してみよう． "XXXX" の部分を自分がデプロイしたテーブルの名前 (SimpleDynamoDb で始まる文字列) に置き換えたうえで，次のコマンドを実行する．
          
-
          sh
          $ python simple_write.py XXXX
          $ python simple_write.py XXXX
          
+
          sh
          $ python simple_write.py XXXX
          $ python simple_write.py XXXX
          
 
          新しい要素が正しく書き込めたか， AWS コンソールから確認してみよう． figure_title と同じ手順で，テーブルの中身の要素の一覧を表示する． すると figure_title のように，期待通り新しい要素が見つかるだろう．
          
 
          DynamoDB に新しい要素が追加されたことを確認
          
 
          boto3 を使ってテーブルから要素を読みだすことも可能である． ハンズオンのディレクトリにある simple_read.py を見てみよう．
          
-
          python
          import boto3
-ddb = boto3.resource('dynamodb')
+
          python
          import boto3
+ddb = boto3.resource('dynamodb')
 
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
          import boto3
-ddb = boto3.resource('dynamodb')
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
          import boto3
+ddb = boto3.resource('dynamodb')
 
-def scan_table(table_name):
-    table = ddb.Table(table_name)
-    items = table.scan().get("Items")
-    print(items)
          
+def scan_table(table_name):
+    table = ddb.Table(table_name)
+    items = table.scan().get("Items")
+    print(items)
          
 
          table.scan().get("Items") によって，テーブルの中にあるすべての要素を読みだしている．
          
 
          次のコマンドで，このスクリプトを実行してみよう ("XXXX" の部分を正しく置き換えることを忘れずに）．
          
-
          sh
          $ python simple_read.py XXXX
          $ python simple_read.py XXXX
          
+
          sh
          $ python simple_read.py XXXX
          $ python simple_read.py XXXX
          
 
          先ほど書き込んだ要素が出力されることを確認しよう．
          
 
          大量のデータの読み書き ​
          
 
          DynamoDB の利点は，最初に述べたとおり，負荷に応じて自在にその処理能力を拡大できる点である．
          
 
          そこで，ここでは一度に大量のデータを書き込む場合をシミュレートしてみよう． batch_rw.py に，一度に大量の書き込みを実行するためのプログラムが書いてある．
          
 
          次のコマンドを実行してみよう (XXXX は自分のテーブルの名前に置き換える)．
          
-
          sh
          $ python batch_rw.py XXXX write 1000
          $ python batch_rw.py XXXX write 1000
          
+
          sh
          $ python batch_rw.py XXXX write 1000
          $ python batch_rw.py XXXX write 1000
          
 
          このコマンドを実行することで，ランダムなデータが 1000 個データベースに書き込まれる．
          
 
          さらに，データベースの検索をかけてみよう． 今回書き込んだデータには age という属性に 1 から 50 のランダムな整数が割り当てられている． age が 2 以下であるような要素だけを検索し拾ってくるには，次のコマンドを実行すればよい．
          
-
          sh
          $ python batch_rw.py XXXX search_under_age 2
          $ python batch_rw.py XXXX search_under_age 2
          
+
          sh
          $ python batch_rw.py XXXX search_under_age 2
          $ python batch_rw.py XXXX search_under_age 2
          
 
          上の 2 つのコマンドを何回か繰り返し実行してみて，データベースに負荷をかけてみよう． とくに大きな遅延なく結果が返ってくることが確認できるだろう．
          
 
          スタックの削除 ​
          
 
          DynamoDB で十分に遊ぶことができたら，忘れずにスタックを削除しよう．
          
 
          これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
          
-
          sh
          $ cdk destroy
          $ cdk destroy
          
+
          sh
          $ cdk destroy
          $ cdk destroy
          
 
          S3 ハンズオン ​
          
 
          最後に， S3 の簡単なチュートリアルを紹介する． ハンズオンのソースコードは GitHub の handson/serverless/s3 に置いてある．
          
 
          figure_title が今回提供する S3 チュートリアルの概要である． STEP 1 として， AWS CDK を用いて S3 に新しい空のバケット (Bucket) を作成する． 続いて STEP 2 では，データのアップロード・ダウンロードの方法を解説する．
          
 
          S3 チュートリアルの概要
          
 
          このハンズオンは，基本的に S3 の無料枠 の範囲内で実行することができる．
          
 
          app.py にデプロイするプログラムが書かれている． 中身を見てみよう．
          
-
          python
          class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+
          python
          class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
          class SimpleS3(core.Stack):
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
          class SimpleS3(core.Stack):
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        # S3 bucket to store data
-        bucket = s3.Bucket(
-            self, "bucket",
-            removal_policy=core.RemovalPolicy.DESTROY,
-            auto_delete_objects=True,
-        )
          
+        # S3 bucket to store data
+        bucket = s3.Bucket(
+            self, "bucket",
+            removal_policy=core.RemovalPolicy.DESTROY,
+            auto_delete_objects=True,
+        )
          
 
          s3.Bucket() を呼ぶことによって空のバケットが新規に作成される． 上記のコードだと，バケットの名前は自動生成される． もし，自分の指定した名前を与えたい場合は， bucket_name というパラメータを指定すればよい． その際， バケットの名前はユニークでなければならない (i.e. AWS のデプロイが行われるリージョン内で名前の重複がない) 点に注意しよう． もし，同じ名前のバケットが既に存在する場合はエラーが返ってくる．
          
 
          デフォルトでは， CloudFormation スタックが削除されたとき， S3 バケットとその中に保存されたファイルは削除されない． これは，大切なデータを誤って消してしまうことを防止するための安全策である． cdk destroy を実行したときにバケットも含めてすべて削除されるようにするには， removal_policy=core.RemovalPolicy.DESTROY, auto_delete_objects=True とパラメータを設定する． 結果もよく理解したうえで，自分の用途にあった適切なパラメータを設定しよう．
          
 
          デプロイ ​
          
 
          デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
          
-
          sh
          # プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
+
          sh
          # プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
          # プロジェクトのディレクトリに移動
-$ cd handson/serverless/s3
+# デプロイを実行
+$ cdk deploy
          # プロジェクトのディレクトリに移動
+$ cd handson/serverless/s3
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
          
+# デプロイを実行
+$ cdk deploy
          
 
          デプロイを実行すると， figure_title のような出力が得られるはずである． ここで表示されている SimpleS3.BucketName = XXXX が，新しく作られたバケットの名前である (今回提供しているコードを使うとランダムな名前がバケットに割り当てられる）． これはあとで使うのでメモしておこう．
          
 
          デプロイ実行後の出力
          
 
          データの読み書き ​
          
 
          スタックのデプロイが完了したら，早速バケットにデータをアップロードしてみよう．
          
 
          まずは，以下のコマンドを実行して， tmp.txt という仮のファイルを生成する．
          
-
          sh
          $ echo "Hello world!" >> tmp.txt
          $ echo "Hello world!" >> tmp.txt
          
+
          sh
          $ echo "Hello world!" >> tmp.txt
          $ echo "Hello world!" >> tmp.txt
          
 
          ハンズオンのディレクトリにある simple_s3.py に boto3 ライブラリを使用した S3 のファイルのアップロード・ダウンロードのスクリプトが書いてある． simple_s3.py を使って，上で作成した tmp.txt を以下のコマンドによりバケットにアップロードする． XXXX のところは，自分自身のバケットの名前で置き換えること．
          
-
          sh
          $ python simple_s3.py XXXX upload tmp.txt
          $ python simple_s3.py XXXX upload tmp.txt
          
+
          sh
          $ python simple_s3.py XXXX upload tmp.txt
          $ python simple_s3.py XXXX upload tmp.txt
          
 
          simple_s3.py のアップロードを担当している部分を以下に抜粋する．
          
-
          python
          def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
+
          python
          def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if key is None:
-        key = os.path.basename(filename)
+    if key is None:
+        key = os.path.basename(filename)
 
-    bucket.upload_file(filename, key)
          def upload_file(bucket_name, filename, key=None):
-    bucket = s3.Bucket(bucket_name)
+    bucket.upload_file(filename, key)
          def upload_file(bucket_name, filename, key=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if key is None:
-        key = os.path.basename(filename)
+    if key is None:
+        key = os.path.basename(filename)
 
-    bucket.upload_file(filename, key)
          
+    bucket.upload_file(filename, key)
          
 
          bucket = s3.Bucket(bucket_name) の行で Bucket() オブジェクトを呼び出している． そして， upload_file() メソッドを呼ぶことでファイルのアップロードを実行している．
          
 
          S3 においてファイルの識別子として使われるのが Key である． これは，従来的なファイルシステムにおけるパス (Path) と相同な概念で，それぞれのファイルに固有な Key が割り当てられる必要がある． Key という呼び方は， S3 が Object storage と呼ばれるシステムに立脚していることに由来する． --key のオプションを追加して simple_s3.py を実行することで， Key を指定してアップロードを実行することができる．
          
-
          sh
          $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
          $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
          
+
          sh
          $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
          $ python simple_s3.py XXXX upload tmp.txt --key a/b/tmp.txt
          
 
          ここではアップロードされたファイルに a/b/tmp.txt という Key を割り当てている．
          
 
          ここまでコマンドを実行し終えたところで，一度 AWS コンソールに行き S3 の中身を確認してみよう． S3 のコンソールに行くと，バケットの一覧が見つかるはずである． その中から， simples3-bucket から始まるランダムな名前のついたバケットを探し，クリックする． するとバケットの中に含まれるファイルの一覧が表示される (figure_title)．
          
 
          S3 バケットの中のファイル一覧
          
 
          ここで実行した 2 つのコマンドによって， tmp.txt というファイルと， a/b/tmp.txt というファイルが見つかることに注目しよう． 従来的なファイルシステムと似た体験を提供するため， S3 では Key が "/" (スラッシュ) によって区切られていた場合，ツリー状の階層構造によってファイルを管理することができる．
          
 
          オブジェクトストレージには本来ディレクトリという概念はない． 上で紹介した "/" による階層づけはあくまでユーザー体験向上の目的のお化粧的な機能である．
          
 
          次に，バケットからファイルのダウンロードを実行してみよう． simple_s3.py を使って，以下のコマンドを実行すればよい． XXXX のところは，自分自身のバケットの名前で置き換えること．
          
-
          sh
          $ python simple_s3.py XXXX download tmp.txt
          $ python simple_s3.py XXXX download tmp.txt
          
+
          sh
          $ python simple_s3.py XXXX download tmp.txt
          $ python simple_s3.py XXXX download tmp.txt
          
 
          simple_s3.py のダウンロードを担当している部分を以下に抜粋する．
          
-
          python
          def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
+
          python
          def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if filename is None:
-        filename = os.path.basename(key)
+    if filename is None:
+        filename = os.path.basename(key)
 
-    bucket.download_file(key, filename)
          def download_file(bucket_name, key, filename=None):
-    bucket = s3.Bucket(bucket_name)
+    bucket.download_file(key, filename)
          def download_file(bucket_name, key, filename=None):
+    bucket = s3.Bucket(bucket_name)
 
-    if filename is None:
-        filename = os.path.basename(key)
+    if filename is None:
+        filename = os.path.basename(key)
 
-    bucket.download_file(key, filename)
          
+    bucket.download_file(key, filename)
          
 
          S3 からのダウンロードはシンプルで， download_file() メソッドを使って，ダウンロードしたい対象の Key を指定すればよい． ローカルのコンピュータでの保存先のパスを 2 個目の引数として渡している．
          
 
          スタックの削除 ​
          
 
          以上のハンズオンで， S3 の一番基本的な使い方を紹介した． ここまでのハンズオンが理解できたら，忘れずにスタックを削除しよう． これまでのハンズオンと同様，スタックを削除するには，次のコマンドを実行すればよい．
          
-
          sh
          $ cdk destroy
          $ cdk destroy
          
+
          sh
          $ cdk destroy
          $ cdk destroy
          
 
          Hands-on #6: Bashoutter ​
          
 
          さて，最後のハンズオンとなる第六回では，これまで学んできたサーバーレスクラウドの技術を使って，簡単なウェブサービスを作ってみよう． 具体的には，人々が自分の作った俳句を投稿する SNS サービス (Bashoutter と名付ける) を作成してみよう． Lambda, DynamoDB, S3 などの技術をすべて盛り込み，シンプルながらもサーバーレスの利点を生かしたスケーラブルな SNS アプリが誕生する． 最終的には， figure_title のような，ミニマルではあるがとても現代風な SNS サイトが完成する！
          
 
          ハンズオン#6で作製する SNS アプリケーション "Bashoutter"
          
@@ -37402,197 +37402,197 @@ output = json
          
 
          • 
 
        
 
        それでは，プログラムのソースコードを見てみよう (handson/bashoutter/app.py)．
        
-
        python
        class Bashoutter(core.Stack):
+
        python
        class Bashoutter(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
 
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
 
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
 
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
 
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
 
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
        class Bashoutter(core.Stack):
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
        class Bashoutter(core.Stack):
 
-    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
-        super().__init__(scope, name, **kwargs)
+    def __init__(self, scope: core.App, name: str, **kwargs) -> None:
+        super().__init__(scope, name, **kwargs)
 
-        #
-        # dynamoDB table to store haiku
-        table = ddb.Table(
-            self, "Bashoutter-Table",
-            partition_key=ddb.Attribute(
-                name="item_id",
-                type=ddb.AttributeType.STRING
-            ),
-            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        # dynamoDB table to store haiku
+        table = ddb.Table(
+            self, "Bashoutter-Table",
+            partition_key=ddb.Attribute(
+                name="item_id",
+                type=ddb.AttributeType.STRING
+            ),
+            billing_mode=ddb.BillingMode.PAY_PER_REQUEST,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        #
-        bucket = s3.Bucket(
-            self, "Bashoutter-Bucket",
-            website_index_document="index.html",
-            public_read_access=True,
-            removal_policy=core.RemovalPolicy.DESTROY
-        )
+        #
+        bucket = s3.Bucket(
+            self, "Bashoutter-Bucket",
+            website_index_document="index.html",
+            public_read_access=True,
+            removal_policy=core.RemovalPolicy.DESTROY
+        )
 
-        common_params = {
-            "runtime": _lambda.Runtime.PYTHON_3_7,
-            "environment": {
-                "TABLE_NAME": table.table_name
-            }
-        }
+        common_params = {
+            "runtime": _lambda.Runtime.PYTHON_3_7,
+            "environment": {
+                "TABLE_NAME": table.table_name
+            }
+        }
 
-        #
-        # define Lambda functions
-        get_haiku_lambda = _lambda.Function(
-            self, "GetHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.get_haiku",
-            memory_size=512,
-            **common_params,
-        )
-        post_haiku_lambda = _lambda.Function(
-            self, "PostHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.post_haiku",
-            **common_params,
-        )
-        patch_haiku_lambda = _lambda.Function(
-            self, "PatchHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.patch_haiku",
-            **common_params,
-        )
-        delete_haiku_lambda = _lambda.Function(
-            self, "DeleteHaiku",
-            code=_lambda.Code.from_asset("api"),
-            handler="api.delete_haiku",
-            **common_params,
-        )
+        #
+        # define Lambda functions
+        get_haiku_lambda = _lambda.Function(
+            self, "GetHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.get_haiku",
+            memory_size=512,
+            **common_params,
+        )
+        post_haiku_lambda = _lambda.Function(
+            self, "PostHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.post_haiku",
+            **common_params,
+        )
+        patch_haiku_lambda = _lambda.Function(
+            self, "PatchHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.patch_haiku",
+            **common_params,
+        )
+        delete_haiku_lambda = _lambda.Function(
+            self, "DeleteHaiku",
+            code=_lambda.Code.from_asset("api"),
+            handler="api.delete_haiku",
+            **common_params,
+        )
 
-        #
-        # grant permissions
-        table.grant_read_data(get_haiku_lambda)
-        table.grant_read_write_data(post_haiku_lambda)
-        table.grant_read_write_data(patch_haiku_lambda)
-        table.grant_read_write_data(delete_haiku_lambda)
+        #
+        # grant permissions
+        table.grant_read_data(get_haiku_lambda)
+        table.grant_read_write_data(post_haiku_lambda)
+        table.grant_read_write_data(patch_haiku_lambda)
+        table.grant_read_write_data(delete_haiku_lambda)
 
-        #
-        # define API Gateway
-        api = apigw.RestApi(
-            self, "BashoutterApi",
-            default_cors_preflight_options=apigw.CorsOptions(
-                allow_origins=apigw.Cors.ALL_ORIGINS,
-                allow_methods=apigw.Cors.ALL_METHODS,
-            )
-        )
+        #
+        # define API Gateway
+        api = apigw.RestApi(
+            self, "BashoutterApi",
+            default_cors_preflight_options=apigw.CorsOptions(
+                allow_origins=apigw.Cors.ALL_ORIGINS,
+                allow_methods=apigw.Cors.ALL_METHODS,
+            )
+        )
 
-        haiku = api.root.add_resource("haiku")
-        haiku.add_method(
-            "GET",
-            apigw.LambdaIntegration(get_haiku_lambda)
-        )
-        haiku.add_method(
-            "POST",
-            apigw.LambdaIntegration(post_haiku_lambda)
-        )
+        haiku = api.root.add_resource("haiku")
+        haiku.add_method(
+            "GET",
+            apigw.LambdaIntegration(get_haiku_lambda)
+        )
+        haiku.add_method(
+            "POST",
+            apigw.LambdaIntegration(post_haiku_lambda)
+        )
 
-        haiku_item_id = haiku.add_resource("{item_id}")
-        haiku_item_id.add_method(
-            "PATCH",
-            apigw.LambdaIntegration(patch_haiku_lambda)
-        )
-        haiku_item_id.add_method(
-            "DELETE",
-            apigw.LambdaIntegration(delete_haiku_lambda)
-        )
        
+        haiku_item_id = haiku.add_resource("{item_id}")
+        haiku_item_id.add_method(
+            "PATCH",
+            apigw.LambdaIntegration(patch_haiku_lambda)
+        )
+        haiku_item_id.add_method(
+            "DELETE",
+            apigw.LambdaIntegration(delete_haiku_lambda)
+        )
        
 
          
 
        • 
 
          ここで，俳句の情報を記録しておくための DynamoDB テーブルを定義している．
          
@@ -37613,17 +37613,17 @@ output = json
          
 
          それぞれの項目について，もう少し詳しく説明しよう．
          
 
          Public access mode の S3 バケット ​
          
 
          S3 のバケットを作成しているコードを見てみよう．
          
-
          python
          bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
          bucket = s3.Bucket(
-    self, "Bashoutter-Bucket",
-    website_index_document="index.html",
-    public_read_access=True,
-    removal_policy=core.RemovalPolicy.DESTROY
-)
          
+
          python
          bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
          bucket = s3.Bucket(
+    self, "Bashoutter-Bucket",
+    website_index_document="index.html",
+    public_read_access=True,
+    removal_policy=core.RemovalPolicy.DESTROY
+)
          
 
          ここで注目してほしいのは public_read_access=True の部分だ． 前章で， S3 について説明を行ったときには触れなかったが， S3 には Public access mode という機能がある． Public access mode をオンにしておくと，バケットの中のファイルは認証なしで (i.e. インターネット上の誰でも) 閲覧できるようになる． この設定は，一般公開されているウェブサイトの静的なコンテンツを置いておくのに最適であり，多くのサーバーレスによるウェブサービスでこのような設計が行われる． public access mode を設定しておくと， http://XXXX.s3-website-ap-northeast-1.amazonaws.com/ のような固有の URL がバケットに対して付与される． そして，クライアントがこの URL にアクセスをすると，バケットの中にある index.html がクライアントに返され，ページがロードされる (どのファイルが返されるかは， website_index_document="index.html" の部分で設定している．)
          
 
          なお，この時点ではバケットは空である． HTML/CSS/JS など静的コンテンツの配置は，デプロイを行った後ほどのステップで行う．
          
 
          より本格的なウェブページを運用する際には， public access mode の S3 バケットに， CloudFront という機能を追加することが一般的である． CloudFront により，　Content Delivery Nework (CDN) や暗号化された HTTPS 通信を設定することができる． CloudFront についての詳細は 公式ドキュメンテーション "What is Amazon CloudFront?" などを参照いただきたい．
          
@@ -37634,72 +37634,72 @@ output = json
          
 
          今回の S3 バケットには， AWS によって付与されたランダムな URL がついている． これを． example.com のような自分のドメインでホストしたければ， AWS によって付与された URL を自分のドメインの DNS レコードに追加すればよい．
          
 
          API のハンドラ関数 ​
          
 
          API リクエストが来たときに，リクエストされた処理を行う関数のことをハンドラ (handler) 関数とよぶ． GET /haiku の API に対してのハンドラ関数を Lambda で定義している部分を見てみよう．
          
-
          python
          get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
          get_haiku_lambda = _lambda.Function(
-    self, "GetHaiku",
-    code=_lambda.Code.from_asset("api"),
-    handler="api.get_haiku",
-    memory_size=512,
-    **common_params
-)
          
+
          python
          get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
          get_haiku_lambda = _lambda.Function(
+    self, "GetHaiku",
+    code=_lambda.Code.from_asset("api"),
+    handler="api.get_haiku",
+    memory_size=512,
+    **common_params
+)
          
 
          簡単なところから見ていくと， memory_size=512 の箇所でメモリーの使用量を 512MB に指定している． また， code=_lambda.Code.from_asset("api") によって外部のディレクトリ (api/) を参照せよと指定しており， handler="api.get_haiku" のところで api.py というファイルの get_haiku() という関数をハンドラ関数として実行せよ，と定義している．
          
 
          次に，ハンドラ関数として使用されている get_haiku() のコードを見てみよう (handson/bashoutter/api/api.py)．
          
-
          python
          ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
+
          python
          ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
 
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
 
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
          ddb = boto3.resource("dynamodb")
-table = ddb.Table(os.environ["TABLE_NAME"])
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
          ddb = boto3.resource("dynamodb")
+table = ddb.Table(os.environ["TABLE_NAME"])
 
-def get_haiku(event, context):
-    """
-    handler for GET /haiku
-    """
-    try:
-        response = table.scan()
+def get_haiku(event, context):
+    """
+    handler for GET /haiku
+    """
+    try:
+        response = table.scan()
 
-        status_code = 200
-        resp = response.get("Items")
-    except Exception as e:
-        status_code = 500
-        resp = {"description": f"Internal server error. {str(e)}"}
-    return {
-        "statusCode": status_code,
-        "headers": HEADERS,
-        "body": json.dumps(resp, cls=DecimalEncoder)
-    }
          
+        status_code = 200
+        resp = response.get("Items")
+    except Exception as e:
+        status_code = 500
+        resp = {"description": f"Internal server error. {str(e)}"}
+    return {
+        "statusCode": status_code,
+        "headers": HEADERS,
+        "body": json.dumps(resp, cls=DecimalEncoder)
+    }
          
 
          response = table.scan() で，俳句の格納された DynamoDB テーブルから，すべての要素を取り出している． もしなにもエラーが起きなければステータスコード 200 が返され，もしなにかエラーが起こればステータスコード 500 が返されるようになっている．
          
 
          上記のような操作を，ほかの API についても繰り返すことで，すべての API のハンドラ関数が定義されている．
          
 
          GET /haiku のハンドラ関数で， response = table.scan() という部分があるが，実はこれは最善の書き方ではない． DynamoDB の scan() メソッドは，最大で 1MB までのデータしか返さない． データベースのサイズが大きく， 1MB 以上のデータがある場合には，再帰的に scan() メソッドをよぶ必要がある． 詳しくは boto3 ドキュメンテーション を参照．
          
 
          AWS における権限の管理 (IAM) ​
          
 
          以下の部分のコードに注目してほしい．
          
-
          python
          table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
          table.grant_read_data(get_haiku_lambda)
-table.grant_read_write_data(post_haiku_lambda)
-table.grant_read_write_data(patch_haiku_lambda)
-table.grant_read_write_data(delete_haiku_lambda)
          
+
          python
          table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
          table.grant_read_data(get_haiku_lambda)
+table.grant_read_write_data(post_haiku_lambda)
+table.grant_read_write_data(patch_haiku_lambda)
+table.grant_read_write_data(delete_haiku_lambda)
          
 
          これまでは説明の簡略化のためにあえて触れてこなかったが， AWS には IAM (Identity and Access Management) という重要な概念がある． IAM は基本的に，あるリソースがほかのリソースに対してどのような権限をもっているか，を規定するものである． Lambda は，デフォルトの状態ではほかのリソースにアクセスする権限をなにも有していない． したがって， Lambda 関数が DynamoDB のデータを読み書きするためには，それを許可するような IAM が Lambda 関数に付与されていなければならない．
          
 
          CDK による dynamodb.Table オブジェクトには grant_read_write_data() という便利なメソッドが備わっており，アクセスを許可したい Lambda 関数を引数としてこのメソッドを呼ぶことで，データベースへの読み書きを許可する IAM を付与することができる． 同様に，CDK の s3.Bucket オブジェクトにも grant_read_write() というメソッドが備わっており，これによってバケットへの読み書きを許可することができる． このメソッドは，実は Hands-on #4: AWS Batch を使って機械学習のハイパーパラメータサーチを並列化する で AWS Batch によるクラスターを構成した際に使用した． 興味のある読者は振り返ってコードを確認してみよう．
          
 
          各リソースに付与する IAM は，必要最低限の権限を与えるにとどめるというのが基本方針である． これにより，セキュリティを向上させるだけでなく，意図していないプログラムからのデータベースへの読み書きを防止するという点で，バグを未然に防ぐことができる．
          
@@ -37710,69 +37710,69 @@ output = json
          
 
          API Gateway を配置することで，大量 (1 秒間に数千から数万件) の API リクエストに対応することのできるシステムを容易に構築することができる． API Gateway の料金は table_title のように設定されている． また，無料利用枠により，月ごとに 100 万件までのリクエストは 0 円で利用できる．
          
 
          API Gateway の利用料金設定 (参照)
          Number of Requests (per month)Price (per million)
          First 333 million
          $4.25
          Next 667 million
          $3.53
          Next 19 billion
          $3.00
          Over 20 billion
          $1.91
          
 
          ソースコードの該当箇所を見てみよう．
          
-
          python
          #
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
+
          python
          #
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
 
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
 
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
          #
-api = apigw.RestApi(
-    self, "BashoutterApi",
-    default_cors_preflight_options=apigw.CorsOptions(
-        allow_origins=apigw.Cors.ALL_ORIGINS,
-        allow_methods=apigw.Cors.ALL_METHODS,
-    )
-)
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
          #
+api = apigw.RestApi(
+    self, "BashoutterApi",
+    default_cors_preflight_options=apigw.CorsOptions(
+        allow_origins=apigw.Cors.ALL_ORIGINS,
+        allow_methods=apigw.Cors.ALL_METHODS,
+    )
+)
 
-#
-haiku = api.root.add_resource("haiku")
-#
-haiku.add_method(
-    "GET",
-    apigw.LambdaIntegration(get_haiku_lambda)
-)
-haiku.add_method(
-    "POST",
-    apigw.LambdaIntegration(post_haiku_lambda)
-)
+#
+haiku = api.root.add_resource("haiku")
+#
+haiku.add_method(
+    "GET",
+    apigw.LambdaIntegration(get_haiku_lambda)
+)
+haiku.add_method(
+    "POST",
+    apigw.LambdaIntegration(post_haiku_lambda)
+)
 
-#
-haiku_item_id = haiku.add_resource("{item_id}")
-#
-haiku_item_id.add_method(
-    "PATCH",
-    apigw.LambdaIntegration(patch_haiku_lambda)
-)
-haiku_item_id.add_method(
-    "DELETE",
-    apigw.LambdaIntegration(delete_haiku_lambda)
-)
          
+#
+haiku_item_id = haiku.add_resource("{item_id}")
+#
+haiku_item_id.add_method(
+    "PATCH",
+    apigw.LambdaIntegration(patch_haiku_lambda)
+)
+haiku_item_id.add_method(
+    "DELETE",
+    apigw.LambdaIntegration(delete_haiku_lambda)
+)
          
 
            
 
          • 
 
            最初に， api = apigw.RestApi() により，空の API Gateway を作成している．
            
@@ -37795,25 +37795,25 @@ output = json
            
 
            API Gateway で新規 API を作成したとき， default_cors_preflight_options= というパラメータで Cross Origin Resource Sharing (CORS) の設定を行っている． これは，ブラウザで走る Web アプリケーションと API を接続するときに必要な設定である．
            
 
            アプリケーションのデプロイ ​
            
 
            アプリケーションの中身が理解できたところで，早速デプロイを行ってみよう． デプロイの手順は，これまでのハンズオンとほとんど共通である． ここでは，コマンドのみ列挙する (# で始まる行はコメントである)． シークレットキーの設定も忘れずに (AWS CLI のインストール)．
            
-
            sh
            # プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
+
            sh
            # プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
            # プロジェクトのディレクトリに移動
-$ cd intro-aws/handson/bashoutter
+# デプロイを実行
+$ cdk deploy
            # プロジェクトのディレクトリに移動
+$ cd intro-aws/handson/bashoutter
 
-# venv を作成し，依存ライブラリのインストールを行う
-$ python3 -m venv .env
-$ source .env/bin/activate
-$ pip install -r requirements.txt
+# venv を作成し，依存ライブラリのインストールを行う
+$ python3 -m venv .env
+$ source .env/bin/activate
+$ pip install -r requirements.txt
 
-# デプロイを実行
-$ cdk deploy
            
+# デプロイを実行
+$ cdk deploy
            
 
            デプロイのコマンドが無事に実行されれば， figure_title のような出力が得られるはずである． ここで表示されている Bashoutter.BashoutterApiEndpoint = XXXX, Bashoutter.BucketUrl = YYYY の二つ文字列はあとで使うのでメモしておこう．
            
 
            CDKデプロイ実行後の出力
            
 
            AWS コンソールにログインして，デプロイされたスタックを確認してみよう． まずは，コンソールから API Gateway のページに行く． すると， figure_title のような画面が表示され，デプロイ済みの API エンドポイントの一覧が確認できる．
            
@@ -37829,109 +37829,109 @@ output = json
            
 
            それでは，デプロイしたアプリケーションに対し，実際に API リクエストを送信してみよう． まずはコマンドラインから API を送信する演習を行おう． S3 に配置した GUI は一旦おいておく．
            
 
            ここではコマンドラインから HTTP API リクエストを送信するためのシンプルな HTTP クライアントである HTTPie を使ってみよう． HTTPie は，スタックをデプロイするときに Python 仮想環境 (venv) を作成したとき，一緒にインストールされている． 念のためインストールがうまくいっているか確認するには，仮想環境を立ち上げたあとコマンドラインに http と打ってみる． ヘルプのメッセージが出力されたら準備 OK である．
            
 
            まず，先ほどデプロイを実行したときに得られた API のエンドポイントの URL (Bashoutter.BashoutterApiEndpoint = XXXX で得られた XXXX の文字列) をコマンドラインの変数に設定しておく．
            
-
            sh
            $ export ENDPOINT_URL=XXXX
            $ export ENDPOINT_URL=XXXX
            
+
            sh
            $ export ENDPOINT_URL=XXXX
            $ export ENDPOINT_URL=XXXX
            
 
            次に，俳句の一覧を取得するため， GET /haiku の API を送信してみよう．
            
-
            sh
            $ http GET "${ENDPOINT_URL}/haiku"
            $ http GET "${ENDPOINT_URL}/haiku"
            
+
            sh
            $ http GET "${ENDPOINT_URL}/haiku"
            $ http GET "${ENDPOINT_URL}/haiku"
            
 
            現時点では，まだだれも俳句を投稿していないので，空の配列 ([]) が返ってくる．
            
 
            それでは次に， POST /haiku を使って俳句を投稿してみよう．
            
-
            sh
            $ http POST "${ENDPOINT_URL}/haiku" \
-username="松尾芭蕉" \
-first="閑さや" \
-second="岩にしみ入る" \
-third="蝉の声"
            $ http POST "${ENDPOINT_URL}/haiku" \
-username="松尾芭蕉" \
-first="閑さや" \
-second="岩にしみ入る" \
-third="蝉の声"
            
+
            sh
            $ http POST "${ENDPOINT_URL}/haiku" \
+username="松尾芭蕉" \
+first="閑さや" \
+second="岩にしみ入る" \
+third="蝉の声"
            $ http POST "${ENDPOINT_URL}/haiku" \
+username="松尾芭蕉" \
+first="閑さや" \
+second="岩にしみ入る" \
+third="蝉の声"
            
 
            次のような出力が得られるだろう．
            
-
            sh
            HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
            HTTP/1.1 201 Created
-Connection: keep-alive
-Content-Length: 49
-Content-Type: application/json
-....
-{
-    "description": "Successfully added a new haiku"
-}
            
+
            sh
            HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
            HTTP/1.1 201 Created
+Connection: keep-alive
+Content-Length: 49
+Content-Type: application/json
+....
+{
+    "description": "Successfully added a new haiku"
+}
            
 
            新しい俳句を投稿することに成功したようである． 本当に俳句が追加されたか，再び GET リクエストを呼ぶことで確認してみよう．
            
-
            sh
            $ http GET "${ENDPOINT_URL}/haiku"
+
            sh
            $ http GET "${ENDPOINT_URL}/haiku"
 
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
            $ http GET "${ENDPOINT_URL}/haiku"
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
            $ http GET "${ENDPOINT_URL}/haiku"
 
-HTTP/1.1 200 OK
-Connection: keep-alive
-Content-Length: 258
-Content-Type: application/json
-...
-[
-    {
-        "created_at": "2020-07-06T02:46:04+00:00",
-        "first": "閑さや",
-        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
-        "likes": 0.0,
-        "second": "岩にしみ入る",
-        "third": "蝉の声",
-        "username": "松尾芭蕉"
-    }
-]
            
+HTTP/1.1 200 OK
+Connection: keep-alive
+Content-Length: 258
+Content-Type: application/json
+...
+[
+    {
+        "created_at": "2020-07-06T02:46:04+00:00",
+        "first": "閑さや",
+        "item_id": "7e91c5e4d7ad47909e0ac14c8bbab05b",
+        "likes": 0.0,
+        "second": "岩にしみ入る",
+        "third": "蝉の声",
+        "username": "松尾芭蕉"
+    }
+]
            
 
            素晴らしい！
            
 
            次に， PATCH /haiku/{item_id} を呼ぶことでこの俳句にいいねを追加してみよう． 一つ前のコマンドで取得した俳句の item_id を，次のコマンドの XXXX に代入した上で実行しよう．
            
-
            sh
            $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
            $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
            
+
            sh
            $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
            $ http PATCH "${ENDPOINT_URL}/haiku/XXXX"
            
 
            {"description": "OK"} という出力が得られるはずである． 再び GET リクエストを送ることで，いいね (likes) が 1 増えたことを確認しよう．
            
-
            sh
            $ http GET "${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
            $ http GET "${ENDPOINT_URL}/haiku"
-...
-[
-    {
-        ...
-        "likes": 1.0,
-        ...
-    }
-]
            
+
            sh
            $ http GET "${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
            $ http GET "${ENDPOINT_URL}/haiku"
+...
+[
+    {
+        ...
+        "likes": 1.0,
+        ...
+    }
+]
            
 
            最後に， DELETE リクエストを送ることで俳句をデータベースから削除しよう． XXXX は item_id の値で置き換えたうえで次のコマンドを実行する．
            
-
            sh
            $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
            $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
            
+
            sh
            $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
            $ http DELETE "${ENDPOINT_URL}/haiku/XXXX"
            
 
            再び GET リクエストを送ることで，返り値が空 ([]) になっていることを確認しよう．
            
 
            これで，俳句の投稿・取得・削除そしていいねの追加，といった基本的な API がきちんと動作していることが確認できた．
            
 
            大量の API リクエストをシミュレートする ​
            
 
            さて，前節ではマニュアルで一つずつ俳句を投稿した． 多数のユーザーがいるような SNS では，1 秒間に数千件以上の投稿がされている． 今回はサーバーレスアーキテクチャを採用したことで，そのような瞬間的な大量アクセスにも容易に対応できるようなシステムが自動的に構築されている． このポイントを実証するため，ここでは大量の API が送信された状況をシミュレートしてみよう．
            
 
            handson/bashoutter/client.py に，大量の API リクエストをシミュレートするためのプログラムが書かれている． このプログラムを使用すると， POST /haiku の API リクエストを指定された回数だけ実行することができる．
            
 
            テストとして， API を 300 回実行してみよう． 次のコマンドを実行する．
            
-
            sh
            $ python client.py $ENDPOINT_URL post_many 300
            $ python client.py $ENDPOINT_URL post_many 300
            
+
            sh
            $ python client.py $ENDPOINT_URL post_many 300
            $ python client.py $ENDPOINT_URL post_many 300
            
 
            数秒のうちに実行が完了するだろう． これがもし，単一のサーバーからなる API だったとしたら，このような大量のリクエストの処理にはもっと時間がかかっただろう． 最悪の場合には，サーバーダウンにもつながっていたかもしれない． したがって，今回作成したサーバーレスアプリケーションは，とてもシンプルながらも 1 秒間に数百件の処理を行えるような，スケーラブルなクラウドシステムであることがわかる． サーバーレスでクラウドを設計することの利点を垣間見ることができただろうか？
            
 
            先述のコマンドにより大量の俳句を投稿するとデータベースに無駄なデータがどんどん溜まってしまう． データベースを完全に空にするには，次のコマンドを使用する．
            
-
            sh
            $ python client.py $ENDPOINT_URL clear_database
            $ python client.py $ENDPOINT_URL clear_database
            
+
            sh
            $ python client.py $ENDPOINT_URL clear_database
            $ python client.py $ENDPOINT_URL clear_database
            
 
            Bashoutter GUI を動かしてみる ​
            
 
            前節ではコマンドラインから API を送信する演習を行った． ウェブアプリケーションでは，これと同じことがウェブブラウザの背後で行われ，ページのコンテンツが表示されている (figure_title 参照)． 最後に， API が GUI と統合されるとどうなるのか，見てみよう．
            
 
            CDK のコードで， Public access mode の S3 バケットを作成したことを思い出してほしい． 最初のステップとして，ここにウェブサイトのコンテンツをアップロードしよう． ハンズオンのソースコードの中に gui/dist というフォルダが見つかるはずである． ここにはビルド済みのウェブサイトの静的コンテンツ (HTML/CSS/JavaScript) が入っている． AWS CLI のコマンドを使うことでこれらのファイルを S3 にアップロードしよう．
            
-
            sh
            $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
            $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
            
+
            sh
            $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
            $ aws s3 cp --recursive ./gui/dist s3://<BUCKET_NAME>
            
 
            コマンドを実行する際は， Bashoutter ハンズオンのディレクトリから行うこと (./gui/dist に注目)，そして <BUCKET_NAME> にはデプロイした自身のバケットの名前が入る点に注意． 念のため，AWS コンソールにログインし，バケットにファイルがアップロードされている点を確認しておこう．
            
 
            なお，今回は GUI の説明はとくに行わないが， Bashoutter のウェブサイトは Vue.js と Vuetify という UI フレームワークを使って作成した． Vue を使うことで， Single page application (SPA) の技術でウェブサイトの画面がレンダリングされる． ソースコードは handson/bashoutter/gui のディレクトリの中にあるので，興味のある読者は確認してみるとよい．
            
 
            アップトードが完了したところで，続いてデプロイを実行したときにコマンドラインの出力を見直してみよう． Bashoutter.BucketUrl= で与えられた URL が見つかるはずである (figure_title)． これは，先述したとおり， Public access mode の S3 バケットの URL である．
            
@@ -37943,11 +37943,11 @@ output = json
            
 
            これで， Bashoutter プロジェクトが完成した！ この SNS は，インターネットを通じて世界のどこからでもアクセスできる状態にある． また， 大量の API リクエストをシミュレートする で見たように，大量のユーザーの同時アクセスによる負荷がかかっても，柔軟にスケールが行われ遅延なく処理を行うことができる． 極めて簡素ながらも，立派なウェブサービスとしてのスペックは満たしているのである！
            
 
            Bashoutter アプリを存分に楽しむことができたら，最後に忘れずにスタックを削除しよう．
            
 
            コマンドラインからスタックの削除を実行するには，次のコマンドを使う．
            
-
            sh
            $ cdk destroy
            $ cdk destroy
            
+
            sh
            $ cdk destroy
            $ cdk destroy
            
 
            CDK のバージョンによっては S3 のバケットが空でないと， cdk destroy がエラーを出力する場合がある． この場合はスタックを削除する前に， S3 バケットの中身をすべて削除しなければならない．
            
 
            コンソールから実行するには， S3 コンソールに行き，バケットの中身を開いたうえで，すべてのファイルを選択し， "Actions" → "Delete" を実行すればよいい．
            
 
            コマンドラインから実行するには， 次のコマンドを使う． <BUCKET NAME> のところは，自分の バケットの名前 ("BashoutterBucketXXXX" というパターンの名前がついているはずである) に置き換えることを忘れずに．
            
-
            sh
            $ aws s3 rm <BUCKET NAME> --recursive
            $ aws s3 rm <BUCKET NAME> --recursive
            
+
            sh
            $ aws s3 rm <BUCKET NAME> --recursive
            $ aws s3 rm <BUCKET NAME> --recursive
            
 
            小括 ​
            
 
            ここまでが，本書第三部の内容であった．
            
 
            第三部では，クラウドの応用として，一般の人に使ってもらうようなウェブアプリケーション・データベースをどのようにして作るのか，という点に焦点を当てて，説明を行った． その中で，従来的なクラウドシステムの設計と，ここ数年の最新の設計方法であるサーバーレスアーキテクチャについて解説した． Hands-on #5: サーバーレス入門 では， AWS でのサーバーレスの実践として， Lambda, S3, DynamoDB のハンズオンを行った． 最後に， Hands-on #6: Bashoutter では，これらの技術を統合することで，完全サーバーレスなウェブアプリケーション "Bashoutter" を作成した．
            
@@ -38048,59 +38048,59 @@ output = json
            
 
            vocareum から AWS シークレットキーの発行
            
 
            AWS CLI のインストール ​
            
 
            読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
            
-
            sh
            $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
            $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-$ unzip awscliv2.zip
-$ sudo ./aws/install
            
+
            sh
            $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
            $ curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+$ unzip awscliv2.zip
+$ sudo ./aws/install
            
 
            インストールできたか確認するため，次のコマンドを打ってバージョン情報が出力されることを確認する．
            
-
            sh
            $ aws --version
            $ aws --version
            
+
            sh
            $ aws --version
            $ aws --version
            
 
            インストールができたら，次のコマンドにより初期設定を行う (参照)．
            
-
            sh
            $ aws configure
            $ aws configure
            
+
            sh
            $ aws configure
            $ aws configure
            
 
            コマンドを実行すると， AWS Access Key ID, AWS Secret Access Key を入力するよう指示される． シークレットキーの発行については AWS のシークレットキーの作成 を参照． コマンドは加えて，Default region name を訊いてくる． ここには自分の好きな地域 (例えば ap-northeast-1 =東京リージョン) を指定すればよい． 最後の Default output format は json としておくとよい．
            
 
            このコマンドを完了すると， ~/.aws/credentials と ~/.aws/config　という名前のファイルが生成されているはずである． 念のため， cat コマンドを使って中身を確認してみるとよい．
            
-
            sh
            $ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+
            sh
            $ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
 
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
            $ cat ~/.aws/credentials
-[default]
-aws_access_key_id = XXXXXXXXXXXXXXXXXX
-aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
            $ cat ~/.aws/credentials
+[default]
+aws_access_key_id = XXXXXXXXXXXXXXXXXX
+aws_secret_access_key = YYYYYYYYYYYYYYYYYYY
 
-$ cat ~/.aws/config
-[profile default]
-region = ap-northeast-1
-output = json
            
+$ cat ~/.aws/config
+[profile default]
+region = ap-northeast-1
+output = json
            
 
            ~/.aws/credentials には認証鍵の情報が， ~/.aws/config には AWS CLI の設定が記録されている．
            
 
            デフォルトでは， [default] という名前でプロファイルが保存される． いくつかのプロファイルを使い分けたければ， default の例に従って，たとえば [myprofile] などという名前でプロファイルを追加すればよい．
            
 
            AWS CLI でコマンドを打つときに，プロファイルを使い分けるには，
            
-
            sh
            $ aws s3 ls --profile myprofile
            $ aws s3 ls --profile myprofile
            
+
            sh
            $ aws s3 ls --profile myprofile
            $ aws s3 ls --profile myprofile
            
 
            のように， --profile というオプションをつけてコマンドを実行する．
            
 
            いちいち --profile オプションをつけるのが面倒だと感じる場合は， AWS_PROFILE という環境変数を設定するとよい．
            
-
            sh
            $ export AWS_PROFILE=myprofile
            $ export AWS_PROFILE=myprofile
            
+
            sh
            $ export AWS_PROFILE=myprofile
            $ export AWS_PROFILE=myprofile
            
 
            あるいは，認証情報などを環境変数に設定するテクニックもある．
            
-
            sh
            export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
            export AWS_ACCESS_KEY_ID=XXXXXX
-export AWS_SECRET_ACCESS_KEY=YYYYYY
-export AWS_DEFAULT_REGION=ap-northeast-1
            
+
            sh
            export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
            export AWS_ACCESS_KEY_ID=XXXXXX
+export AWS_SECRET_ACCESS_KEY=YYYYYY
+export AWS_DEFAULT_REGION=ap-northeast-1
            
 
            これらの環境変数は， ~/.aws/credentials よりも高い優先度をもつので，環境変数が設定されていればそちらの情報が使用される (参照)．
            
 
            AWS Educate Starter Account は us-east-1 のリージョンのみ利用可能である (執筆時点での情報)． よって， AWS Educate Starter Account を使用している場合は， default region を us-east-1 に設定する必要がある．
            
 
            AWS CDK のインストール ​
            
 
            読者のために，執筆時点におけるインストールの手順 (Linux 向け) を簡単に記述する． 将来のバージョンでは変更される可能性があるので，常に 公式のドキュメンテーション で最新の情報をチェックすることを忘れずに．
            
 
            Node.js がインストールされていれば，基本的に次のコマンドを実行すればよい．
            
-
            sh
            $ sudo npm install -g aws-cdk
            $ sudo npm install -g aws-cdk
            
+
            sh
            $ sudo npm install -g aws-cdk
            $ sudo npm install -g aws-cdk
            
 
            本書のハンズオンは AWS CDK version 1.100.0 で開発した． CDK は開発途上のライブラリなので，将来的に API が変更される可能性がある． API の変更によりエラーが生じた場合は， version 1.100.0 を使用することを推奨する．
            
-
            sh
            $ npm install -g aws-cdk@1.100
            $ npm install -g aws-cdk@1.100
            
+
            sh
            $ npm install -g aws-cdk@1.100
            $ npm install -g aws-cdk@1.100
            
 
            インストールできたか確認するため，次のコマンドを打って正しくバージョンが表示されることを確認する．
            
-
            sh
            $ cdk --version
            $ cdk --version
            
+
            sh
            $ cdk --version
            $ cdk --version
            
 
            インストールができたら，次のコマンドにより AWS 側の初期設定を行う． これは一度実行すれば OK．
            
-
            sh
            $ cdk bootstrap
            $ cdk bootstrap
            
+
            sh
            $ cdk bootstrap
            $ cdk bootstrap
            
 
            cdk bootstrap を実行するときは，AWS の認証情報とリージョンが正しく設定されていることを確認する． デフォルトでは ~/.aws/config にあるデフォルトのプロファイルが使用される． デフォルト以外のプロファイルを用いるときは AWS CLI のインストール で紹介したテクニックを使って切り替える．
            
 
            AWS CDK の認証情報の設定は AWS CLI と基本的に同じである．詳しくは AWS CLI のインストール を参照．
            
 
            WSL のインストール ​
            
@@ -38111,15 +38111,15 @@ output = json
            
 
            まず最初に， Administrator 権限で PowerShell を起動する (figure_title)． 左下の Windows メニューの検索バーに powershell と入力すると， PowerShell のプログラムが見つかるはずである， これを右クリックし、 Run as administrator を選択し起動する．
            
 
            管理者権限での PowerShell の起動
            
 
            PowerShell が起動したら、次のコマンドを実行する．
            
-
            powershell
            dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
            dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
            
+
            powershell
            dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
            dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
            
 
            実行して、“The operation completed successfully.” と出力されるのを確認する． これで WSL が enable される．
            
 
            次に，先ほどと同じ Administrator 権限で開いた PowerShell で次のコマンドを実行する。
            
-
            powersh
            dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
            dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
            
+
            powersh
            dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
            dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
            
 
            実行して， “The operation completed successfully.” と出力されるのを確認する． これが確認出来たら、一度コンピュータを再起動する．
            
 
            続いて， Linux kernel update package を次のリンクからダウンロードする． https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi
            
 
            ダウンロードしたファイルをダブルクリックして実行する． ダイアログに従ってインストールを完了させる．
            
 
            そうしたら，再び PowerShell を開き次のコマンドを実行する。
            
-
            sh
            wsl --set-default-version 2
            wsl --set-default-version 2
            
+
            sh
            wsl --set-default-version 2
            wsl --set-default-version 2
            
 
            最後に、自分の好みの Linux distribution をインストールする． ここでは Ubuntu 20.04 をインストールしよう．
            
 
            Microsoft store のアプリを起動し，検索バーに Ubuntu と入力する． Ubuntu 20.04 LTS という項目が見つかるはずなので，それを開き， “Get” ボタンをクリックする (figure_title)． しばらく待つと， Ubuntu 20.04 のインストールが完了する．
            
 
            Microsoft store から Ubuntu 20.04 をインストール
            
@@ -38135,33 +38135,33 @@ output = json
            
 
            Windows のユーザーは，Docker Desktop をインストールする． その際， WSL 2 が事前にインストールされていなければならない． 詳細は 公式ドキュメンテーション を参照のこと． Docker Desktop をインストールすると， WSL からも docker コマンドが使用できるようになる．
            
 
            Linux ユーザー (特に Ubuntu ユーザー) については，インストールの方法はいくつかのアプローチがある． 公式ドキュメンテーション にいくつかのインストールの方法が示されているので，詳しい情報はそちらを参照いただきたい．
            
 
            最も簡単な方法は， Docker が公式で提供しているインストールスクリプトを用いる方法である． この場合，次のコマンドを実行することで Docker がインストールされる．
            
-
            sh
            $ curl -fsSL https://get.docker.com -o get-docker.sh
-$ sudo sh get-docker.sh
            $ curl -fsSL https://get.docker.com -o get-docker.sh
-$ sudo sh get-docker.sh
            
+
            sh
            $ curl -fsSL https://get.docker.com -o get-docker.sh
+$ sudo sh get-docker.sh
            $ curl -fsSL https://get.docker.com -o get-docker.sh
+$ sudo sh get-docker.sh
            
 
            デフォルトのインストールでは， root ユーザーのみが docker コマンドを使用できる設定になっている． 従って，コマンドには毎回 sudo を付け加える必要がある． これが面倒だと感じる場合は，次のステップにより，使用するユーザーを docker というグループに追加する (詳細は 公式ドキュメンテーション "Post-installation steps for Linux" を参照)．
            
 
            まず最初に， docker という名前にグループを追加する． インストールによっては，既に docker グループが作られている場合もある．
            
-
            sh
            $ sudo groupadd docker
            $ sudo groupadd docker
            
+
            sh
            $ sudo groupadd docker
            $ sudo groupadd docker
            
 
            次に，現在使用しているユーザーを docker グループに加える．
            
-
            sh
            $ sudo usermod -aG docker $USER
            $ sudo usermod -aG docker $USER
            
+
            sh
            $ sudo usermod -aG docker $USER
            $ sudo usermod -aG docker $USER
            
 
            ここまでできたら，一度ログアウトし，再度ログインする． これによって，グループの変更がターミナルのセッションに反映される．
            
 
            設定が正しくできているかを確認するため，次のコマンドを実行してみる．
            
-
            sh
            $ docker run hello-world
            $ docker run hello-world
            
+
            sh
            $ docker run hello-world
            $ docker run hello-world
            
 
            sudo なしでコンテナが実行できたならば，設定は完了である．
            
 
            Python venv クイックガイド ​
            
 
            他人からもらったプログラムで， numpy や scipy のバージョンが違う！などの理由で，プログラムが動かない，という経験をしたことがある人は多いのではないだろうか． もし，自分の計算機の中に一つしか Python 環境がないとすると，プロジェクトを切り替えるごとに正しいバージョンをインストールし直さなければならず，これは大変な手間である．
            
 
            コードのシェアをよりスムーズにするためには，ライブラリのバージョンはプロジェクトごとに管理されるべきである． それを可能にするのが Python 仮想環境とよばれるツールであり， venv, pyenv, conda などがよく使われる．
            
 
            そのなかでも， venv は Python に標準搭載されているのでとても便利である． pyenv や conda は，別途インストールの必要があるが，それぞれの長所もある．
            
 
            venv を使って仮想環境を作成するには，
            
-
            sh
            $ python -m venv .env
            $ python -m venv .env
            
+
            sh
            $ python -m venv .env
            $ python -m venv .env
            
 
            と実行する． これにより .env/ というディレクトリが作られ，このディレクトリに依存するライブラリが保存されることになる．
            
 
            この新たな仮想環境を起動するには
            
-
            sh
            $ source .env/bin/activate
            $ source .env/bin/activate
            
+
            sh
            $ source .env/bin/activate
            $ source .env/bin/activate
            
 
            と実行する．
            
 
            シェルのプロンプトに (.env) という文字が追加されていることを確認しよう (figure_title)． これが， "いまあなたは venv の中にいますよ" というしるしになる．
            
 
            venv を起動したときのプロンプト
            
 
            仮想環境を起動すると，それ以降実行する pip コマンドは， .env/ 以下にインストールされる．このようにして，プロジェクトごとに使うライブラリのバージョンを切り分けることができる．
            
 
            Python では requirements.txt というファイルに依存ライブラリを記述するのが一般的な慣例である．他人からもらったプログラムに， requirements.txt が定義されていれば，
            
-
            sh
            $ pip install -r requirements.txt
            $ pip install -r requirements.txt
            
+
            sh
            $ pip install -r requirements.txt
            $ pip install -r requirements.txt
            
 
            と実行することで，必要なライブラリをインストールし，瞬時に Python 環境を再現することができる．
            
 
            venv による仮想環境を保存するディレクトリの名前は任意に選べることができるが， .env という名前を用いるのが一般的である．
            
 
            ハンズオン実行用の Docker image の使い方 ​
            
@@ -38169,16 +38169,16 @@ output = json
            
 
            ハンズオンのいくつかのコマンドは Docker の外 = ローカルマシンのリアル環境で実行されなければならない． それらについてはハンズオンの該当箇所に注意書きとして記してある．
            
 
            Docker イメージは Docker Hub においてある． Docker イメージのビルドファイルは GitHub の docker/Dockerfile にある．
            
 
            次のコマンドでコンテナを起動する．
            
-
            sh
            $ docker run -it tomomano/labc:latest
            $ docker run -it tomomano/labc:latest
            
+
            sh
            $ docker run -it tomomano/labc:latest
            $ docker run -it tomomano/labc:latest
            
 
            初回にコマンドを実行したときのみ，イメージが Docker Hub からダウンロード (pull) される． 二回目以降はローカルにダウンロードされたイメージが使用される．
            
 
            コンテナが起動すると，次のようなインタラクティブシェルが表示されるはずである (起動時に -it のオプションをつけたのがポイントである)．
            
-
            sh
            root@aws-handson:~/programlisting
            root@aws-handson:~/programlisting
            
+
            sh
            root@aws-handson:~/programlisting
            root@aws-handson:~/programlisting
            
 
            この状態で ls コマンドを打つと， handson/ というディレクトリがあるはずである． ここに cd する．
            
-
            sh
            $ cd handson
            $ cd handson
            
+
            sh
            $ cd handson
            $ cd handson
            
 
            すると，各ハンズオンごとのディレクトリが見つかるはずである．
            
 
            あとは，ハンズオンごとにディレクトリを移動し，ハンズオンごとの virtualenv を作成し，スタックのデプロイを行えばよい (プログラムを実行する など参照)． ハンズオンごとに使用する依存ライブラリが異なるので，それぞれのハンズオンごとに virtualenv を作成するという設計になっている．
            
 
            AWS の認証情報を設定することも忘れずに． AWS CLI のインストール で記述したように， AWS_ACCESS_KEY_ID などの環境変数を設定するのが簡単な方法である． あるいは，ローカルマシンの ~/.aws/credentials に認証情報が書き込まれているなら，このディレクトリをコンテナにマウントすることで，同じ認証ファイルをコンテナ内部から参照することが可能である． この選択肢を取る場合は，次のコマンドでコンテナを起動する．
            
-
            sh
            $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
            $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
            
+
            sh
            $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
            $ docker run -it -v ~/.aws:/root/.aws:ro tomomano/labc:latest
            
 
            これにより，ローカルマシンの ~/.aws をコンテナの /root/.aws にマウントすることができる． 最後の :ro は read-only を意味する． 大切な認証ファイルが誤って書き換えられてしまわないように， read-only のフラグをつけることをおすすめする．
            
 
            /root/ がコンテナ環境におけるホームディレクトリである． ここで紹介した認証ファイルをマウントするテクニックは， SSH 鍵をコンテナに渡すときなどにも使える．
            
 
            ライセンス ​
            
@@ -38502,7 +38502,7 @@ output = json
            
 
          • Exceptions apply for functional requirements, such as for Sass partials. A leading underscore informs the Sass compiler a file is only a partial file and should never be generated into a stand alone CSS file.
            • 
 
          
 
          Right:
          
-
          file-name-with-dashes.en.min.html
          file-name-with-dashes.en.min.html
          
+
          file-name-with-dashes.en.min.html
          file-name-with-dashes.en.min.html
          
 
          Do not use special characters ​
          
 
          Avoid using non-alphanumeric characters in file names, such as: '*' ':' '\' '/' '<' '>' '|' '"' '!' '?' '[' ']' ';' '=' '+' '&' '£' '$' '€' '%' or ','. These characters can have special meaning in programming languages or can cause problems with different operating systems.
          
 
          Use lowercase, never uppercase ​
          
@@ -38520,19 +38520,19 @@ output = json
          
 
        • File conditions
          • 
 
 
          Possible combinations
          
-
          description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
-description.min.js
-description.en.html
-description-01.jpg
-description-02.jpg
-description-1024x768_2x.jpg
-description-desk_2x.jpg
          description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
-description.min.js
-description.en.html
-description-01.jpg
-description-02.jpg
-description-1024x768_2x.jpg
-description-desk_2x.jpg
          
+
          description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
+description.min.js
+description.en.html
+description-01.jpg
+description-02.jpg
+description-1024x768_2x.jpg
+description-desk_2x.jpg
          description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
+description.min.js
+description.en.html
+description-01.jpg
+description-02.jpg
+description-1024x768_2x.jpg
+description-desk_2x.jpg
          
 
          Write description for developers and users ​
          
 
          Don't be afraid to write long informative file names. Few people type a file name manually and most operating systems support 255 characters. But only add information that makes it easy for users and developers to recognize files from one another at a glance. For the description use information such as:
          
 
            
@@ -38554,17 +38554,17 @@ output = json
            
 
          • If people have exactly the same name written in full, you can add a number: firstnamelastname2.
            • 
 
          
 
          Right:
          
-
          bvandebiezen.jpg
-shoogenhout.jpg
-a-very-long-description-with-name-bvdb.jpg
-asmith.jpg
-adamsmith.jpg
-adamsmith2.jpg
          bvandebiezen.jpg
-shoogenhout.jpg
-a-very-long-description-with-name-bvdb.jpg
-asmith.jpg
-adamsmith.jpg
-adamsmith2.jpg
          
+
          bvandebiezen.jpg
+shoogenhout.jpg
+a-very-long-description-with-name-bvdb.jpg
+asmith.jpg
+adamsmith.jpg
+adamsmith2.jpg
          bvandebiezen.jpg
+shoogenhout.jpg
+a-very-long-description-with-name-bvdb.jpg
+asmith.jpg
+adamsmith.jpg
+adamsmith2.jpg
          
 
          Use two or more digits to distinguish sequential files with the same description ​
          
 
            
 
          • Start number with a dash as a delimiter.
            • 
@@ -38572,23 +38572,23 @@ output = json
            
 
          • Numbers may also be placed before the description if needed. A dash will still be used as delimiter with the description.
            • 
 
          
 
          Right:
          
-
          description-01.jpg
-description-02.jpg
-description-03.jpg
-description-04.jpg
-
-01-description.jpg
-02-description.jpg
-03-description.jpg
-04-description.jpg
          description-01.jpg
-description-02.jpg
-description-03.jpg
-description-04.jpg
-
-01-description.jpg
-02-description.jpg
-03-description.jpg
-04-description.jpg
          
+
          description-01.jpg
+description-02.jpg
+description-03.jpg
+description-04.jpg
+
+01-description.jpg
+02-description.jpg
+03-description.jpg
+04-description.jpg
          description-01.jpg
+description-02.jpg
+description-03.jpg
+description-04.jpg
+
+01-description.jpg
+02-description.jpg
+03-description.jpg
+04-description.jpg
          
 
          Keep dates or date ranges compact and start with year ​
          
 
            
 
          • Write dates without delimiters.
            • 
@@ -38597,13 +38597,13 @@ output = json
            
 
          • Use a double dash to separate two dates describing an interval: yyyy--yyyy. Start with the earliest date.
            • 
 
          
 
          Right:
          
-
          description-20150401.php
-description-201504.php
-description-2015.php
-description-2000--2010.php
          description-20150401.php
-description-201504.php
-description-2015.php
-description-2000--2010.php
          
+
          description-20150401.php
+description-201504.php
+description-2015.php
+description-2000--2010.php
          description-20150401.php
+description-201504.php
+description-2015.php
+description-2000--2010.php
          
 
          See 'ISO 8601' for further reading.
          
 
          Use special modifiers for target devices, image sizes or media queries, and pixel densities. ​
          
 
          Modifiers are inspired by Apple iOS naming conventions. There are some differences. Apple uses '@'as a delimiter for the section indicating higher resolution images, for example '@2x' for retina images. Because '@' is a reserved character and can create problems, we use Bourbon's convention: an underscore. Also, Apple uses a tilde (~) as a delimiter for a section indicating specific devices. Because also a tilde can create problems, we suggest to simply use a dash.
          
@@ -38617,21 +38617,21 @@ output = json
          
 
        • When both the width and height should not exceed a dimension but the images should keep the original aspect ratio, add a 'max' (maximum) after the amount of pixels.
          • 
 
        
 
        Right:
        
-
        description_2x.jpg
-description-lap.jpg
-description-desk.jpg
-description-lap_2x.jpg
-description-palm-1024w_2x.jpg
-description-iphone5-568h_2x.jpg
-description-palm-1024x768_2x.jpg
-description-40max.jpg
        description_2x.jpg
-description-lap.jpg
-description-desk.jpg
-description-lap_2x.jpg
-description-palm-1024w_2x.jpg
-description-iphone5-568h_2x.jpg
-description-palm-1024x768_2x.jpg
-description-40max.jpg
        
+
        description_2x.jpg
+description-lap.jpg
+description-desk.jpg
+description-lap_2x.jpg
+description-palm-1024w_2x.jpg
+description-iphone5-568h_2x.jpg
+description-palm-1024x768_2x.jpg
+description-40max.jpg
        description_2x.jpg
+description-lap.jpg
+description-desk.jpg
+description-lap_2x.jpg
+description-palm-1024w_2x.jpg
+description-iphone5-568h_2x.jpg
+description-palm-1024x768_2x.jpg
+description-40max.jpg
        
 
        Use version numbers if available ​
        
 
          
 
        • Start version with a dash (-) as delimiter.
          • 
@@ -38640,18 +38640,18 @@ output = json
          
 
        • Types, such as 'a' (alpha), 'b' (beta), 'rc1' (release candidate 1) can be added without delimiters.
          • 
 
        
 
        Right:
        
-
        description-0.5.js
-description-1.0b.js
-description-1.0rc1.js
        description-0.5.js
-description-1.0b.js
-description-1.0rc1.js
        
+
        description-0.5.js
+description-1.0b.js
+description-1.0rc1.js
        description-0.5.js
+description-1.0b.js
+description-1.0rc1.js
        
 
        Add status when needed ​
        
 
          
 
        • You can optionally add a file status such as 'draft' and 'published'.
          • 
 
        • Start status with a dash.
          • 
 
        
 
        Right:
        
-
        description-draft.md
        description-draft.md
        
+
        description-draft.md
        description-draft.md
        
 
        Add language code only when different languages are available ​
        
 
          
 
        • Use a period to separate the language code from the rest of the file name.
          • 
@@ -38659,9 +38659,9 @@ output = json
          
 
        • Only add languages when different languages are available.
          • 
 
        
 
        Right:
        
-
        description.nl.txt
-description.en.txt
        description.nl.txt
-description.en.txt
        
+
        description.nl.txt
+description.en.txt
        description.nl.txt
+description.en.txt
        
 
        Add file conditions just before the file extension ​
        
 
          
 
        • The file condition should be the last part, just before the file extension.
          • 
@@ -38669,9 +38669,9 @@ output = json
          
 
        • Use periods (.) as a delimiter for different conditions.
          • 
 
        
 
        Right:
        
-
        description.min.js
-description.custom1234.min.js
        description.min.js
-description.custom1234.min.js
        
+
        description.min.js
+description.custom1234.min.js
        description.min.js
+description.custom1234.min.js
        
 
        Rewrite original file names not following conventions ​
        
 
        It is not preferred to keep file names in it's original format if it doesn't match your file name conventions. But in some cases it is easier to keep the file name untouched. Sometimes you want to easily replace a file with a newer one from the original source in the future.
        
 ]]>
@@ -38688,7 +38688,7 @@ output = json
        
 
      • Exceptions apply for functional requirements, such as for Sass partials. A leading underscore informs the Sass compiler a file is only a partial file and should never be generated into a stand alone CSS file.
        • 
 
      
 
      Right:
      
-
      file-name-with-dashes.en.min.html
      file-name-with-dashes.en.min.html
      
+
      file-name-with-dashes.en.min.html
      file-name-with-dashes.en.min.html
      
 
      Do not use special characters ​
      
 
      Avoid using non-alphanumeric characters in file names, such as: '*' ':' '\' '/' '<' '>' '|' '"' '!' '?' '[' ']' ';' '=' '+' '&' '£' '$' '€' '%' or ','. These characters can have special meaning in programming languages or can cause problems with different operating systems.
      
 
      Use lowercase, never uppercase ​
      
@@ -38706,19 +38706,19 @@ output = json
      
 
    • File conditions
      • 
 
 
      Possible combinations
      
-
      description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
-description.min.js
-description.en.html
-description-01.jpg
-description-02.jpg
-description-1024x768_2x.jpg
-description-desk_2x.jpg
      description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
-description.min.js
-description.en.html
-description-01.jpg
-description-02.jpg
-description-1024x768_2x.jpg
-description-desk_2x.jpg
      
+
      description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
+description.min.js
+description.en.html
+description-01.jpg
+description-02.jpg
+description-1024x768_2x.jpg
+description-desk_2x.jpg
      description-01-20150102-palm-1.0b-draft.en.min.js /* extreme combination */
+description.min.js
+description.en.html
+description-01.jpg
+description-02.jpg
+description-1024x768_2x.jpg
+description-desk_2x.jpg
      
 
      Write description for developers and users ​
      
 
      Don't be afraid to write long informative file names. Few people type a file name manually and most operating systems support 255 characters. But only add information that makes it easy for users and developers to recognize files from one another at a glance. For the description use information such as:
      
 
        
@@ -38740,17 +38740,17 @@ output = json
        
 
      • If people have exactly the same name written in full, you can add a number: firstnamelastname2.
        • 
 
      
 
      Right:
      
-
      bvandebiezen.jpg
-shoogenhout.jpg
-a-very-long-description-with-name-bvdb.jpg
-asmith.jpg
-adamsmith.jpg
-adamsmith2.jpg
      bvandebiezen.jpg
-shoogenhout.jpg
-a-very-long-description-with-name-bvdb.jpg
-asmith.jpg
-adamsmith.jpg
-adamsmith2.jpg
      
+
      bvandebiezen.jpg
+shoogenhout.jpg
+a-very-long-description-with-name-bvdb.jpg
+asmith.jpg
+adamsmith.jpg
+adamsmith2.jpg
      bvandebiezen.jpg
+shoogenhout.jpg
+a-very-long-description-with-name-bvdb.jpg
+asmith.jpg
+adamsmith.jpg
+adamsmith2.jpg
      
 
      Use two or more digits to distinguish sequential files with the same description ​
      
 
        
 
      • Start number with a dash as a delimiter.
        • 
@@ -38758,23 +38758,23 @@ output = json
        
 
      • Numbers may also be placed before the description if needed. A dash will still be used as delimiter with the description.
        • 
 
      
 
      Right:
      
-
      description-01.jpg
-description-02.jpg
-description-03.jpg
-description-04.jpg
-
-01-description.jpg
-02-description.jpg
-03-description.jpg
-04-description.jpg
      description-01.jpg
-description-02.jpg
-description-03.jpg
-description-04.jpg
-
-01-description.jpg
-02-description.jpg
-03-description.jpg
-04-description.jpg
      
+
      description-01.jpg
+description-02.jpg
+description-03.jpg
+description-04.jpg
+
+01-description.jpg
+02-description.jpg
+03-description.jpg
+04-description.jpg
      description-01.jpg
+description-02.jpg
+description-03.jpg
+description-04.jpg
+
+01-description.jpg
+02-description.jpg
+03-description.jpg
+04-description.jpg
      
 
      Keep dates or date ranges compact and start with year ​
      
 
        
 
      • Write dates without delimiters.
        • 
@@ -38783,13 +38783,13 @@ output = json
        
 
      • Use a double dash to separate two dates describing an interval: yyyy--yyyy. Start with the earliest date.
        • 
 
      
 
      Right:
      
-
      description-20150401.php
-description-201504.php
-description-2015.php
-description-2000--2010.php
      description-20150401.php
-description-201504.php
-description-2015.php
-description-2000--2010.php
      
+
      description-20150401.php
+description-201504.php
+description-2015.php
+description-2000--2010.php
      description-20150401.php
+description-201504.php
+description-2015.php
+description-2000--2010.php
      
 
      See 'ISO 8601' for further reading.
      
 
      Use special modifiers for target devices, image sizes or media queries, and pixel densities. ​
      
 
      Modifiers are inspired by Apple iOS naming conventions. There are some differences. Apple uses '@'as a delimiter for the section indicating higher resolution images, for example '@2x' for retina images. Because '@' is a reserved character and can create problems, we use Bourbon's convention: an underscore. Also, Apple uses a tilde (~) as a delimiter for a section indicating specific devices. Because also a tilde can create problems, we suggest to simply use a dash.
      
@@ -38803,21 +38803,21 @@ output = json
      
 
    • When both the width and height should not exceed a dimension but the images should keep the original aspect ratio, add a 'max' (maximum) after the amount of pixels.
      • 
 
    
 
    Right:
    
-
    description_2x.jpg
-description-lap.jpg
-description-desk.jpg
-description-lap_2x.jpg
-description-palm-1024w_2x.jpg
-description-iphone5-568h_2x.jpg
-description-palm-1024x768_2x.jpg
-description-40max.jpg
    description_2x.jpg
-description-lap.jpg
-description-desk.jpg
-description-lap_2x.jpg
-description-palm-1024w_2x.jpg
-description-iphone5-568h_2x.jpg
-description-palm-1024x768_2x.jpg
-description-40max.jpg
    
+
    description_2x.jpg
+description-lap.jpg
+description-desk.jpg
+description-lap_2x.jpg
+description-palm-1024w_2x.jpg
+description-iphone5-568h_2x.jpg
+description-palm-1024x768_2x.jpg
+description-40max.jpg
    description_2x.jpg
+description-lap.jpg
+description-desk.jpg
+description-lap_2x.jpg
+description-palm-1024w_2x.jpg
+description-iphone5-568h_2x.jpg
+description-palm-1024x768_2x.jpg
+description-40max.jpg
    
 
    Use version numbers if available ​
    
 
      
 
    • Start version with a dash (-) as delimiter.
      • 
@@ -38826,18 +38826,18 @@ output = json
      
 
    • Types, such as 'a' (alpha), 'b' (beta), 'rc1' (release candidate 1) can be added without delimiters.
      • 
 
    
 
    Right:
    
-
    description-0.5.js
-description-1.0b.js
-description-1.0rc1.js
    description-0.5.js
-description-1.0b.js
-description-1.0rc1.js
    
+
    description-0.5.js
+description-1.0b.js
+description-1.0rc1.js
    description-0.5.js
+description-1.0b.js
+description-1.0rc1.js
    
 
    Add status when needed ​
    
 
      
 
    • You can optionally add a file status such as 'draft' and 'published'.
      • 
 
    • Start status with a dash.
      • 
 
    
 
    Right:
    
-
    description-draft.md
    description-draft.md
    
+
    description-draft.md
    description-draft.md
    
 
    Add language code only when different languages are available ​
    
 
      
 
    • Use a period to separate the language code from the rest of the file name.
      • 
@@ -38845,9 +38845,9 @@ output = json
      
 
    • Only add languages when different languages are available.
      • 
 
    
 
    Right:
    
-
    description.nl.txt
-description.en.txt
    description.nl.txt
-description.en.txt
    
+
    description.nl.txt
+description.en.txt
    description.nl.txt
+description.en.txt
    
 
    Add file conditions just before the file extension ​
    
 
      
 
    • The file condition should be the last part, just before the file extension.
      • 
@@ -38855,11 +38855,361 @@ output = json
      
 
    • Use periods (.) as a delimiter for different conditions.
      • 
 
    
 
    Right:
    
-
    description.min.js
-description.custom1234.min.js
    description.min.js
-description.custom1234.min.js
    
+
    description.min.js
+description.custom1234.min.js
    description.min.js
+description.custom1234.min.js
    
 
    Rewrite original file names not following conventions ​
    
 
    It is not preferred to keep file names in it's original format if it doesn't match your file name conventions. But in some cases it is easier to keep the file name untouched. Sometimes you want to easily replace a file with a newer one from the original source in the future.
    
+]]>
+        
+        
+            <![CDATA[Proxies Configuration for Shells & Terminal]]>
+            https://note.toshiki.devdevelopment/proxy4shell-terminal
+            https://note.toshiki.devdevelopment/proxy4shell-terminal
+            Thu, 02 Nov 2023 00:00:00 GMT
+            Proxies Configuration for Shells & Terminal ​
+
    TL;DR ​
    
+
    This article discusses the configuration of proxies for shells and terminals. It explains the advantages of using proxy servers to bypass network restrictions and surveillance. The article provides examples of the challenges faced when accessing foreign services and shows how to set up a proxy tunnel using the curl command. It also provides scripts and instructions for setting up proxy switches in different shell environments, such as zsh, bash, and Windows CMD and PowerShell. The article concludes with additional information on proxy configurations for applications like ssh and tips for working with authentication procedures.
    
+
    1. Background ​
    
+
    Proxies or namely proxy servers are by far one of the most affordable or cost-effective option to establish a masked layer connection to bypass the network restrictions with the annoying surveillance tracked by a local network ISP as compared to a click-to-use VPN service, which generically requires more individual invest to protect themselves under the insecure internet environment nowadays. When a user resides within the environment where the local gateways of full, user-dominant open access towards the internet is censored or restricted with domestic network blockages by the country.
    
+
    
+
+
    
+ while I adopt absolute subjective yet objective perspectives on the individual viewpoints towards the MIIT department of each country those of which applies the internet regulatory services within the national range for avoiding pitfalls on misleading information brought by cross-border influences; meanwhile regardlessly such measures are still facing controversial debates amongst publics that vastly limits the independent freedom rights, though advantages must not be underestimated, still.
+
    2. The Major Issue ​
    
+
    The majority of the issue still heavily preserves across the developmental fields which the layer of the blockage imposes limits on communicating with third-party, remote platforms such as Github or registries like NPM for frontend developments that stores key packages or components, as a requirement during a pre-built phase of a project. Most of the time foreign services becomes completely inaccessible or fortunately users could reach the services during a possible ISP maintenance downtime but normally the potentiality is mere, or hardly none yet the load speed before TTL connection expires are objectively slow, shortly before the origin site DNS being spoofed again. The unpleasant experiences with the networking somewhat affects interest on development reduces by high percentages or it even strand some awesome projects ran ashore ultimately.
    
+
    The following screenshots are a more direct representation to visualize the differences between the connection towards one of the most beloved search engine, Google with the following command via curl.
    
+
    sh
    curl -I google.com
    curl -I google.com
    
+
    
+
    The command is used to fetch the headers of a URL or web page. When you run "curl -I" followed by a URL, the command sends an HTTP HEAD request to the specified URL and retrieves the HTTP headers of the response. This allows you to view the information contained in the response headers without requesting and downloading the entire content of the page. The headers typically include details like the server information, content type, content length, status codes, and more.
    
+
    
+
    The following screenshot from terminal indicates the the final output of the package availability received without losses on a bare unmasked network environment, which returns FAIL in the final connection after a dry run fails 11s after when the TTL expires the connection fails.
    
+
    
+
    The next screenshot from terminal indicates a temporary proxy tunnel is established both in http and https protocol tunneled through a local proxy gateway at the local systemic IP address at 127.0.0.1 and exposes the proxy server at a mix of socks/https/http protocol port at 7890, just simply with the traditional export method by setting up in the nonce, the command is given as followed.
    
+
    sh
    export http_proxy=http://127.0.0.1:7890
+export https_proxy=$http_proxy
    export http_proxy=http://127.0.0.1:7890
+export https_proxy=$http_proxy
    
+
    And then we re-enter the same command with curl from above; surprisingly, the header responses returned TTP/1.1 200 OK, thus the conclusion drawn here is the proxy server we launched was successfully up and running with tunneled access towards foreign sites without restrictions! Hooray!
    
+
    ◎ Curl in action with successful response header from Google
    
+
    Since each proxy configuration might varies atop of the user preferred client, not including ShadowRocket, Clash, V2ray or other proprietary softwares that are licensed either behind a paywall to run with; or simply expensive to purchase a subscription; the proxy ports forwarded varies alongside the changes amongst clients. But the overall approach taken into the account still remains the same with the following traditional formats, the local IP of the machine (normally 127.0.0.1) followed after with the specified ports. In the scenario of the article is referenced as example, I chose Clash (in spite the entire Clash project repository as well as its affiliated forked projects are being taken down by anonymous reasons by either archiving the overall projects or simply shutting down due to possible legal actions or political reasons regarding the country of residency of various developers).
    
+
    shj
    # http protocal
+http://127.0.0.1:7890
+# https protocal
+https://127.0.0.1:7890
    # http protocal
+http://127.0.0.1:7890
+# https protocal
+https://127.0.0.1:7890
    
+
    2.1: Kill the Complexities; Unleash the Simplicity! ​
    
+
    But, the logic routes to the central question on: How can we simplify the course of action on setting up proxies without manually run export command every single time we wish to use? Below is a simple approach by aliasing a shortcut code to a proxy switch script amended towards your shell configuration profile that initializes on every session startups, in this case I uses zsh since it's integrated as the default shell on macOS since the release of macOS Catalina, yet it's one of my most familiar and favored shell when was using other OS as well.
    
+
    Though some people might use autosuggestion extensions as third-party shell features to automatically predict the command completion after a code piece is inputted such as zsh-autosuggestion plugin or fan of fish shell users has the native privilege of auto completions but I personally not fond of such featured integration since it might decelerate the load speed of an active session; I prefer stick tightly with original shell.
    
+
    sh
    # open your shell profile with an preferred editor
+$ vim ~/.zshrc
+
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+
+# restart your terminal with a new session or reload the config
+$ source ~/.zshrc
    # open your shell profile with an preferred editor
+$ vim ~/.zshrc
+
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+
+# restart your terminal with a new session or reload the config
+$ source ~/.zshrc
    
+
    The proxy essentially provides two shortcut command function defined with proxy_on and proxy_off. he proxy_on function sets the environment variables http_proxy and https_proxy to http://127.0.0.1:7890, which is the default proxy port of the traditional clash protocol, here is where you could replace the IP with other remote proxy servers or ports of other local proxies .Enabling a global proxy for the current terminal session. Meanwhile the proxy_off function unsets (removes) the http_proxy and https_proxy environment variables, effectively turning off the global proxy for the current terminal session. When any of the both executed, the indicator message will be echoed on the terminal, see the following screenshot in action.
    
+
    ◎ Enabling the shell session proxy with script
    
+
    After you reload your shell profile you can test out the scripted command yourself. To test whether the proxy has a successful setup after the proxy has been switched on, run echo $http_proxy or https_proxy with a dollar sign in front of the alias as an indicator for environmental variable, the third command as shown in the screenshot above, the command will simply print the configured variable value addressed to the specified alias. Contrarily, if your terminal returns the following resultant,
    
+
    sh
    $ proxy_on
+zsh: command not found: proxy_on
    $ proxy_on
+zsh: command not found: proxy_on
    
+
    Then you will have to distinguish the exact shell you are currently on, the hereinafter content are mainly targeted towards novice learners whom are unable to track the shell types or configuration on particular operating systems. The configuration file for each shell varies their file names as well the location of storage; while Mac users could directly apply changes based on the instruction provided above if your system if Catalina or above. To know what exactly the active shell running, run,
    
+
    sh
    $ echo $SHELL
    $ echo $SHELL
    
+
    The returned string text will be the name of the current active shell, the following is a list of the possible shell profile config name affiliated with each shell; most of the config profile files should be lied under the ~ or the root/home folder of each operating system with a dot in front of the file names are inferred as hidden file or directory in most of the Unix-like systems, such as macOS, Ubuntu, Debian and etc, but some of the config file such as fish shell could locate in an isolated config directory. The usual format of a config file is as followed,
    
+
    shell
    ~/.zshrc
    ~/.zshrc
    
+
    The following is a list of the most common shells with their possible profile file names that corresponded,
    
+
      
+
    • /bin/bash : .bash_profile or .bashrc
      • 
+
    • /bin/zsh : .zprofile or .zshrc
      • 
+
    • /bin/fish:  ~/.config/fish/config
      • 
+
    
+
    Still, the location might still varies, users might have to perform individual research to precisely locate their configuration file location, which is out of my jurisdiction of concerns (it's just evident action of procrastination and laziness, my apologies if none of the ones above fits your demand) ;).
    
+
    
+
+
    
+
    For Unix-like users, after you have specified your shell as well as your config file name and locations, copy the following code chunk as command and paste it back into your terminal and run to apply permanent changes to the configuration.
    
+
    sh
    cat >> ~/.zshrc << EOF
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+EOF
    cat >> ~/.zshrc << EOF
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+EOF
    
+
    The script above will write-in and install the proxy switch script and save the the content to the very end of the file. As a kindly reminder, if your shell is not zsh make sure to replace the string after cat >> to the actual path of your profile as well as your proxy server IP and port to the actual functioning details to your own demand; then ultimately, don't for get to reinitialize the shell by close and reopen the terminal or simply sourcing the config,
    
+
    sh
    source ~/.zshrc
    source ~/.zshrc
    
+
    To check whether the proxy script has taken its effect to the current session, don't forget to rerun the same echo command indicated as above. And up until here, the script has been properly installed and operatable as a charm, if your's still does not take any effect, go through the process again and read carefully through the documentation.
    
+
    3: To All Windows Users ​
    
+
    The documentation above are mainly targeted towards macOS & Linux users, to setup local proxy with Windows machines there is a complete different approach if you are more comfortably working with Powershells and CMD, since I disused windows less and less frequently by the time I decided to upgrade my device to macOS; even if I did use Windows my primary choice of developmental environment is still Linux by the native support of WSL with enhanced Ubuntu version in a virtual environment; the following commands are only done from my prior researches, I do not fully guarantee the usability of the commands, please use them at your own risks if any unexpected errors not only including system crashes or other affiliated damages, I do not relate responsibility to any of those presented.
    
+
    
+
    Simple concluding, abandon proprietary software, fall in the hug of open source; Linux even if most of the users might feel overwhelming when getting started with the system first :). Alright, enough with off-topic talkings, let's jump right in the process.
    
+
    3.1: CMD ​
    
+
    cmd
    set http_proxy=http://127.0.0.1:7890
+set https_proxy=http://127.0.0.1:7890
    set http_proxy=http://127.0.0.1:7890
+set https_proxy=http://127.0.0.1:7890
    
+
    The commands are basically the same to Unix but the major difference is the amend commands in Windows are set instead of export. Once again I haven't personally tested the command, thus only use them as a reference. And whenever you wish to unset the global proxy for the session just simply run the set proxy command again but without any proxy server details.
    
+
    cmd
    set http_proxy=
+set https_proxy=
    set http_proxy=
+set https_proxy=
    
+
    3.2: PowerShell ​
    
+
    Alike CMD, the string after are exactly the same but the setup prefix command differentiates,
    
+
    powershell
    $env:http_proxy="http://127.0.0.1:1080"
+$env:https_proxy="http://127.0.0.1:1080"
    $env:http_proxy="http://127.0.0.1:1080"
+$env:https_proxy="http://127.0.0.1:1080"
    
+
    And to revert to the default proxy setting, execute the following command to unset both the http and https proxy.
    
+
    powershell
    $env:http_proxy=""
+$env:https_proxy=""
    $env:http_proxy=""
+$env:https_proxy=""
    
+
    4: Extended Trivia on Proxy ​
    
+
    Sometimes a proxy server may require an authentication procedure involving passcode for accessing before establishing a secure connection to interact with the server itself. From the partial article above we only discussed on a simple local proxy server setup including a host IP with its forwarded port gateways; but when facing the scenario described for a net connection, we will need a bit more complex method when working in the CLI environment.
    
+
    Before we start, quoting from one of the answer from AskUbuntu, resolving the misconception on the difference between terminal application and the net utilities falls underly,
    
+
    
+
    Terminal is not net application. Maybe is better to say, in your case, terminal is container for net application like ssh, telnet, lftp, wget, lynx ...
    
+
    
+
    A terminal provides a command-line interface that allows users to send commands and receive responses from network applications, facilitating communication and control over a network connection. It acts as a mediator between the user and the network applications, enabling the user to send instructions and receive information, but not a proxy client.
    
+
    
+
+
    
+
    Done with the technical talkings, now let's dive into the actual configuration process of the shell. Other than simply inputting a host IP and a port followed, the following formats are the default configuration for a proxy server with HTTP connection protocol, follow the exact same process as described based on your shell type, modify the fields with the following,
    
+
    shell
    export http_proxy=http://username:password@proxyhost:port/
+export ftp_proxy=http://username:password@proxyhost:port/
+export telnet_proxy=http://username:password@proxyhost:port/
    export http_proxy=http://username:password@proxyhost:port/
+export ftp_proxy=http://username:password@proxyhost:port/
+export telnet_proxy=http://username:password@proxyhost:port/
    
+
    Another approach suggested by the same user whom provided the answer on AskUbuntu for all Ubuntu users, edit the proxy configuration at the root of your machine as follows,
    
+
    sh
    sudo -H vim /etc/profile.d/proxy.sh
    sudo -H vim /etc/profile.d/proxy.sh
    
+
    And add the exported proxy members aligning the format as above, then save and reinitialize the environment, viola. The patches edited are mainly targeted for incorporating with wget, ftp, lftp, telnet in terminal.
    
+
    When working with ssh instance over a proxy, a different approach has to be taken since SSH library does not natively support SOCKS5 client, user will have to pass a ProxyCommand option as a workaround to apply proxied connection, below is an instance of socat,
    
+
    sh
    ssh -o ProxyCommand='socat - SOCKS4A:myproxy:%h:%p,socksuser=nobody' user@host
    ssh -o ProxyCommand='socat - SOCKS4A:myproxy:%h:%p,socksuser=nobody' user@host
    
+
    The proxyCommand option allows user to integrate socat as an intermediary mediator to establish connection above a proxy. Other alternatives like tsocks are as well viable to transparently use SOCKS for TCP traffic, Exemplifying running SOCKS5 over socat2,
    
+
    bash
    ssh -o ProxyCommand='socat - "SOCKS5:%h:%p|tcp:myproxy:1080"' user@host
    ssh -o ProxyCommand='socat - "SOCKS5:%h:%p|tcp:myproxy:1080"' user@host
    
+
    Further, socat2 for HTTP Proxy CONNECT method,
    
+
    bash
    ssh -o ProxyCommand='socat - "PROXY:%h:%p|tcp:myproxy:80"' user@host
    ssh -o ProxyCommand='socat - "PROXY:%h:%p|tcp:myproxy:80"' user@host
    
+
    Reference
    
+
+
    
+]]>    
+            Proxies Configuration for Shells & Terminal ​
+
    TL;DR ​
    
+
    This article discusses the configuration of proxies for shells and terminals. It explains the advantages of using proxy servers to bypass network restrictions and surveillance. The article provides examples of the challenges faced when accessing foreign services and shows how to set up a proxy tunnel using the curl command. It also provides scripts and instructions for setting up proxy switches in different shell environments, such as zsh, bash, and Windows CMD and PowerShell. The article concludes with additional information on proxy configurations for applications like ssh and tips for working with authentication procedures.
    
+
    1. Background ​
    
+
    Proxies or namely proxy servers are by far one of the most affordable or cost-effective option to establish a masked layer connection to bypass the network restrictions with the annoying surveillance tracked by a local network ISP as compared to a click-to-use VPN service, which generically requires more individual invest to protect themselves under the insecure internet environment nowadays. When a user resides within the environment where the local gateways of full, user-dominant open access towards the internet is censored or restricted with domestic network blockages by the country.
    
+
    
+
+
    
+ while I adopt absolute subjective yet objective perspectives on the individual viewpoints towards the MIIT department of each country those of which applies the internet regulatory services within the national range for avoiding pitfalls on misleading information brought by cross-border influences; meanwhile regardlessly such measures are still facing controversial debates amongst publics that vastly limits the independent freedom rights, though advantages must not be underestimated, still.
+
    2. The Major Issue ​
    
+
    The majority of the issue still heavily preserves across the developmental fields which the layer of the blockage imposes limits on communicating with third-party, remote platforms such as Github or registries like NPM for frontend developments that stores key packages or components, as a requirement during a pre-built phase of a project. Most of the time foreign services becomes completely inaccessible or fortunately users could reach the services during a possible ISP maintenance downtime but normally the potentiality is mere, or hardly none yet the load speed before TTL connection expires are objectively slow, shortly before the origin site DNS being spoofed again. The unpleasant experiences with the networking somewhat affects interest on development reduces by high percentages or it even strand some awesome projects ran ashore ultimately.
    
+
    The following screenshots are a more direct representation to visualize the differences between the connection towards one of the most beloved search engine, Google with the following command via curl.
    
+
    sh
    curl -I google.com
    curl -I google.com
    
+
    
+
    The command is used to fetch the headers of a URL or web page. When you run "curl -I" followed by a URL, the command sends an HTTP HEAD request to the specified URL and retrieves the HTTP headers of the response. This allows you to view the information contained in the response headers without requesting and downloading the entire content of the page. The headers typically include details like the server information, content type, content length, status codes, and more.
    
+
    
+
    The following screenshot from terminal indicates the the final output of the package availability received without losses on a bare unmasked network environment, which returns FAIL in the final connection after a dry run fails 11s after when the TTL expires the connection fails.
    
+
    
+
    The next screenshot from terminal indicates a temporary proxy tunnel is established both in http and https protocol tunneled through a local proxy gateway at the local systemic IP address at 127.0.0.1 and exposes the proxy server at a mix of socks/https/http protocol port at 7890, just simply with the traditional export method by setting up in the nonce, the command is given as followed.
    
+
    sh
    export http_proxy=http://127.0.0.1:7890
+export https_proxy=$http_proxy
    export http_proxy=http://127.0.0.1:7890
+export https_proxy=$http_proxy
    
+
    And then we re-enter the same command with curl from above; surprisingly, the header responses returned TTP/1.1 200 OK, thus the conclusion drawn here is the proxy server we launched was successfully up and running with tunneled access towards foreign sites without restrictions! Hooray!
    
+
    ◎ Curl in action with successful response header from Google
    
+
    Since each proxy configuration might varies atop of the user preferred client, not including ShadowRocket, Clash, V2ray or other proprietary softwares that are licensed either behind a paywall to run with; or simply expensive to purchase a subscription; the proxy ports forwarded varies alongside the changes amongst clients. But the overall approach taken into the account still remains the same with the following traditional formats, the local IP of the machine (normally 127.0.0.1) followed after with the specified ports. In the scenario of the article is referenced as example, I chose Clash (in spite the entire Clash project repository as well as its affiliated forked projects are being taken down by anonymous reasons by either archiving the overall projects or simply shutting down due to possible legal actions or political reasons regarding the country of residency of various developers).
    
+
    shj
    # http protocal
+http://127.0.0.1:7890
+# https protocal
+https://127.0.0.1:7890
    # http protocal
+http://127.0.0.1:7890
+# https protocal
+https://127.0.0.1:7890
    
+
    2.1: Kill the Complexities; Unleash the Simplicity! ​
    
+
    But, the logic routes to the central question on: How can we simplify the course of action on setting up proxies without manually run export command every single time we wish to use? Below is a simple approach by aliasing a shortcut code to a proxy switch script amended towards your shell configuration profile that initializes on every session startups, in this case I uses zsh since it's integrated as the default shell on macOS since the release of macOS Catalina, yet it's one of my most familiar and favored shell when was using other OS as well.
    
+
    Though some people might use autosuggestion extensions as third-party shell features to automatically predict the command completion after a code piece is inputted such as zsh-autosuggestion plugin or fan of fish shell users has the native privilege of auto completions but I personally not fond of such featured integration since it might decelerate the load speed of an active session; I prefer stick tightly with original shell.
    
+
    sh
    # open your shell profile with an preferred editor
+$ vim ~/.zshrc
+
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+
+# restart your terminal with a new session or reload the config
+$ source ~/.zshrc
    # open your shell profile with an preferred editor
+$ vim ~/.zshrc
+
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+
+# restart your terminal with a new session or reload the config
+$ source ~/.zshrc
    
+
    The proxy essentially provides two shortcut command function defined with proxy_on and proxy_off. he proxy_on function sets the environment variables http_proxy and https_proxy to http://127.0.0.1:7890, which is the default proxy port of the traditional clash protocol, here is where you could replace the IP with other remote proxy servers or ports of other local proxies .Enabling a global proxy for the current terminal session. Meanwhile the proxy_off function unsets (removes) the http_proxy and https_proxy environment variables, effectively turning off the global proxy for the current terminal session. When any of the both executed, the indicator message will be echoed on the terminal, see the following screenshot in action.
    
+
    ◎ Enabling the shell session proxy with script
    
+
    After you reload your shell profile you can test out the scripted command yourself. To test whether the proxy has a successful setup after the proxy has been switched on, run echo $http_proxy or https_proxy with a dollar sign in front of the alias as an indicator for environmental variable, the third command as shown in the screenshot above, the command will simply print the configured variable value addressed to the specified alias. Contrarily, if your terminal returns the following resultant,
    
+
    sh
    $ proxy_on
+zsh: command not found: proxy_on
    $ proxy_on
+zsh: command not found: proxy_on
    
+
    Then you will have to distinguish the exact shell you are currently on, the hereinafter content are mainly targeted towards novice learners whom are unable to track the shell types or configuration on particular operating systems. The configuration file for each shell varies their file names as well the location of storage; while Mac users could directly apply changes based on the instruction provided above if your system if Catalina or above. To know what exactly the active shell running, run,
    
+
    sh
    $ echo $SHELL
    $ echo $SHELL
    
+
    The returned string text will be the name of the current active shell, the following is a list of the possible shell profile config name affiliated with each shell; most of the config profile files should be lied under the ~ or the root/home folder of each operating system with a dot in front of the file names are inferred as hidden file or directory in most of the Unix-like systems, such as macOS, Ubuntu, Debian and etc, but some of the config file such as fish shell could locate in an isolated config directory. The usual format of a config file is as followed,
    
+
    shell
    ~/.zshrc
    ~/.zshrc
    
+
    The following is a list of the most common shells with their possible profile file names that corresponded,
    
+
      
+
    • /bin/bash : .bash_profile or .bashrc
      • 
+
    • /bin/zsh : .zprofile or .zshrc
      • 
+
    • /bin/fish:  ~/.config/fish/config
      • 
+
    
+
    Still, the location might still varies, users might have to perform individual research to precisely locate their configuration file location, which is out of my jurisdiction of concerns (it's just evident action of procrastination and laziness, my apologies if none of the ones above fits your demand) ;).
    
+
    
+
+
    
+
    For Unix-like users, after you have specified your shell as well as your config file name and locations, copy the following code chunk as command and paste it back into your terminal and run to apply permanent changes to the configuration.
    
+
    sh
    cat >> ~/.zshrc << EOF
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+EOF
    cat >> ~/.zshrc << EOF
+# session proxy switch shortcut
+function proxy_on() {
+    export http_proxy=http://127.0.0.1:7890
+    export https_proxy=\$http_proxy
+    echo -e "global proxy for the current terminal session has turned on"
+}
+
+function proxy_off(){
+    unset http_proxy https_proxy
+    echo -e "global proxy for the current terminal session has turned off"
+}
+EOF
    
+
    The script above will write-in and install the proxy switch script and save the the content to the very end of the file. As a kindly reminder, if your shell is not zsh make sure to replace the string after cat >> to the actual path of your profile as well as your proxy server IP and port to the actual functioning details to your own demand; then ultimately, don't for get to reinitialize the shell by close and reopen the terminal or simply sourcing the config,
    
+
    sh
    source ~/.zshrc
    source ~/.zshrc
    
+
    To check whether the proxy script has taken its effect to the current session, don't forget to rerun the same echo command indicated as above. And up until here, the script has been properly installed and operatable as a charm, if your's still does not take any effect, go through the process again and read carefully through the documentation.
    
+
    3: To All Windows Users ​
    
+
    The documentation above are mainly targeted towards macOS & Linux users, to setup local proxy with Windows machines there is a complete different approach if you are more comfortably working with Powershells and CMD, since I disused windows less and less frequently by the time I decided to upgrade my device to macOS; even if I did use Windows my primary choice of developmental environment is still Linux by the native support of WSL with enhanced Ubuntu version in a virtual environment; the following commands are only done from my prior researches, I do not fully guarantee the usability of the commands, please use them at your own risks if any unexpected errors not only including system crashes or other affiliated damages, I do not relate responsibility to any of those presented.
    
+
    
+
    Simple concluding, abandon proprietary software, fall in the hug of open source; Linux even if most of the users might feel overwhelming when getting started with the system first :). Alright, enough with off-topic talkings, let's jump right in the process.
    
+
    3.1: CMD ​
    
+
    cmd
    set http_proxy=http://127.0.0.1:7890
+set https_proxy=http://127.0.0.1:7890
    set http_proxy=http://127.0.0.1:7890
+set https_proxy=http://127.0.0.1:7890
    
+
    The commands are basically the same to Unix but the major difference is the amend commands in Windows are set instead of export. Once again I haven't personally tested the command, thus only use them as a reference. And whenever you wish to unset the global proxy for the session just simply run the set proxy command again but without any proxy server details.
    
+
    cmd
    set http_proxy=
+set https_proxy=
    set http_proxy=
+set https_proxy=
    
+
    3.2: PowerShell ​
    
+
    Alike CMD, the string after are exactly the same but the setup prefix command differentiates,
    
+
    powershell
    $env:http_proxy="http://127.0.0.1:1080"
+$env:https_proxy="http://127.0.0.1:1080"
    $env:http_proxy="http://127.0.0.1:1080"
+$env:https_proxy="http://127.0.0.1:1080"
    
+
    And to revert to the default proxy setting, execute the following command to unset both the http and https proxy.
    
+
    powershell
    $env:http_proxy=""
+$env:https_proxy=""
    $env:http_proxy=""
+$env:https_proxy=""
    
+
    4: Extended Trivia on Proxy ​
    
+
    Sometimes a proxy server may require an authentication procedure involving passcode for accessing before establishing a secure connection to interact with the server itself. From the partial article above we only discussed on a simple local proxy server setup including a host IP with its forwarded port gateways; but when facing the scenario described for a net connection, we will need a bit more complex method when working in the CLI environment.
    
+
    Before we start, quoting from one of the answer from AskUbuntu, resolving the misconception on the difference between terminal application and the net utilities falls underly,
    
+
    
+
    Terminal is not net application. Maybe is better to say, in your case, terminal is container for net application like ssh, telnet, lftp, wget, lynx ...
    
+
    
+
    A terminal provides a command-line interface that allows users to send commands and receive responses from network applications, facilitating communication and control over a network connection. It acts as a mediator between the user and the network applications, enabling the user to send instructions and receive information, but not a proxy client.
    
+
    
+
+
    
+
    Done with the technical talkings, now let's dive into the actual configuration process of the shell. Other than simply inputting a host IP and a port followed, the following formats are the default configuration for a proxy server with HTTP connection protocol, follow the exact same process as described based on your shell type, modify the fields with the following,
    
+
    shell
    export http_proxy=http://username:password@proxyhost:port/
+export ftp_proxy=http://username:password@proxyhost:port/
+export telnet_proxy=http://username:password@proxyhost:port/
    export http_proxy=http://username:password@proxyhost:port/
+export ftp_proxy=http://username:password@proxyhost:port/
+export telnet_proxy=http://username:password@proxyhost:port/
    
+
    Another approach suggested by the same user whom provided the answer on AskUbuntu for all Ubuntu users, edit the proxy configuration at the root of your machine as follows,
    
+
    sh
    sudo -H vim /etc/profile.d/proxy.sh
    sudo -H vim /etc/profile.d/proxy.sh
    
+
    And add the exported proxy members aligning the format as above, then save and reinitialize the environment, viola. The patches edited are mainly targeted for incorporating with wget, ftp, lftp, telnet in terminal.
    
+
    When working with ssh instance over a proxy, a different approach has to be taken since SSH library does not natively support SOCKS5 client, user will have to pass a ProxyCommand option as a workaround to apply proxied connection, below is an instance of socat,
    
+
    sh
    ssh -o ProxyCommand='socat - SOCKS4A:myproxy:%h:%p,socksuser=nobody' user@host
    ssh -o ProxyCommand='socat - SOCKS4A:myproxy:%h:%p,socksuser=nobody' user@host
    
+
    The proxyCommand option allows user to integrate socat as an intermediary mediator to establish connection above a proxy. Other alternatives like tsocks are as well viable to transparently use SOCKS for TCP traffic, Exemplifying running SOCKS5 over socat2,
    
+
    bash
    ssh -o ProxyCommand='socat - "SOCKS5:%h:%p|tcp:myproxy:1080"' user@host
    ssh -o ProxyCommand='socat - "SOCKS5:%h:%p|tcp:myproxy:1080"' user@host
    
+
    Further, socat2 for HTTP Proxy CONNECT method,
    
+
    bash
    ssh -o ProxyCommand='socat - "PROXY:%h:%p|tcp:myproxy:80"' user@host
    ssh -o ProxyCommand='socat - "PROXY:%h:%p|tcp:myproxy:80"' user@host
    
+
    Reference
    
+
+
    
 ]]>    
             
         
@@ -38872,70 +39222,70 @@ output = json
    
 
    You must generate an Access Key before getting started. All examples will utilize access_key_id and access_key_secret variables which represent the Access Key ID and Secret Access Key values you generated.
    
 
    With rclone installed, you may run rclone config to configure a new S3 storage provider. You will be prompted with a series of questions for the new prvider details.
    
 
    If you have already configured rclone in the past, you may run rclone config file to print the location of your rclone configuration file:
    
-
    bash
    $ rclone config file
-# Configuration file is stored at:
-# ~/.config/rclone/rclone.conf
    $ rclone config file
-# Configuration file is stored at:
-# ~/.config/rclone/rclone.conf
    
+
    bash
    $ rclone config file
+# Configuration file is stored at:
+# ~/.config/rclone/rclone.conf
    $ rclone config file
+# Configuration file is stored at:
+# ~/.config/rclone/rclone.conf
    
 
    Then use an editor (nano or vim, for example) to add or edit the new provider. This example assumes you are adding a new r2demo provider:
    
-
    bash
    [r2]
-type = s3
-provider = Cloudflare
-access_key_id = abc123 # Your access_key_id
-secret_access_key = xyz456 # Your access_key_secret
-endpoint = https://<accountid>.r2.cloudflarestorage.com
-acl = private
    [r2]
-type = s3
-provider = Cloudflare
-access_key_id = abc123 # Your access_key_id
-secret_access_key = xyz456 # Your access_key_secret
-endpoint = https://<accountid>.r2.cloudflarestorage.com
-acl = private
    
+
    bash
    [r2]
+type = s3
+provider = Cloudflare
+access_key_id = abc123 # Your access_key_id
+secret_access_key = xyz456 # Your access_key_secret
+endpoint = https://<accountid>.r2.cloudflarestorage.com
+acl = private
    [r2]
+type = s3
+provider = Cloudflare
+access_key_id = abc123 # Your access_key_id
+secret_access_key = xyz456 # Your access_key_secret
+endpoint = https://<accountid>.r2.cloudflarestorage.com
+acl = private
    
 
    You may then use the new rclone provider for any of your normal workflows.
    
 
    List buckets & objects ​
    
 
    The rclone tree command can be used to list the contents of the remote, in this case Cloudflare R2.
    
-
    bash
    $ rclone tree r2demo:
-# /
-# ├── user-uploads
-# │   └── foobar.png
-# └── my-bucket-name
-#     ├── cat.png
-#     └── todos.txt
+
    bash
    $ rclone tree r2demo:
+# /
+# ├── user-uploads
+# │   └── foobar.png
+# └── my-bucket-name
+#     ├── cat.png
+#     └── todos.txt
 
-$ rclone tree r2demo:my-bucket-name
-# /
-# ├── cat.png
-# └── todos.txt
    $ rclone tree r2demo:
-# /
-# ├── user-uploads
-# │   └── foobar.png
-# └── my-bucket-name
-#     ├── cat.png
-#     └── todos.txt
+$ rclone tree r2demo:my-bucket-name
+# /
+# ├── cat.png
+# └── todos.txt
    $ rclone tree r2demo:
+# /
+# ├── user-uploads
+# │   └── foobar.png
+# └── my-bucket-name
+#     ├── cat.png
+#     └── todos.txt
 
-$ rclone tree r2demo:my-bucket-name
-# /
-# ├── cat.png
-# └── todos.txt
    
+$ rclone tree r2demo:my-bucket-name
+# /
+# ├── cat.png
+# └── todos.txt
    
 
    Upload and retrieve objects ​
    
 
    The rclone copy command can be used to upload objects to an R2 bucket and vice versa - this allows you to upload files up to the 5 TB maximum object size that R2 supports.
    
-
    bash
    # Upload dog.txt to the user-uploads bucket
-$ rclone copy dog.txt r2demo:user-uploads/dog.txt
-$ rclone tree r2demo:user-uploads
-# /
-# ├── foobar.png
-# └── dog.txt
+
    bash
    # Upload dog.txt to the user-uploads bucket
+$ rclone copy dog.txt r2demo:user-uploads/dog.txt
+$ rclone tree r2demo:user-uploads
+# /
+# ├── foobar.png
+# └── dog.txt
 
-# Download dog.txt from the user-uploads bucket
-$ rclone copy r2demo:user-uploads/dog.txt dog.txt
    # Upload dog.txt to the user-uploads bucket
-$ rclone copy dog.txt r2demo:user-uploads/dog.txt
-$ rclone tree r2demo:user-uploads
-# /
-# ├── foobar.png
-# └── dog.txt
+# Download dog.txt from the user-uploads bucket
+$ rclone copy r2demo:user-uploads/dog.txt dog.txt
    # Upload dog.txt to the user-uploads bucket
+$ rclone copy dog.txt r2demo:user-uploads/dog.txt
+$ rclone tree r2demo:user-uploads
+# /
+# ├── foobar.png
+# └── dog.txt
 
-# Download dog.txt from the user-uploads bucket
-$ rclone copy r2demo:user-uploads/dog.txt dog.txt
    
+# Download dog.txt from the user-uploads bucket
+$ rclone copy r2demo:user-uploads/dog.txt dog.txt
    
 
    Generate presigned URLs ​
    
 
    You can also generate presigned links which allow you to share public access to a file temporarily using the rclone link command.
    
 ]]>
@@ -38944,70 +39294,70 @@ output = json
    
 
    You must generate an Access Key before getting started. All examples will utilize access_key_id and access_key_secret variables which represent the Access Key ID and Secret Access Key values you generated.
    
 
    With rclone installed, you may run rclone config to configure a new S3 storage provider. You will be prompted with a series of questions for the new prvider details.
    
 
    If you have already configured rclone in the past, you may run rclone config file to print the location of your rclone configuration file:
    
-
    bash
    $ rclone config file
-# Configuration file is stored at:
-# ~/.config/rclone/rclone.conf
    $ rclone config file
-# Configuration file is stored at:
-# ~/.config/rclone/rclone.conf
    
+
    bash
    $ rclone config file
+# Configuration file is stored at:
+# ~/.config/rclone/rclone.conf
    $ rclone config file
+# Configuration file is stored at:
+# ~/.config/rclone/rclone.conf
    
 
    Then use an editor (nano or vim, for example) to add or edit the new provider. This example assumes you are adding a new r2demo provider:
    
-
    bash
    [r2]
-type = s3
-provider = Cloudflare
-access_key_id = abc123 # Your access_key_id
-secret_access_key = xyz456 # Your access_key_secret
-endpoint = https://<accountid>.r2.cloudflarestorage.com
-acl = private
    [r2]
-type = s3
-provider = Cloudflare
-access_key_id = abc123 # Your access_key_id
-secret_access_key = xyz456 # Your access_key_secret
-endpoint = https://<accountid>.r2.cloudflarestorage.com
-acl = private
    
+
    bash
    [r2]
+type = s3
+provider = Cloudflare
+access_key_id = abc123 # Your access_key_id
+secret_access_key = xyz456 # Your access_key_secret
+endpoint = https://<accountid>.r2.cloudflarestorage.com
+acl = private
    [r2]
+type = s3
+provider = Cloudflare
+access_key_id = abc123 # Your access_key_id
+secret_access_key = xyz456 # Your access_key_secret
+endpoint = https://<accountid>.r2.cloudflarestorage.com
+acl = private
    
 
    You may then use the new rclone provider for any of your normal workflows.
    
 
    List buckets & objects ​
    
 
    The rclone tree command can be used to list the contents of the remote, in this case Cloudflare R2.
    
-
    bash
    $ rclone tree r2demo:
-# /
-# ├── user-uploads
-# │   └── foobar.png
-# └── my-bucket-name
-#     ├── cat.png
-#     └── todos.txt
+
    bash
    $ rclone tree r2demo:
+# /
+# ├── user-uploads
+# │   └── foobar.png
+# └── my-bucket-name
+#     ├── cat.png
+#     └── todos.txt
 
-$ rclone tree r2demo:my-bucket-name
-# /
-# ├── cat.png
-# └── todos.txt
    $ rclone tree r2demo:
-# /
-# ├── user-uploads
-# │   └── foobar.png
-# └── my-bucket-name
-#     ├── cat.png
-#     └── todos.txt
+$ rclone tree r2demo:my-bucket-name
+# /
+# ├── cat.png
+# └── todos.txt
    $ rclone tree r2demo:
+# /
+# ├── user-uploads
+# │   └── foobar.png
+# └── my-bucket-name
+#     ├── cat.png
+#     └── todos.txt
 
-$ rclone tree r2demo:my-bucket-name
-# /
-# ├── cat.png
-# └── todos.txt
    
+$ rclone tree r2demo:my-bucket-name
+# /
+# ├── cat.png
+# └── todos.txt
    
 
    Upload and retrieve objects ​
    
 
    The rclone copy command can be used to upload objects to an R2 bucket and vice versa - this allows you to upload files up to the 5 TB maximum object size that R2 supports.
    
-
    bash
    # Upload dog.txt to the user-uploads bucket
-$ rclone copy dog.txt r2demo:user-uploads/dog.txt
-$ rclone tree r2demo:user-uploads
-# /
-# ├── foobar.png
-# └── dog.txt
+
    bash
    # Upload dog.txt to the user-uploads bucket
+$ rclone copy dog.txt r2demo:user-uploads/dog.txt
+$ rclone tree r2demo:user-uploads
+# /
+# ├── foobar.png
+# └── dog.txt
 
-# Download dog.txt from the user-uploads bucket
-$ rclone copy r2demo:user-uploads/dog.txt dog.txt
    # Upload dog.txt to the user-uploads bucket
-$ rclone copy dog.txt r2demo:user-uploads/dog.txt
-$ rclone tree r2demo:user-uploads
-# /
-# ├── foobar.png
-# └── dog.txt
+# Download dog.txt from the user-uploads bucket
+$ rclone copy r2demo:user-uploads/dog.txt dog.txt
    # Upload dog.txt to the user-uploads bucket
+$ rclone copy dog.txt r2demo:user-uploads/dog.txt
+$ rclone tree r2demo:user-uploads
+# /
+# ├── foobar.png
+# └── dog.txt
 
-# Download dog.txt from the user-uploads bucket
-$ rclone copy r2demo:user-uploads/dog.txt dog.txt
    
+# Download dog.txt from the user-uploads bucket
+$ rclone copy r2demo:user-uploads/dog.txt dog.txt
    
 
    Generate presigned URLs ​
    
 
    You can also generate presigned links which allow you to share public access to a file temporarily using the rclone link command.
    
 ]]>
@@ -39019,15 +39369,15 @@ output = json
    
             Thu, 01 Jul 2021 00:00:00 GMT
             Git push results in "Authentication Failed” ​
 
    Issue ​
    
-
    bash
    $ git push
-Username for 'https://github.com': ${{ GITHUB_USERNAME }}
-Password for 'https://andatoshiki@github.com': ${{ GITHUB_PASSWORD }} # or GitHub personal access token
-remote: Invalid username or password.
-fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
    $ git push
-Username for 'https://github.com': ${{ GITHUB_USERNAME }}
-Password for 'https://andatoshiki@github.com': ${{ GITHUB_PASSWORD }} # or GitHub personal access token
-remote: Invalid username or password.
-fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
    
+
    bash
    $ git push
+Username for 'https://github.com': ${{ GITHUB_USERNAME }}
+Password for 'https://andatoshiki@github.com': ${{ GITHUB_PASSWORD }} # or GitHub personal access token
+remote: Invalid username or password.
+fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
    $ git push
+Username for 'https://github.com': ${{ GITHUB_USERNAME }}
+Password for 'https://andatoshiki@github.com': ${{ GITHUB_PASSWORD }} # or GitHub personal access token
+remote: Invalid username or password.
+fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
    
 
    git push to GitHub remote branch failed via https protocol
    
 
    Solution ​
    
 
    Solution 1 ​
    
@@ -39035,9 +39385,9 @@ output = json
    
 
    If you enabled two-factor authentication in your GitHub account you won't be able to push via HTTPS using your accounts password. Instead you need to generate a personal access token. This can be done in the application settings of your GitHub account. Using this token as your password should allow you to push to your remote repository via HTTPS. Use your username as usual.
    
 
 
    You may also need to update the origin for your repository if it is set to HTTPS. Do this to switch to SSH:
    
-
    bash
    $ git remote -v
-$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
    $ git remote -v
-$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
    
+
    bash
    $ git remote -v
+$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
    $ git remote -v
+$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
    
 
    Solution 2 ​
    
 
    GitHub username & password/access token mismatched due to prior temporary Git config setup → Reset Git global username & email config or in current repository
    
 
    To set your global username/email configuration:
    
@@ -39056,15 +39406,15 @@ output = json
    
 ]]>
             Git push results in "Authentication Failed” ​
 
    Issue ​
    
-
    bash
    $ git push
-Username for 'https://github.com': ${{ GITHUB_USERNAME }}
-Password for 'https://andatoshiki@github.com': ${{ GITHUB_PASSWORD }} # or GitHub personal access token
-remote: Invalid username or password.
-fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
    $ git push
-Username for 'https://github.com': ${{ GITHUB_USERNAME }}
-Password for 'https://andatoshiki@github.com': ${{ GITHUB_PASSWORD }} # or GitHub personal access token
-remote: Invalid username or password.
-fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
    
+
    bash
    $ git push
+Username for 'https://github.com': ${{ GITHUB_USERNAME }}
+Password for 'https://andatoshiki@github.com': ${{ GITHUB_PASSWORD }} # or GitHub personal access token
+remote: Invalid username or password.
+fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
    $ git push
+Username for 'https://github.com': ${{ GITHUB_USERNAME }}
+Password for 'https://andatoshiki@github.com': ${{ GITHUB_PASSWORD }} # or GitHub personal access token
+remote: Invalid username or password.
+fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
    
 
    git push to GitHub remote branch failed via https protocol
    
 
    Solution ​
    
 
    Solution 1 ​
    
@@ -39072,9 +39422,9 @@ output = json
    
 
    If you enabled two-factor authentication in your GitHub account you won't be able to push via HTTPS using your accounts password. Instead you need to generate a personal access token. This can be done in the application settings of your GitHub account. Using this token as your password should allow you to push to your remote repository via HTTPS. Use your username as usual.
    
 
 
    You may also need to update the origin for your repository if it is set to HTTPS. Do this to switch to SSH:
    
-
    bash
    $ git remote -v
-$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
    $ git remote -v
-$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
    
+
    bash
    $ git remote -v
+$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
    $ git remote -v
+$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
    
 
    Solution 2 ​
    
 
    GitHub username & password/access token mismatched due to prior temporary Git config setup → Reset Git global username & email config or in current repository
    
 
    To set your global username/email configuration:
    
@@ -39278,17 +39628,17 @@ const members = [
             1-1: Values ​
 
    1-1-1: Numbers  ​
    
 
    Values of the number type are numeric values, normally written as follows,
    
-
    js
    144
    144
    
+
    js
    144
    144
    
 
      
 
    • 
 
      Put this into a program, it will cause the number 144 to come into existence inside the computer, with the following bash script, 144 might looks like this in bits,
      
-
      js
      0100000001100010000000000000000000000000000000000000000000000000
      0100000001100010000000000000000000000000000000000000000000000000
      
+
      js
      0100000001100010000000000000000000000000000000000000000000000000
      0100000001100010000000000000000000000000000000000000000000000000
      
 
      • 
 
    • 
 
      With the following bash script, 144 will be converted into binary values in integer form,
      
-
      sh
      ip1=144 # defines a variable named ip1, with the value of 10
-echo "obase=2;$ip1" | bc # convert the value to binary via bc
      ip1=144 # defines a variable named ip1, with the value of 10
-echo "obase=2;$ip1" | bc # convert the value to binary via bc
      
+
      sh
      ip1=144 # defines a variable named ip1, with the value of 10
+echo "obase=2;$ip1" | bc # convert the value to binary via bc
      ip1=144 # defines a variable named ip1, with the value of 10
+echo "obase=2;$ip1" | bc # convert the value to binary via bc
      
 
        
 
      • The variable ip1 is assigned the value 144.
        • 
 
      • The echo command prints out the string "obase=2;144", where "obase=2;" is an argument for bc that tells it to output the result in base 2 (binary), and "10" is the decimal number we want to convert.
        • 
@@ -39306,9 +39656,9 @@ const members = [
 
      • 52 bits, any whole number less than 2522^{52}, which is more than 101510^{15} will safely fit in a JavaScript number, numbers we are using stay well below that.
        • 
 
      
 
      Fractional numbers are written by using a dot,
      
-
      js
      9.81
      9.81
      
+
      js
      9.81
      9.81
      
 
      For extreme huge or tiny numbers, we can also use "scientific" notion by adding an e, followed by the exponent of the number,
      
-
      js
      2.998e8
      2.998e8
      
+
      js
      2.998e8
      2.998e8
      
 
      This indicates 2.998×108=299800002.998 \times 10^8 = 29980000.
      
 
      Calculations with whole numbers (referred as integers) that fits into 52 bits are guaranteed to be always precise, but calculation with fraction numbers are generally not.
      
 
        
@@ -39323,7 +39673,7 @@ const members = [
 
 
        1-1-2: Arithmetic ​
        
 
        The main thing to do with numbers is arithmetic. Arithmetic operations such as addition or multiplication take two number values and produce a new number from them, the following is an example of calculation in JavaScript.
        
-
        js
        100 + 4 * 11
        100 + 4 * 11
        
+
        js
        100 + 4 * 11
        100 + 4 * 11
        
 
          
 
        • 
 
          The + and * symbols are called operators.
          
@@ -39336,7 +39686,7 @@ const members = [
 
          • 
 
        
 
        But we can still overwrite the steps of operation using a parenthesis around the addition,
        
-
        js
        ;(100 + 4) * 11
        ;(100 + 4) * 11
        
+
        js
        ;(100 + 4) * 11
        ;(100 + 4) * 11
        
 
        For subtraction, there is the - operator, and division can be done with /. When operators appear together without parentheses, they are applied is determined by the precedence of the operators.
        
 
          
 
        • When multiple operators with the same precedence appear next to each other (as 1-2+1), they are applied left to right (refers to PEMDAS).
          • 
@@ -39368,9 +39718,9 @@ const members = [
 
        • Strings are used to represent text.
          • 
 
        • Strings are usually written by enclosing the contents with quotes.
          • 
 
        
-
        js
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
-'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
-'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
        
+
        js
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
+'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
+'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
        
 
        TIP
        
 
        Both single and double quotes can be used to mark strings
        
 
          
@@ -39383,17 +39733,17 @@ const members = [
 
        • New tab: Similarly like newlines, \t indicates a new tab being indented.
          • 
 
        
 
        Take the following string as an example,
        
-
        js
        'Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.'
        'Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.'
        
+
        js
        'Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.'
        'Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.'
        
 
        The following will be the rendered output,
        
-
        js
        Lorem ipsum dolor sit amet,
-consectetur adipiscing elit.
        Lorem ipsum dolor sit amet,
-consectetur adipiscing elit.
        
+
        js
        Lorem ipsum dolor sit amet,
+consectetur adipiscing elit.
        Lorem ipsum dolor sit amet,
+consectetur adipiscing elit.
        
 
        WARNING
        
 
        But the situations where we want a backslash in a string to just be a backslash instead of a special code. By using \\ would render the "just slash" to \ on output, instead of a special character, as follows,
        
-
        js
        "A newline character is written like \"\\n\"."
        "A newline character is written like \"\\n\"."
        
+
        js
        "A newline character is written like \"\\n\"."
        "A newline character is written like \"\\n\"."
        
 
        
 
        Strings cannot be divided, multiplied, or subtracted, unlike integers. But the + operator can be used on the. It concatenates (glues) the two strings together, the following example will produce the string "concatenate".
        
-
        js
        'con' + 'cat' + 'e' + 'nate'
        'con' + 'cat' + 'e' + 'nate'
        
+
        js
        'con' + 'cat' + 'e' + 'nate'
        'con' + 'cat' + 'e' + 'nate'
        
 
        1-1-3: Strings review
 
          
 
        • Nearly everything could be put into strings in JavaScript
          • 
@@ -39409,9 +39759,9 @@ const members = [
 
          1-1-3-FR: Further Reading ​
          
 
          From the example given in the prior section with a lot of backslashes, it might be hard to understand the concept on at what time the slash will be rendered and when it will be considered as a special character starter.
          
 
          The example is given as,
          
-
          js
          "A newline character is written like \"\\n\"."
          "A newline character is written like \"\\n\"."
          
+
          js
          "A newline character is written like \"\\n\"."
          "A newline character is written like \"\\n\"."
          
 
          The rendered output will be on print,
          
-
          js
          A newline character is written like "\n".
          A newline character is written like "\n".
          
+
          js
          A newline character is written like "\n".
          A newline character is written like "\n".
          
 
          the backslash character (\) is used as an escape character to indicate that the following character(s) should be treated specially. In this case, the "\n" sequence is an escape sequence that represents a newline character. The backslash before the n character tells the JavaScript interpreter that it should treat the n as a special character and not just as the letter "n".
          
 
          However, if we want to include an actual backslash character (\), we will have to escape it by using to two backslashes \\, or else with one single slash the JavaScript interpreter will still determines it as an special operator, Thus \\ will print \ on output.
          
 
            
@@ -39421,7 +39771,7 @@ const members = [
 
          • 
 
            In the given JavaScript string, the inner set of double quotation marks ("\\n") is escaped using a backslash (\) character. This tells the JavaScript interpreter to treat the inner double quotation marks as a regular character instead of a string delimiter.
            
 
            So when the string is rendered on output, the backslash character will be removed and the inner set of quotation marks will be displayed as a regular character. The rendered string will look like this,
            
-
            js
            '\n'
            '\n'
            
+
            js
            '\n'
            '\n'
            
 
            The outer set of double quotation marks in the original string delimit the entire string and will be displayed as regular quotation marks.
            
 
            • 
 
          
@@ -39434,17 +39784,17 @@ const members = [
             1-1: Values ​
 
          1-1-1: Numbers  ​
          
 
          Values of the number type are numeric values, normally written as follows,
          
-
          js
          144
          144
          
+
          js
          144
          144
          
 
            
 
          • 
 
            Put this into a program, it will cause the number 144 to come into existence inside the computer, with the following bash script, 144 might looks like this in bits,
            
-
            js
            0100000001100010000000000000000000000000000000000000000000000000
            0100000001100010000000000000000000000000000000000000000000000000
            
+
            js
            0100000001100010000000000000000000000000000000000000000000000000
            0100000001100010000000000000000000000000000000000000000000000000
            
 
            • 
 
          • 
 
            With the following bash script, 144 will be converted into binary values in integer form,
            
-
            sh
            ip1=144 # defines a variable named ip1, with the value of 10
-echo "obase=2;$ip1" | bc # convert the value to binary via bc
            ip1=144 # defines a variable named ip1, with the value of 10
-echo "obase=2;$ip1" | bc # convert the value to binary via bc
            
+
            sh
            ip1=144 # defines a variable named ip1, with the value of 10
+echo "obase=2;$ip1" | bc # convert the value to binary via bc
            ip1=144 # defines a variable named ip1, with the value of 10
+echo "obase=2;$ip1" | bc # convert the value to binary via bc
            
 
              
 
            • The variable ip1 is assigned the value 144.
              • 
 
            • The echo command prints out the string "obase=2;144", where "obase=2;" is an argument for bc that tells it to output the result in base 2 (binary), and "10" is the decimal number we want to convert.
              • 
@@ -39462,9 +39812,9 @@ const members = [
 
            • 52 bits, any whole number less than 2522^{52}, which is more than 101510^{15} will safely fit in a JavaScript number, numbers we are using stay well below that.
              • 
 
            
 
            Fractional numbers are written by using a dot,
            
-
            js
            9.81
            9.81
            
+
            js
            9.81
            9.81
            
 
            For extreme huge or tiny numbers, we can also use "scientific" notion by adding an e, followed by the exponent of the number,
            
-
            js
            2.998e8
            2.998e8
            
+
            js
            2.998e8
            2.998e8
            
 
            This indicates 2.998×108=299800002.998 \times 10^8 = 29980000.
            
 
            Calculations with whole numbers (referred as integers) that fits into 52 bits are guaranteed to be always precise, but calculation with fraction numbers are generally not.
            
 
              
@@ -39479,7 +39829,7 @@ const members = [
 
        
 
        1-1-2: Arithmetic ​
        
 
        The main thing to do with numbers is arithmetic. Arithmetic operations such as addition or multiplication take two number values and produce a new number from them, the following is an example of calculation in JavaScript.
        
-
        js
        100 + 4 * 11
        100 + 4 * 11
        
+
        js
        100 + 4 * 11
        100 + 4 * 11
        
 
          
 
        • 
 
          The + and * symbols are called operators.
          
@@ -39492,7 +39842,7 @@ const members = [
 
          • 
 
        
 
        But we can still overwrite the steps of operation using a parenthesis around the addition,
        
-
        js
        ;(100 + 4) * 11
        ;(100 + 4) * 11
        
+
        js
        ;(100 + 4) * 11
        ;(100 + 4) * 11
        
 
        For subtraction, there is the - operator, and division can be done with /. When operators appear together without parentheses, they are applied is determined by the precedence of the operators.
        
 
          
 
        • When multiple operators with the same precedence appear next to each other (as 1-2+1), they are applied left to right (refers to PEMDAS).
          • 
@@ -39524,9 +39874,9 @@ const members = [
 
        • Strings are used to represent text.
          • 
 
        • Strings are usually written by enclosing the contents with quotes.
          • 
 
        
-
        js
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
-'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
-'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
        
+
        js
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
+'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
+'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
        
 
        TIP
        
 
        Both single and double quotes can be used to mark strings
        
 
          
@@ -39539,17 +39889,17 @@ const members = [
 
        • New tab: Similarly like newlines, \t indicates a new tab being indented.
          • 
 
        
 
        Take the following string as an example,
        
-
        js
        'Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.'
        'Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.'
        
+
        js
        'Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.'
        'Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.'
        
 
        The following will be the rendered output,
        
-
        js
        Lorem ipsum dolor sit amet,
-consectetur adipiscing elit.
        Lorem ipsum dolor sit amet,
-consectetur adipiscing elit.
        
+
        js
        Lorem ipsum dolor sit amet,
+consectetur adipiscing elit.
        Lorem ipsum dolor sit amet,
+consectetur adipiscing elit.
        
 
        WARNING
        
 
        But the situations where we want a backslash in a string to just be a backslash instead of a special code. By using \\ would render the "just slash" to \ on output, instead of a special character, as follows,
        
-
        js
        "A newline character is written like \"\\n\"."
        "A newline character is written like \"\\n\"."
        
+
        js
        "A newline character is written like \"\\n\"."
        "A newline character is written like \"\\n\"."
        
 
        
 
        Strings cannot be divided, multiplied, or subtracted, unlike integers. But the + operator can be used on the. It concatenates (glues) the two strings together, the following example will produce the string "concatenate".
        
-
        js
        'con' + 'cat' + 'e' + 'nate'
        'con' + 'cat' + 'e' + 'nate'
        
+
        js
        'con' + 'cat' + 'e' + 'nate'
        'con' + 'cat' + 'e' + 'nate'
        
 
        1-1-3: Strings review
 
          
 
        • Nearly everything could be put into strings in JavaScript
          • 
@@ -39565,9 +39915,9 @@ const members = [
 
          1-1-3-FR: Further Reading ​
          
 
          From the example given in the prior section with a lot of backslashes, it might be hard to understand the concept on at what time the slash will be rendered and when it will be considered as a special character starter.
          
 
          The example is given as,
          
-
          js
          "A newline character is written like \"\\n\"."
          "A newline character is written like \"\\n\"."
          
+
          js
          "A newline character is written like \"\\n\"."
          "A newline character is written like \"\\n\"."
          
 
          The rendered output will be on print,
          
-
          js
          A newline character is written like "\n".
          A newline character is written like "\n".
          
+
          js
          A newline character is written like "\n".
          A newline character is written like "\n".
          
 
          the backslash character (\) is used as an escape character to indicate that the following character(s) should be treated specially. In this case, the "\n" sequence is an escape sequence that represents a newline character. The backslash before the n character tells the JavaScript interpreter that it should treat the n as a special character and not just as the letter "n".
          
 
          However, if we want to include an actual backslash character (\), we will have to escape it by using to two backslashes \\, or else with one single slash the JavaScript interpreter will still determines it as an special operator, Thus \\ will print \ on output.
          
 
            
@@ -39577,7 +39927,7 @@ const members = [
 
          • 
 
            In the given JavaScript string, the inner set of double quotation marks ("\\n") is escaped using a backslash (\) character. This tells the JavaScript interpreter to treat the inner double quotation marks as a regular character instead of a string delimiter.
            
 
            So when the string is rendered on output, the backslash character will be removed and the inner set of quotation marks will be displayed as a regular character. The rendered string will look like this,
            
-
            js
            '\n'
            '\n'
            
+
            js
            '\n'
            '\n'
            
 
            The outer set of double quotation marks in the original string delimit the entire string and will be displayed as regular quotation marks.
            
 
            • 
 
          
diff --git a/getting-started.html b/getting-started.html
index aaa37c03..d35a05b9 100644
--- a/getting-started.html
+++ b/getting-started.html
@@ -5,15 +5,15 @@
     
     Git push results in "Authentication Failed” | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,18 +36,18 @@
     
   
   
-    
          Toshiki's Note
          Appearance
          Git push results in "Authentication Failed” ​
           Author:Anda Toshiki
           Updated:4 minutes ago
           Words:271
           Reading:1 min
          Issue ​
          bash
          $ git push
-Username for 'https://github.com': ${{ GITHUB_USERNAME }}
-Password for 'https://andatoshiki@github.com': ${{ GITHUB_PASSWORD }} # or GitHub personal access token
-remote: Invalid username or password.
-fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
          $ git push
-Username for 'https://github.com': ${{ GITHUB_USERNAME }}
-Password for 'https://andatoshiki@github.com': ${{ GITHUB_PASSWORD }} # or GitHub personal access token
-remote: Invalid username or password.
-fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
          git push to GitHub remote branch failed via https protocol
          Solution ​
          Solution 1 ​
          If you enabled two-factor authentication in your GitHub account you won't be able to push via HTTPS using your accounts password. Instead you need to generate a personal access token. This can be done in the application settings of your GitHub account. Using this token as your password should allow you to push to your remote repository via HTTPS. Use your username as usual.
          You may also need to update the origin for your repository if it is set to HTTPS. Do this to switch to SSH:
          bash
          $ git remote -v
-$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
          $ git remote -v
-$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
          Solution 2 ​
          GitHub username & password/access token mismatched due to prior temporary Git config setup → Reset Git global username & email config or in current repository
          To set your global username/email configuration:
          1. Open the command line.
          2. Set your username: git config --global user.name "FIRST_NAME LAST_NAME"
          3. Set your email address: git config --global user.email "MY_NAME@example.com"
          To set repository-specific username/email configuration:
          1. From the command line, change into the repository directory.
          2. Set your username: git config user.name "FIRST_NAME LAST_NAME"
          3. Set your email address: git config user.email "MY_NAME@example.com"
          4. Verify your configuration by displaying your configuration file: cat .git/config
          
-    
+    
          Toshiki's Note
          Appearance
          Git push results in "Authentication Failed” ​
           Author:Anda Toshiki
           Updated:2 minutes ago
           Words:271
           Reading:1 min
          Issue ​
          bash
          $ git push
+Username for 'https://github.com': ${{ GITHUB_USERNAME }}
+Password for 'https://andatoshiki@github.com': ${{ GITHUB_PASSWORD }} # or GitHub personal access token
+remote: Invalid username or password.
+fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
          $ git push
+Username for 'https://github.com': ${{ GITHUB_USERNAME }}
+Password for 'https://andatoshiki@github.com': ${{ GITHUB_PASSWORD }} # or GitHub personal access token
+remote: Invalid username or password.
+fatal: Authentication failed for 'https://github.com/andatoshiki/andatoshiki.git/'
          git push to GitHub remote branch failed via https protocol
          Solution ​
          Solution 1 ​
          If you enabled two-factor authentication in your GitHub account you won't be able to push via HTTPS using your accounts password. Instead you need to generate a personal access token. This can be done in the application settings of your GitHub account. Using this token as your password should allow you to push to your remote repository via HTTPS. Use your username as usual.
          You may also need to update the origin for your repository if it is set to HTTPS. Do this to switch to SSH:
          bash
          $ git remote -v
+$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
          $ git remote -v
+$ git remote set-url origin git@github.com:$USERNAME/$REPONAME.git
          Solution 2 ​
          GitHub username & password/access token mismatched due to prior temporary Git config setup → Reset Git global username & email config or in current repository
          To set your global username/email configuration:
          1. Open the command line.
          2. Set your username: git config --global user.name "FIRST_NAME LAST_NAME"
          3. Set your email address: git config --global user.email "MY_NAME@example.com"
          To set repository-specific username/email configuration:
          1. From the command line, change into the repository directory.
          2. Set your username: git config user.name "FIRST_NAME LAST_NAME"
          3. Set your email address: git config user.email "MY_NAME@example.com"
          4. Verify your configuration by displaying your configuration file: cat .git/config
          
+    
     
   
 
\ No newline at end of file
diff --git a/hashmap.json b/hashmap.json
index e74a10a1..d1f0b2e1 100644
--- a/hashmap.json
+++ b/hashmap.json
@@ -1 +1 @@
-{"academic_chemistry_problems_03-02-3.md":"5c40792d","academic_literature_index.md":"72bce40a","academic_chemistry_problems_03-02-2.md":"26afa053","academic_chemistry_problems_02-20.md":"7015a0e8","academic_literature_writing_methods-of-development.md":"b70ad7bf","academic_chemistry_notes_12-5.md":"4c698a37","academic_chemistry_problems_03-02-1.md":"054898d2","academic_physics_ipho-formulas-jpn_12.md":"b01af32f","academic_chemistry_index.md":"ca0457b9","academic_physics_ipho-formulas-jpn_1.md":"fa61cf48","application_vitepress-plugin-shiki-twoslash_api_queries.md":"9bd11a96","academic_physics_ipho-formulas-jpn_11.md":"5f6411f3","academic_physics_ipho-formulas-jpn_10.md":"5252ef94","academic_physics_ipho-formulas-jpn_6.md":"bc519d11","academic_physics_ipho-formulas-jpn_3.md":"aadd6536","academic_physics_index.md":"62b4f030","academic_physics_ipho-formulas-jpn_13.md":"5d106b26","academic_physics_ipho-formulas-jpn_2.md":"f9a6af54","academic_physics_ipho-formulas-jpn_4.md":"67c0b4f9","academic_physics_ipho-formulas-jpn_7.md":"353d535e","development_aws_handson-qabot.md":"3c125433","academic_physics_ipho-formulas-jpn_8.md":"f1df91b7","academic_physics_ipho-formulas-jpn_9.md":"da4d857a","academic_vocabulary_2023_02_2023-02-27.md":"06541670","academic_vocabulary_index.md":"f4afb44a","application_markdown-it-katex_how-to-use.md":"e6ab0018","application_markdown-it-katex_tips.md":"4fa4c33c","application_vitepress-plugin-shiki-twoslash_api_annotations.md":"105e6b7f","application_vitepress-plugin-shiki-twoslash_api_cutting.md":"b6b7a28c","application_vitepress-plugin-shiki-twoslash_api_emit.md":"8d757f81","application_vitepress-plugin-shiki-twoslash_api_errors.md":"8032d46f","application_vitepress-plugin-shiki-twoslash_api_includes.md":"d69b2a67","application_vitepress-plugin-shiki-twoslash_api_logging.md":"d3641bab","application_vitepress-plugin-shiki-twoslash_api_multi-file.md":"aea0802f","application_vitepress-plugin-shiki-twoslash_config_flags.md":"a683705b","application_vitepress-plugin-shiki-twoslash_config_reference.md":"42f9e642","application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md":"58ed95fc","application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md":"6731e737","application_vitepress-plugin-shiki-twoslash_index.md":"7fc07d32","development_aws_acknowledgement.md":"daba60ba","development_aws_appendix.md":"568c3e80","development_aws_author.md":"025b6bde","development_aws_aws-get-started.md":"e1a56953","development_aws_closing.md":"cf9dad64","development_aws_cloud.md":"e679b136","development_aws_docker-system.md":"4275fd21","development_aws_handson-bashoutter.md":"d59bc53b","development_aws_handson-ec2.md":"2a763e5b","development_aws_handson-jupyter.md":"7f479319","development_aws_index.md":"1f9e71a6","development_aws_license.md":"5f519b50","academic_physics_ipho-formulas-jpn_5.md":"6c32aa10","development_aws_assignments.md":"35fe9703","application_vitepress-plugin-shiki-twoslash_api_types.md":"9dbcbe1c","development_aws_aws-batch.md":"de2d649a","development_aws_main.md":"58c079df","development_aws_scientific-computing.md":"1b192c5b","development_aws_serverless.md":"715b8a8d","development_aws_webserver.md":"441ce29f","development_file-naming-convention.md":"ff928233","development_rclone-for-r2.md":"72ca2dcc","getting-started.md":"54a05997","index.md":"bcdaa8d8","javascript_notes_1_1-1.md":"444635ea","javascript_notes_1_1-2.md":"cddd09d6","jp_index.md":"5b353799","roadmap.md":"d668d571","save_reading_index.md":"d900b2c8","save_reading_outliers_1.md":"64c11331","save_reading_outliers_2.md":"74187620","save_reading_outliers_3.md":"0cab1bb8","save_reading_outliers_4.md":"d65868f7","development_aws_handson-serverless.md":"330af1e8","application_markdown-it-katex_support-function.md":"009fe258","application_markdown-it-katex_support-table.md":"52b042b8"}
+{"application_vitepress-plugin-shiki-twoslash_api_emit.md":"07068d46","application_vitepress-plugin-shiki-twoslash_api_errors.md":"230e0002","application_vitepress-plugin-shiki-twoslash_api_annotations.md":"a42ad2a7","academic_chemistry_index.md":"56f381d7","application_vitepress-plugin-shiki-twoslash_api_logging.md":"8b741477","application_vitepress-plugin-shiki-twoslash_api_includes.md":"b534e723","academic_physics_ipho-formulas-jpn_3.md":"6485844d","application_vitepress-plugin-shiki-twoslash_api_multi-file.md":"48f61f4c","application_vitepress-plugin-shiki-twoslash_api_cutting.md":"2a5fd9c3","academic_chemistry_problems_03-02-2.md":"a4b8c746","academic_physics_ipho-formulas-jpn_6.md":"d563d3f1","academic_physics_ipho-formulas-jpn_7.md":"b0bd68dd","academic_chemistry_problems_02-20.md":"86be96e0","development_aws_handson-jupyter.md":"e87bcd1f","development_aws_handson-qabot.md":"27ff1082","academic_physics_ipho-formulas-jpn_8.md":"f05c02fb","academic_chemistry_notes_12-5.md":"f9fc6ef4","academic_physics_ipho-formulas-jpn_9.md":"083302ab","academic_vocabulary_2023_02_2023-02-27.md":"3ec19aaf","academic_vocabulary_index.md":"37eb0530","application_markdown-it-katex_how-to-use.md":"b10dd06e","application_vitepress-plugin-shiki-twoslash_api_queries.md":"8c3dbc97","academic_chemistry_problems_03-02-3.md":"152b3eb2","academic_literature_writing_methods-of-development.md":"bcfb091e","academic_physics_ipho-formulas-jpn_5.md":"948cb5df","academic_physics_index.md":"6ec0ff5a","academic_physics_ipho-formulas-jpn_10.md":"2eaa8ad2","academic_physics_ipho-formulas-jpn_11.md":"3b777f56","academic_physics_ipho-formulas-jpn_1.md":"b1c8984c","academic_physics_ipho-formulas-jpn_12.md":"449de813","academic_physics_ipho-formulas-jpn_13.md":"20d2560f","academic_physics_ipho-formulas-jpn_2.md":"6d273404","application_vitepress-plugin-shiki-twoslash_api_types.md":"a1a99084","academic_chemistry_problems_03-02-1.md":"a9ee56be","application_vitepress-plugin-shiki-twoslash_config_flags.md":"52b87b95","application_vitepress-plugin-shiki-twoslash_config_reference.md":"e7b86a5d","application_vitepress-plugin-shiki-twoslash_guide_custom-theme.md":"287ab776","application_vitepress-plugin-shiki-twoslash_guide_markdown-extensions.md":"a9cd6c63","development_aws_acknowledgement.md":"ebd64504","application_vitepress-plugin-shiki-twoslash_index.md":"e8d8a5ec","development_aws_appendix.md":"071021e4","development_aws_assignments.md":"fcb27d2d","development_aws_author.md":"a292956b","development_aws_closing.md":"0cdd4f54","development_aws_cloud.md":"148d68f2","development_aws_aws-batch.md":"76d54c51","development_aws_aws-get-started.md":"5e1dfdb2","development_aws_docker-system.md":"dcee24fc","development_aws_handson-bashoutter.md":"890a8ec8","development_aws_handson-ec2.md":"43188290","development_aws_index.md":"0fcf5beb","development_aws_scientific-computing.md":"194874e2","development_aws_serverless.md":"a89d6134","development_aws_webserver.md":"89157904","development_aws_handson-serverless.md":"7fbfa1f9","development_file-naming-convention.md":"0fb858f4","development_proxy4shell-terminal.md":"a93dc7e4","development_rclone-for-r2.md":"65c0da34","development_aws_license.md":"38e84b81","getting-started.md":"975024a7","index.md":"b89ea33b","academic_physics_ipho-formulas-jpn_4.md":"47f0821f","javascript_notes_1_1-1.md":"442433d3","jp_index.md":"f593c74c","javascript_notes_1_1-2.md":"cf1c6a03","roadmap.md":"233c3dec","save_reading_outliers_3.md":"ea35e051","save_reading_outliers_4.md":"8f24b5aa","development_aws_main.md":"587d14dd","save_reading_outliers_1.md":"9f6d6e06","save_reading_outliers_2.md":"0f26746f","save_reading_index.md":"684b6d50","application_markdown-it-katex_tips.md":"d87fb855","academic_literature_index.md":"bd51fa1c","application_markdown-it-katex_support-function.md":"59634b4a","application_markdown-it-katex_support-table.md":"419e3a5e"}
diff --git a/index.html b/index.html
index 4353bdab..2492b66f 100644
--- a/index.html
+++ b/index.html
@@ -5,14 +5,14 @@
     
     Toshiki's Notebook | Eternal digital knowledge base for content creation and notes management.
     
-    
+    
     
-    
+    
     
     
-    
+    
     
-    
+    
     
     
     
@@ -35,8 +35,8 @@
     
   
   
-    
          Toshiki's Note
          Appearance
          Toshiki's Notebook
          Research & Produce
          👨‍💻 Eternal & digital knowledge base for content creation and notes management.
          👉 Start Reading
          🗒️ View on GitHub
          Home logo
          🕒
          Tempus Fugit
          Tempus Fugit, which means "time flies" in Latin, is a phrase that highlights the fact that every person has the same 24 hours per day to learn. However, this time is never enough to learn everything. That's why recording knowledge for review is essential.
          🫖
          Carpe Diem
          Carpe Diem, take it slow, seize the day and savor its moments. Enjoy a cup of coffee while playing blues on a 1980s-style CD player. Turn off the lights, close the curtains, and let the small lamp illuminate the space. The time is yours, relish the day, and unleash the productivity while learning.
          💡
          Epiphania
          An epiphany, derived from the Latin word "epiphania," is a moment of sudden and brilliant realization or insight. These moments of clarity and inspiration are precious and should be treated as such; to ensure that we don't forget these valuable ideas.
          
-    
+    
          Toshiki's Note
          Appearance
          Toshiki's Notebook
          Research & Produce
          👨‍💻 Eternal & digital knowledge base for content creation and notes management.
          👉 Start Reading
          🗒️ View on GitHub
          Home logo
          🕒
          Tempus Fugit
          Tempus Fugit, which means "time flies" in Latin, is a phrase that highlights the fact that every person has the same 24 hours per day to learn. However, this time is never enough to learn everything. That's why recording knowledge for review is essential.
          🫖
          Carpe Diem
          Carpe Diem, take it slow, seize the day and savor its moments. Enjoy a cup of coffee while playing blues on a 1980s-style CD player. Turn off the lights, close the curtains, and let the small lamp illuminate the space. The time is yours, relish the day, and unleash the productivity while learning.
          💡
          Epiphania
          An epiphany, derived from the Latin word "epiphania," is a moment of sudden and brilliant realization or insight. These moments of clarity and inspiration are precious and should be treated as such; to ensure that we don't forget these valuable ideas.
          
+    
     
   
 
\ No newline at end of file
diff --git a/javascript/notes/1/1-1.html b/javascript/notes/1/1-1.html
index 451620d2..daa969c0 100644
--- a/javascript/notes/1/1-1.html
+++ b/javascript/notes/1/1-1.html
@@ -5,15 +5,15 @@
     
     1-1: Values | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,14 +36,14 @@
     
   
   
-    
          Toshiki's Note
          Appearance
          1-1: Values ​
           Author:Anda Toshiki
           Updated:4 minutes ago
           Words:1.5k
           Reading:9 min
          1-1-1: Numbers  ​
          Values of the number type are numeric values, normally written as follows,
          js
          144
          144
          • Put this into a program, it will cause the number 144 to come into existence inside the computer, with the following bash script, 144 might looks like this in bits,
            js
            0100000001100010000000000000000000000000000000000000000000000000
            0100000001100010000000000000000000000000000000000000000000000000
          • With the following bash script, 144 will be converted into binary values in integer form,
            sh
            ip1=144 # defines a variable named ip1, with the value of 10
-echo "obase=2;$ip1" | bc # convert the value to binary via bc
            ip1=144 # defines a variable named ip1, with the value of 10
-echo "obase=2;$ip1" | bc # convert the value to binary via bc
            • The variable ip1 is assigned the value 144.
            • The echo command prints out the string "obase=2;144", where "obase=2;" is an argument for bc that tells it to output the result in base 2 (binary), and "10" is the decimal number we want to convert.
            • The output of the echo command is piped (using the | character) to bc, which takes the input "obase=2;144" and interprets it as a command to convert the number 10 to binary.
            • Finally, the binary equivalent of 144, which is "10010000", is printed to the terminal.
          TIP
          But the standard describes JavaScript numbers as 64-bit floating-point values, which indicates fractions and exponents are available.
          Not all whole numbers 101910^{19} fit in a JavaScript number. There are also negative numbers, so one of the bits has to be used to store the sign of the number.
          • 11 bits are used to store the position of the decimal dot within the number.
          • 52 bits, any whole number less than 2522^{52}, which is more than 101510^{15} will safely fit in a JavaScript number, numbers we are using stay well below that.
          Fractional numbers are written by using a dot,
          js
          9.81
          9.81
          For extreme huge or tiny numbers, we can also use "scientific" notion by adding an e, followed by the exponent of the number,
          js
          2.998e8
          2.998e8
          This indicates 2.998×108=299800002.998 \times 10^8 = 29980000.
          Calculations with whole numbers (referred as integers) that fits into 52 bits are guaranteed to be always precise, but calculation with fraction numbers are generally not.
          • Such as π\pi cannot be precisely expressed by a finite amount of decimal digits, thus many numbers lose some precision when only 64 bits are available to store them.
          1-1-1: Numbers review
          • 64 bits: A 64-bit number is a binary sequence of 64 bits, which can represent 2642^{64} (18,446,744,073,709,551,616) different values. This is commonly used for representing memory addresses and integers with large values in computer systems.
          • 11 bits: An 11-bit number is a binary sequence of 11 bits, which can represent 2112^{11} (2,048) different values. This is often used in computer systems for encoding small integers, such as color values in images.
          • 52 bits: A 52-bit number is a binary sequence of 52 bits, which can represent 2522^{52} (4,503,599,627,370,496) different values. This is often used for representing the significand or mantissa portion of a floating-point number in computer systems.
          1-1-2: Arithmetic ​
          The main thing to do with numbers is arithmetic. Arithmetic operations such as addition or multiplication take two number values and produce a new number from them, the following is an example of calculation in JavaScript.
          js
          100 + 4 * 11
          100 + 4 * 11
          • The + and * symbols are called operators.
            • + apparently stands for addition while * stands for multiplication.
          • This expression indicates the multiplication takes place first then the adding of 100 comes next as a regard to PEMDAS rules (Order of Operations).
          But we can still overwrite the steps of operation using a parenthesis around the addition,
          js
          ;(100 + 4) * 11
          ;(100 + 4) * 11
          For subtraction, there is the - operator, and division can be done with /. When operators appear together without parentheses, they are applied is determined by the precedence of the operators.
          • When multiple operators with the same precedence appear next to each other (as 1-2+1), they are applied left to right (refers to PEMDAS).
          • Precedence: Priorities.
          WARNING
          When is doubt, don't care about precedence, just add parentheses for order of operation.
          There is one more arithmetic operator, which is the % percent sign used to represent the modulo operation. The term "X modulo Y" is defined as the remainder of dividing X by Y.
          • For example, 314 % 100 is 14, 10 % 3 is 1, and 144 % 12 is 0 because there are no remainders.
          • Modulo's precedence is the same as that of multiplication and division.
          1-2: Arithmetic review
          • All of the operators in JavaScript follows precedence rules, or referred as PEMDAS in conventional math. 
            • + and - has the same lowest precedence.
            • * , / and % has the same medium precedence.
            • () has the highest precedence, followed on with brackets.
          • The symbol % refers to "modulo", in mathematical reading, we say "X modulo Y" is the remainder of X over Y.
          1-1-3: Strings ​
          The next data type is the string. Its use is not as evident from its name as with numbers, it also fulfills a very basic role.
          • Strings are used to represent text.
          • Strings are usually written by enclosing the contents with quotes.
          js
          'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
-'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
          'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
-'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
          TIP
          Both single and double quotes can be used to mark strings
          • As long as the quotes at the start and the end of the string match.
          Almost anything can be put between quotes, and JavaScript will make a string value out of it. But the followings are tricky to be put between quotes.
          • Newlines: The things we get when we press enter on keyboard. We uses \n to represent.
          • New tab: Similarly like newlines, \t indicates a new tab being indented.
          Take the following string as an example,
          js
          'Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.'
          'Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.'
          The following will be the rendered output,
          js
          Lorem ipsum dolor sit amet,
-consectetur adipiscing elit.
          Lorem ipsum dolor sit amet,
-consectetur adipiscing elit.
          WARNING
          But the situations where we want a backslash in a string to just be a backslash instead of a special code. By using \\ would render the "just slash" to \ on output, instead of a special character, as follows,
          js
          "A newline character is written like \"\\n\"."
          "A newline character is written like \"\\n\"."
          Strings cannot be divided, multiplied, or subtracted, unlike integers. But the + operator can be used on the. It concatenates (glues) the two strings together, the following example will produce the string "concatenate".
          js
          'con' + 'cat' + 'e' + 'nate'
          'con' + 'cat' + 'e' + 'nate'
          1-1-3: Strings review
          • Nearly everything could be put into strings in JavaScript
          • String could be wrapped with "" double quotation marks or '' single quotation marks.
          • There is a tricky situation in JavaScript's string, where \ backslash followed with a character are being introduced specially by the interpreter, such as \n referred as newline, \t referred as new tab. 
            • \\ double backslash will be rendered as a single \.
            • \& symbols followed after slash will not contain its original function such as connecting, but will be rendered as & on output.
          1-1-3-FR: Further Reading ​
          From the example given in the prior section with a lot of backslashes, it might be hard to understand the concept on at what time the slash will be rendered and when it will be considered as a special character starter.
          The example is given as,
          js
          "A newline character is written like \"\\n\"."
          "A newline character is written like \"\\n\"."
          The rendered output will be on print,
          js
          A newline character is written like "\n".
          A newline character is written like "\n".
          the backslash character (\) is used as an escape character to indicate that the following character(s) should be treated specially. In this case, the "\n" sequence is an escape sequence that represents a newline character. The backslash before the n character tells the JavaScript interpreter that it should treat the n as a special character and not just as the letter "n".
          However, if we want to include an actual backslash character (\), we will have to escape it by using to two backslashes \\, or else with one single slash the JavaScript interpreter will still determines it as an special operator, Thus \\ will print \ on output.
          • But what about the quotation marks used within the quotation marks that wraps the string? Wouldn't JavaScript interpreter throw error?
            • In the given JavaScript string, the inner set of double quotation marks ("\\n") is escaped using a backslash (\) character. This tells the JavaScript interpreter to treat the inner double quotation marks as a regular character instead of a string delimiter.
              So when the string is rendered on output, the backslash character will be removed and the inner set of quotation marks will be displayed as a regular character. The rendered string will look like this,
              js
              '\n'
              '\n'
              The outer set of double quotation marks in the original string delimit the entire string and will be displayed as regular quotation marks.
          Source: ChatGPT CA (Code Analysis)
          
-    
+    
          Toshiki's Note
          Appearance
          1-1: Values ​
           Author:Anda Toshiki
           Updated:2 minutes ago
           Words:1.5k
           Reading:9 min
          1-1-1: Numbers  ​
          Values of the number type are numeric values, normally written as follows,
          js
          144
          144
          • Put this into a program, it will cause the number 144 to come into existence inside the computer, with the following bash script, 144 might looks like this in bits,
            js
            0100000001100010000000000000000000000000000000000000000000000000
            0100000001100010000000000000000000000000000000000000000000000000
          • With the following bash script, 144 will be converted into binary values in integer form,
            sh
            ip1=144 # defines a variable named ip1, with the value of 10
+echo "obase=2;$ip1" | bc # convert the value to binary via bc
            ip1=144 # defines a variable named ip1, with the value of 10
+echo "obase=2;$ip1" | bc # convert the value to binary via bc
            • The variable ip1 is assigned the value 144.
            • The echo command prints out the string "obase=2;144", where "obase=2;" is an argument for bc that tells it to output the result in base 2 (binary), and "10" is the decimal number we want to convert.
            • The output of the echo command is piped (using the | character) to bc, which takes the input "obase=2;144" and interprets it as a command to convert the number 10 to binary.
            • Finally, the binary equivalent of 144, which is "10010000", is printed to the terminal.
          TIP
          But the standard describes JavaScript numbers as 64-bit floating-point values, which indicates fractions and exponents are available.
          Not all whole numbers 101910^{19} fit in a JavaScript number. There are also negative numbers, so one of the bits has to be used to store the sign of the number.
          • 11 bits are used to store the position of the decimal dot within the number.
          • 52 bits, any whole number less than 2522^{52}, which is more than 101510^{15} will safely fit in a JavaScript number, numbers we are using stay well below that.
          Fractional numbers are written by using a dot,
          js
          9.81
          9.81
          For extreme huge or tiny numbers, we can also use "scientific" notion by adding an e, followed by the exponent of the number,
          js
          2.998e8
          2.998e8
          This indicates 2.998×108=299800002.998 \times 10^8 = 29980000.
          Calculations with whole numbers (referred as integers) that fits into 52 bits are guaranteed to be always precise, but calculation with fraction numbers are generally not.
          • Such as π\pi cannot be precisely expressed by a finite amount of decimal digits, thus many numbers lose some precision when only 64 bits are available to store them.
          1-1-1: Numbers review
          • 64 bits: A 64-bit number is a binary sequence of 64 bits, which can represent 2642^{64} (18,446,744,073,709,551,616) different values. This is commonly used for representing memory addresses and integers with large values in computer systems.
          • 11 bits: An 11-bit number is a binary sequence of 11 bits, which can represent 2112^{11} (2,048) different values. This is often used in computer systems for encoding small integers, such as color values in images.
          • 52 bits: A 52-bit number is a binary sequence of 52 bits, which can represent 2522^{52} (4,503,599,627,370,496) different values. This is often used for representing the significand or mantissa portion of a floating-point number in computer systems.
          1-1-2: Arithmetic ​
          The main thing to do with numbers is arithmetic. Arithmetic operations such as addition or multiplication take two number values and produce a new number from them, the following is an example of calculation in JavaScript.
          js
          100 + 4 * 11
          100 + 4 * 11
          • The + and * symbols are called operators.
            • + apparently stands for addition while * stands for multiplication.
          • This expression indicates the multiplication takes place first then the adding of 100 comes next as a regard to PEMDAS rules (Order of Operations).
          But we can still overwrite the steps of operation using a parenthesis around the addition,
          js
          ;(100 + 4) * 11
          ;(100 + 4) * 11
          For subtraction, there is the - operator, and division can be done with /. When operators appear together without parentheses, they are applied is determined by the precedence of the operators.
          • When multiple operators with the same precedence appear next to each other (as 1-2+1), they are applied left to right (refers to PEMDAS).
          • Precedence: Priorities.
          WARNING
          When is doubt, don't care about precedence, just add parentheses for order of operation.
          There is one more arithmetic operator, which is the % percent sign used to represent the modulo operation. The term "X modulo Y" is defined as the remainder of dividing X by Y.
          • For example, 314 % 100 is 14, 10 % 3 is 1, and 144 % 12 is 0 because there are no remainders.
          • Modulo's precedence is the same as that of multiplication and division.
          1-2: Arithmetic review
          • All of the operators in JavaScript follows precedence rules, or referred as PEMDAS in conventional math. 
            • + and - has the same lowest precedence.
            • * , / and % has the same medium precedence.
            • () has the highest precedence, followed on with brackets.
          • The symbol % refers to "modulo", in mathematical reading, we say "X modulo Y" is the remainder of X over Y.
          1-1-3: Strings ​
          The next data type is the string. Its use is not as evident from its name as with numbers, it also fulfills a very basic role.
          • Strings are used to represent text.
          • Strings are usually written by enclosing the contents with quotes.
          js
          'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
+'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
          'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
+'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
          TIP
          Both single and double quotes can be used to mark strings
          • As long as the quotes at the start and the end of the string match.
          Almost anything can be put between quotes, and JavaScript will make a string value out of it. But the followings are tricky to be put between quotes.
          • Newlines: The things we get when we press enter on keyboard. We uses \n to represent.
          • New tab: Similarly like newlines, \t indicates a new tab being indented.
          Take the following string as an example,
          js
          'Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.'
          'Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.'
          The following will be the rendered output,
          js
          Lorem ipsum dolor sit amet,
+consectetur adipiscing elit.
          Lorem ipsum dolor sit amet,
+consectetur adipiscing elit.
          WARNING
          But the situations where we want a backslash in a string to just be a backslash instead of a special code. By using \\ would render the "just slash" to \ on output, instead of a special character, as follows,
          js
          "A newline character is written like \"\\n\"."
          "A newline character is written like \"\\n\"."
          Strings cannot be divided, multiplied, or subtracted, unlike integers. But the + operator can be used on the. It concatenates (glues) the two strings together, the following example will produce the string "concatenate".
          js
          'con' + 'cat' + 'e' + 'nate'
          'con' + 'cat' + 'e' + 'nate'
          1-1-3: Strings review
          • Nearly everything could be put into strings in JavaScript
          • String could be wrapped with "" double quotation marks or '' single quotation marks.
          • There is a tricky situation in JavaScript's string, where \ backslash followed with a character are being introduced specially by the interpreter, such as \n referred as newline, \t referred as new tab. 
            • \\ double backslash will be rendered as a single \.
            • \& symbols followed after slash will not contain its original function such as connecting, but will be rendered as & on output.
          1-1-3-FR: Further Reading ​
          From the example given in the prior section with a lot of backslashes, it might be hard to understand the concept on at what time the slash will be rendered and when it will be considered as a special character starter.
          The example is given as,
          js
          "A newline character is written like \"\\n\"."
          "A newline character is written like \"\\n\"."
          The rendered output will be on print,
          js
          A newline character is written like "\n".
          A newline character is written like "\n".
          the backslash character (\) is used as an escape character to indicate that the following character(s) should be treated specially. In this case, the "\n" sequence is an escape sequence that represents a newline character. The backslash before the n character tells the JavaScript interpreter that it should treat the n as a special character and not just as the letter "n".
          However, if we want to include an actual backslash character (\), we will have to escape it by using to two backslashes \\, or else with one single slash the JavaScript interpreter will still determines it as an special operator, Thus \\ will print \ on output.
          • But what about the quotation marks used within the quotation marks that wraps the string? Wouldn't JavaScript interpreter throw error?
            • In the given JavaScript string, the inner set of double quotation marks ("\\n") is escaped using a backslash (\) character. This tells the JavaScript interpreter to treat the inner double quotation marks as a regular character instead of a string delimiter.
              So when the string is rendered on output, the backslash character will be removed and the inner set of quotation marks will be displayed as a regular character. The rendered string will look like this,
              js
              '\n'
              '\n'
              The outer set of double quotation marks in the original string delimit the entire string and will be displayed as regular quotation marks.
          Source: ChatGPT CA (Code Analysis)
          
+    
     
   
 
\ No newline at end of file
diff --git a/javascript/notes/1/1-2.html b/javascript/notes/1/1-2.html
index 7b0006f1..ef4284e1 100644
--- a/javascript/notes/1/1-2.html
+++ b/javascript/notes/1/1-2.html
@@ -5,14 +5,14 @@
     
     1-2 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
-    
+    
     
     
     
@@ -35,8 +35,8 @@
     
   
   
-    
          Toshiki's Note
          Appearance
          
-    
+    
          Toshiki's Note
          Appearance
          
+    
     
   
 
\ No newline at end of file
diff --git a/jp/index.html b/jp/index.html
index 9d44b16a..38b1a9ef 100644
--- a/jp/index.html
+++ b/jp/index.html
@@ -5,14 +5,14 @@
     
     俊樹のノート | コンテンツ作成やメモ管理のための永遠のデジタル知識ベース
     
-    
+    
     
-    
+    
     
     
-    
+    
     
-    
+    
     
     
     
@@ -35,8 +35,8 @@
     
   
   
-    
          Toshiki's Note
          Appearance
          俊樹のノート
          研究して作成
          👨‍💻 コンテンツ作成やメモ管理のための永遠のデジタル知識ベース
          👉 始め
          🗒️ GitHub で見る
          Home logo
          🕒
          Tempus Fugit
          Tempus Fugit とは、ラテン語で「時が飛ぶ」という意味のフレーズで、誰もが同じ１日24時間しかないことを強調しています. しかし、この時間だけでは全 てを学ぶには十分ではありません. だからこそ、知識を記録し復習することが重要なのです.
          ☕
          Carpe Diem
          Carpe Diem、今日を生き抜き、その瞬間を堪能しましょう。1980年代風のCDプレイヤーでブルーズを聴きながらコーヒーを飲むのも良いでしょう。ライトを消し、カーテンを閉め、小さなランプでスペースを照らしましょう。時間はあなたのものです。今日を味わい、学びながら生産性を発揮してください.
          💡
          Epiphania
          エピファニーは、ラテン語の epiphania に由来する言葉で、突然の輝かしい気づきや洞察力を示す瞬間です. このような明晰な洞察力を持った瞬間は貴重であり、私たちがこれらの貴重なアイデアを忘れないようにするためにも大切に扱うべきです.
          
-    
+    
          Toshiki's Note
          Appearance
          俊樹のノート
          研究して作成
          👨‍💻 コンテンツ作成やメモ管理のための永遠のデジタル知識ベース
          👉 始め
          🗒️ GitHub で見る
          Home logo
          🕒
          Tempus Fugit
          Tempus Fugit とは、ラテン語で「時が飛ぶ」という意味のフレーズで、誰もが同じ１日24時間しかないことを強調しています. しかし、この時間だけでは全 てを学ぶには十分ではありません. だからこそ、知識を記録し復習することが重要なのです.
          ☕
          Carpe Diem
          Carpe Diem、今日を生き抜き、その瞬間を堪能しましょう。1980年代風のCDプレイヤーでブルーズを聴きながらコーヒーを飲むのも良いでしょう。ライトを消し、カーテンを閉め、小さなランプでスペースを照らしましょう。時間はあなたのものです。今日を味わい、学びながら生産性を発揮してください.
          💡
          Epiphania
          エピファニーは、ラテン語の epiphania に由来する言葉で、突然の輝かしい気づきや洞察力を示す瞬間です. このような明晰な洞察力を持った瞬間は貴重であり、私たちがこれらの貴重なアイデアを忘れないようにするためにも大切に扱うべきです.
          
+    
     
   
 
\ No newline at end of file
diff --git a/roadmap.html b/roadmap.html
index 879b3084..4227d315 100644
--- a/roadmap.html
+++ b/roadmap.html
@@ -5,15 +5,15 @@
     
     Theme | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,8 +36,8 @@
     
   
   
-    
          Toshiki's Note
          Appearance
          Theme ​
           Author:Anda Toshiki
           Updated:4 minutes ago
           Words:203
           Reading:1 min
          Homepage ​
          •  Finish three hero action blocks with keywords and its corresponded descriptions.
          •  Finish my learning platform section using SVGs of different online academies from simple icons.
            • Descriptions
            • Icon in SVG format
            • Platform name
            • Linkable SVG icon/button
              •  Khan academy
              •  GitHub
              •  Libretext
              •  OpenStax
              •  BCcampus
              •  Wikibooks
              •  Wikipedia
              •  Bookboon
              • [ ]
          Configs ​
          •  Header configs including different properties and meta configs.
          •  Complete navigation configuration. 
          •  Complete sidebar configs for different directories.
          •  Vitepress sidebar generation plugin for huge bundled clips article directory.
          Articles ​
          •  <head> tag documentation or guide by joshbuchea/HEAD.
          •  Write index page for every directory, no Chat GPT allowed.
          •  Chemistry review notes.
          •  JavaScript 0-100 notes per chapter. 
            • Marijn Haverbeke - Eloquent JavaScript_ A Modern Introduction to Programming (2011, No Starch Press)
          •  Outliers novel clips
          •  Migrate clipped articles and archives from Notion to Vitepress.
          •  Fresh copy of "How To Ask Questions The Smart Way" by Eric Steven Raymond 
          
-    
+    
          Toshiki's Note
          Appearance
          Theme ​
           Author:Anda Toshiki
           Updated:2 minutes ago
           Words:203
           Reading:1 min
          Homepage ​
          •  Finish three hero action blocks with keywords and its corresponded descriptions.
          •  Finish my learning platform section using SVGs of different online academies from simple icons.
            • Descriptions
            • Icon in SVG format
            • Platform name
            • Linkable SVG icon/button
              •  Khan academy
              •  GitHub
              •  Libretext
              •  OpenStax
              •  BCcampus
              •  Wikibooks
              •  Wikipedia
              •  Bookboon
              • [ ]
          Configs ​
          •  Header configs including different properties and meta configs.
          •  Complete navigation configuration. 
          •  Complete sidebar configs for different directories.
          •  Vitepress sidebar generation plugin for huge bundled clips article directory.
          Articles ​
          •  <head> tag documentation or guide by joshbuchea/HEAD.
          •  Write index page for every directory, no Chat GPT allowed.
          •  Chemistry review notes.
          •  JavaScript 0-100 notes per chapter. 
            • Marijn Haverbeke - Eloquent JavaScript_ A Modern Introduction to Programming (2011, No Starch Press)
          •  Outliers novel clips
          •  Migrate clipped articles and archives from Notion to Vitepress.
          •  Fresh copy of "How To Ask Questions The Smart Way" by Eric Steven Raymond 
          
+    
     
   
 
\ No newline at end of file
diff --git a/save/reading/index.html b/save/reading/index.html
index 3be6c427..ab350ee4 100644
--- a/save/reading/index.html
+++ b/save/reading/index.html
@@ -5,15 +5,15 @@
     
     Welcome to Reading Notes | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,8 +36,8 @@
     
   
   
-    
          Toshiki's Note
          Appearance
          Welcome to Reading Notes ​
           Author:Anda Toshiki
           Updated:4 minutes ago
           Words:4
           Reading:1 min
          
-    
+    
          Toshiki's Note
          Appearance
          Welcome to Reading Notes ​
           Author:Anda Toshiki
           Updated:2 minutes ago
           Words:4
           Reading:1 min
          
+    
     
   
 
\ No newline at end of file
diff --git a/save/reading/outliers/1.html b/save/reading/outliers/1.html
index 0433ef56..3314ed7f 100644
--- a/save/reading/outliers/1.html
+++ b/save/reading/outliers/1.html
@@ -5,15 +5,15 @@
     
     Introduction & Chapter 1: The Roseto Mystery | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,8 +36,8 @@
     
   
   
-    
          Toshiki's Note
          Appearance
          Introduction & Chapter 1: The Roseto Mystery ​
           Author:查尔斯
           Updated:4 minutes ago
           Words:1.4k
           Reading:8 min
          Summary: Introduction: The Roseto Mystery ​
          Section 1. ​
          In the late 1800s, immigrants from Roseto Valfortore, Italy, came to Pennsylvania to work in the slate quarry near the town of Bangor. The settlers established a new community, named after their old one: Roseto. They built schools, a park, small shops, and more than a dozen factories. They kept to themselves and did not interact much with the predominantly German and English populations of the towns around them.
          In the 1950s, a local doctor told Stewart Wolf, a medical researcher, that hardly anyone in Roseto under age sixty-five had heart disease. Wolf was curious. He did blood draws and EKG scans, and he analyzed physicians’ records and death certificates. Wolf was amazed that almost no one under fifty-five showed any signs of heart disease, which at the time was America’s leading cause of death in men under sixty-five. Wolf enlisted the help of John Bruhn, a sociologist. They found that there was no suicide, alcoholism, or drug addiction in Roseto: everyone seemed to be dying of old age. According to Gladwell, Roseto was an outlier.
          Section 2. ​
          Wolf was forced to rule out diet and lifestyle as explanations, because the Rosetans had poor eating habits, smoked heavily, and were obese. He ruled out genetics after determining that Rosetans’ relatives in other parts of the country were not in comparably good health. Wolf eventually decided that what made Roseto’s inhabitants so healthy was the town itself—its culture and social structure. Many homes contained three generations living together, and with a population of just two thousand people, there were twenty-two separate civic organizations.
          Wolf and Bruhn were met with a great deal of skepticism. They had to work hard to convince the medical establishment that the values of where we live and the people around us have a significant impact on who we are. Gladwell wants Outliers to do for our understanding of success what Wolf did for our understanding of health.
          Summary: Chapter One: The Matthew Effect ​
          Section 1. ​
          Gladwell describes a game between two teams in the Canadian Hockey League, the most competitive junior hockey league in the world. Starting at a very young age, players are regularly assessed for talent, so that the best can be separated out and prepared for the next level. The system is designed to be a meritocracy.
          Section 2. ​
          Gladwell wants to show that circumstances matter just as much for success as work ethic or intelligence. People often ask about the lifestyle, intelligence, or special talents of successful individuals, but not enough people ask when and where a person grew up. Gladwell likens people to trees: we all know that the tallest trees received the most sunlight, had nutrient-rich soil, and were lucky enough to avoid lumberjacks. He suggests that we study the environmental and social influences that make people successful.
          Section 3. ​
          In the 1980s, Canadian psychologist Roger Barnsley observed that on elite Canadian hockey teams, whether youth league or NHL, a disproportionate number of players have birthdays in the first three months of the year.
          Section 4. ​
          The explanation for the distribution of birthdays is simple: the cutoff date for an individual’s league assignment is January 1. A player born on January 2 will be 12 months older than one born at the end of December. At the age of nine or ten, this often translates into a huge difference in size, coordination, and maturity. By age ten, coaches regularly pick the oldest and largest potential players for the more competitive “rep squads,” where the players will receive better coaching, have more practice time, and play many more games. By thirteen or fourteen, all of the extra experience and coaching will have actually made the players better, and they will be selected for the more competitive league(s). The same thing happens in American youth baseball and European soccer, but with different cutoff dates.
          The phenomenon is also observable in education. Economists Kelly Bedard and Elizabeth Dhuey found that on math and science tests, the older children in fourth grade regularly score better than the youngest children. This can affect whether a child qualifies for a gifted program. When Bedard and Dhuey extended their analysis to four-year colleges, they found that the students who belonged to the relatively youngest group were underrepresented by more than 10 percent.
          Section 5. ​
          The top-level hockey players were given opportunities they neither deserved nor earned. Sociologist Robert Merton called this the “Matthew Effect,” after the verse in the Gospel of Matthew:
          “For unto everyone that hath shall be given, and he shall have abundance. But from that hath not shall be taken away even that which he hath.”
          The successful receive more resources: the best students receive the best teaching, the richest citizens get the biggest tax breaks, the largest kids get the best coaching. Sociologists call this “accumulative advantage.” Gladwell points out that cutoff dates exclude nearly half of the potential athletes from a population. Junior hockey teams in the Czech Republic show the same unbalanced distribution of birthdays as in Canada. If Canada or the Czech Republic separated each of their youth leagues into two separate leagues, one for kids born in the first half of the year, and one for kids born in the second half of the year, they would have twice as many athletes available for their national teams. Similarly, schools could separate kindergarten classes into students born in the first, middle, and last four months of the year. The benefits would justify the added administrative work, but, writes Gladwell, the scheme would run afoul of society’s need to believe that individual merit matters more than the rules society has created.
          Section 6. ​
          Gord Wasden, the father of one of the Canadian Hockey League boys from the first section, describes his son. Scott Wasden worked hard to get where he is, but he has also generally had the advantage of being big compared to others on his team. He was born on January 4.
          Analysis: Introduction: The Roseto Mystery & Chapter 1: The Matthew Effect ​
          Gladwell's thesis argues that that the idea of rugged, individual success is not accurate. Rather, the most successful person doesn’t thrive without some environmental and social influence plus a dose of good fortune.  After laying out the concepts of a meritocracy and suggesting that this is the way that hockey players advance in Canada, he immediately undercuts this idea. Gladwell uses the illustration of birthday distribution as an example of an invisible contributor to the success of hockey players. With a registration cutoff date of January 1, players born from January 2 through March 31 are older than teammates born later in the year. These older players are likely bigger, faster, more coordinated, and more mature. Since the older players are seen as more skilled, they get selected for more advanced leagues with more practice, more games, and higher-quality coaching. By the time these older players reach their early teens, the extra advantages gained from being judged better because of their birthday translate into being better players. Similarly, the age cutoff for school registrations often mistakes maturity for ability. As a result, the older children appear smarter, get put into advanced groups, and qualify for gifted programs. The birthdate bias carries through to college.
          Advantages result in more advantages. Gladwell reinforces this idea with the “Matthew Effect,” which states that "success leads to more success." More simply: by being a little bit better, a hockey player will get opportunities that may result in the player becoming an outlier. Gladwell implies that the systems that determine success are not efficient. He asks readers to question the way we, as a society, think about success. He suggests that changing the systems in athletics and education would chip away at the myth of individual merit as the chief marker of success and help level the playing field. Gladwell's model for this phenomenon is hockey player Scott Wasden. By demonstrating that Scott had the passion, talent, and work ethic for the game, as well as the good luck to be born on January 4, Gladwell reasons that Wasden, like many others he will be profiling, benefit by being both good and lucky.
          Reference
          • “Outliers Introduction & Chapter 1 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section1/.
          
-    
+    
          Toshiki's Note
          Appearance
          Introduction & Chapter 1: The Roseto Mystery ​
           Author:查尔斯
           Updated:2 minutes ago
           Words:1.4k
           Reading:8 min
          Summary: Introduction: The Roseto Mystery ​
          Section 1. ​
          In the late 1800s, immigrants from Roseto Valfortore, Italy, came to Pennsylvania to work in the slate quarry near the town of Bangor. The settlers established a new community, named after their old one: Roseto. They built schools, a park, small shops, and more than a dozen factories. They kept to themselves and did not interact much with the predominantly German and English populations of the towns around them.
          In the 1950s, a local doctor told Stewart Wolf, a medical researcher, that hardly anyone in Roseto under age sixty-five had heart disease. Wolf was curious. He did blood draws and EKG scans, and he analyzed physicians’ records and death certificates. Wolf was amazed that almost no one under fifty-five showed any signs of heart disease, which at the time was America’s leading cause of death in men under sixty-five. Wolf enlisted the help of John Bruhn, a sociologist. They found that there was no suicide, alcoholism, or drug addiction in Roseto: everyone seemed to be dying of old age. According to Gladwell, Roseto was an outlier.
          Section 2. ​
          Wolf was forced to rule out diet and lifestyle as explanations, because the Rosetans had poor eating habits, smoked heavily, and were obese. He ruled out genetics after determining that Rosetans’ relatives in other parts of the country were not in comparably good health. Wolf eventually decided that what made Roseto’s inhabitants so healthy was the town itself—its culture and social structure. Many homes contained three generations living together, and with a population of just two thousand people, there were twenty-two separate civic organizations.
          Wolf and Bruhn were met with a great deal of skepticism. They had to work hard to convince the medical establishment that the values of where we live and the people around us have a significant impact on who we are. Gladwell wants Outliers to do for our understanding of success what Wolf did for our understanding of health.
          Summary: Chapter One: The Matthew Effect ​
          Section 1. ​
          Gladwell describes a game between two teams in the Canadian Hockey League, the most competitive junior hockey league in the world. Starting at a very young age, players are regularly assessed for talent, so that the best can be separated out and prepared for the next level. The system is designed to be a meritocracy.
          Section 2. ​
          Gladwell wants to show that circumstances matter just as much for success as work ethic or intelligence. People often ask about the lifestyle, intelligence, or special talents of successful individuals, but not enough people ask when and where a person grew up. Gladwell likens people to trees: we all know that the tallest trees received the most sunlight, had nutrient-rich soil, and were lucky enough to avoid lumberjacks. He suggests that we study the environmental and social influences that make people successful.
          Section 3. ​
          In the 1980s, Canadian psychologist Roger Barnsley observed that on elite Canadian hockey teams, whether youth league or NHL, a disproportionate number of players have birthdays in the first three months of the year.
          Section 4. ​
          The explanation for the distribution of birthdays is simple: the cutoff date for an individual’s league assignment is January 1. A player born on January 2 will be 12 months older than one born at the end of December. At the age of nine or ten, this often translates into a huge difference in size, coordination, and maturity. By age ten, coaches regularly pick the oldest and largest potential players for the more competitive “rep squads,” where the players will receive better coaching, have more practice time, and play many more games. By thirteen or fourteen, all of the extra experience and coaching will have actually made the players better, and they will be selected for the more competitive league(s). The same thing happens in American youth baseball and European soccer, but with different cutoff dates.
          The phenomenon is also observable in education. Economists Kelly Bedard and Elizabeth Dhuey found that on math and science tests, the older children in fourth grade regularly score better than the youngest children. This can affect whether a child qualifies for a gifted program. When Bedard and Dhuey extended their analysis to four-year colleges, they found that the students who belonged to the relatively youngest group were underrepresented by more than 10 percent.
          Section 5. ​
          The top-level hockey players were given opportunities they neither deserved nor earned. Sociologist Robert Merton called this the “Matthew Effect,” after the verse in the Gospel of Matthew:
          “For unto everyone that hath shall be given, and he shall have abundance. But from that hath not shall be taken away even that which he hath.”
          The successful receive more resources: the best students receive the best teaching, the richest citizens get the biggest tax breaks, the largest kids get the best coaching. Sociologists call this “accumulative advantage.” Gladwell points out that cutoff dates exclude nearly half of the potential athletes from a population. Junior hockey teams in the Czech Republic show the same unbalanced distribution of birthdays as in Canada. If Canada or the Czech Republic separated each of their youth leagues into two separate leagues, one for kids born in the first half of the year, and one for kids born in the second half of the year, they would have twice as many athletes available for their national teams. Similarly, schools could separate kindergarten classes into students born in the first, middle, and last four months of the year. The benefits would justify the added administrative work, but, writes Gladwell, the scheme would run afoul of society’s need to believe that individual merit matters more than the rules society has created.
          Section 6. ​
          Gord Wasden, the father of one of the Canadian Hockey League boys from the first section, describes his son. Scott Wasden worked hard to get where he is, but he has also generally had the advantage of being big compared to others on his team. He was born on January 4.
          Analysis: Introduction: The Roseto Mystery & Chapter 1: The Matthew Effect ​
          Gladwell's thesis argues that that the idea of rugged, individual success is not accurate. Rather, the most successful person doesn’t thrive without some environmental and social influence plus a dose of good fortune.  After laying out the concepts of a meritocracy and suggesting that this is the way that hockey players advance in Canada, he immediately undercuts this idea. Gladwell uses the illustration of birthday distribution as an example of an invisible contributor to the success of hockey players. With a registration cutoff date of January 1, players born from January 2 through March 31 are older than teammates born later in the year. These older players are likely bigger, faster, more coordinated, and more mature. Since the older players are seen as more skilled, they get selected for more advanced leagues with more practice, more games, and higher-quality coaching. By the time these older players reach their early teens, the extra advantages gained from being judged better because of their birthday translate into being better players. Similarly, the age cutoff for school registrations often mistakes maturity for ability. As a result, the older children appear smarter, get put into advanced groups, and qualify for gifted programs. The birthdate bias carries through to college.
          Advantages result in more advantages. Gladwell reinforces this idea with the “Matthew Effect,” which states that "success leads to more success." More simply: by being a little bit better, a hockey player will get opportunities that may result in the player becoming an outlier. Gladwell implies that the systems that determine success are not efficient. He asks readers to question the way we, as a society, think about success. He suggests that changing the systems in athletics and education would chip away at the myth of individual merit as the chief marker of success and help level the playing field. Gladwell's model for this phenomenon is hockey player Scott Wasden. By demonstrating that Scott had the passion, talent, and work ethic for the game, as well as the good luck to be born on January 4, Gladwell reasons that Wasden, like many others he will be profiling, benefit by being both good and lucky.
          Reference
          • “Outliers Introduction & Chapter 1 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section1/.
          
+    
     
   
 
\ No newline at end of file
diff --git a/save/reading/outliers/2.html b/save/reading/outliers/2.html
index df15b8b0..fb38bd54 100644
--- a/save/reading/outliers/2.html
+++ b/save/reading/outliers/2.html
@@ -5,15 +5,15 @@
     
     Chapter Two: The 10,000-Hour Rule | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,8 +36,8 @@
     
   
   
-    
          Toshiki's Note
          Appearance
          Chapter Two: The 10,000-Hour Rule ​
           Author:Anda Toshiki
           Updated:4 minutes ago
           Words:1.4k
           Reading:8 min
          Summary: Chapter Two: The 10,000-Hour Rule ​
          Section 1. ​
          Bill Joy, a co-founder of Sun Microsystems, is one of the most influential computer programmers of all time. Joy attended the University of Michigan, thinking to become a biologist or mathematician, but he became obsessed with the Computer Center that opened during his freshman year. In 1975, he enrolled in graduate school at UC Berkeley. At both schools, Bill Joy spent much of his free time programming. After graduating from Berkeley, he founded Sun Microsystems, eventually rewriting the Java programming language. He would appear to be a good example of success based on individual merit.
          Section 2. ​
          If achievement is the combination of talent and preparation, how much does innate talent affect one’s success? In the 1990s, a study at Berlin’s elite Academy of Music determined that, regardless of instrument, all of the world-class students had practiced more than 10,000 hours. They did not find anyone at the top level who spent less time, nor did they find anyone who spent that amount of time who was not successful. Neurologist Daniel Levitin states that, across many fields, world-class expertise is never accomplished in less than 10,000 hours. The law holds even for a prodigy like Mozart, who started composing at age six: he did not compose his first masterwork until he was twenty-one. The youth athletes from the previous chapter who made it to the professional level put in 10,000 hours of practice. And note: individuals cannot normally put in that much practice without help. Most people will need supportive parents, financial stability, and probably a special program—like an all-star youth hockey team.
          Section 3. ​
          Bill Joy was certainly intelligent, having achieved a perfect score on the math portion of his Scholastic Aptitude Test. His opportunities, however, were extraordinary. Bill Joy happened to choose a college that had a time-sharing computer available, something that was exceedingly rare during the early 1970s. While most students had to pay for computer time, Bill Joy exploited a bug in the college’s system to gain unlimited access to the Computer Center, which was walking distance from where he lived. He was able to spend almost all of his free time programming, and when he went to Berkeley, he had a terminal at home, where he could program until he fell asleep at his keyboard. Bill Joy was able to accumulate 10,000 hours while in college.
          Section 4. ​
          The Beatles are another example of the 10,000-hours principle. In 1960, when they were still a high school rock band, they were given the chance to travel to Hamburg, Germany and play in various strip clubs. The Beatles were contracted to play for hours every night, seven nights a week, and thereby were forced to develop as musicians. After a year and a half, they had performed 270 nights. By 1964, when they first found commercial success, they had performed an estimated twelve hundred times—more than most band bands do in an entire career.
          Section 5. ​
          Born in Seattle to affluent parents, Bill Gates was sent to a private school for seventh grade. The school’s Mother’s Club funded the purchase of a time-sharing terminal connected to a mainframe computer in Seattle. As an eighth-grader, Gates was able to start programming. When the Mother’s Club could no longer pay for computing time, Gates was able to continue programming at Information Sciences, Inc. (ISI) through a connection he made with one of the school parents. After that, one of ISI’s founders recommended Gates for a programming project at the Bonneville Power station. Gates was able to leave high school during his senior year to program for the Bonneville Power station as an independent study project. By the time Bill Gates dropped out of Harvard, he was well past 10,000 hours of experience.
          Section 6. ​
          In a list of the seventy-five richest people in human history, going as far back as ancient Egypt and converting all wealth estimates into modern U.S. dollars, fourteen names are Americans born within nine years of one another (including John D. Rockefeller and J.P. Morgan). What accounts for the fact that a list that covers thousands of years should have 20 percent of its members so close together? The fourteen Americans happened to live during the 1860s and 1870s, when the American economy was undergoing a huge transformation: the expansion of the railroads and the creation of Wall Street. Gladwell argues that the fourteen names are so close in birth date because they were all the perfect age to seize the opportunities available.
          Bill Joy and Bill Gates were also born at just the right time. In 1975, Popular Electronics ran a cover story about the Altair 8800, a $397 microcomputer kit. Someone born before 1954 would likely already have a job with IBM, working on mainframes. Someone born after 1956 would likely still be in high school. Most of the biggest pioneers in the modern computer industry, including Bill Gates, Bill Joy, Steve Jobs, and Eric Schmidt, were born in 1954 or 1955, as were Joy’s three fellow founders at Sun.
          Analysis: Chapter Two: The 10,000-Hour Rule ​
          Gladwell introduces his controversial and widely disputed 10,000 hours rule. Simply put, the rule suggests that to master a skill, an individual needs to practice it for 10,000 hours. Gladwell argues that, like hockey, success in computing requires both skill and luck, rather than pure, simple, natural ability. Gladwell's example is situated at the University of Michigan, specifically the new computer center, in 1971. The story of Bill Joy undermines the idea of success as an inexplicable, miraculous accomplishment. Though Gladwell agrees Joy is bright and talented, Joy also lucks into several happy accidents that allow for increased access. These strokes of luck give Joy the opportunity to become a computer expert. Gladwell's use of a psychological study conducted at the Academy of Music in Berlin, Germany, in the early 1990s forms the crux of his argument in this chapter. However, critics have suggested that this study was flawed and that there is no incontrovertible evidence to suggest that doing anything for 10,000 hours guarantees mastery. Rather, practice is, as Gladwell points out elsewhere throughout the text, just one of the factors in success. However, he also correlates the familial and economic advantages necessary to reach 10,000 of practice time, reinforcing the larger thesis of the book.
          Gladwell argues that the Beatles and Bill Gates are examples of his notion of time spent directly relating to mastery. While detailing how the Beatles reached the 10,000-hour threshold for mastery, Gladwell also highlights the lucky breaks they had in achieving success, like the connection that landed the band in Hamburg’s music scene. Additionally, while Gates has become something of an American folk hero, Gladwell argues that Gates did not reach his great achievements completely on his own. His wealthy family, his lucky interaction with a computer in 1968, and his college experience allowed him far greater access to opportunity. Without this combination of factors, along with his intelligence and drive, Gates would likely not have become a household name. Again, Gladwell reinforces the idea that success comes not only from being good, but from having no small amount of luck, whether that be time, money, or, in an echo of the hockey player example, birthdate.
          Gladwell claims that one important factor of success is the year in which one is born. In terms of wealth, there are 14 Americans, born in a nine-year period of the 1800s, who are among the richest people in history. This suggests that there was some connection to when they were born and the opportunities available to them in terms of innovation and invention, as well as the position they were in to take advantage of the opportunities. Similarly, men born in the same era of Bill Gates were coming of age at the bleeding edge of technology. Proximity to social and technological change, as well as the wealth and connections to take advantage of it, put these men in an advantageous position. Being in the right place at the right time, Gladwell argues, has at least as much to do with success as one's inborn abilities.
          Reference
          • “Outliers Chapter 2 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section2/. Accessed 27 Feb. 2023.
          
-    
+    
          Toshiki's Note
          Appearance
          Chapter Two: The 10,000-Hour Rule ​
           Author:Anda Toshiki
           Updated:2 minutes ago
           Words:1.4k
           Reading:8 min
          Summary: Chapter Two: The 10,000-Hour Rule ​
          Section 1. ​
          Bill Joy, a co-founder of Sun Microsystems, is one of the most influential computer programmers of all time. Joy attended the University of Michigan, thinking to become a biologist or mathematician, but he became obsessed with the Computer Center that opened during his freshman year. In 1975, he enrolled in graduate school at UC Berkeley. At both schools, Bill Joy spent much of his free time programming. After graduating from Berkeley, he founded Sun Microsystems, eventually rewriting the Java programming language. He would appear to be a good example of success based on individual merit.
          Section 2. ​
          If achievement is the combination of talent and preparation, how much does innate talent affect one’s success? In the 1990s, a study at Berlin’s elite Academy of Music determined that, regardless of instrument, all of the world-class students had practiced more than 10,000 hours. They did not find anyone at the top level who spent less time, nor did they find anyone who spent that amount of time who was not successful. Neurologist Daniel Levitin states that, across many fields, world-class expertise is never accomplished in less than 10,000 hours. The law holds even for a prodigy like Mozart, who started composing at age six: he did not compose his first masterwork until he was twenty-one. The youth athletes from the previous chapter who made it to the professional level put in 10,000 hours of practice. And note: individuals cannot normally put in that much practice without help. Most people will need supportive parents, financial stability, and probably a special program—like an all-star youth hockey team.
          Section 3. ​
          Bill Joy was certainly intelligent, having achieved a perfect score on the math portion of his Scholastic Aptitude Test. His opportunities, however, were extraordinary. Bill Joy happened to choose a college that had a time-sharing computer available, something that was exceedingly rare during the early 1970s. While most students had to pay for computer time, Bill Joy exploited a bug in the college’s system to gain unlimited access to the Computer Center, which was walking distance from where he lived. He was able to spend almost all of his free time programming, and when he went to Berkeley, he had a terminal at home, where he could program until he fell asleep at his keyboard. Bill Joy was able to accumulate 10,000 hours while in college.
          Section 4. ​
          The Beatles are another example of the 10,000-hours principle. In 1960, when they were still a high school rock band, they were given the chance to travel to Hamburg, Germany and play in various strip clubs. The Beatles were contracted to play for hours every night, seven nights a week, and thereby were forced to develop as musicians. After a year and a half, they had performed 270 nights. By 1964, when they first found commercial success, they had performed an estimated twelve hundred times—more than most band bands do in an entire career.
          Section 5. ​
          Born in Seattle to affluent parents, Bill Gates was sent to a private school for seventh grade. The school’s Mother’s Club funded the purchase of a time-sharing terminal connected to a mainframe computer in Seattle. As an eighth-grader, Gates was able to start programming. When the Mother’s Club could no longer pay for computing time, Gates was able to continue programming at Information Sciences, Inc. (ISI) through a connection he made with one of the school parents. After that, one of ISI’s founders recommended Gates for a programming project at the Bonneville Power station. Gates was able to leave high school during his senior year to program for the Bonneville Power station as an independent study project. By the time Bill Gates dropped out of Harvard, he was well past 10,000 hours of experience.
          Section 6. ​
          In a list of the seventy-five richest people in human history, going as far back as ancient Egypt and converting all wealth estimates into modern U.S. dollars, fourteen names are Americans born within nine years of one another (including John D. Rockefeller and J.P. Morgan). What accounts for the fact that a list that covers thousands of years should have 20 percent of its members so close together? The fourteen Americans happened to live during the 1860s and 1870s, when the American economy was undergoing a huge transformation: the expansion of the railroads and the creation of Wall Street. Gladwell argues that the fourteen names are so close in birth date because they were all the perfect age to seize the opportunities available.
          Bill Joy and Bill Gates were also born at just the right time. In 1975, Popular Electronics ran a cover story about the Altair 8800, a $397 microcomputer kit. Someone born before 1954 would likely already have a job with IBM, working on mainframes. Someone born after 1956 would likely still be in high school. Most of the biggest pioneers in the modern computer industry, including Bill Gates, Bill Joy, Steve Jobs, and Eric Schmidt, were born in 1954 or 1955, as were Joy’s three fellow founders at Sun.
          Analysis: Chapter Two: The 10,000-Hour Rule ​
          Gladwell introduces his controversial and widely disputed 10,000 hours rule. Simply put, the rule suggests that to master a skill, an individual needs to practice it for 10,000 hours. Gladwell argues that, like hockey, success in computing requires both skill and luck, rather than pure, simple, natural ability. Gladwell's example is situated at the University of Michigan, specifically the new computer center, in 1971. The story of Bill Joy undermines the idea of success as an inexplicable, miraculous accomplishment. Though Gladwell agrees Joy is bright and talented, Joy also lucks into several happy accidents that allow for increased access. These strokes of luck give Joy the opportunity to become a computer expert. Gladwell's use of a psychological study conducted at the Academy of Music in Berlin, Germany, in the early 1990s forms the crux of his argument in this chapter. However, critics have suggested that this study was flawed and that there is no incontrovertible evidence to suggest that doing anything for 10,000 hours guarantees mastery. Rather, practice is, as Gladwell points out elsewhere throughout the text, just one of the factors in success. However, he also correlates the familial and economic advantages necessary to reach 10,000 of practice time, reinforcing the larger thesis of the book.
          Gladwell argues that the Beatles and Bill Gates are examples of his notion of time spent directly relating to mastery. While detailing how the Beatles reached the 10,000-hour threshold for mastery, Gladwell also highlights the lucky breaks they had in achieving success, like the connection that landed the band in Hamburg’s music scene. Additionally, while Gates has become something of an American folk hero, Gladwell argues that Gates did not reach his great achievements completely on his own. His wealthy family, his lucky interaction with a computer in 1968, and his college experience allowed him far greater access to opportunity. Without this combination of factors, along with his intelligence and drive, Gates would likely not have become a household name. Again, Gladwell reinforces the idea that success comes not only from being good, but from having no small amount of luck, whether that be time, money, or, in an echo of the hockey player example, birthdate.
          Gladwell claims that one important factor of success is the year in which one is born. In terms of wealth, there are 14 Americans, born in a nine-year period of the 1800s, who are among the richest people in history. This suggests that there was some connection to when they were born and the opportunities available to them in terms of innovation and invention, as well as the position they were in to take advantage of the opportunities. Similarly, men born in the same era of Bill Gates were coming of age at the bleeding edge of technology. Proximity to social and technological change, as well as the wealth and connections to take advantage of it, put these men in an advantageous position. Being in the right place at the right time, Gladwell argues, has at least as much to do with success as one's inborn abilities.
          Reference
          • “Outliers Chapter 2 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section2/. Accessed 27 Feb. 2023.
          
+    
     
   
 
\ No newline at end of file
diff --git a/save/reading/outliers/3.html b/save/reading/outliers/3.html
index 4c66f03b..c5a26435 100644
--- a/save/reading/outliers/3.html
+++ b/save/reading/outliers/3.html
@@ -5,15 +5,15 @@
     
     Chapter 3: The Trouble with Geniuses, Part 1 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,8 +36,8 @@
     
   
   
-    
          Toshiki's Note
          Appearance
          Chapter 3: The Trouble with Geniuses, Part 1 ​
           Author:Anda Toshiki
           Updated:4 minutes ago
           Words:1.1k
           Reading:6 min
          Summary: Chapter Three: The Trouble with Geniuses, Part 1 ​
          Section 1. ​
          Chris Langan appeared on the television trivia show 1 vs. 100 after being the subject of interviews and at least one documentary, due to his extremely high IQ. He had little difficulty in high school, got a perfect score on his SAT, and read through Principia Mathematica as a teenager. On 1 vs. 100, Langan cashed out with winnings of $250,000.
          Section 2. ​
          Shortly after World War I, Lewis Terman, creator of the widely used Stanford-Binet IQ test, became fascinated with child prodigies. In 1921, he identified exceptionally gifted 1,470 students who came to be known as the “Termites.” Terman kept track of them over the years, carefully cataloging their educational achievement, marriages, psychological health, and employment. Terman was sure that the Termites would be the future elite of the United States. The same confidence underlies the use of IQ-like tests, such as the SAT, to assess applicants at Ivy League schools and corporations such as Microsoft and Google. Gladwell states that Terman was wrong about the Termites, and if he had met Chris Langan as a teenager, he would have been wrong about him, too.
          Section 3. ​
          Gladwell gives two examples—one easy and one much harder—of questions that use visual puzzles to test IQ, without requiring any language abilities or specific factual knowledge. The average human will score 100. Those scoring below 70 are considered mentally disabled, and those who are successful in graduate programs likely have an IQ of 115 or higher. According to Gladwell, however, above 120 IQ makes little or no difference to success. A similar point applies to basketball: height is certainly an advantage, but there is, at best, modest value in being six foot seven instead of six foot six. A basketball player just needs to be tall enough.
          A list of the last twenty-five Americans to win a Nobel Prize in Medicine includes graduates of prestigious schools, such as Columbia, Harvard, and MIT, but also graduates of DePauw, Holy Cross, and Gettysburg College. Similarly, there have been American Nobel laureates in Chemistry from Harvard and MIT, but also from Notre Dame and the University of Illinois. Harvard might have more intelligent students, but many other colleges have students smart enough to win a Nobel.
          At the University of Michigan law school, around 10 percent of students are racial minorities. Without affirmative action, there would be less than 3 percent. Looking at career performance after graduation, Michigan found no difference between white and minority graduates. Minority students come into law school with weaker academic credentials than their white counterparts, but they are above the threshold required to be just as successful.
          Section 4. ​
          Not all questions that test for intelligence have a single correct answer. A different sort of question might ask for a list of different uses for a brick, or a blanket. A question like this measures imagination and creativity. At a top British high school, one student lists more than ten uses, many of which are comical. Another student, a prodigy with one of the school’s highest IQs, lists just a few uses, all of which are practical. Compared to an IQ test, asking about different uses for a brick might be a better way to identify future Nobel Prize winners.
          Section 5. ​
          Terman’s error was using intelligence alone to choose his Termites. While some of the Termites had successful careers, an unexpectedly high went on to careers that even Terman didn’t consider to be successful. The two students tested by Terman’s team who actually did go on to win Nobels were not selected as Termites: their IQs were too low. Terman eventually concluded that “intellect and achievement are far from perfectly correlated.”
          Gladwell states that to understand Chris Langan’s prospects of becoming a “true outlier,” one must learn more about him.
          Analysis: Chapter Three: The Trouble with Geniuses, Part 1 ​
          Intelligence, Gladwell argues, does not equal success. He dedicates this chapter to the examination of geniuses. Comparing the young subjects of Lewis Terman to Chris Langan, Gladwell argues against Terman’s idea that genius is a key to societal advancement. Gladwell lists Langan’s early accomplishments as a shining example of Terman's idea, then swiftly undercuts expectations. Gladwell argues again that individuals do not succeed or fail solely on their own, but rather due to a constellation of factors, many of which are uncontrollable. Langan's early achievements would suggest great things and a continued path toward accomplishment, but Gladwell includes the anecdote of his game show appearance to undermine the notion that genius equals success. Using two questions from an IQ test, Gladwell introduces the idea of an IQ threshold to examine the the larger notion of intelligence and its limitations. Arguing that the measure of someone’s intelligence is only helpful up to a point, Gladwell uses examples of schools that Nobel laureates attended for undergraduate studies. Some, he points out, are elite institutions; others are not. Additionally, he points to success among graduates of the law school at the University of Michigan. There was no quantifiable difference in success post-graduation between white and POC students, some of whom were admitted under affirmative action with slightly lower undergraduate grades and standardized test scores. Reasonably, then, the level of intelligence beyond a certain point is moot. All of the students were intelligent enough to graduate, and beyond that, he argues, their intelligence predicted nothing.
          Elements other than intelligence must contribute to success. Gladwell expands on his notion of an intelligence threshold and examines these other factors through an example of a question on a divergence test. Using examples of two students at an elite British school, Gladwell shows that the divergence test has no right answers, but instead looks for answers that demonstrate uniqueness and creativity. Intelligence matters, but so does imagination, creativity, and outside-the-box thinking. Gladwell circles back to Terman, reinforcing that the error when choosing his Termites was a focus on intelligence alone. He once again turns his attention to Chris Langan, foreshadowing that Langan’s story did not follow a direct line to achievement. Intelligence alone does not offer a certain path to success.
          Reference
          • “Outliers Chapter 3 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section3/. Accessed 27 Feb. 2023.
          
-    
+    
          Toshiki's Note
          Appearance
          Chapter 3: The Trouble with Geniuses, Part 1 ​
           Author:Anda Toshiki
           Updated:2 minutes ago
           Words:1.1k
           Reading:6 min
          Summary: Chapter Three: The Trouble with Geniuses, Part 1 ​
          Section 1. ​
          Chris Langan appeared on the television trivia show 1 vs. 100 after being the subject of interviews and at least one documentary, due to his extremely high IQ. He had little difficulty in high school, got a perfect score on his SAT, and read through Principia Mathematica as a teenager. On 1 vs. 100, Langan cashed out with winnings of $250,000.
          Section 2. ​
          Shortly after World War I, Lewis Terman, creator of the widely used Stanford-Binet IQ test, became fascinated with child prodigies. In 1921, he identified exceptionally gifted 1,470 students who came to be known as the “Termites.” Terman kept track of them over the years, carefully cataloging their educational achievement, marriages, psychological health, and employment. Terman was sure that the Termites would be the future elite of the United States. The same confidence underlies the use of IQ-like tests, such as the SAT, to assess applicants at Ivy League schools and corporations such as Microsoft and Google. Gladwell states that Terman was wrong about the Termites, and if he had met Chris Langan as a teenager, he would have been wrong about him, too.
          Section 3. ​
          Gladwell gives two examples—one easy and one much harder—of questions that use visual puzzles to test IQ, without requiring any language abilities or specific factual knowledge. The average human will score 100. Those scoring below 70 are considered mentally disabled, and those who are successful in graduate programs likely have an IQ of 115 or higher. According to Gladwell, however, above 120 IQ makes little or no difference to success. A similar point applies to basketball: height is certainly an advantage, but there is, at best, modest value in being six foot seven instead of six foot six. A basketball player just needs to be tall enough.
          A list of the last twenty-five Americans to win a Nobel Prize in Medicine includes graduates of prestigious schools, such as Columbia, Harvard, and MIT, but also graduates of DePauw, Holy Cross, and Gettysburg College. Similarly, there have been American Nobel laureates in Chemistry from Harvard and MIT, but also from Notre Dame and the University of Illinois. Harvard might have more intelligent students, but many other colleges have students smart enough to win a Nobel.
          At the University of Michigan law school, around 10 percent of students are racial minorities. Without affirmative action, there would be less than 3 percent. Looking at career performance after graduation, Michigan found no difference between white and minority graduates. Minority students come into law school with weaker academic credentials than their white counterparts, but they are above the threshold required to be just as successful.
          Section 4. ​
          Not all questions that test for intelligence have a single correct answer. A different sort of question might ask for a list of different uses for a brick, or a blanket. A question like this measures imagination and creativity. At a top British high school, one student lists more than ten uses, many of which are comical. Another student, a prodigy with one of the school’s highest IQs, lists just a few uses, all of which are practical. Compared to an IQ test, asking about different uses for a brick might be a better way to identify future Nobel Prize winners.
          Section 5. ​
          Terman’s error was using intelligence alone to choose his Termites. While some of the Termites had successful careers, an unexpectedly high went on to careers that even Terman didn’t consider to be successful. The two students tested by Terman’s team who actually did go on to win Nobels were not selected as Termites: their IQs were too low. Terman eventually concluded that “intellect and achievement are far from perfectly correlated.”
          Gladwell states that to understand Chris Langan’s prospects of becoming a “true outlier,” one must learn more about him.
          Analysis: Chapter Three: The Trouble with Geniuses, Part 1 ​
          Intelligence, Gladwell argues, does not equal success. He dedicates this chapter to the examination of geniuses. Comparing the young subjects of Lewis Terman to Chris Langan, Gladwell argues against Terman’s idea that genius is a key to societal advancement. Gladwell lists Langan’s early accomplishments as a shining example of Terman's idea, then swiftly undercuts expectations. Gladwell argues again that individuals do not succeed or fail solely on their own, but rather due to a constellation of factors, many of which are uncontrollable. Langan's early achievements would suggest great things and a continued path toward accomplishment, but Gladwell includes the anecdote of his game show appearance to undermine the notion that genius equals success. Using two questions from an IQ test, Gladwell introduces the idea of an IQ threshold to examine the the larger notion of intelligence and its limitations. Arguing that the measure of someone’s intelligence is only helpful up to a point, Gladwell uses examples of schools that Nobel laureates attended for undergraduate studies. Some, he points out, are elite institutions; others are not. Additionally, he points to success among graduates of the law school at the University of Michigan. There was no quantifiable difference in success post-graduation between white and POC students, some of whom were admitted under affirmative action with slightly lower undergraduate grades and standardized test scores. Reasonably, then, the level of intelligence beyond a certain point is moot. All of the students were intelligent enough to graduate, and beyond that, he argues, their intelligence predicted nothing.
          Elements other than intelligence must contribute to success. Gladwell expands on his notion of an intelligence threshold and examines these other factors through an example of a question on a divergence test. Using examples of two students at an elite British school, Gladwell shows that the divergence test has no right answers, but instead looks for answers that demonstrate uniqueness and creativity. Intelligence matters, but so does imagination, creativity, and outside-the-box thinking. Gladwell circles back to Terman, reinforcing that the error when choosing his Termites was a focus on intelligence alone. He once again turns his attention to Chris Langan, foreshadowing that Langan’s story did not follow a direct line to achievement. Intelligence alone does not offer a certain path to success.
          Reference
          • “Outliers Chapter 3 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section3/. Accessed 27 Feb. 2023.
          
+    
     
   
 
\ No newline at end of file
diff --git a/save/reading/outliers/4.html b/save/reading/outliers/4.html
index 657e3510..a3d43e39 100644
--- a/save/reading/outliers/4.html
+++ b/save/reading/outliers/4.html
@@ -5,15 +5,15 @@
     
     Chapter 4: The Trouble with Geniuses, Part 2 | Toshiki's Note
     
-    
+    
     
-    
+    
     
     
-    
+    
     
     
-    
+    
     
     
     
@@ -36,8 +36,8 @@
     
   
   
-    
          Toshiki's Note
          Appearance
          Chapter 4: The Trouble with Geniuses, Part 2 ​
           Author:Anda Toshiki
           Updated:4 minutes ago
           Words:1.3k
           Reading:8 min
          Summary: Chapter Four: The Trouble with Geniuses, Part 2 ​
          Section 1. ​
          Chris Langan’s mother had four children, all from different fathers. Her first husband died in Mexico, the second was murdered, the third committed suicide, and the fourth was an abusive alcoholic. Langan says he has never met someone who grew up as impoverished as he and his brothers did. Attending Reed College, in Oregon, on a scholarship, he felt as though he did not belong with the rest of the students. When his mother neglected to fill out the financial aid forms, he lost his scholarship and dropped out. According to Langan, the school just did not care about their students. Later, Langan attended Montana State University in Bozeman but he dropped out when a dean refused Langan’s request to adjust his class schedule because of car trouble. He still has intellectual interests and has been working on a treatise called the “Cognitive Theoretic Model of the Universe.” When asked if, hypothetically, he would take a position at Harvard, he acknowledges the benefit of an environment with so much intellectual energy, but he worries about a lack of intellectual freedom.
          Section 2. ​
          Gladwell points out the oddity of Langan’s experiences. Most colleges, especially small ones, try to accommodate student needs. Smart people take positions at places like Harvard instead of in the private sector precisely for the added intellectual freedom. Gladwell contrasts Langan’s story with Robert Oppenheimer’s. While at Cambridge, Oppenheimer became frustrated with his tutor and tried to poison him. After negotiations with the school administration, Oppenheimer was put on probation and assigned to a psychiatrist. Whereas Langan dropped out after his mother failed to fill out paperwork, Oppenheimer managed to stay in college after trying to kill someone. Later, Oppenheimer convinced General Leslie Groves to make Oppenheimer the scientific director of the Manhattan Project. Oppenheimer had the ability to persuade people, where Langan did not.
          Section 3. ​
          Psychologist Robert Sternberg calls the ability to persuade someone “practical intelligence.” It involves knowing what to say, how to say it, and when. It requires an ability to read situations. Individuals can have either practical or analytical intelligence, or in the case of Oppenheimer, both. To understand where one obtains practical intelligence, Gladwell refers to a study conducted by Annette Lareau.
          Lareau observed parenting strategies in both Black and white families from different socioeconomic strata. She found two distinct strategies: “concerted cultivation” and “accomplishment of natural growth.” Concerted cultivation, most common in middle-class and wealthier families, is defined by parents’ active promotion of their children’s talents and interests. Accomplishment of natural growth, most common in working-class or impoverished families, is defined by parents’ lack of interest or interaction in their children’s free time. Concerted cultivation, writes Gladwell, encourages children to seek opportunities for growth and to advocate for themselves. Accomplishment of natural growth leaves children unprepared to shape their environment for their own benefit. Concerted cultivation fosters an attitude better suited for success in the modern world.
          Section 4. ​
          Oppenheimer was raised by affluent parents who sent him to a progressive private school and took an active interest in his hobbies.
          • Affluent: Having an abundant supply of money or possessions of value.
          By contrast, Chris Langan’s brother Mark states that as children, they learned to resent authority. Mark, too, was unable to obtain financial aid, because he had no knowledge of how the system worked. If Chris Langan had been raised in a family that valued education, he probably would have had more success.
          Section 5. ​
          Once the Termites reached working adulthood, Terman grouped 730 of the males into three categories, based on their levels of success. The top 20 percent were upper-class professionals, while the bottom 20 percent had low-paying jobs or were unemployed. After analyzing the differences between the groups, Terman found that the bottom 20 percent came almost entirely from the lowest social and economic classes. What they lacked was “a community around them that prepared them properly for the world.”
          Section 6. ​
          Chris Langan lives on a horse farm in Missouri, where he still writes. He is happily married and continues to read physics and philosophy. While he has spent decades on his writing, almost none of it has ever been published. Langan admits he has not tried to contact publishers or found an agent—and does not plan to. Chris Langan did not have the support necessary to meet success. Gladwell points that no one ever makes it alone, regardless of if they are successful musicians, athletes, tech billionaires, or geniuses.
          Analysis: Chapter Four: The Trouble with Geniuses, Part 2 ​
          Family background plays a crucial role in an individual’s success. While a genius like Chris Langan should thrive on a college campus, he drops out. Langan doesn’t struggle with academics, but with paperwork, procedures, and environment. Gladwell’s characterization of Langan almost makes him seem like two separate characters: a confident, genius game show contestant versus a child from a poor and troubled family. Langan may be a true outlier in the sense that he doesn’t seem to fit in academia or the working-class world.  Langan’s story is ironic. His brilliant mind should propel him to success. However, his story also perfectly proves Gladwell’s point that brainpower alone does not lead to success. The author delves deeper into the irony of Langan’s situation by comparing him to Robert Oppenheimer, who worked on the nuclear bomb during World War II. Like Langan, Oppenheimer possesses great intelligence. Unlike Langan, Oppenheimer has an understanding that allows him to navigate the world effectively. Oppenheimer knows how to combat challenges, where Langan gets bested by a financial aid problem and class schedule. Oppenheimer’s family background gave him the confidence to deal with authority while Langan’s upbringing created a distrust of authority. Without a family background that encourages success, intelligence is not enough.
          Contrast & Comparison
          Oppenheimer’s family background gave him the confidence to deal with authority while Langan’s upbringing created a distrust of authority.
          The power of persuasion is an important factor that drives success. Gladwell notes that the power of persuasion is practical intelligence. He contrasts practical intelligence with analytical ability, noting that just because a person is smart does not mean they have practical intelligence. These two types of knowledge are not necessarily coeval. He reinforces this point with a return to the comparison of Langan and Oppenheimer. Both men are exceedingly intelligent, but Langan lacks the social savvy of practical intelligence. Gladwell suggests that individuals gain practical intelligence skills from their families, discussing a study by sociologist Annette Lareau to prove his point. Children from wealthier families learn how to interact with society in a way that drives achievement. Successful people have the power of persuasion and can convince others to see things from their point of view.
          Success, then, depends on more than individual effort. Gladwell builds this argument by detailing the differences between Oppenheimer’s upbringing and Langan’s. Oppenheimer lived in an upper-class neighborhood with myriad advantages. He learned how to negotiate and stand up for himself. Langan’s family moved from place to place, struggling for jobs, money, food, and clothes, and Langan learned that he couldn’t rely on others. Gladwell's consideration of the Termites' success or struggles as adults supports his assertion that success is more than an individual effort; Gladwell states, “In the end, only one thing mattered: family background.” Terman’s findings and Gladwell’s conclusion do not mean that talented individuals from lower social and economic classes cannot have successful futures. To succeed, everyone needs help along the way, if not from family, then from a supportive community. Individuals do not achieve success solely on their own.
          Reference
          • “Outliers Chapter 4 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section4/.
          
-    
+    
          Toshiki's Note
          Appearance
          Chapter 4: The Trouble with Geniuses, Part 2 ​
           Author:Anda Toshiki
           Updated:2 minutes ago
           Words:1.3k
           Reading:8 min
          Summary: Chapter Four: The Trouble with Geniuses, Part 2 ​
          Section 1. ​
          Chris Langan’s mother had four children, all from different fathers. Her first husband died in Mexico, the second was murdered, the third committed suicide, and the fourth was an abusive alcoholic. Langan says he has never met someone who grew up as impoverished as he and his brothers did. Attending Reed College, in Oregon, on a scholarship, he felt as though he did not belong with the rest of the students. When his mother neglected to fill out the financial aid forms, he lost his scholarship and dropped out. According to Langan, the school just did not care about their students. Later, Langan attended Montana State University in Bozeman but he dropped out when a dean refused Langan’s request to adjust his class schedule because of car trouble. He still has intellectual interests and has been working on a treatise called the “Cognitive Theoretic Model of the Universe.” When asked if, hypothetically, he would take a position at Harvard, he acknowledges the benefit of an environment with so much intellectual energy, but he worries about a lack of intellectual freedom.
          Section 2. ​
          Gladwell points out the oddity of Langan’s experiences. Most colleges, especially small ones, try to accommodate student needs. Smart people take positions at places like Harvard instead of in the private sector precisely for the added intellectual freedom. Gladwell contrasts Langan’s story with Robert Oppenheimer’s. While at Cambridge, Oppenheimer became frustrated with his tutor and tried to poison him. After negotiations with the school administration, Oppenheimer was put on probation and assigned to a psychiatrist. Whereas Langan dropped out after his mother failed to fill out paperwork, Oppenheimer managed to stay in college after trying to kill someone. Later, Oppenheimer convinced General Leslie Groves to make Oppenheimer the scientific director of the Manhattan Project. Oppenheimer had the ability to persuade people, where Langan did not.
          Section 3. ​
          Psychologist Robert Sternberg calls the ability to persuade someone “practical intelligence.” It involves knowing what to say, how to say it, and when. It requires an ability to read situations. Individuals can have either practical or analytical intelligence, or in the case of Oppenheimer, both. To understand where one obtains practical intelligence, Gladwell refers to a study conducted by Annette Lareau.
          Lareau observed parenting strategies in both Black and white families from different socioeconomic strata. She found two distinct strategies: “concerted cultivation” and “accomplishment of natural growth.” Concerted cultivation, most common in middle-class and wealthier families, is defined by parents’ active promotion of their children’s talents and interests. Accomplishment of natural growth, most common in working-class or impoverished families, is defined by parents’ lack of interest or interaction in their children’s free time. Concerted cultivation, writes Gladwell, encourages children to seek opportunities for growth and to advocate for themselves. Accomplishment of natural growth leaves children unprepared to shape their environment for their own benefit. Concerted cultivation fosters an attitude better suited for success in the modern world.
          Section 4. ​
          Oppenheimer was raised by affluent parents who sent him to a progressive private school and took an active interest in his hobbies.
          • Affluent: Having an abundant supply of money or possessions of value.
          By contrast, Chris Langan’s brother Mark states that as children, they learned to resent authority. Mark, too, was unable to obtain financial aid, because he had no knowledge of how the system worked. If Chris Langan had been raised in a family that valued education, he probably would have had more success.
          Section 5. ​
          Once the Termites reached working adulthood, Terman grouped 730 of the males into three categories, based on their levels of success. The top 20 percent were upper-class professionals, while the bottom 20 percent had low-paying jobs or were unemployed. After analyzing the differences between the groups, Terman found that the bottom 20 percent came almost entirely from the lowest social and economic classes. What they lacked was “a community around them that prepared them properly for the world.”
          Section 6. ​
          Chris Langan lives on a horse farm in Missouri, where he still writes. He is happily married and continues to read physics and philosophy. While he has spent decades on his writing, almost none of it has ever been published. Langan admits he has not tried to contact publishers or found an agent—and does not plan to. Chris Langan did not have the support necessary to meet success. Gladwell points that no one ever makes it alone, regardless of if they are successful musicians, athletes, tech billionaires, or geniuses.
          Analysis: Chapter Four: The Trouble with Geniuses, Part 2 ​
          Family background plays a crucial role in an individual’s success. While a genius like Chris Langan should thrive on a college campus, he drops out. Langan doesn’t struggle with academics, but with paperwork, procedures, and environment. Gladwell’s characterization of Langan almost makes him seem like two separate characters: a confident, genius game show contestant versus a child from a poor and troubled family. Langan may be a true outlier in the sense that he doesn’t seem to fit in academia or the working-class world.  Langan’s story is ironic. His brilliant mind should propel him to success. However, his story also perfectly proves Gladwell’s point that brainpower alone does not lead to success. The author delves deeper into the irony of Langan’s situation by comparing him to Robert Oppenheimer, who worked on the nuclear bomb during World War II. Like Langan, Oppenheimer possesses great intelligence. Unlike Langan, Oppenheimer has an understanding that allows him to navigate the world effectively. Oppenheimer knows how to combat challenges, where Langan gets bested by a financial aid problem and class schedule. Oppenheimer’s family background gave him the confidence to deal with authority while Langan’s upbringing created a distrust of authority. Without a family background that encourages success, intelligence is not enough.
          Contrast & Comparison
          Oppenheimer’s family background gave him the confidence to deal with authority while Langan’s upbringing created a distrust of authority.
          The power of persuasion is an important factor that drives success. Gladwell notes that the power of persuasion is practical intelligence. He contrasts practical intelligence with analytical ability, noting that just because a person is smart does not mean they have practical intelligence. These two types of knowledge are not necessarily coeval. He reinforces this point with a return to the comparison of Langan and Oppenheimer. Both men are exceedingly intelligent, but Langan lacks the social savvy of practical intelligence. Gladwell suggests that individuals gain practical intelligence skills from their families, discussing a study by sociologist Annette Lareau to prove his point. Children from wealthier families learn how to interact with society in a way that drives achievement. Successful people have the power of persuasion and can convince others to see things from their point of view.
          Success, then, depends on more than individual effort. Gladwell builds this argument by detailing the differences between Oppenheimer’s upbringing and Langan’s. Oppenheimer lived in an upper-class neighborhood with myriad advantages. He learned how to negotiate and stand up for himself. Langan’s family moved from place to place, struggling for jobs, money, food, and clothes, and Langan learned that he couldn’t rely on others. Gladwell's consideration of the Termites' success or struggles as adults supports his assertion that success is more than an individual effort; Gladwell states, “In the end, only one thing mattered: family background.” Terman’s findings and Gladwell’s conclusion do not mean that talented individuals from lower social and economic classes cannot have successful futures. To succeed, everyone needs help along the way, if not from family, then from a supportive community. Individuals do not achieve success solely on their own.
          Reference
          • “Outliers Chapter 4 Summary & Analysis.” SparkNotes, www.sparknotes.com/lit/outliers/section4/.
          
+    
     
   
 
\ No newline at end of file
diff --git a/sitemap.xml b/sitemap.xml
index 00a29c60..e5d722ef 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1 +1 @@
-https://chodocs.cn/4042023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/getting-started2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/roadmap2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/file-naming-convention2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/rclone-for-r22023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/jp2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/chemistry2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/literature2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/vocabulary2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/markdown-it-katex/how-to-use2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/markdown-it-katex/support-function2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/markdown-it-katex/support-table2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/markdown-it-katex/tips2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/acknowledgement2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/appendix2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/assignments2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/author2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/aws-batch2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/aws-get-started2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/closing2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/cloud2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/docker-system2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/handson-bashoutter2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/handson-ec22023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/handson-jupyter2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/handson-qabot2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/handson-serverless2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/license2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/main2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/scientific-computing2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/serverless2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/development/aws/webserver2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/save/reading2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/chemistry/notes/12-52023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/chemistry/problems/02-202023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/chemistry/problems/03-02-12023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/chemistry/problems/03-02-22023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/chemistry/problems/03-02-32023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/literature/writing/methods-of-development2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/12023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/102023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/112023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/122023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/132023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/22023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/32023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/42023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/52023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/62023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/72023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/82023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/92023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/annotations2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/cutting2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/emit2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/errors2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/includes2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/logging2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/multi-file2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/queries2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/types2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/config/flags2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/config/reference2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/guide/custom-theme2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions2023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/javascript/notes/1/1-12023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/javascript/notes/1/1-22023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/save/reading/outliers/12023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/save/reading/outliers/22023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/save/reading/outliers/32023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/save/reading/outliers/42023-09-22T10:17:03.759Zdaily1.0https://chodocs.cn/academic/vocabulary/2023/02/2023-02-272023-09-22T10:17:03.759Zdaily1.0
\ No newline at end of file
+https://chodocs.cn/4042023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/getting-started2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/roadmap2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/file-naming-convention2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/proxy4shell-terminal2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/rclone-for-r22023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/jp2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/chemistry2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/literature2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/vocabulary2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/markdown-it-katex/how-to-use2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/markdown-it-katex/support-function2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/markdown-it-katex/support-table2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/markdown-it-katex/tips2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/acknowledgement2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/appendix2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/assignments2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/author2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/aws-batch2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/aws-get-started2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/closing2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/cloud2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/docker-system2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/handson-bashoutter2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/handson-ec22023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/handson-jupyter2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/handson-qabot2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/handson-serverless2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/license2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/main2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/scientific-computing2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/serverless2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/development/aws/webserver2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/save/reading2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/chemistry/notes/12-52023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/chemistry/problems/02-202023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/chemistry/problems/03-02-12023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/chemistry/problems/03-02-22023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/chemistry/problems/03-02-32023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/literature/writing/methods-of-development2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/12023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/102023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/112023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/122023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/132023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/22023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/32023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/42023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/52023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/62023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/72023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/82023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/physics/ipho-formulas-jpn/92023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/annotations2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/cutting2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/emit2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/errors2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/includes2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/logging2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/multi-file2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/queries2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/api/types2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/config/flags2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/config/reference2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/guide/custom-theme2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/application/vitepress-plugin-shiki-twoslash/guide/markdown-extensions2023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/javascript/notes/1/1-12023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/javascript/notes/1/1-22023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/save/reading/outliers/12023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/save/reading/outliers/22023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/save/reading/outliers/32023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/save/reading/outliers/42023-11-03T22:54:19.134Zdaily1.0https://chodocs.cn/academic/vocabulary/2023/02/2023-02-272023-11-03T22:54:19.134Zdaily1.0
\ No newline at end of file